@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/cjs/components/file-input/use-file-input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-input.cjs","names":["useFieldProps","useControllableState","useClickable","getInputProps: PropGetter<\"input\">","visuallyHiddenAttributes","props","mergeRefs","ariaLabelledby"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNull,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" | \"input\" = \"input\"> =\n  FieldProps &\n    Omit<HTMLProps<Y>, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\"> &\n    Pick<HTMLProps<\"input\">, \"accept\" | \"multiple\" | \"ref\"> & {\n      /**\n       * The initial value of the file input.\n       */\n      defaultValue?: File[]\n      /**\n       * Ref to a reset function.\n       */\n      resetRef?: RefObject<(() => void) | null>\n      /**\n       * The value of the file input.\n       */\n      value?: File[]\n      /**\n       * Function to be called when a file change event occurs.\n       */\n      onChange?: (files: File[] | undefined) => void\n    }\n\nexport const useFileInput = <Y extends \"button\" | \"input\" = \"input\">(\n  props: UseFileInputProps<Y>,\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      \"aria-labelledby\": ariaLabelledby,\n      accept,\n      defaultValue,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      resetRef,\n      value,\n      onChange: onChangeProp,\n      onClick: onClickProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseFileInputProps<Y>>({\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [values, setValues] = useControllableState<File[] | undefined>({\n    defaultValue,\n    value,\n    onChange: onChangeProp,\n  })\n  const count = values?.length ?? 0\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    inputRef.current?.click()\n  }, [interactive])\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n\n    setValues(undefined)\n  }, [setValues])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      setValues(files?.length ? files : undefined)\n    },\n    [setValues],\n  )\n\n  const clickableProps = useClickable<HTMLElement, Dict>({\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n    \"aria-labelledby\": cx(ariaLabelledby, labelId),\n    disabled: !interactive,\n    focusable: readOnly && !disabled,\n    focusOnClick: interactive,\n    onClick: handlerAll(onClickProp, onClick),\n  })\n\n  assignRef(resetRef, onReset)\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      id,\n      form,\n      type: \"file\",\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      required,\n      ariaProps,\n      dataProps,\n      id,\n      form,\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      ref,\n      onChange,\n    ],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"data-placeholder\": dataAttr(!count),\n      ...clickableProps,\n      \"aria-labelledby\": cx(ariaLabelledby, clickableProps[\"aria-labelledby\"]),\n      tabIndex: interactive ? 0 : clickableProps.tabIndex,\n      ...props,\n    }),\n    [clickableProps, count, interactive],\n  )\n\n  return {\n    disabled,\n    interactive,\n    readOnly,\n    required,\n    values,\n    clickableProps,\n    getFieldProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":";;;;;;;;;;;;;AA0CA,MAAa,gBACX,UACG;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,IACA,KACA,MACA,MACA,mBAAmB,gBACnB,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,aACT,GAAG,QAEL,WACA,WACA,eACEA,sCAAiD;EACnD,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,6BAAoC,KAAK;CAC/C,MAAM,CAAC,QAAQ,aAAaC,gEAAyC;EACnE;EACA;EACA,UAAU;EACX,CAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,uCAA4B;AAChC,MAAI,CAAC,YAAa;AAElB,WAAS,SAAS,OAAO;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,uCAA4B;AAChC,MAAI,SAAS,QAAS,UAAS,QAAQ,QAAQ;AAE/C,YAAU,OAAU;IACnB,CAAC,UAAU,CAAC;CAEf,MAAM,mCACH,OAAsC;EACrC,MAAM,QAAQ,+CAAQ,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM,GAClC;AAEJ,YAAU,OAAO,SAAS,QAAQ,OAAU;IAE9C,CAAC,UAAU,CACZ;CAED,MAAM,iBAAiBC,+CAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,6DAAsB,gBAAgB,QAAQ;EAC9C,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,2DAAoB,aAAa,QAAQ;EAC1C,CAAC;AAEF,uBAAU,UAAU,QAAQ;CAE5B,MAAMC,wCACH,UAAQ,EAAE,MAAM;EACf,GAAGC;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGC;EACH,KAAKC,sBAAU,UAAUD,QAAM,KAAK,IAAI;EACxC,4DAAqBA,QAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAaD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,uCAjBC,EAAE,mBAAmBE,kBAAgB,GAAGF,YAAU,EAAE,MAAM;GACzD,oEAA6B,CAAC,MAAM;GACpC,GAAG;GACH,6DAAsBE,kBAAgB,eAAe,mBAAmB;GACxE,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAGF;GACJ,GACD;GAAC;GAAgB;GAAO;GAAY,CACrC;EAUC;EACD"}
+{"version":3,"file":"use-file-input.cjs","names":["useFieldProps","useControllableState","useClickable","visuallyHiddenAttributes","mergeRefs"],"sources":["../../../../src/components/file-input/use-file-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useRef } from \"react\"\nimport { useClickable } from \"../../hooks/use-clickable\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  assignRef,\n  cx,\n  dataAttr,\n  handlerAll,\n  isNull,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport type UseFileInputProps<Y extends \"button\" | \"input\" = \"input\"> =\n  FieldProps &\n    Omit<HTMLProps<Y>, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\"> &\n    Pick<HTMLProps<\"input\">, \"accept\" | \"multiple\" | \"ref\"> & {\n      /**\n       * The initial value of the file input.\n       */\n      defaultValue?: File[]\n      /**\n       * Ref to a reset function.\n       */\n      resetRef?: RefObject<(() => void) | null>\n      /**\n       * The value of the file input.\n       */\n      value?: File[]\n      /**\n       * Function to be called when a file change event occurs.\n       */\n      onChange?: (files: File[] | undefined) => void\n    }\n\nexport const useFileInput = <Y extends \"button\" | \"input\" = \"input\">(\n  props: UseFileInputProps<Y>,\n) => {\n  const {\n    context: { labelId } = {},\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      \"aria-labelledby\": ariaLabelledby,\n      accept,\n      defaultValue,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      resetRef,\n      value,\n      onChange: onChangeProp,\n      onClick: onClickProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseFileInputProps<Y>>({\n    ...props,\n    notSupportReadOnly: true,\n  })\n  const interactive = !(readOnly || disabled)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [values, setValues] = useControllableState<File[] | undefined>({\n    defaultValue,\n    value,\n    onChange: onChangeProp,\n  })\n  const count = values?.length ?? 0\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    inputRef.current?.click()\n  }, [interactive])\n\n  const onReset = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = \"\"\n\n    setValues(undefined)\n  }, [setValues])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      const files = !isNull(ev.currentTarget.files)\n        ? Array.from(ev.currentTarget.files)\n        : undefined\n\n      setValues(files?.length ? files : undefined)\n    },\n    [setValues],\n  )\n\n  const clickableProps = useClickable<HTMLElement, Dict>({\n    ...ariaProps,\n    ...dataProps,\n    ...eventProps,\n    ...rest,\n    \"aria-labelledby\": cx(ariaLabelledby, labelId),\n    disabled: !interactive,\n    focusable: readOnly && !disabled,\n    focusOnClick: interactive,\n    onClick: handlerAll(onClickProp, onClick),\n  })\n\n  assignRef(resetRef, onReset)\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      id,\n      form,\n      type: \"file\",\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      required,\n      ...props,\n      ref: mergeRefs(inputRef, props.ref, ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      required,\n      ariaProps,\n      dataProps,\n      id,\n      form,\n      name,\n      accept,\n      disabled,\n      multiple,\n      readOnly,\n      ref,\n      onChange,\n    ],\n  )\n\n  const getFieldProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"data-placeholder\": dataAttr(!count),\n      ...clickableProps,\n      \"aria-labelledby\": cx(ariaLabelledby, clickableProps[\"aria-labelledby\"]),\n      tabIndex: interactive ? 0 : clickableProps.tabIndex,\n      ...props,\n    }),\n    [clickableProps, count, interactive],\n  )\n\n  return {\n    disabled,\n    interactive,\n    readOnly,\n    required,\n    values,\n    clickableProps,\n    getFieldProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileInputReturn = ReturnType<typeof useFileInput>\n"],"mappings":";;;;;;;;;;AA0CA,MAAa,gBACX,UACG;CACH,MAAM,EACJ,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EACL,IACA,KACA,MACA,MACA,mBAAmB,gBACnB,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,aACT,GAAG,QAEL,WACA,WACA,eACEA,wBAAAA,cAAiD;EACnD,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,YAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,QAAQ,aAAaC,2CAAAA,qBAAyC;EACnE;EACA;EACA,UAAU;EACX,CAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,IAAI,CAAC,aAAa;EAElB,SAAS,SAAS,OAAO;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,IAAI,SAAS,SAAS,SAAS,QAAQ,QAAQ;EAE/C,UAAU,KAAA,EAAU;IACnB,CAAC,UAAU,CAAC;CAEf,MAAM,YAAA,GAAA,MAAA,cACH,OAAsC;EACrC,MAAM,QAAQ,EAAA,GAAA,oBAAA,cAAA,QAAQ,GAAG,cAAc,MAAM,GACzC,MAAM,KAAK,GAAG,cAAc,MAAM,GAClC,KAAA;EAEJ,UAAU,OAAO,SAAS,QAAQ,KAAA,EAAU;IAE9C,CAAC,UAAU,CACZ;CAED,MAAM,iBAAiBC,kCAAAA,aAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,QAAQ;EAC9C,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,UAAA,GAAA,oBAAA,cAAA,YAAoB,aAAa,QAAQ;EAC1C,CAAC;CAEF,YAAA,UAAU,UAAU,QAAQ;CAE5B,MAAM,iBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,GAAGC,YAAAA;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,MAAM,KAAK,IAAI;EACxC,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAaD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,gBAAA,GAAA,MAAA,cAjBC,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;GACzD,qBAAA,GAAA,oBAAA,cAAA,UAA6B,CAAC,MAAM;GACpC,GAAG;GACH,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,eAAe,mBAAmB;GACxE,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAG;GACJ,GACD;GAAC;GAAgB;GAAO;GAAY,CAUvB;EACb;EACD"}

package/dist/cjs/components/flex/flex.cjs

@@ -1,9 +1,6 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_flex_style = require('./flex.style.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_flex_style = require("./flex.style.cjs");
 //#region src/components/flex/flex.tsx
 const { PropsContext: FlexPropsContext, usePropsContext: useFlexPropsContext, withContext } = require_create_component.createComponent("flex", require_flex_style.flexStyle);
 /**
@@ -21,9 +18,9 @@ const Flex = withContext("div")(void 0, ({ align: alignItems, basis: flexBasis,
 	justifyContent,
 	...rest
 }));
-
 //#endregion
 exports.Flex = Flex;
 exports.FlexPropsContext = FlexPropsContext;
 exports.useFlexPropsContext = useFlexPropsContext;
+
 //# sourceMappingURL=flex.cjs.map

package/dist/cjs/components/flex/flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.cjs","names":["createComponent","flexStyle"],"sources":["../../../../src/components/flex/flex.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FlexStyle } from \"./flex.style\"\nimport { createComponent } from \"../../core\"\nimport { flexStyle } from \"./flex.style\"\n\nexport interface FlexProps\n  extends Omit<HTMLStyledProps, \"direction\">, ThemeProps<FlexStyle> {\n  /**\n   * The CSS `align-items` property.\n   */\n  align?: CSSProps[\"alignItems\"]\n  /**\n   * The CSS `flex-basis` property.\n   */\n  basis?: CSSProps[\"flexBasis\"]\n  /**\n   * The CSS `flex-direction` property.\n   */\n  direction?: CSSProps[\"flexDirection\"]\n  /**\n   * The CSS `flex-grow` property.\n   */\n  grow?: CSSProps[\"flexGrow\"]\n  /**\n   * The CSS `justify-content` property.\n   */\n  justify?: CSSProps[\"justifyContent\"]\n  /**\n   * The CSS `flex-shrink` property.\n   */\n  shrink?: CSSProps[\"flexShrink\"]\n  /**\n   * The CSS `flex-wrap` property.\n   */\n  wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n  PropsContext: FlexPropsContext,\n  usePropsContext: useFlexPropsContext,\n  withContext,\n} = createComponent<FlexProps, FlexStyle>(\"flex\", flexStyle)\n\nexport { FlexPropsContext, useFlexPropsContext }\n\n/**\n * `Flex` is a component that sets `flex` to `Box`. Also, convenient style shorthand is available.\n *\n * @see https://yamada-ui.com/docs/components/flex\n */\nexport const Flex = withContext(\"div\")(\n  undefined,\n  ({\n    align: alignItems,\n    basis: flexBasis,\n    direction: flexDirection,\n    grow: flexGrow,\n    justify: justifyContent,\n    shrink: flexShrink,\n    wrap: flexWrap,\n    ...rest\n  }) => ({\n    alignItems,\n    flexBasis,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;;AAuCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yCAAsC,QAAQC,6BAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,MAAM,CACpC,SACC,EACC,OAAO,YACP,OAAO,WACP,WAAW,eACX,MAAM,UACN,SAAS,gBACT,QAAQ,YACR,MAAM,UACN,GAAG,YACE;CACL;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACJ,EACF"}
+{"version":3,"file":"flex.cjs","names":["createComponent","flexStyle"],"sources":["../../../../src/components/flex/flex.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FlexStyle } from \"./flex.style\"\nimport { createComponent } from \"../../core\"\nimport { flexStyle } from \"./flex.style\"\n\nexport interface FlexProps\n  extends Omit<HTMLStyledProps, \"direction\">, ThemeProps<FlexStyle> {\n  /**\n   * The CSS `align-items` property.\n   */\n  align?: CSSProps[\"alignItems\"]\n  /**\n   * The CSS `flex-basis` property.\n   */\n  basis?: CSSProps[\"flexBasis\"]\n  /**\n   * The CSS `flex-direction` property.\n   */\n  direction?: CSSProps[\"flexDirection\"]\n  /**\n   * The CSS `flex-grow` property.\n   */\n  grow?: CSSProps[\"flexGrow\"]\n  /**\n   * The CSS `justify-content` property.\n   */\n  justify?: CSSProps[\"justifyContent\"]\n  /**\n   * The CSS `flex-shrink` property.\n   */\n  shrink?: CSSProps[\"flexShrink\"]\n  /**\n   * The CSS `flex-wrap` property.\n   */\n  wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n  PropsContext: FlexPropsContext,\n  usePropsContext: useFlexPropsContext,\n  withContext,\n} = createComponent<FlexProps, FlexStyle>(\"flex\", flexStyle)\n\nexport { FlexPropsContext, useFlexPropsContext }\n\n/**\n * `Flex` is a component that sets `flex` to `Box`. Also, convenient style shorthand is available.\n *\n * @see https://yamada-ui.com/docs/components/flex\n */\nexport const Flex = withContext(\"div\")(\n  undefined,\n  ({\n    align: alignItems,\n    basis: flexBasis,\n    direction: flexDirection,\n    grow: flexGrow,\n    justify: justifyContent,\n    shrink: flexShrink,\n    wrap: flexWrap,\n    ...rest\n  }) => ({\n    alignItems,\n    flexBasis,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;AAuCA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,MAAM,CACpC,KAAA,IACC,EACC,OAAO,YACP,OAAO,WACP,WAAW,eACX,MAAM,UACN,SAAS,gBACT,QAAQ,YACR,MAAM,UACN,GAAG,YACE;CACL;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACJ,EACF"}

package/dist/cjs/components/flex/flex.style.cjs

@@ -1,9 +1,6 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/flex/flex.style.ts
-const flexStyle = require_config.defineComponentStyle({ base: { display: "flex" } });
-
+const flexStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: { display: "flex" } });
 //#endregion
 exports.flexStyle = flexStyle;
+
 //# sourceMappingURL=flex.style.cjs.map

package/dist/cjs/components/flex/flex.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/flex/flex.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const flexStyle = defineComponentStyle({\n  base: {\n    display: \"flex\",\n  },\n})\n\nexport type FlexStyle = typeof flexStyle\n"],"mappings":";;;;AAEA,MAAa,YAAYA,oCAAqB,EAC5C,MAAM,EACJ,SAAS,QACV,EACF,CAAC"}
+{"version":3,"file":"flex.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/flex/flex.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const flexStyle = defineComponentStyle({\n  base: {\n    display: \"flex\",\n  },\n})\n\nexport type FlexStyle = typeof flexStyle\n"],"mappings":";AAEA,MAAa,mDAAYA,CAAAA,qBAAqB,EAC5C,MAAM,EACJ,SAAS,QACV,EACF,CAAC"}

package/dist/cjs/components/flex/index.cjs

@@ -1,9 +1,9 @@
-const require_flex_style = require('./flex.style.cjs');
-const require_flex = require('./flex.cjs');
-const require_spacer = require('./spacer.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_flex_style = require("./flex.style.cjs");
+const require_flex = require("./flex.cjs");
+const require_spacer = require("./spacer.cjs");
 exports.Flex = require_flex.Flex;
 exports.FlexPropsContext = require_flex.FlexPropsContext;
 exports.Spacer = require_spacer.Spacer;
 exports.flexStyle = require_flex_style.flexStyle;
-exports.useFlexPropsContext = require_flex.useFlexPropsContext;
+exports.useFlexPropsContext = require_flex.useFlexPropsContext;

package/dist/cjs/components/flex/spacer.cjs

@@ -1,10 +1,6 @@
 "use client";
-
-const require_factory = require('../../core/system/factory.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/flex/spacer.tsx
-const Spacer = require_factory.styled("div", {
+const Spacer = require("../../core/system/factory.cjs").styled("div", {
 	name: "spacer",
 	base: {
 		alignSelf: "stretch",
@@ -12,7 +8,7 @@ const Spacer = require_factory.styled("div", {
 		justifySelf: "stretch"
 	}
 });
-
 //#endregion
 exports.Spacer = Spacer;
+
 //# sourceMappingURL=spacer.cjs.map

package/dist/cjs/components/flex/spacer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"spacer.cjs","names":["styled"],"sources":["../../../../src/components/flex/spacer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport { styled } from \"../../core\"\n\nexport interface SpacerProps extends HTMLStyledProps {}\n\nexport const Spacer = styled(\"div\", {\n  name: \"spacer\",\n  base: {\n    alignSelf: \"stretch\",\n    flex: 1,\n    justifySelf: \"stretch\",\n  },\n})\n"],"mappings":";;;;;;AAOA,MAAa,SAASA,uBAAO,OAAO;CAClC,MAAM;CACN,MAAM;EACJ,WAAW;EACX,MAAM;EACN,aAAa;EACd;CACF,CAAC"}
+{"version":3,"file":"spacer.cjs","names":["styled"],"sources":["../../../../src/components/flex/spacer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps } from \"../../core\"\nimport { styled } from \"../../core\"\n\nexport interface SpacerProps extends HTMLStyledProps {}\n\nexport const Spacer = styled(\"div\", {\n  name: \"spacer\",\n  base: {\n    alignSelf: \"stretch\",\n    flex: 1,\n    justifySelf: \"stretch\",\n  },\n})\n"],"mappings":";;AAOA,MAAa,iDAASA,CAAAA,OAAO,OAAO;CAClC,MAAM;CACN,MAAM;EACJ,WAAW;EACX,MAAM;EACN,aAAa;EACd;CACF,CAAC"}

package/dist/cjs/components/flip/flip.cjs

@@ -1,17 +1,13 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-require('../motion/index.cjs');
-const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
-const require_flip_style = require('./flip.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_hooks_use_controllable_state_index = require("../../hooks/use-controllable-state/index.cjs");
+const require_flip_style = require("./flip.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/flip/flip.tsx
 const flipVariants = {
 	enter: ({ ident, orientation, visible }) => ({ [orientation === "horizontal" ? "rotateY" : "rotateX"]: ident === "from" ? visible ? 180 : 0 : visible ? 0 : 180 }),
@@ -42,13 +38,13 @@ const Flip = withProvider(({ defaultValue = "from", delay = 0, disabled, duratio
 		setValue((prev) => prev === "from" ? "to" : "from");
 	};
 	require_effect.useSafeLayoutEffect(() => {
-		const from$1 = fromRef.current;
-		const to$1 = toRef.current;
-		if (!from$1 || !to$1) return;
-		if (from$1.offsetWidth !== to$1.offsetWidth || from$1.offsetHeight !== to$1.offsetHeight) console.warn(`Flip: "from" element (width: ${from$1.offsetWidth}px, height: ${from$1.offsetHeight}px) does not match "to" element (width: ${to$1.offsetWidth}px, height: ${to$1.offsetHeight}px). Please ensure both elements have the same dimensions.`);
+		const from = fromRef.current;
+		const to = toRef.current;
+		if (!from || !to) return;
+		if (from.offsetWidth !== to.offsetWidth || from.offsetHeight !== to.offsetHeight) console.warn(`Flip: "from" element (width: ${from.offsetWidth}px, height: ${from.offsetHeight}px) does not match "to" element (width: ${to.offsetWidth}px, height: ${to.offsetHeight}px). Please ensure both elements have the same dimensions.`);
 		setRect({
-			height: from$1.offsetHeight,
-			width: from$1.offsetWidth
+			height: from.offsetHeight,
+			width: from.offsetWidth
 		});
 	}, [fromRef, toRef]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.motion.button, {
@@ -112,9 +108,9 @@ const FlipTo = withContext(({ custom, ...rest }) => {
 		...rest
 	});
 }, ["item", "to"])();
-
 //#endregion
 exports.Flip = Flip;
 exports.FlipPropsContext = FlipPropsContext;
 exports.useFlipPropsContext = useFlipPropsContext;
+
 //# sourceMappingURL=flip.cjs.map

package/dist/cjs/components/flip/flip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flip.cjs","names":["flipVariants: Variants","createSlotComponent","flipStyle","useControllableState","from","to","motion"],"sources":["../../../../src/components/flip/flip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, Orientation, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { FlipStyle } from \"./flip.style\"\nimport { useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll, useSafeLayoutEffect } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { flipStyle } from \"./flip.style\"\n\nconst flipVariants: Variants = {\n  enter: ({ ident, orientation, visible }) => ({\n    [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n      ident === \"from\" ? (visible ? 180 : 0) : visible ? 0 : 180,\n  }),\n  exit: ({ ident, orientation }) => ({\n    [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n      ident === \"from\" ? 0 : 180,\n  }),\n}\n\ninterface Rect {\n  height?: number\n  width?: number\n}\n\nexport interface FlipProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">, ThemeProps<FlipStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   * The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.4\n   */\n  duration?: number\n  /**\n   * The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: FlipPropsContext,\n  usePropsContext: useFlipPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FlipProps, FlipStyle>(\"flip\", flipStyle)\n\nexport { FlipPropsContext, useFlipPropsContext }\n\n/**\n * `Flip` is an animation component that alternates between flipping two elements.\n *\n * @see https://yamada-ui.com/docs/components/flip\n */\nexport const Flip = withProvider(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    orientation = \"horizontal\",\n    readOnly,\n    to,\n    transition = {},\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const [{ height, width }, setRect] = useState<Rect>({})\n    const fromRef = useRef<HTMLDivElement | null>(null)\n    const toRef = useRef<HTMLDivElement | null>(null)\n    const [value, setValue] = useControllableState({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n    const visible = value === \"to\"\n\n    const style = useMemo(\n      () => ({\n        height: height ? `${height}px` : \"auto\",\n        width: width ? `${width}px` : \"auto\",\n      }),\n      [width, height],\n    )\n\n    const onClick = () => {\n      if (readOnly) return\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n    }\n\n    useSafeLayoutEffect(() => {\n      const from = fromRef.current\n      const to = toRef.current\n\n      if (!from || !to) return\n\n      if (\n        from.offsetWidth !== to.offsetWidth ||\n        from.offsetHeight !== to.offsetHeight\n      ) {\n        console.warn(\n          `Flip: \"from\" element (width: ${from.offsetWidth}px, height: ${from.offsetHeight}px) does not match \"to\" element (width: ${to.offsetWidth}px, height: ${to.offsetHeight}px). Please ensure both elements have the same dimensions.`,\n        )\n      }\n\n      setRect({ height: from.offsetHeight, width: from.offsetWidth })\n    }, [fromRef, toRef])\n\n    return (\n      <motion.button\n        type=\"button\"\n        style={style}\n        data-disabled={dataAttr(disabled)}\n        data-orientation={orientation}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        disabled={disabled}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        <FlipFrom\n          ref={fromRef}\n          custom={{ orientation, visible }}\n          transition={{ delay, duration, ...transition }}\n        >\n          {from}\n        </FlipFrom>\n\n        <FlipTo\n          ref={toRef}\n          custom={{ orientation, visible }}\n          transition={{ delay, duration, ...transition }}\n        >\n          {to}\n        </FlipTo>\n      </motion.button>\n    )\n  },\n  \"root\",\n)()\n\ninterface FlipFromProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipFrom = withContext<\"span\", FlipFromProps>(\n  ({ custom, ...rest }) => {\n    return (\n      <motion.span\n        animate=\"enter\"\n        custom={{ ident: \"from\", ...custom }}\n        initial=\"exit\"\n        variants={flipVariants}\n        {...rest}\n      />\n    )\n  },\n  [\"item\", \"from\"],\n)()\n\ninterface FlipToProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipTo = withContext<\"span\", FlipToProps>(\n  ({ custom, ...rest }) => {\n    return (\n      <motion.span\n        animate=\"enter\"\n        custom={{ ident: \"to\", ...custom }}\n        initial=\"exit\"\n        variants={flipVariants}\n        {...rest}\n      />\n    )\n  },\n  [\"item\", \"to\"],\n)()\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAMA,eAAyB;CAC7B,QAAQ,EAAE,OAAO,aAAa,eAAe,GAC1C,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAU,UAAU,MAAM,IAAK,UAAU,IAAI,KAC1D;CACD,OAAO,EAAE,OAAO,mBAAmB,GAChC,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAS,IAAI,KAC1B;CACF;AA+DD,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACEC,6CAA0C,QAAQC,6BAAU;;;;;;AAShE,MAAa,OAAO,cACjB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,cAAc,cACd,UACA,IACA,aAAa,EAAE,EACf,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,CAAC,EAAE,QAAQ,SAAS,+BAA0B,EAAE,CAAC;CACvD,MAAM,4BAAwC,KAAK;CACnD,MAAM,0BAAsC,KAAK;CACjD,MAAM,CAAC,OAAO,YAAYC,gEAAqB;EAC7C;EACA,OAAO;EACP;EACD,CAAC;CACF,MAAM,UAAU,UAAU;CAE1B,MAAM,kCACG;EACL,QAAQ,SAAS,GAAG,OAAO,MAAM;EACjC,OAAO,QAAQ,GAAG,MAAM,MAAM;EAC/B,GACD,CAAC,OAAO,OAAO,CAChB;CAED,MAAM,gBAAgB;AACpB,MAAI,SAAU;AAEd,YAAU,SAAU,SAAS,SAAS,OAAO,OAAQ;;AAGvD,0CAA0B;EACxB,MAAMC,SAAO,QAAQ;EACrB,MAAMC,OAAK,MAAM;AAEjB,MAAI,CAACD,UAAQ,CAACC,KAAI;AAElB,MACED,OAAK,gBAAgBC,KAAG,eACxBD,OAAK,iBAAiBC,KAAG,aAEzB,SAAQ,KACN,gCAAgCD,OAAK,YAAY,cAAcA,OAAK,aAAa,0CAA0CC,KAAG,YAAY,cAAcA,KAAG,aAAa,4DACzK;AAGH,UAAQ;GAAE,QAAQD,OAAK;GAAc,OAAOA,OAAK;GAAa,CAAC;IAC9D,CAAC,SAAS,MAAM,CAAC;AAEpB,QACE,4CAACE,uBAAO;EACN,MAAK;EACE;EACP,iEAAwB,SAAS;EACjC,oBAAkB;EAClB,iEAAwB,SAAS;EACjC,cAAY;EACF;EACV,2DAAoB,aAAa,QAAQ;EACzC,GAAI;aAEJ,2CAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;IAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;IAAY;aAE7C;IACQ,EAEX,2CAAC;GACC,KAAK;GACL,QAAQ;IAAE;IAAa;IAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;IAAY;aAE7C;IACM;GACK;GAGpB,OACD,EAAE;AAIH,MAAM,WAAW,aACd,EAAE,QAAQ,GAAG,WAAW;AACvB,QACE,2CAACA,uBAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAQ,GAAG;GAAQ;EACpC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;GAGN,CAAC,QAAQ,OAAO,CACjB,EAAE;AAIH,MAAM,SAAS,aACZ,EAAE,QAAQ,GAAG,WAAW;AACvB,QACE,2CAACA,uBAAO;EACN,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAM,GAAG;GAAQ;EAClC,SAAQ;EACR,UAAU;EACV,GAAI;GACJ;GAGN,CAAC,QAAQ,KAAK,CACf,EAAE"}
+{"version":3,"file":"flip.cjs","names":["createSlotComponent","flipStyle","useControllableState","motion"],"sources":["../../../../src/components/flip/flip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, Orientation, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { FlipStyle } from \"./flip.style\"\nimport { useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll, useSafeLayoutEffect } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { flipStyle } from \"./flip.style\"\n\nconst flipVariants: Variants = {\n  enter: ({ ident, orientation, visible }) => ({\n    [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n      ident === \"from\" ? (visible ? 180 : 0) : visible ? 0 : 180,\n  }),\n  exit: ({ ident, orientation }) => ({\n    [orientation === \"horizontal\" ? \"rotateY\" : \"rotateX\"]:\n      ident === \"from\" ? 0 : 180,\n  }),\n}\n\ninterface Rect {\n  height?: number\n  width?: number\n}\n\nexport interface FlipProps\n  extends Omit<HTMLMotionProps<\"button\">, \"onChange\">, ThemeProps<FlipStyle> {\n  /**\n   * Passing React elements to \"from\" is required.\n   */\n  from: ReactNode\n  /**\n   * Passing React elements to \"to\" is required.\n   */\n  to: ReactNode\n  /**\n   * You can set the initial state.\n   *\n   * @default 'from'\n   */\n  defaultValue?: KeyframeIdent\n  /**\n   * The animation delay.\n   *\n   * @default 0\n   */\n  delay?: number\n  /**\n   * If `true`, the component is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The animation duration.\n   *\n   * @default 0.4\n   */\n  duration?: number\n  /**\n   * The orientation of the flip effect. Determines whether the flip occurs horizontally or vertically.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation\n  /**\n   * If `true`, the component is readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * Use this when you want to control the animation from outside the component.\n   */\n  value?: KeyframeIdent\n  /**\n   * This is a callback function that is called when the animation state changes.\n   */\n  onChange?: (value: KeyframeIdent) => void\n}\n\nconst {\n  PropsContext: FlipPropsContext,\n  usePropsContext: useFlipPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FlipProps, FlipStyle>(\"flip\", flipStyle)\n\nexport { FlipPropsContext, useFlipPropsContext }\n\n/**\n * `Flip` is an animation component that alternates between flipping two elements.\n *\n * @see https://yamada-ui.com/docs/components/flip\n */\nexport const Flip = withProvider(\n  ({\n    defaultValue = \"from\",\n    delay = 0,\n    disabled,\n    duration = 0.4,\n    from,\n    orientation = \"horizontal\",\n    readOnly,\n    to,\n    transition = {},\n    value: valueProp,\n    onChange,\n    onClick: onClickProp,\n    ...rest\n  }) => {\n    const [{ height, width }, setRect] = useState<Rect>({})\n    const fromRef = useRef<HTMLDivElement | null>(null)\n    const toRef = useRef<HTMLDivElement | null>(null)\n    const [value, setValue] = useControllableState({\n      defaultValue,\n      value: valueProp,\n      onChange,\n    })\n    const visible = value === \"to\"\n\n    const style = useMemo(\n      () => ({\n        height: height ? `${height}px` : \"auto\",\n        width: width ? `${width}px` : \"auto\",\n      }),\n      [width, height],\n    )\n\n    const onClick = () => {\n      if (readOnly) return\n\n      setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n    }\n\n    useSafeLayoutEffect(() => {\n      const from = fromRef.current\n      const to = toRef.current\n\n      if (!from || !to) return\n\n      if (\n        from.offsetWidth !== to.offsetWidth ||\n        from.offsetHeight !== to.offsetHeight\n      ) {\n        console.warn(\n          `Flip: \"from\" element (width: ${from.offsetWidth}px, height: ${from.offsetHeight}px) does not match \"to\" element (width: ${to.offsetWidth}px, height: ${to.offsetHeight}px). Please ensure both elements have the same dimensions.`,\n        )\n      }\n\n      setRect({ height: from.offsetHeight, width: from.offsetWidth })\n    }, [fromRef, toRef])\n\n    return (\n      <motion.button\n        type=\"button\"\n        style={style}\n        data-disabled={dataAttr(disabled)}\n        data-orientation={orientation}\n        data-readonly={dataAttr(readOnly)}\n        data-value={value}\n        disabled={disabled}\n        onClick={handlerAll(onClickProp, onClick)}\n        {...rest}\n      >\n        <FlipFrom\n          ref={fromRef}\n          custom={{ orientation, visible }}\n          transition={{ delay, duration, ...transition }}\n        >\n          {from}\n        </FlipFrom>\n\n        <FlipTo\n          ref={toRef}\n          custom={{ orientation, visible }}\n          transition={{ delay, duration, ...transition }}\n        >\n          {to}\n        </FlipTo>\n      </motion.button>\n    )\n  },\n  \"root\",\n)()\n\ninterface FlipFromProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipFrom = withContext<\"span\", FlipFromProps>(\n  ({ custom, ...rest }) => {\n    return (\n      <motion.span\n        animate=\"enter\"\n        custom={{ ident: \"from\", ...custom }}\n        initial=\"exit\"\n        variants={flipVariants}\n        {...rest}\n      />\n    )\n  },\n  [\"item\", \"from\"],\n)()\n\ninterface FlipToProps extends HTMLMotionProps<\"span\"> {}\n\nconst FlipTo = withContext<\"span\", FlipToProps>(\n  ({ custom, ...rest }) => {\n    return (\n      <motion.span\n        animate=\"enter\"\n        custom={{ ident: \"to\", ...custom }}\n        initial=\"exit\"\n        variants={flipVariants}\n        {...rest}\n      />\n    )\n  },\n  [\"item\", \"to\"],\n)()\n"],"mappings":"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"}

package/dist/cjs/components/flip/flip.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/flip/flip.style.ts
-const flipStyle = require_config.defineComponentSlotStyle({ base: {
+const flipStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({ base: {
 	from: {},
 	item: {
 		backfaceVisibility: "hidden",
@@ -18,7 +15,7 @@ const flipStyle = require_config.defineComponentSlotStyle({ base: {
 	},
 	to: {}
 } });
-
 //#endregion
 exports.flipStyle = flipStyle;
+
 //# sourceMappingURL=flip.style.cjs.map

package/dist/cjs/components/flip/flip.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flip.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/flip/flip.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const flipStyle = defineComponentSlotStyle({\n  base: {\n    from: {},\n    item: {\n      backfaceVisibility: \"hidden\",\n      position: \"absolute\",\n      top: 0,\n    },\n    root: {\n      position: \"relative\",\n      rounded: \"l1\",\n      userSelect: \"none\",\n      _readOnly: {\n        layerStyle: \"readOnly\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    to: {},\n  },\n})\n\nexport type FlipStyle = typeof flipStyle\n"],"mappings":";;;;AAEA,MAAa,YAAYA,wCAAyB,EAChD,MAAM;CACJ,MAAM,EAAE;CACR,MAAM;EACJ,oBAAoB;EACpB,UAAU;EACV,KAAK;EACN;CACD,MAAM;EACJ,UAAU;EACV,SAAS;EACT,YAAY;EACZ,WAAW,EACT,YAAY,YACb;EACD,WAAW,EACT,YAAY,YACb;EACF;CACD,IAAI,EAAE;CACP,EACF,CAAC"}
+{"version":3,"file":"flip.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/flip/flip.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const flipStyle = defineComponentSlotStyle({\n  base: {\n    from: {},\n    item: {\n      backfaceVisibility: \"hidden\",\n      position: \"absolute\",\n      top: 0,\n    },\n    root: {\n      position: \"relative\",\n      rounded: \"l1\",\n      userSelect: \"none\",\n      _readOnly: {\n        layerStyle: \"readOnly\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    to: {},\n  },\n})\n\nexport type FlipStyle = typeof flipStyle\n"],"mappings":";AAEA,MAAa,mDAAYA,CAAAA,yBAAyB,EAChD,MAAM;CACJ,MAAM,EAAE;CACR,MAAM;EACJ,oBAAoB;EACpB,UAAU;EACV,KAAK;EACN;CACD,MAAM;EACJ,UAAU;EACV,SAAS;EACT,YAAY;EACZ,WAAW,EACT,YAAY,YACb;EACD,WAAW,EACT,YAAY,YACb;EACF;CACD,IAAI,EAAE;CACP,EACF,CAAC"}

package/dist/cjs/components/flip/index.cjs

@@ -1,7 +1,7 @@
-const require_flip_style = require('./flip.style.cjs');
-const require_flip = require('./flip.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_flip_style = require("./flip.style.cjs");
+const require_flip = require("./flip.cjs");
 exports.Flip = require_flip.Flip;
 exports.FlipPropsContext = require_flip.FlipPropsContext;
 exports.flipStyle = require_flip_style.flipStyle;
-exports.useFlipPropsContext = require_flip.useFlipPropsContext;
+exports.useFlipPropsContext = require_flip.useFlipPropsContext;

package/dist/cjs/components/float/float.cjs

@@ -1,11 +1,8 @@
 "use client";
-
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../../core/system/var.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_float_style = require('./float.style.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../../core/system/var.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_float_style = require("./float.style.cjs");
 //#region src/components/float/float.tsx
 const { PropsContext: FloatPropsContext, usePropsContext: useFloatPropsContext, withContext } = require_create_component.createComponent("float", require_float_style.floatStyle);
 /**
@@ -21,9 +18,9 @@ const Float = withContext("div")(void 0, ({ offset, ...rest }) => {
 		...rest
 	};
 });
-
 //#endregion
 exports.Float = Float;
 exports.FloatPropsContext = FloatPropsContext;
 exports.useFloatPropsContext = useFloatPropsContext;
+
 //# sourceMappingURL=float.cjs.map

package/dist/cjs/components/float/float.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"float.cjs","names":["createComponent","floatStyle","varAttr"],"sources":["../../../../src/components/float/float.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatStyle } from \"./float.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { isArray } from \"../../utils\"\nimport { floatStyle } from \"./float.style\"\n\nexport interface FloatProps\n  extends Omit<HTMLStyledProps, \"offset\">, ThemeProps<FloatStyle> {\n  /**\n   * Changes position offset.\n   */\n  offset?: CSSProps[\"inset\"]\n}\n\nconst {\n  PropsContext: FloatPropsContext,\n  usePropsContext: useFloatPropsContext,\n  withContext,\n} = createComponent<FloatProps, FloatStyle>(\"float\", floatStyle)\n\nexport { FloatPropsContext, useFloatPropsContext }\n\n/**\n * `Float` is a component used to anchor an element to the edge of a container.\n *\n * @see https://yamada-ui.com/docs/components/float\n */\nexport const Float = withContext(\"div\")(undefined, ({ offset, ...rest }) => {\n  const [offsetBlock, offsetInline] = isArray(offset)\n    ? offset\n    : [offset, offset]\n\n  return {\n    \"--offset-block\": varAttr(offsetBlock, \"spaces\"),\n    \"--offset-inline\": varAttr(offsetInline, \"spaces\"),\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;AAgBA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yCAAwC,SAASC,+BAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CAAC,SAAY,EAAE,QAAQ,GAAG,WAAW;CAC1E,MAAM,CAAC,aAAa,+DAAwB,OAAO,GAC/C,SACA,CAAC,QAAQ,OAAO;AAEpB,QAAO;EACL,kBAAkBC,oBAAQ,aAAa,SAAS;EAChD,mBAAmBA,oBAAQ,cAAc,SAAS;EAClD,GAAG;EACJ;EACD"}
+{"version":3,"file":"float.cjs","names":["createComponent","floatStyle","varAttr"],"sources":["../../../../src/components/float/float.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatStyle } from \"./float.style\"\nimport { createComponent, varAttr } from \"../../core\"\nimport { isArray } from \"../../utils\"\nimport { floatStyle } from \"./float.style\"\n\nexport interface FloatProps\n  extends Omit<HTMLStyledProps, \"offset\">, ThemeProps<FloatStyle> {\n  /**\n   * Changes position offset.\n   */\n  offset?: CSSProps[\"inset\"]\n}\n\nconst {\n  PropsContext: FloatPropsContext,\n  usePropsContext: useFloatPropsContext,\n  withContext,\n} = createComponent<FloatProps, FloatStyle>(\"float\", floatStyle)\n\nexport { FloatPropsContext, useFloatPropsContext }\n\n/**\n * `Float` is a component used to anchor an element to the edge of a container.\n *\n * @see https://yamada-ui.com/docs/components/float\n */\nexport const Float = withContext(\"div\")(undefined, ({ offset, ...rest }) => {\n  const [offsetBlock, offsetInline] = isArray(offset)\n    ? offset\n    : [offset, offset]\n\n  return {\n    \"--offset-block\": varAttr(offsetBlock, \"spaces\"),\n    \"--offset-inline\": varAttr(offsetInline, \"spaces\"),\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;AAgBA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CAAC,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CAC1E,MAAM,CAAC,aAAa,iBAAA,GAAA,oBAAA,cAAA,SAAwB,OAAO,GAC/C,SACA,CAAC,QAAQ,OAAO;CAEpB,OAAO;EACL,kBAAkBC,YAAAA,QAAQ,aAAa,SAAS;EAChD,mBAAmBA,YAAAA,QAAQ,cAAc,SAAS;EAClD,GAAG;EACJ;EACD"}

package/dist/cjs/components/float/float.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/float/float.style.ts
-const floatStyle = require_config.defineComponentStyle({
+const floatStyle = require("../../core/system/config.cjs").defineComponentStyle({
 	base: {
 		alignItems: "center",
 		boxSize: "fit-content",
@@ -10,7 +7,13 @@ const floatStyle = require_config.defineComponentStyle({
 		justifyContent: "center",
 		position: "absolute"
 	},
-	props: { placement: {
+	props: { 
+	/**
+	* The placement of the float.
+	*
+	* @default 'start-end'
+	*/
+placement: {
 		center: {},
 		"center-center": {},
 		"center-end": {},
@@ -74,7 +77,7 @@ const floatStyle = require_config.defineComponentStyle({
 	],
 	defaultProps: { placement: "start-end" }
 });
-
 //#endregion
 exports.floatStyle = floatStyle;
+
 //# sourceMappingURL=float.style.cjs.map

package/dist/cjs/components/float/float.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"float.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/float/float.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const floatStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    boxSize: \"fit-content\",\n    display: \"inline-flex\",\n    justifyContent: \"center\",\n    position: \"absolute\",\n  },\n\n  props: {\n    /**\n     * The placement of the float.\n     *\n     * @default 'start-end'\n     */\n    placement: {\n      center: {},\n      \"center-center\": {},\n      \"center-end\": {},\n      \"center-start\": {},\n      end: {},\n      \"end-center\": {},\n      \"end-end\": {},\n      \"end-start\": {},\n      start: {},\n      \"start-center\": {},\n      \"start-end\": {},\n      \"start-start\": {},\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        insetBlockEnd: \"auto\",\n        insetBlockStart: \"{offset-block, 0px}\",\n        translateY: \"-50%\",\n      },\n      placement: /^start/,\n    },\n    {\n      css: {\n        insetBlockEnd: \"{offset-block, 0px}\",\n        insetBlockStart: \"auto\",\n        translateY: \"50%\",\n      },\n      placement: /^end/,\n    },\n    {\n      css: {\n        insetBlock: \"50%\",\n        translateY: \"-50%\",\n      },\n      placement: /^center/,\n    },\n    {\n      css: {\n        insetInlineEnd: \"auto\",\n        insetInlineStart: \"{offset-inline, 0px}\",\n        translateX: \"-50%\",\n      },\n      placement: /start$/,\n    },\n    {\n      css: {\n        insetInlineEnd: \"{offset-inline, 0px}\",\n        insetInlineStart: \"auto\",\n        translateX: \"50%\",\n      },\n      placement: /end$/,\n    },\n    {\n      css: {\n        insetInline: \"50%\",\n        translateX: \"-50%\",\n      },\n      placement: /center$/,\n    },\n  ],\n\n  defaultProps: {\n    placement: \"start-end\",\n  },\n})\n\nexport type FloatStyle = typeof floatStyle\n"],"mappings":";;;;AAEA,MAAa,aAAaA,oCAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,SAAS;EACT,gBAAgB;EAChB,UAAU;EACX;CAED,OAAO,EAML,WAAW;EACT,QAAQ,EAAE;EACV,iBAAiB,EAAE;EACnB,cAAc,EAAE;EAChB,gBAAgB,EAAE;EAClB,KAAK,EAAE;EACP,cAAc,EAAE;EAChB,WAAW,EAAE;EACb,aAAa,EAAE;EACf,OAAO,EAAE;EACT,gBAAgB,EAAE;EAClB,aAAa,EAAE;EACf,eAAe,EAAE;EAClB,EACF;CAED,WAAW;EACT;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,YAAY;IACZ,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,aAAa;IACb,YAAY;IACb;GACD,WAAW;GACZ;EACF;CAED,cAAc,EACZ,WAAW,aACZ;CACF,CAAC"}
+{"version":3,"file":"float.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/float/float.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const floatStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    boxSize: \"fit-content\",\n    display: \"inline-flex\",\n    justifyContent: \"center\",\n    position: \"absolute\",\n  },\n\n  props: {\n    /**\n     * The placement of the float.\n     *\n     * @default 'start-end'\n     */\n    placement: {\n      center: {},\n      \"center-center\": {},\n      \"center-end\": {},\n      \"center-start\": {},\n      end: {},\n      \"end-center\": {},\n      \"end-end\": {},\n      \"end-start\": {},\n      start: {},\n      \"start-center\": {},\n      \"start-end\": {},\n      \"start-start\": {},\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        insetBlockEnd: \"auto\",\n        insetBlockStart: \"{offset-block, 0px}\",\n        translateY: \"-50%\",\n      },\n      placement: /^start/,\n    },\n    {\n      css: {\n        insetBlockEnd: \"{offset-block, 0px}\",\n        insetBlockStart: \"auto\",\n        translateY: \"50%\",\n      },\n      placement: /^end/,\n    },\n    {\n      css: {\n        insetBlock: \"50%\",\n        translateY: \"-50%\",\n      },\n      placement: /^center/,\n    },\n    {\n      css: {\n        insetInlineEnd: \"auto\",\n        insetInlineStart: \"{offset-inline, 0px}\",\n        translateX: \"-50%\",\n      },\n      placement: /start$/,\n    },\n    {\n      css: {\n        insetInlineEnd: \"{offset-inline, 0px}\",\n        insetInlineStart: \"auto\",\n        translateX: \"50%\",\n      },\n      placement: /end$/,\n    },\n    {\n      css: {\n        insetInline: \"50%\",\n        translateX: \"-50%\",\n      },\n      placement: /center$/,\n    },\n  ],\n\n  defaultProps: {\n    placement: \"start-end\",\n  },\n})\n\nexport type FloatStyle = typeof floatStyle\n"],"mappings":";AAEA,MAAa,oDAAaA,CAAAA,qBAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,SAAS;EACT,gBAAgB;EAChB,UAAU;EACX;CAED,OAAO;;;;;;AAML,WAAW;EACT,QAAQ,EAAE;EACV,iBAAiB,EAAE;EACnB,cAAc,EAAE;EAChB,gBAAgB,EAAE;EAClB,KAAK,EAAE;EACP,cAAc,EAAE;EAChB,WAAW,EAAE;EACb,aAAa,EAAE;EACf,OAAO,EAAE;EACT,gBAAgB,EAAE;EAClB,aAAa,EAAE;EACf,eAAe,EAAE;EAClB,EACF;CAED,WAAW;EACT;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,YAAY;IACZ,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;IACb;GACD,WAAW;GACZ;EACD;GACE,KAAK;IACH,aAAa;IACb,YAAY;IACb;GACD,WAAW;GACZ;EACF;CAED,cAAc,EACZ,WAAW,aACZ;CACF,CAAC"}

package/dist/cjs/components/float/index.cjs

@@ -1,7 +1,7 @@
-const require_float_style = require('./float.style.cjs');
-const require_float = require('./float.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_float_style = require("./float.style.cjs");
+const require_float = require("./float.cjs");
 exports.Float = require_float.Float;
 exports.FloatPropsContext = require_float.FloatPropsContext;
 exports.floatStyle = require_float_style.floatStyle;
-exports.useFloatPropsContext = require_float.useFloatPropsContext;
+exports.useFloatPropsContext = require_float.useFloatPropsContext;

package/dist/cjs/components/focus-lock/focus-lock.cjs

@@ -1,12 +1,10 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_index = require("../../utils/index.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react_focus_lock = require("react-focus-lock");
-react_focus_lock = require_rolldown_runtime.__toESM(react_focus_lock);
-
+react_focus_lock = require_runtime.__toESM(react_focus_lock);
 //#region src/components/focus-lock/focus-lock.tsx
 const InternalFocusLock = (0, require_utils_index.utils_exports.interopDefault)(react_focus_lock.default);
 /**
@@ -35,7 +33,7 @@ const FocusLock = ({ autoFocus, children, contentRef, disabled, finalFocusRef, i
 		children
 	});
 };
-
 //#endregion
 exports.FocusLock = FocusLock;
+
 //# sourceMappingURL=focus-lock.cjs.map

package/dist/cjs/components/focus-lock/focus-lock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus-lock.cjs","names":["ReactFocusLock","FocusLock: FC<FocusLockProps>"],"sources":["../../../../src/components/focus-lock/focus-lock.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback } from \"react\"\nimport ReactFocusLock from \"react-focus-lock\"\nimport { getFocusableElements, interopDefault } from \"../../utils\"\n\nconst InternalFocusLock = interopDefault(ReactFocusLock)\n\nexport interface FocusLockProps extends PropsWithChildren {\n  /**\n   * If `true`, the first focusable element within the `children` will auto-focused once `FocusLock` mounts.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The `ref` of the wrapper for which the focus-lock wraps.\n   */\n  contentRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, focus trapping will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * `ref` of the element to return focus to when `FocusLock` unmounts.\n   */\n  finalFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * `ref` of the element to receive focus initially.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * Enables aggressive focus capturing within iframes.\n   * - If `true`: keep focus in the lock, no matter where lock is active.\n   * - If `false`:  allows focus to move outside of iframe.\n   *\n   * @default false\n   */\n  lockFocusAcrossFrames?: boolean\n  /**\n   * If `true`, disables text selections inside, and outside focus lock.\n   *\n   * @default false\n   */\n  persistentFocus?: boolean\n  /**\n   * If `true`, focus will be restored to the element that triggered the `FocusLock` once it unmounts.\n   *\n   * @default false\n   */\n  restoreFocus?: boolean\n}\n\n/**\n * `FocusLock` is a component that improves accessibility by restricting focus within elements such as modals and dialogs, and locking the focus within that range.\n *\n * @see https://yamada-ui.com/docs/components/focus-lock\n */\nexport const FocusLock: FC<FocusLockProps> = ({\n  autoFocus,\n  children,\n  contentRef,\n  disabled,\n  finalFocusRef,\n  initialFocusRef,\n  lockFocusAcrossFrames,\n  persistentFocus,\n  restoreFocus,\n}) => {\n  const returnFocus = restoreFocus && !finalFocusRef\n\n  const onActivation = useCallback(() => {\n    if (initialFocusRef?.current) {\n      initialFocusRef.current.focus()\n    } else if (contentRef?.current) {\n      const focusables = getFocusableElements(contentRef.current)\n\n      if (focusables.length === 0)\n        requestAnimationFrame(() => {\n          contentRef.current?.focus()\n        })\n    }\n  }, [initialFocusRef, contentRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  return (\n    <InternalFocusLock\n      autoFocus={autoFocus}\n      crossFrame={lockFocusAcrossFrames}\n      disabled={disabled}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n    >\n      {children}\n    </InternalFocusLock>\n  )\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAM,0EAAmCA,yBAAe;;;;;;AAsDxD,MAAaC,aAAiC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,mBACI;AAoBJ,QACE,2CAAC;EACY;EACX,YAAY;EACF;EACO;EACjB,aAzBgB,gBAAgB,CAAC;EA0BjC,2CAxBmC;AACrC,OAAI,iBAAiB,QACnB,iBAAgB,QAAQ,OAAO;YACtB,YAAY,SAGrB;oEAFwC,WAAW,QAAQ,CAE5C,WAAW,EACxB,6BAA4B;AAC1B,gBAAW,SAAS,OAAO;MAC3B;;KAEL,CAAC,iBAAiB,WAAW,CAAC;EAc7B,6CAZqC;AACvC,kBAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAAC;EAYd;GACiB"}
+{"version":3,"file":"focus-lock.cjs","names":["ReactFocusLock"],"sources":["../../../../src/components/focus-lock/focus-lock.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, RefObject } from \"react\"\nimport { useCallback } from \"react\"\nimport ReactFocusLock from \"react-focus-lock\"\nimport { getFocusableElements, interopDefault } from \"../../utils\"\n\nconst InternalFocusLock = interopDefault(ReactFocusLock)\n\nexport interface FocusLockProps extends PropsWithChildren {\n  /**\n   * If `true`, the first focusable element within the `children` will auto-focused once `FocusLock` mounts.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * The `ref` of the wrapper for which the focus-lock wraps.\n   */\n  contentRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, focus trapping will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * `ref` of the element to return focus to when `FocusLock` unmounts.\n   */\n  finalFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * `ref` of the element to receive focus initially.\n   */\n  initialFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * Enables aggressive focus capturing within iframes.\n   * - If `true`: keep focus in the lock, no matter where lock is active.\n   * - If `false`:  allows focus to move outside of iframe.\n   *\n   * @default false\n   */\n  lockFocusAcrossFrames?: boolean\n  /**\n   * If `true`, disables text selections inside, and outside focus lock.\n   *\n   * @default false\n   */\n  persistentFocus?: boolean\n  /**\n   * If `true`, focus will be restored to the element that triggered the `FocusLock` once it unmounts.\n   *\n   * @default false\n   */\n  restoreFocus?: boolean\n}\n\n/**\n * `FocusLock` is a component that improves accessibility by restricting focus within elements such as modals and dialogs, and locking the focus within that range.\n *\n * @see https://yamada-ui.com/docs/components/focus-lock\n */\nexport const FocusLock: FC<FocusLockProps> = ({\n  autoFocus,\n  children,\n  contentRef,\n  disabled,\n  finalFocusRef,\n  initialFocusRef,\n  lockFocusAcrossFrames,\n  persistentFocus,\n  restoreFocus,\n}) => {\n  const returnFocus = restoreFocus && !finalFocusRef\n\n  const onActivation = useCallback(() => {\n    if (initialFocusRef?.current) {\n      initialFocusRef.current.focus()\n    } else if (contentRef?.current) {\n      const focusables = getFocusableElements(contentRef.current)\n\n      if (focusables.length === 0)\n        requestAnimationFrame(() => {\n          contentRef.current?.focus()\n        })\n    }\n  }, [initialFocusRef, contentRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  return (\n    <InternalFocusLock\n      autoFocus={autoFocus}\n      crossFrame={lockFocusAcrossFrames}\n      disabled={disabled}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n    >\n      {children}\n    </InternalFocusLock>\n  )\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,qBAAA,GAAA,oBAAA,cAAA,gBAAmCA,iBAAAA,QAAe;;;;;;AAsDxD,MAAa,aAAiC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,mBACI;CAoBJ,OACE,iBAAA,GAAA,kBAAA,KAAC,mBAAD;EACa;EACX,YAAY;EACF;EACO;EACjB,aAzBgB,gBAAgB,CAAC;EA0BjC,eAAA,GAAA,MAAA,mBAxBmC;GACrC,IAAI,iBAAiB,SACnB,gBAAgB,QAAQ,OAAO;QAC1B,IAAI,YAAY;oEACmB,WAAW,QAErC,CAAC,WAAW,GACxB,4BAA4B;KAC1B,WAAW,SAAS,OAAO;MAC3B;;KAEL,CAAC,iBAAiB,WAAW,CAaF;EAC1B,iBAAA,GAAA,MAAA,mBAZqC;GACvC,eAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAUgB;EAE7B;EACiB,CAAA"}

package/dist/cjs/components/focus-lock/index.cjs

@@ -1,3 +1,3 @@
-const require_focus_lock = require('./focus-lock.cjs');
-
-exports.FocusLock = require_focus_lock.FocusLock;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_focus_lock = require("./focus-lock.cjs");
+exports.FocusLock = require_focus_lock.FocusLock;

package/dist/cjs/components/for/for.cjs

@@ -1,5 +1,4 @@
-const require_utils_index = require('../../utils/index.cjs');
-
+const require_utils_index = require("../../utils/index.cjs");
 //#region src/components/for/for.tsx
 /**
 * `For` is a component used to loop over an array and render a component for each item.
@@ -15,7 +14,7 @@ const For = ({ children, each, fallback, filter, limit, offset = 0, reverse = fa
 	if (!sliced.length) return fallback || null;
 	return sliced.map(children);
 };
-
 //#endregion
 exports.For = For;
+
 //# sourceMappingURL=for.cjs.map

package/dist/cjs/components/for/for.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"for.cjs","names":[],"sources":["../../../../src/components/for/for.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport { isArray } from \"../../utils\"\n\nexport interface ForProps<Y> {\n  /**\n   * The array to iterate over.\n   */\n  each: readonly Y[] | undefined | Y[]\n  /**\n   * The render function to render each item in the array.\n   */\n  children: (value: Y, index: number, array: Y[]) => ReactNode\n  /**\n   * The fallback content to render when the array is empty.\n   */\n  fallback?: ReactNode\n  /**\n   * The maximum number of items to include in the render result.\n   */\n  limit?: number\n  /**\n   * The number of items to skip before including them in the render result.\n   * @default 0\n   */\n  offset?: number\n  /**\n   * The boolean value to determine the order of the items in the array.\n   * If `true`, the items will be reversed.\n   * If `sortBy` is provided, inversion is applied to the sorted array.\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * A function that returns a boolean indicating whether the item should be included in the render result.\n   */\n  filter?: (value: Y, index: number, array: Y[]) => boolean\n  /**\n   * The function to sort the items in the array.\n   * If function is provided, the items will be sorted based on the return value.\n   * If `reverse` is `true`, the inversion is applied to the sorted array.\n   */\n  sort?: (a: Y, b: Y) => number\n}\n\n/**\n * `For` is a component used to loop over an array and render a component for each item.\n *\n * @see https://yamada-ui.com/docs/components/for\n */\nexport const For = <Y,>({\n  children,\n  each,\n  fallback,\n  filter,\n  limit,\n  offset = 0,\n  reverse = false,\n  sort,\n}: ForProps<Y>): ReactNode => {\n  if (!each || !isArray(each) || !each.length) return fallback || null\n\n  const cloned = [...each]\n  const filtered = filter ? cloned.filter(filter) : cloned\n  const sorted = sort ? filtered.sort(sort) : filtered\n  const reversed = reverse ? sorted.reverse() : sorted\n  const sliced = reversed.slice(offset, limit ? offset + limit : undefined)\n\n  if (!sliced.length) return fallback || null\n\n  return sliced.map(children)\n}\n"],"mappings":";;;;;;;;AAiDA,MAAa,OAAW,EACtB,UACA,MACA,UACA,QACA,OACA,SAAS,GACT,UAAU,OACV,WAC4B;AAC5B,KAAI,CAAC,QAAQ,gDAAS,KAAK,IAAI,CAAC,KAAK,OAAQ,QAAO,YAAY;CAEhE,MAAM,SAAS,CAAC,GAAG,KAAK;CACxB,MAAM,WAAW,SAAS,OAAO,OAAO,OAAO,GAAG;CAClD,MAAM,SAAS,OAAO,SAAS,KAAK,KAAK,GAAG;CAE5C,MAAM,UADW,UAAU,OAAO,SAAS,GAAG,QACtB,MAAM,QAAQ,QAAQ,SAAS,QAAQ,OAAU;AAEzE,KAAI,CAAC,OAAO,OAAQ,QAAO,YAAY;AAEvC,QAAO,OAAO,IAAI,SAAS"}
+{"version":3,"file":"for.cjs","names":[],"sources":["../../../../src/components/for/for.tsx"],"sourcesContent":["import type { ReactNode } from \"react\"\nimport { isArray } from \"../../utils\"\n\nexport interface ForProps<Y> {\n  /**\n   * The array to iterate over.\n   */\n  each: readonly Y[] | undefined | Y[]\n  /**\n   * The render function to render each item in the array.\n   */\n  children: (value: Y, index: number, array: Y[]) => ReactNode\n  /**\n   * The fallback content to render when the array is empty.\n   */\n  fallback?: ReactNode\n  /**\n   * The maximum number of items to include in the render result.\n   */\n  limit?: number\n  /**\n   * The number of items to skip before including them in the render result.\n   * @default 0\n   */\n  offset?: number\n  /**\n   * The boolean value to determine the order of the items in the array.\n   * If `true`, the items will be reversed.\n   * If `sortBy` is provided, inversion is applied to the sorted array.\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * A function that returns a boolean indicating whether the item should be included in the render result.\n   */\n  filter?: (value: Y, index: number, array: Y[]) => boolean\n  /**\n   * The function to sort the items in the array.\n   * If function is provided, the items will be sorted based on the return value.\n   * If `reverse` is `true`, the inversion is applied to the sorted array.\n   */\n  sort?: (a: Y, b: Y) => number\n}\n\n/**\n * `For` is a component used to loop over an array and render a component for each item.\n *\n * @see https://yamada-ui.com/docs/components/for\n */\nexport const For = <Y,>({\n  children,\n  each,\n  fallback,\n  filter,\n  limit,\n  offset = 0,\n  reverse = false,\n  sort,\n}: ForProps<Y>): ReactNode => {\n  if (!each || !isArray(each) || !each.length) return fallback || null\n\n  const cloned = [...each]\n  const filtered = filter ? cloned.filter(filter) : cloned\n  const sorted = sort ? filtered.sort(sort) : filtered\n  const reversed = reverse ? sorted.reverse() : sorted\n  const sliced = reversed.slice(offset, limit ? offset + limit : undefined)\n\n  if (!sliced.length) return fallback || null\n\n  return sliced.map(children)\n}\n"],"mappings":";;;;;;;AAiDA,MAAa,OAAW,EACtB,UACA,MACA,UACA,QACA,OACA,SAAS,GACT,UAAU,OACV,WAC4B;CAC5B,IAAI,CAAC,QAAQ,EAAA,GAAA,oBAAA,cAAA,SAAS,KAAK,IAAI,CAAC,KAAK,QAAQ,OAAO,YAAY;CAEhE,MAAM,SAAS,CAAC,GAAG,KAAK;CACxB,MAAM,WAAW,SAAS,OAAO,OAAO,OAAO,GAAG;CAClD,MAAM,SAAS,OAAO,SAAS,KAAK,KAAK,GAAG;CAE5C,MAAM,UADW,UAAU,OAAO,SAAS,GAAG,QACtB,MAAM,QAAQ,QAAQ,SAAS,QAAQ,KAAA,EAAU;CAEzE,IAAI,CAAC,OAAO,QAAQ,OAAO,YAAY;CAEvC,OAAO,OAAO,IAAI,SAAS"}

package/dist/cjs/components/for/index.cjs

@@ -1,3 +1,3 @@
-const require_for = require('./for.cjs');
-
-exports.For = require_for.For;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_for = require("./for.cjs");
+exports.For = require_for.For;

package/dist/cjs/components/form/form.cjs

@@ -1,18 +1,14 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-const require_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_form_style = require('./form.style.cjs');
-const require_button = require('../button/button.cjs');
-require('../button/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_context = require("../../utils/context.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_form_style = require("./form.style.cjs");
+const require_button = require("../button/button.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/form/form.tsx
 const [FormContext, useFormContext] = require_context.createContext({
 	name: "FormContext",
@@ -119,7 +115,6 @@ const FormSubmitButton = withContext(require_button.Button, "submitButton")({ ty
 		...props
 	};
 });
-
 //#endregion
 exports.FormBody = FormBody;
 exports.FormContext = FormContext;
@@ -133,4 +128,5 @@ exports.FormSubmitButton = FormSubmitButton;
 exports.FormTitle = FormTitle;
 exports.useFormContext = useFormContext;
 exports.useFormPropsContext = useFormPropsContext;
+
 //# sourceMappingURL=form.cjs.map

package/dist/cjs/components/form/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":["createContext","createSlotComponent","formStyle","useSplitChildren","styled","Button"],"sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { FormStyle } from \"./form.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, useSplitChildren } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { formStyle } from \"./form.style\"\n\ninterface FormContext extends Pick<\n  FormRootProps,\n  | \"disabled\"\n  | \"errorMessage\"\n  | \"helperMessage\"\n  | \"invalid\"\n  | \"optionalIndicator\"\n  | \"readOnly\"\n  | \"replace\"\n  | \"required\"\n  | \"requiredIndicator\"\n  | \"size\"\n  | \"variant\"\n> {\n  descriptionId: string\n  id: string\n  titleId: string\n}\n\nconst [FormContext, useFormContext] = createContext<FormContext>({\n  name: \"FormContext\",\n  strict: false,\n})\n\nexport { FormContext, useFormContext }\n\nexport interface FormRootProps\n  extends Omit<HTMLStyledProps<\"form\">, \"title\">, ThemeProps<FormStyle> {\n  /**\n   * The form description to use.\n   */\n  description?: ReactNode\n  /**\n   * An object managing the disabled state of each field.\n   */\n  disabled?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the error message of each field.\n   */\n  errorMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the helper message of each field.\n   */\n  helperMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the invalid state of each field.\n   */\n  invalid?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The optional indicator to use for each field.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * An object managing the read only state of each field.\n   */\n  readOnly?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the replace state of each field.\n   */\n  replace?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the required state of each field.\n   */\n  required?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The required indicator to use for each field.\n   */\n  requiredIndicator?: ReactNode\n  /**\n   * The submit button to use.\n   */\n  submitButton?: ReactNode\n  /**\n   * The form title to use.\n   */\n  title?: ReactNode\n  /**\n   * Props the body component.\n   */\n  bodyProps?: FormBodyProps\n  /**\n   * Props the description component.\n   */\n  descriptionProps?: FormDescriptionProps\n  /**\n   * Props the footer component.\n   */\n  footerProps?: FormFooterProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FormHeaderProps\n  /**\n   * Props the submit button component.\n   */\n  submitButtonProps?: FormSubmitButtonProps\n  /**\n   * Props the title component.\n   */\n  titleProps?: FormTitleProps\n}\n\nconst {\n  PropsContext: FormPropsContext,\n  usePropsContext: useFormPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FormRootProps, FormStyle, FormContext>(\n  \"form\",\n  formStyle,\n)\n\nexport { FormPropsContext, useFormPropsContext }\n\n/**\n * `Form` is a component used to group multiple form elements.\n *\n * @see https://yamada-ui.com/docs/components/form\n */\nexport const FormRoot = withProvider<\"form\", FormRootProps, \"size\" | \"variant\">(\n  ({\n    id,\n    size,\n    variant,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    description,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    noValidate = true,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    submitButton,\n    title,\n    bodyProps,\n    descriptionProps,\n    footerProps,\n    headerProps,\n    submitButtonProps,\n    titleProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const [\n      omittedChildren,\n      customHeader,\n      customBody,\n      customFooter,\n      customTitle,\n      customDescription,\n      customSubmitButton,\n    ] = useSplitChildren(\n      children,\n      FormHeader,\n      FormBody,\n      FormFooter,\n      FormTitle,\n      FormDescription,\n      FormSubmitButton,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        size,\n        variant,\n        descriptionId,\n        disabled,\n        errorMessage,\n        helperMessage,\n        invalid,\n        optionalIndicator,\n        readOnly,\n        replace,\n        required,\n        requiredIndicator,\n        titleId,\n      }),\n      [\n        id,\n        titleId,\n        descriptionId,\n        disabled,\n        size,\n        variant,\n        errorMessage,\n        helperMessage,\n        invalid,\n        readOnly,\n        replace,\n        required,\n        optionalIndicator,\n        requiredIndicator,\n      ],\n    )\n\n    return (\n      <FormContext value={context}>\n        <styled.form\n          id={id}\n          aria-labelledby={cx(titleId, descriptionId, ariaLabelledBy)}\n          noValidate={noValidate}\n          {...rest}\n        >\n          {customHeader ||\n            (customTitle || title || customDescription || description ? (\n              <FormHeader {...headerProps}>\n                {customTitle ||\n                  (title ? (\n                    <FormTitle {...titleProps}>{title}</FormTitle>\n                  ) : null)}\n\n                {customDescription ||\n                  (description ? (\n                    <FormDescription {...descriptionProps}>\n                      {description}\n                    </FormDescription>\n                  ) : null)}\n              </FormHeader>\n            ) : null)}\n\n          {customBody || <FormBody {...bodyProps}>{omittedChildren}</FormBody>}\n\n          {customFooter ||\n            (customSubmitButton || submitButton ? (\n              <FormFooter {...footerProps}>\n                {customSubmitButton ||\n                  (submitButton ? (\n                    <FormSubmitButton {...submitButtonProps}>\n                      {submitButton}\n                    </FormSubmitButton>\n                  ) : null)}\n              </FormFooter>\n            ) : null)}\n        </styled.form>\n      </FormContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\", \"variant\"] },\n)()\n\nexport interface FormHeaderProps extends HTMLStyledProps {}\n\nexport const FormHeader = withContext<\"div\", FormHeaderProps>(\"div\", \"header\")()\n\nexport interface FormTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const FormTitle = withContext<\"h3\", FormTitleProps>(\"h3\", \"title\")(\n  undefined,\n  (props) => {\n    const { titleId } = useFormContext() ?? {}\n\n    return { id: titleId, ...props }\n  },\n)\n\nexport interface FormDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const FormDescription = withContext<\"p\", FormDescriptionProps>(\n  \"p\",\n  \"description\",\n)(undefined, (props) => {\n  const { descriptionId, titleId } = useFormContext() ?? {}\n\n  return { id: descriptionId, \"aria-describedby\": titleId, ...props }\n})\n\nexport interface FormBodyProps extends HTMLStyledProps {}\n\nexport const FormBody = withContext<\"div\", FormBodyProps>(\"div\", \"body\")()\n\nexport interface FormGroupProps extends HTMLStyledProps {}\n\nexport const FormGroup = withContext<\"div\", FormGroupProps>(\"div\", \"group\")()\n\nexport interface FormFooterProps extends HTMLStyledProps {}\n\nexport const FormFooter = withContext<\"div\", FormFooterProps>(\"div\", \"footer\")()\n\nexport interface FormSubmitButtonProps extends ButtonProps {}\n\nexport const FormSubmitButton = withContext<\"button\", FormSubmitButtonProps>(\n  Button,\n  \"submitButton\",\n)({ type: \"submit\" }, (props) => {\n  const { id } = useFormContext() ?? {}\n\n  return { form: id, ...props }\n})\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAM,CAAC,aAAa,kBAAkBA,8BAA2B;CAC/D,MAAM;CACN,QAAQ;CACT,CAAC;AAgFF,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACEC,6CACF,QACAC,6BACD;;;;;;AASD,MAAa,WAAW,cACrB,EACC,IACA,MACA,SACA,mBAAmB,gBACnB,UACA,aACA,UACA,cACA,eACA,SACA,aAAa,MACb,mBACA,UACA,SACA,UACA,mBACA,cACA,OACA,WACA,kBACA,aACA,aACA,mBACA,YACA,GAAG,WACC;CACJ,MAAM,yBAAc;CACpB,MAAM,4BAAiB;CACvB,MAAM,kCAAuB;CAC7B,MAAM,CACJ,iBACA,cACA,YACA,cACA,aACA,mBACA,sBACEC,kCACF,UACA,YACA,UACA,YACA,WACA,iBACA,iBACD;AAED,QAAO;AAqCP,QACE,2CAAC;EAAY,iCAnCN;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;YAIG,4CAACC,uBAAO;GACF;GACJ,6DAAoB,SAAS,eAAe,eAAe;GAC/C;GACZ,GAAI;;IAEH,iBACE,eAAe,SAAS,qBAAqB,cAC5C,4CAAC;KAAW,GAAI;gBACb,gBACE,QACC,2CAAC;MAAU,GAAI;gBAAa;OAAkB,GAC5C,OAEL,sBACE,cACC,2CAAC;MAAgB,GAAI;gBAClB;OACe,GAChB;MACK,GACX;IAEL,cAAc,2CAAC;KAAS,GAAI;eAAY;MAA2B;IAEnE,iBACE,sBAAsB,eACrB,2CAAC;KAAW,GAAI;eACb,uBACE,eACC,2CAAC;MAAiB,GAAI;gBACnB;OACgB,GACjB;MACK,GACX;;IACM;GACF;GAGlB,QACA,EAAE,eAAe,CAAC,QAAQ,UAAU,EAAE,CACvC,EAAE;AAIH,MAAa,aAAa,YAAoC,OAAO,SAAS,EAAE;AAIhF,MAAa,YAAY,YAAkC,MAAM,QAAQ,CACvE,SACC,UAAU;CACT,MAAM,EAAE,YAAY,gBAAgB,IAAI,EAAE;AAE1C,QAAO;EAAE,IAAI;EAAS,GAAG;EAAO;EAEnC;AAID,MAAa,kBAAkB,YAC7B,KACA,cACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,eAAe,YAAY,gBAAgB,IAAI,EAAE;AAEzD,QAAO;EAAE,IAAI;EAAe,oBAAoB;EAAS,GAAG;EAAO;EACnE;AAIF,MAAa,WAAW,YAAkC,OAAO,OAAO,EAAE;AAI1E,MAAa,YAAY,YAAmC,OAAO,QAAQ,EAAE;AAI7E,MAAa,aAAa,YAAoC,OAAO,SAAS,EAAE;AAIhF,MAAa,mBAAmB,YAC9BC,uBACA,eACD,CAAC,EAAE,MAAM,UAAU,GAAG,UAAU;CAC/B,MAAM,EAAE,OAAO,gBAAgB,IAAI,EAAE;AAErC,QAAO;EAAE,MAAM;EAAI,GAAG;EAAO;EAC7B"}
+{"version":3,"file":"form.cjs","names":["createContext","createSlotComponent","formStyle","useSplitChildren","styled","Button"],"sources":["../../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { FormStyle } from \"./form.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, useSplitChildren } from \"../../utils\"\nimport { Button } from \"../button\"\nimport { formStyle } from \"./form.style\"\n\ninterface FormContext extends Pick<\n  FormRootProps,\n  | \"disabled\"\n  | \"errorMessage\"\n  | \"helperMessage\"\n  | \"invalid\"\n  | \"optionalIndicator\"\n  | \"readOnly\"\n  | \"replace\"\n  | \"required\"\n  | \"requiredIndicator\"\n  | \"size\"\n  | \"variant\"\n> {\n  descriptionId: string\n  id: string\n  titleId: string\n}\n\nconst [FormContext, useFormContext] = createContext<FormContext>({\n  name: \"FormContext\",\n  strict: false,\n})\n\nexport { FormContext, useFormContext }\n\nexport interface FormRootProps\n  extends Omit<HTMLStyledProps<\"form\">, \"title\">, ThemeProps<FormStyle> {\n  /**\n   * The form description to use.\n   */\n  description?: ReactNode\n  /**\n   * An object managing the disabled state of each field.\n   */\n  disabled?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the error message of each field.\n   */\n  errorMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the helper message of each field.\n   */\n  helperMessage?: { [key: string]: ReactNode }\n  /**\n   * An object managing the invalid state of each field.\n   */\n  invalid?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The optional indicator to use for each field.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * An object managing the read only state of each field.\n   */\n  readOnly?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the replace state of each field.\n   */\n  replace?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * An object managing the required state of each field.\n   */\n  required?: boolean | { [key: string]: boolean | undefined }\n  /**\n   * The required indicator to use for each field.\n   */\n  requiredIndicator?: ReactNode\n  /**\n   * The submit button to use.\n   */\n  submitButton?: ReactNode\n  /**\n   * The form title to use.\n   */\n  title?: ReactNode\n  /**\n   * Props the body component.\n   */\n  bodyProps?: FormBodyProps\n  /**\n   * Props the description component.\n   */\n  descriptionProps?: FormDescriptionProps\n  /**\n   * Props the footer component.\n   */\n  footerProps?: FormFooterProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FormHeaderProps\n  /**\n   * Props the submit button component.\n   */\n  submitButtonProps?: FormSubmitButtonProps\n  /**\n   * Props the title component.\n   */\n  titleProps?: FormTitleProps\n}\n\nconst {\n  PropsContext: FormPropsContext,\n  usePropsContext: useFormPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FormRootProps, FormStyle, FormContext>(\n  \"form\",\n  formStyle,\n)\n\nexport { FormPropsContext, useFormPropsContext }\n\n/**\n * `Form` is a component used to group multiple form elements.\n *\n * @see https://yamada-ui.com/docs/components/form\n */\nexport const FormRoot = withProvider<\"form\", FormRootProps, \"size\" | \"variant\">(\n  ({\n    id,\n    size,\n    variant,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    description,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    noValidate = true,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    submitButton,\n    title,\n    bodyProps,\n    descriptionProps,\n    footerProps,\n    headerProps,\n    submitButtonProps,\n    titleProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const titleId = useId()\n    const descriptionId = useId()\n    const [\n      omittedChildren,\n      customHeader,\n      customBody,\n      customFooter,\n      customTitle,\n      customDescription,\n      customSubmitButton,\n    ] = useSplitChildren(\n      children,\n      FormHeader,\n      FormBody,\n      FormFooter,\n      FormTitle,\n      FormDescription,\n      FormSubmitButton,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        size,\n        variant,\n        descriptionId,\n        disabled,\n        errorMessage,\n        helperMessage,\n        invalid,\n        optionalIndicator,\n        readOnly,\n        replace,\n        required,\n        requiredIndicator,\n        titleId,\n      }),\n      [\n        id,\n        titleId,\n        descriptionId,\n        disabled,\n        size,\n        variant,\n        errorMessage,\n        helperMessage,\n        invalid,\n        readOnly,\n        replace,\n        required,\n        optionalIndicator,\n        requiredIndicator,\n      ],\n    )\n\n    return (\n      <FormContext value={context}>\n        <styled.form\n          id={id}\n          aria-labelledby={cx(titleId, descriptionId, ariaLabelledBy)}\n          noValidate={noValidate}\n          {...rest}\n        >\n          {customHeader ||\n            (customTitle || title || customDescription || description ? (\n              <FormHeader {...headerProps}>\n                {customTitle ||\n                  (title ? (\n                    <FormTitle {...titleProps}>{title}</FormTitle>\n                  ) : null)}\n\n                {customDescription ||\n                  (description ? (\n                    <FormDescription {...descriptionProps}>\n                      {description}\n                    </FormDescription>\n                  ) : null)}\n              </FormHeader>\n            ) : null)}\n\n          {customBody || <FormBody {...bodyProps}>{omittedChildren}</FormBody>}\n\n          {customFooter ||\n            (customSubmitButton || submitButton ? (\n              <FormFooter {...footerProps}>\n                {customSubmitButton ||\n                  (submitButton ? (\n                    <FormSubmitButton {...submitButtonProps}>\n                      {submitButton}\n                    </FormSubmitButton>\n                  ) : null)}\n              </FormFooter>\n            ) : null)}\n        </styled.form>\n      </FormContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\", \"variant\"] },\n)()\n\nexport interface FormHeaderProps extends HTMLStyledProps {}\n\nexport const FormHeader = withContext<\"div\", FormHeaderProps>(\"div\", \"header\")()\n\nexport interface FormTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const FormTitle = withContext<\"h3\", FormTitleProps>(\"h3\", \"title\")(\n  undefined,\n  (props) => {\n    const { titleId } = useFormContext() ?? {}\n\n    return { id: titleId, ...props }\n  },\n)\n\nexport interface FormDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const FormDescription = withContext<\"p\", FormDescriptionProps>(\n  \"p\",\n  \"description\",\n)(undefined, (props) => {\n  const { descriptionId, titleId } = useFormContext() ?? {}\n\n  return { id: descriptionId, \"aria-describedby\": titleId, ...props }\n})\n\nexport interface FormBodyProps extends HTMLStyledProps {}\n\nexport const FormBody = withContext<\"div\", FormBodyProps>(\"div\", \"body\")()\n\nexport interface FormGroupProps extends HTMLStyledProps {}\n\nexport const FormGroup = withContext<\"div\", FormGroupProps>(\"div\", \"group\")()\n\nexport interface FormFooterProps extends HTMLStyledProps {}\n\nexport const FormFooter = withContext<\"div\", FormFooterProps>(\"div\", \"footer\")()\n\nexport interface FormSubmitButtonProps extends ButtonProps {}\n\nexport const FormSubmitButton = withContext<\"button\", FormSubmitButtonProps>(\n  Button,\n  \"submitButton\",\n)({ type: \"submit\" }, (props) => {\n  const { id } = useFormContext() ?? {}\n\n  return { form: id, ...props }\n})\n"],"mappings":"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"}