fix: typecheck

Author: segunadebayo

packages/machines/collapsible/src/collapsible.types.ts

@@ -15,11 +15,30 @@ export type ElementIds = Partial<{
   trigger: string
 }>
 
+/* -----------------------------------------------------------------------------
+ * Machine context
+ * -----------------------------------------------------------------------------*/
+
 export interface CollapsibleProps extends CommonProperties, DirectionProperty {
+  /**
+   * The ids of the elements in the collapsible. Useful for composition.
+   */
   ids?: ElementIds
+  /**
+   * Whether the collapsible is open.
+   */
   open?: boolean
+  /**
+   * The default open state of the collapsible.
+   */
   defaultOpen?: boolean
+  /**
+   * The callback invoked when the open state changes.
+   */
   onOpenChange?: (details: OpenChangeDetails) => void
+  /**
+   * The callback invoked when the exit animation completes.
+   */
   onExitComplete?: () => void
 }
 
@@ -61,11 +80,30 @@ export interface CollapsibleSchema {
 
 export type CollapsibleService = Service<CollapsibleSchema>
 
+/* -----------------------------------------------------------------------------
+ * Component API
+ * -----------------------------------------------------------------------------*/
+
 export interface CollapsibleApi<T extends PropTypes = PropTypes> {
+  /**
+   * Whether the collapsible is open.
+   */
   open: boolean
+  /**
+   * Whether the collapsible is visible (open or closing)
+   */
   visible: boolean
+  /**
+   * Whether the collapsible is disabled
+   */
   disabled: boolean
+  /**
+   * Function to open or close the collapsible.
+   */
   setOpen(open: boolean): void
+  /**
+   * Function to measure the size of the content.
+   */
   measureSize(): void
 
   getRootProps(): T["element"]

packages/machines/file-upload/src/file-upload.types.ts

@@ -135,7 +135,7 @@ export interface FileUploadProps extends LocaleProperties, CommonProperties {
   invalid?: boolean | undefined
 }
 
-type PropWithDefault = "minFileSize" | "maxFileSize" | "maxFiles" | "preventDocumentDrop" | "allowDrop"
+type PropWithDefault = "minFileSize" | "maxFileSize" | "maxFiles" | "preventDocumentDrop" | "allowDrop" | "translations"
 
 interface Context {
   /**

packages/machines/slider/src/slider.dom.ts

@@ -38,8 +38,8 @@ export const getValueFromPoint = (params: Params<SliderSchema>, point: Point) =>
 }
 
 export const dispatchChangeEvent = (params: Params<SliderSchema>) => {
-  const { prop, scope } = params
-  const valueArray = Array.from(prop("value"))
+  const { context, scope } = params
+  const valueArray = Array.from(context.get("value"))
   valueArray.forEach((value, index) => {
     const inputEl = getHiddenInputEl(scope, index)
     if (!inputEl) return

packages/machines/slider/src/slider.types.ts

@@ -1,5 +1,5 @@
 import type { EventObject, Service } from "@zag-js/core"
-import type { CommonProperties, DirectionProperty, PropTypes } from "@zag-js/types"
+import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
 
 /* -----------------------------------------------------------------------------
  * Callback details
@@ -139,6 +139,8 @@ export interface SliderProps extends DirectionProperty, CommonProperties {
   thumbSize?: { width: number; height: number } | undefined
 }
 
+type PropsWithDefault = "min" | "max" | "step" | "orientation" | "origin" | "thumbAlignment" | "minStepsBetweenThumbs"
+
 type Computed = Readonly<{
   /**
    * @computed
@@ -200,7 +202,7 @@ interface Context {
 
 export interface SliderSchema {
   state: "idle" | "dragging" | "focus"
-  props: SliderProps
+  props: RequiredBy<SliderProps, PropsWithDefault>
   context: Context
   computed: Computed
   event: EventObject

packages/machines/tags-input/src/tags-input.props.ts

@@ -33,6 +33,7 @@ export const props = createProps<TagsInputProps>()([
   "validate",
   "value",
   "defaultValue",
+  "defaultInputValue",
 ])
 
 export const splitProps = createSplitProps<Partial<TagsInputProps>>(props)