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

package/dist/cjs/components/field/use-field-props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.cjs","names":["useEnvironment","useFormContext","useFieldsetContext","useFieldContext"],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n  id?: string\n  name?: string\n  notSupportReadOnly?: boolean\n  onBlur?: FocusEventHandler<Y>\n  onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n  {\n    id,\n    name,\n    \"aria-describedby\": ariaDescribedby,\n    disabled,\n    invalid,\n    notSupportReadOnly,\n    readOnly,\n    required,\n    onBlur,\n    onFocus,\n    ...rest\n  }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n  const { getDocument } = useEnvironment()\n  const formContext = useFormContext()\n  const fieldsetContext = useFieldsetContext()\n  const fieldContext = useFieldContext()\n  const [errorMessageId, setErrorMessageId] = useState<string | undefined>(\n    undefined,\n  )\n  const [helperMessageId, setHelperMessageId] = useState<string | undefined>(\n    undefined,\n  )\n\n  id ??= fieldContext?.id\n  disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n  required ??= fieldContext?.required ?? fieldsetContext?.required\n  readOnly ??= fieldContext?.readOnly ?? fieldsetContext?.readOnly\n  invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n  if (name) {\n    disabled ??= isObject(formContext?.disabled)\n      ? formContext.disabled[name]\n      : formContext?.disabled\n    required ??= isObject(formContext?.required)\n      ? formContext.required[name]\n      : formContext?.required\n    readOnly ??= isObject(formContext?.readOnly)\n      ? formContext.readOnly[name]\n      : formContext?.readOnly\n    invalid ??= isObject(formContext?.invalid)\n      ? formContext.invalid[name]\n      : formContext?.invalid\n  }\n\n  useSafeLayoutEffect(() => {\n    const hasErrorMessage =\n      !!fieldContext?.errorMessageId &&\n      !!getDocument()?.getElementById(fieldContext.errorMessageId)\n    const hasHelperMessage =\n      !!fieldContext?.helperMessageId &&\n      !!getDocument()?.getElementById(fieldContext.helperMessageId)\n\n    setErrorMessageId(\n      invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined,\n    )\n    setHelperMessageId(\n      (!fieldContext?.replace || !invalid) && hasHelperMessage\n        ? fieldContext.helperMessageId\n        : undefined,\n    )\n  }, [\n    fieldContext?.errorMessageId,\n    fieldContext?.helperMessageId,\n    fieldContext?.replace,\n    invalid,\n  ])\n\n  const props = useMemo(\n    () => ({\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      ...rest,\n    }),\n    [id, name, disabled, readOnly, required, rest],\n  )\n  const dataProps = useMemo(\n    () => ({\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-required\": dataAttr(required),\n    }),\n    [disabled, invalid, readOnly, required],\n  )\n  const ariaProps = useMemo(\n    () => ({\n      \"aria-describedby\":\n        ariaDescribedby ?? cx(errorMessageId, helperMessageId),\n      \"aria-disabled\": ariaAttr(\n        notSupportReadOnly ? readOnly || disabled : disabled,\n      ),\n      \"aria-invalid\": ariaAttr(invalid),\n      \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n      \"aria-required\": ariaAttr(required),\n    }),\n    [\n      errorMessageId,\n      helperMessageId,\n      ariaDescribedby,\n      notSupportReadOnly,\n      readOnly,\n      disabled,\n      invalid,\n      required,\n    ],\n  )\n  const eventProps = useMemo(\n    () => ({\n      onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n      onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n    }),\n    [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n  )\n\n  return {\n    context: fieldContext,\n    props,\n    ariaProps,\n    dataProps,\n    eventProps,\n  }\n}\n\nexport const resetFieldProps = {\n  disabled: false,\n  invalid: false,\n  readOnly: false,\n  required: false,\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAa,iBACX,EACE,IACA,MACA,oBAAoB,iBACpB,UACA,SACA,oBACA,UACA,UACA,QACA,SACA,GAAG,SACqB,EAAE,KACzB;CACH,MAAM,EAAE,gBAAgBA,6CAAgB;CACxC,MAAM,cAAcC,6BAAgB;CACpC,MAAM,kBAAkBC,qCAAoB;CAC5C,MAAM,eAAeC,+BAAiB;CACtC,MAAM,CAAC,gBAAgB,yCACrB,OACD;CACD,MAAM,CAAC,iBAAiB,0CACtB,OACD;AAED,QAAO,cAAc;AACrB,cAAa,cAAc,YAAY,iBAAiB;AACxD,cAAa,cAAc,YAAY,iBAAiB;AACxD,cAAa,cAAc,YAAY,iBAAiB;AACxD,aAAY,cAAc,WAAW,iBAAiB;AAEtD,KAAI,MAAM;AACR,+DAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;AACjB,+DAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;AACjB,+DAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;AACjB,8DAAqB,aAAa,QAAQ,GACtC,YAAY,QAAQ,QACpB,aAAa;;AAGnB,0CAA0B;EACxB,MAAM,kBACJ,CAAC,CAAC,cAAc,kBAChB,CAAC,CAAC,aAAa,EAAE,eAAe,aAAa,eAAe;EAC9D,MAAM,mBACJ,CAAC,CAAC,cAAc,mBAChB,CAAC,CAAC,aAAa,EAAE,eAAe,aAAa,gBAAgB;AAE/D,oBACE,WAAW,kBAAkB,aAAa,iBAAiB,OAC5D;AACD,sBACG,CAAC,cAAc,WAAW,CAAC,YAAY,mBACpC,aAAa,kBACb,OACL;IACA;EACD,cAAc;EACd,cAAc;EACd,cAAc;EACd;EACD,CAAC;CAEF,MAAM,kCACG;EACL;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EAAC;EAAI;EAAM;EAAU;EAAU;EAAU;EAAK,CAC/C;CACD,MAAM,sCACG;EACL,iEAA0B,SAAS;EACnC,gEAAyB,QAAQ;EACjC,iEAA0B,SAAS;EACnC,iEAA0B,SAAS;EACpC,GACD;EAAC;EAAU;EAAS;EAAU;EAAS,CACxC;AA+BD,QAAO;EACL,SAAS;EACT;EACA,qCAhCO;GACL,oBACE,6DAAsB,gBAAgB,gBAAgB;GACxD,iEACE,qBAAqB,YAAY,WAAW,SAC7C;GACD,gEAAyB,QAAQ;GACjC,iBAAiB,qBAAqB,yDAAqB,SAAS;GACpE,iEAA0B,SAAS;GACpC,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACA,sCAZO;GACL,0DAAmB,cAAc,QAAQ,OAAO;GAChD,2DAAoB,cAAc,SAAS,QAAQ;GACpD,GACD;GAAC,cAAc;GAAQ,cAAc;GAAS;GAAQ;GAAQ,CAC/D;EAQA;;AAGH,MAAa,kBAAkB;CAC7B,UAAU;CACV,SAAS;CACT,UAAU;CACV,UAAU;CACX"}
+{"version":3,"file":"use-field-props.cjs","names":["useEnvironment","useFormContext","useFieldsetContext","useFieldContext"],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n  id?: string\n  name?: string\n  notSupportReadOnly?: boolean\n  onBlur?: FocusEventHandler<Y>\n  onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n  {\n    id,\n    name,\n    \"aria-describedby\": ariaDescribedby,\n    disabled,\n    invalid,\n    notSupportReadOnly,\n    readOnly,\n    required,\n    onBlur,\n    onFocus,\n    ...rest\n  }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n  const { getDocument } = useEnvironment()\n  const formContext = useFormContext()\n  const fieldsetContext = useFieldsetContext()\n  const fieldContext = useFieldContext()\n  const [errorMessageId, setErrorMessageId] = useState<string | undefined>(\n    undefined,\n  )\n  const [helperMessageId, setHelperMessageId] = useState<string | undefined>(\n    undefined,\n  )\n\n  id ??= fieldContext?.id\n  disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n  required ??= fieldContext?.required ?? fieldsetContext?.required\n  readOnly ??= fieldContext?.readOnly ?? fieldsetContext?.readOnly\n  invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n  if (name) {\n    disabled ??= isObject(formContext?.disabled)\n      ? formContext.disabled[name]\n      : formContext?.disabled\n    required ??= isObject(formContext?.required)\n      ? formContext.required[name]\n      : formContext?.required\n    readOnly ??= isObject(formContext?.readOnly)\n      ? formContext.readOnly[name]\n      : formContext?.readOnly\n    invalid ??= isObject(formContext?.invalid)\n      ? formContext.invalid[name]\n      : formContext?.invalid\n  }\n\n  useSafeLayoutEffect(() => {\n    const hasErrorMessage =\n      !!fieldContext?.errorMessageId &&\n      !!getDocument()?.getElementById(fieldContext.errorMessageId)\n    const hasHelperMessage =\n      !!fieldContext?.helperMessageId &&\n      !!getDocument()?.getElementById(fieldContext.helperMessageId)\n\n    setErrorMessageId(\n      invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined,\n    )\n    setHelperMessageId(\n      (!fieldContext?.replace || !invalid) && hasHelperMessage\n        ? fieldContext.helperMessageId\n        : undefined,\n    )\n  }, [\n    fieldContext?.errorMessageId,\n    fieldContext?.helperMessageId,\n    fieldContext?.replace,\n    invalid,\n  ])\n\n  const props = useMemo(\n    () => ({\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      ...rest,\n    }),\n    [id, name, disabled, readOnly, required, rest],\n  )\n  const dataProps = useMemo(\n    () => ({\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-required\": dataAttr(required),\n    }),\n    [disabled, invalid, readOnly, required],\n  )\n  const ariaProps = useMemo(\n    () => ({\n      \"aria-describedby\":\n        ariaDescribedby ?? cx(errorMessageId, helperMessageId),\n      \"aria-disabled\": ariaAttr(\n        notSupportReadOnly ? readOnly || disabled : disabled,\n      ),\n      \"aria-invalid\": ariaAttr(invalid),\n      \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n      \"aria-required\": ariaAttr(required),\n    }),\n    [\n      errorMessageId,\n      helperMessageId,\n      ariaDescribedby,\n      notSupportReadOnly,\n      readOnly,\n      disabled,\n      invalid,\n      required,\n    ],\n  )\n  const eventProps = useMemo(\n    () => ({\n      onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n      onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n    }),\n    [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n  )\n\n  return {\n    context: fieldContext,\n    props,\n    ariaProps,\n    dataProps,\n    eventProps,\n  }\n}\n\nexport const resetFieldProps = {\n  disabled: false,\n  invalid: false,\n  readOnly: false,\n  required: false,\n}\n"],"mappings":";;;;;;;;;;AA2BA,MAAa,iBACX,EACE,IACA,MACA,oBAAoB,iBACpB,UACA,SACA,oBACA,UACA,UACA,QACA,SACA,GAAG,SACqB,EAAE,KACzB;CACH,MAAM,EAAE,gBAAgBA,6BAAAA,gBAAgB;CACxC,MAAM,cAAcC,aAAAA,gBAAgB;CACpC,MAAM,kBAAkBC,iBAAAA,oBAAoB;CAC5C,MAAM,eAAeC,cAAAA,iBAAiB;CACtC,MAAM,CAAC,gBAAgB,sBAAA,GAAA,MAAA,UACrB,KAAA,EACD;CACD,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,UACtB,KAAA,EACD;CAED,OAAO,cAAc;CACrB,aAAa,cAAc,YAAY,iBAAiB;CACxD,aAAa,cAAc,YAAY,iBAAiB;CACxD,aAAa,cAAc,YAAY,iBAAiB;CACxD,YAAY,cAAc,WAAW,iBAAiB;CAEtD,IAAI,MAAM;EACR,cAAA,GAAA,oBAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,oBAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,oBAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,oBAAA,cAAA,UAAqB,aAAa,QAAQ,GACtC,YAAY,QAAQ,QACpB,aAAa;;CAGnB,eAAA,0BAA0B;EACxB,MAAM,kBACJ,CAAC,CAAC,cAAc,kBAChB,CAAC,CAAC,aAAa,EAAE,eAAe,aAAa,eAAe;EAC9D,MAAM,mBACJ,CAAC,CAAC,cAAc,mBAChB,CAAC,CAAC,aAAa,EAAE,eAAe,aAAa,gBAAgB;EAE/D,kBACE,WAAW,kBAAkB,aAAa,iBAAiB,KAAA,EAC5D;EACD,oBACG,CAAC,cAAc,WAAW,CAAC,YAAY,mBACpC,aAAa,kBACb,KAAA,EACL;IACA;EACD,cAAc;EACd,cAAc;EACd,cAAc;EACd;EACD,CAAC;CAEF,MAAM,SAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EAAC;EAAI;EAAM;EAAU;EAAU;EAAU;EAAK,CAC/C;CACD,MAAM,aAAA,GAAA,MAAA,gBACG;EACL,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACnC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;EACjC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACnC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACpC,GACD;EAAC;EAAU;EAAS;EAAU;EAAS,CACxC;CA+BD,OAAO;EACL,SAAS;EACT;EACA,YAAA,GAAA,MAAA,gBAhCO;GACL,oBACE,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,gBAAgB;GACxD,kBAAA,GAAA,oBAAA,cAAA,UACE,qBAAqB,YAAY,WAAW,SAC7C;GACD,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;GACjC,iBAAiB,qBAAqB,KAAA,KAAA,GAAA,oBAAA,cAAA,UAAqB,SAAS;GACpE,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;GACpC,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAaQ;EACT;EACA,aAAA,GAAA,MAAA,gBAZO;GACL,SAAA,GAAA,oBAAA,cAAA,YAAmB,cAAc,QAAQ,OAAO;GAChD,UAAA,GAAA,oBAAA,cAAA,YAAoB,cAAc,SAAS,QAAQ;GACpD,GACD;GAAC,cAAc;GAAQ,cAAc;GAAS;GAAQ;GAAQ,CAQpD;EACX;;AAGH,MAAa,kBAAkB;CAC7B,UAAU;CACV,SAAS;CACT,UAAU;CACV,UAAU;CACX"}

package/dist/cjs/components/fieldset/fieldset.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 = require('../form/form.cjs');
-require('../form/index.cjs');
-const require_fieldset_style = require('./fieldset.style.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 = require("../form/form.cjs");
+const require_fieldset_style = require("./fieldset.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/fieldset/fieldset.tsx
 const [FieldsetContext, useFieldsetContext] = require_context.createContext({
 	name: "FieldsetContext",
@@ -101,7 +97,6 @@ const FieldsetErrorMessage = withContext((props) => {
 		...props
 	});
 }, "errorMessage")();
-
 //#endregion
 exports.FieldsetContent = FieldsetContent;
 exports.FieldsetContext = FieldsetContext;
@@ -113,4 +108,5 @@ exports.FieldsetPropsContext = FieldsetPropsContext;
 exports.FieldsetRoot = FieldsetRoot;
 exports.useFieldsetContext = useFieldsetContext;
 exports.useFieldsetPropsContext = useFieldsetPropsContext;
+
 //# sourceMappingURL=fieldset.cjs.map

package/dist/cjs/components/fieldset/fieldset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.cjs","names":["createContext","createSlotComponent","fieldsetStyle","useSplitChildren","styled","useFormContext"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, dataAttr, useSplitChildren } from \"../../utils\"\nimport { useFormContext } from \"../form\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\ninterface FieldsetContext extends Pick<\n  FieldsetRootProps,\n  \"disabled\" | \"invalid\" | \"readOnly\" | \"required\"\n> {\n  id?: string\n}\n\nconst [FieldsetContext, useFieldsetContext] = createContext<FieldsetContext>({\n  name: \"FieldsetContext\",\n  strict: false,\n})\n\nexport { FieldsetContext, useFieldsetContext }\n\nexport interface FieldsetRootProps\n  extends HTMLStyledProps<\"fieldset\">, ThemeProps<FieldsetStyle>, FieldProps {\n  /**\n   * The fieldset error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The fieldset helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The fieldset legend to use.\n   */\n  legend?: ReactNode\n  /**\n   * Props the content component.\n   */\n  contentProps?: FieldsetContentProps\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldsetErrorMessageProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FieldsetHeaderProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldsetHelperMessageProps\n  /**\n   * Props the legend component.\n   */\n  legendProps?: FieldsetLegendProps\n}\n\nconst {\n  PropsContext: FieldsetPropsContext,\n  usePropsContext: useFieldsetPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n  \"fieldset\",\n  fieldsetStyle,\n)\n\nexport { FieldsetPropsContext, useFieldsetPropsContext }\n\n/**\n * `Fieldset` is a component used to group multiple controls.\n *\n * @see https://yamada-ui.com/docs/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n  ({\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    legend,\n    readOnly,\n    required,\n    contentProps,\n    errorMessageProps,\n    headerProps,\n    helperMessageProps,\n    legendProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const [\n      omittedChildren,\n      customLegend,\n      customHeader,\n      customContent,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldsetLegend,\n      FieldsetHeader,\n      FieldsetContent,\n      FieldsetHelperMessage,\n      FieldsetErrorMessage,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        invalid,\n        readOnly,\n        required,\n      }),\n      [id, disabled, invalid, readOnly, required],\n    )\n\n    return (\n      <FieldsetContext value={context}>\n        <styled.fieldset aria-labelledby={cx(id, ariaLabelledBy)} {...rest}>\n          {customHeader || (\n            <FieldsetHeader {...headerProps}>\n              {customLegend ||\n                (legend ? (\n                  <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n                ) : null)}\n\n              {customHelperMessage ||\n                (helperMessage ? (\n                  <FieldsetHelperMessage {...helperMessageProps}>\n                    {helperMessage}\n                  </FieldsetHelperMessage>\n                ) : null)}\n            </FieldsetHeader>\n          )}\n\n          {customContent || (\n            <FieldsetContent {...contentProps}>\n              {omittedChildren}\n            </FieldsetContent>\n          )}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldsetErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldsetErrorMessage>\n            ) : null)}\n        </styled.fieldset>\n      </FieldsetContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const { size, variant } = useFormContext() ?? {}\n\n  return { size, variant, ...props }\n})\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n  \"legend\",\n  \"legend\",\n)(undefined, (props) => {\n  const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n  return {\n    id,\n    \"data-disabled\": dataAttr(disabled),\n    \"data-invalid\": dataAttr(invalid),\n    ...props,\n  }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n  \"div\",\n  \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n  \"span\",\n  FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n  const { id } = useFieldsetContext() ?? {}\n\n  return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n  \"span\",\n  FieldsetErrorMessageProps\n>((props) => {\n  const { invalid } = useFieldsetContext() ?? {}\n\n  return (\n    <styled.span\n      aria-live={invalid ? \"polite\" : undefined}\n      hidden={!invalid}\n      {...props}\n    />\n  )\n}, \"errorMessage\")()\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,CAAC,iBAAiB,sBAAsBA,8BAA+B;CAC3E,MAAM;CACN,QAAQ;CACT,CAAC;AAwCF,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEC,6CACF,YACAC,qCACD;;;;;;AASD,MAAa,eAAe,cACzB,EACC,IACA,mBAAmB,gBACnB,UACA,UACA,cACA,eACA,SACA,QACA,UACA,UACA,cACA,mBACA,aACA,oBACA,aACA,GAAG,WACC;CACJ,MAAM,yBAAc;CACpB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACEC,kCACF,UACA,gBACA,gBACA,iBACA,uBACA,qBACD;AAED,QAAO;AAaP,QACE,2CAAC;EAAgB,iCAXV;GACL;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAI;GAAU;GAAS;GAAU;GAAS,CAC5C;YAIG,4CAACC,uBAAO;GAAS,6DAAoB,IAAI,eAAe;GAAE,GAAI;;IAC3D,gBACC,4CAAC;KAAe,GAAI;gBACjB,iBACE,SACC,2CAAC;MAAe,GAAI;gBAAc;OAAwB,GACxD,OAEL,wBACE,gBACC,2CAAC;MAAsB,GAAI;gBACxB;OACqB,GACtB;MACS;IAGlB,iBACC,2CAAC;KAAgB,GAAI;eAClB;MACe;IAGnB,uBACE,eACC,2CAAC;KAAqB,GAAI;eACvB;MACoB,GACrB;;IACU;GACF;GAGtB,OACD,EAAE,UAAU;CACX,MAAM,EAAE,MAAM,YAAYC,6BAAgB,IAAI,EAAE;AAEhD,QAAO;EAAE;EAAM;EAAS,GAAG;EAAO;EAClC;AAIF,MAAa,iBAAiB,YAC5B,UACA,SACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,YAAY,oBAAoB,IAAI,EAAE;AAE5D,QAAO;EACL;EACA,iEAA0B,SAAS;EACnC,gEAAyB,QAAQ;EACjC,GAAG;EACJ;EACD;AAIF,MAAa,iBAAiB,YAC5B,OACA,SACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,OACA,UACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,QAAQ,gBAAgB,CAAC,SAAY,UAAU;CAC/C,MAAM,EAAE,OAAO,oBAAoB,IAAI,EAAE;AAEzC,QAAO;EAAE,oBAAoB;EAAI,GAAG;EAAO;EAC3C;AAIF,MAAa,uBAAuB,aAGjC,UAAU;CACX,MAAM,EAAE,YAAY,oBAAoB,IAAI,EAAE;AAE9C,QACE,2CAACD,uBAAO;EACN,aAAW,UAAU,WAAW;EAChC,QAAQ,CAAC;EACT,GAAI;GACJ;GAEH,eAAe,EAAE"}
+{"version":3,"file":"fieldset.cjs","names":["createContext","createSlotComponent","fieldsetStyle","useSplitChildren","styled","useFormContext"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, dataAttr, useSplitChildren } from \"../../utils\"\nimport { useFormContext } from \"../form\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\ninterface FieldsetContext extends Pick<\n  FieldsetRootProps,\n  \"disabled\" | \"invalid\" | \"readOnly\" | \"required\"\n> {\n  id?: string\n}\n\nconst [FieldsetContext, useFieldsetContext] = createContext<FieldsetContext>({\n  name: \"FieldsetContext\",\n  strict: false,\n})\n\nexport { FieldsetContext, useFieldsetContext }\n\nexport interface FieldsetRootProps\n  extends HTMLStyledProps<\"fieldset\">, ThemeProps<FieldsetStyle>, FieldProps {\n  /**\n   * The fieldset error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The fieldset helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The fieldset legend to use.\n   */\n  legend?: ReactNode\n  /**\n   * Props the content component.\n   */\n  contentProps?: FieldsetContentProps\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldsetErrorMessageProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FieldsetHeaderProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldsetHelperMessageProps\n  /**\n   * Props the legend component.\n   */\n  legendProps?: FieldsetLegendProps\n}\n\nconst {\n  PropsContext: FieldsetPropsContext,\n  usePropsContext: useFieldsetPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n  \"fieldset\",\n  fieldsetStyle,\n)\n\nexport { FieldsetPropsContext, useFieldsetPropsContext }\n\n/**\n * `Fieldset` is a component used to group multiple controls.\n *\n * @see https://yamada-ui.com/docs/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n  ({\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    legend,\n    readOnly,\n    required,\n    contentProps,\n    errorMessageProps,\n    headerProps,\n    helperMessageProps,\n    legendProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const [\n      omittedChildren,\n      customLegend,\n      customHeader,\n      customContent,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldsetLegend,\n      FieldsetHeader,\n      FieldsetContent,\n      FieldsetHelperMessage,\n      FieldsetErrorMessage,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        invalid,\n        readOnly,\n        required,\n      }),\n      [id, disabled, invalid, readOnly, required],\n    )\n\n    return (\n      <FieldsetContext value={context}>\n        <styled.fieldset aria-labelledby={cx(id, ariaLabelledBy)} {...rest}>\n          {customHeader || (\n            <FieldsetHeader {...headerProps}>\n              {customLegend ||\n                (legend ? (\n                  <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n                ) : null)}\n\n              {customHelperMessage ||\n                (helperMessage ? (\n                  <FieldsetHelperMessage {...helperMessageProps}>\n                    {helperMessage}\n                  </FieldsetHelperMessage>\n                ) : null)}\n            </FieldsetHeader>\n          )}\n\n          {customContent || (\n            <FieldsetContent {...contentProps}>\n              {omittedChildren}\n            </FieldsetContent>\n          )}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldsetErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldsetErrorMessage>\n            ) : null)}\n        </styled.fieldset>\n      </FieldsetContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const { size, variant } = useFormContext() ?? {}\n\n  return { size, variant, ...props }\n})\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n  \"legend\",\n  \"legend\",\n)(undefined, (props) => {\n  const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n  return {\n    id,\n    \"data-disabled\": dataAttr(disabled),\n    \"data-invalid\": dataAttr(invalid),\n    ...props,\n  }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n  \"div\",\n  \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n  \"span\",\n  FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n  const { id } = useFieldsetContext() ?? {}\n\n  return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n  \"span\",\n  FieldsetErrorMessageProps\n>((props) => {\n  const { invalid } = useFieldsetContext() ?? {}\n\n  return (\n    <styled.span\n      aria-live={invalid ? \"polite\" : undefined}\n      hidden={!invalid}\n      {...props}\n    />\n  )\n}, \"errorMessage\")()\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,CAAC,iBAAiB,sBAAsBA,gBAAAA,cAA+B;CAC3E,MAAM;CACN,QAAQ;CACT,CAAC;AAwCF,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEC,yBAAAA,oBACF,YACAC,uBAAAA,cACD;;;;;;AASD,MAAa,eAAe,cACzB,EACC,IACA,mBAAmB,gBACnB,UACA,UACA,cACA,eACA,SACA,QACA,UACA,UACA,cACA,mBACA,aACA,oBACA,aACA,GAAG,WACC;CACJ,MAAM,QAAA,GAAA,MAAA,QAAc;CACpB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACEC,iBAAAA,iBACF,UACA,gBACA,gBACA,iBACA,uBACA,qBACD;CAED,OAAO;CAaP,OACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EAAiB,QAAA,GAAA,MAAA,gBAXV;GACL;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAI;GAAU;GAAS;GAAU;GAAS,CAIZ;YAC7B,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,UAAR;GAAiB,oBAAA,GAAA,oBAAA,cAAA,IAAoB,IAAI,eAAe;GAAE,GAAI;aAA9D;IACG,gBACC,iBAAA,GAAA,kBAAA,MAAC,gBAAD;KAAgB,GAAI;eAApB,CACG,iBACE,SACC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;MAAgB,GAAI;gBAAc;MAAwB,CAAA,GACxD,OAEL,wBACE,gBACC,iBAAA,GAAA,kBAAA,KAAC,uBAAD;MAAuB,GAAI;gBACxB;MACqB,CAAA,GACtB,MACS;;IAGlB,iBACC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;KAAiB,GAAI;eAClB;KACe,CAAA;IAGnB,uBACE,eACC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;KAAsB,GAAI;eACvB;KACoB,CAAA,GACrB;IACU;;EACF,CAAA;GAGtB,OACD,EAAE,UAAU;CACX,MAAM,EAAE,MAAM,YAAYC,aAAAA,gBAAgB,IAAI,EAAE;CAEhD,OAAO;EAAE;EAAM;EAAS,GAAG;EAAO;EAClC;AAIF,MAAa,iBAAiB,YAC5B,UACA,SACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,YAAY,oBAAoB,IAAI,EAAE;CAE5D,OAAO;EACL;EACA,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;EACnC,iBAAA,GAAA,oBAAA,cAAA,UAAyB,QAAQ;EACjC,GAAG;EACJ;EACD;AAIF,MAAa,iBAAiB,YAC5B,OACA,SACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,OACA,UACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,QAAQ,gBAAgB,CAAC,KAAA,IAAY,UAAU;CAC/C,MAAM,EAAE,OAAO,oBAAoB,IAAI,EAAE;CAEzC,OAAO;EAAE,oBAAoB;EAAI,GAAG;EAAO;EAC3C;AAIF,MAAa,uBAAuB,aAGjC,UAAU;CACX,MAAM,EAAE,YAAY,oBAAoB,IAAI,EAAE;CAE9C,OACE,iBAAA,GAAA,kBAAA,KAACD,gBAAAA,OAAO,MAAR;EACE,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;EACJ,CAAA;GAEH,eAAe,EAAE"}

package/dist/cjs/components/fieldset/fieldset.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-const require_form_style = require('../form/form.style.cjs');
-require('../form/index.cjs');
-
+const require_config = require("../../core/system/config.cjs");
+const require_form_style = require("../form/form.style.cjs");
 //#region src/components/fieldset/fieldset.style.ts
 const fieldsetStyle = require_config.defineComponentSlotStyle({
 	base: {
@@ -79,7 +76,7 @@ const fieldsetStyle = require_config.defineComponentSlotStyle({
 		variant: "plain"
 	}
 });
-
 //#endregion
 exports.fieldsetStyle = fieldsetStyle;
+
 //# sourceMappingURL=fieldset.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"fieldset.style.cjs","names":["defineComponentSlotStyle","formStyle"],"sources":["../../../../src/components/fieldset/fieldset.style.ts"],"sourcesContent":["import type { ComponentCompound, CSSSlotObject } from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\nimport { formStyle } from \"../form\"\n\nexport const fieldsetStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    errorMessage: {\n      alignItems: \"center\",\n      color: \"fg.error\",\n      display: \"inline-flex\",\n      gap: \"1\",\n    },\n    header: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    helperMessage: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n      gap: \"1\",\n    },\n    legend: {\n      fontWeight: \"medium\",\n      _disabled: { opacity: 0.4 },\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n  },\n\n  variants: {\n    elevated: { root: formStyle.variants?.elevated.group },\n    outline: { root: formStyle.variants?.outline.group },\n    panel: { root: formStyle.variants?.panel.group },\n    plain: { root: formStyle.variants?.plain.group },\n  },\n\n  sizes: {\n    sm: {\n      content: { gap: \"3\" },\n      errorMessage: { fontSize: \"sm\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"sm\" },\n      legend: { fontSize: \"md\" },\n      root: { gap: formStyle.sizes?.sm.root.gap },\n    },\n    md: {\n      content: { gap: \"4\" },\n      errorMessage: { fontSize: \"sm\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"sm\" },\n      legend: { fontSize: \"md\" },\n      root: { gap: formStyle.sizes?.md.root.gap },\n    },\n    lg: {\n      content: { gap: \"6\" },\n      errorMessage: { fontSize: \"md\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"md\" },\n      legend: { fontSize: \"lg\" },\n      root: { gap: formStyle.sizes?.lg.root.gap },\n    },\n  },\n\n  compounds: (\n    formStyle.compounds as ComponentCompound<CSSSlotObject>[] | undefined\n  )?.map(({ css, ...rest }) => ({\n    css: { root: css.group },\n    ...rest,\n  })),\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type FieldsetStyle = typeof fieldsetStyle\n"],"mappings":";;;;;;AAIA,MAAa,gBAAgBA,wCAAyB;CACpD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,YAAY;GACZ,WAAW,EAAE,SAAS,IAAK;GAC5B;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACF;CAED,UAAU;EACR,UAAU,EAAE,MAAMC,6BAAU,UAAU,SAAS,OAAO;EACtD,SAAS,EAAE,MAAMA,6BAAU,UAAU,QAAQ,OAAO;EACpD,OAAO,EAAE,MAAMA,6BAAU,UAAU,MAAM,OAAO;EAChD,OAAO,EAAE,MAAMA,6BAAU,UAAU,MAAM,OAAO;EACjD;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,6BAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACD,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,6BAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACD,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,6BAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACF;CAED,WACEA,6BAAU,WACT,KAAK,EAAE,KAAK,GAAG,YAAY;EAC5B,KAAK,EAAE,MAAM,IAAI,OAAO;EACxB,GAAG;EACJ,EAAE;CAEH,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"fieldset.style.cjs","names":["defineComponentSlotStyle","formStyle"],"sources":["../../../../src/components/fieldset/fieldset.style.ts"],"sourcesContent":["import type { ComponentCompound, CSSSlotObject } from \"../../core\"\nimport { defineComponentSlotStyle } from \"../../core\"\nimport { formStyle } from \"../form\"\n\nexport const fieldsetStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    errorMessage: {\n      alignItems: \"center\",\n      color: \"fg.error\",\n      display: \"inline-flex\",\n      gap: \"1\",\n    },\n    header: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    helperMessage: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n      gap: \"1\",\n    },\n    legend: {\n      fontWeight: \"medium\",\n      _disabled: { opacity: 0.4 },\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n  },\n\n  variants: {\n    elevated: { root: formStyle.variants?.elevated.group },\n    outline: { root: formStyle.variants?.outline.group },\n    panel: { root: formStyle.variants?.panel.group },\n    plain: { root: formStyle.variants?.plain.group },\n  },\n\n  sizes: {\n    sm: {\n      content: { gap: \"3\" },\n      errorMessage: { fontSize: \"sm\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"sm\" },\n      legend: { fontSize: \"md\" },\n      root: { gap: formStyle.sizes?.sm.root.gap },\n    },\n    md: {\n      content: { gap: \"4\" },\n      errorMessage: { fontSize: \"sm\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"sm\" },\n      legend: { fontSize: \"md\" },\n      root: { gap: formStyle.sizes?.md.root.gap },\n    },\n    lg: {\n      content: { gap: \"6\" },\n      errorMessage: { fontSize: \"md\" },\n      header: { gap: \"1\" },\n      helperMessage: { fontSize: \"md\" },\n      legend: { fontSize: \"lg\" },\n      root: { gap: formStyle.sizes?.lg.root.gap },\n    },\n  },\n\n  compounds: (\n    formStyle.compounds as ComponentCompound<CSSSlotObject>[] | undefined\n  )?.map(({ css, ...rest }) => ({\n    css: { root: css.group },\n    ...rest,\n  })),\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type FieldsetStyle = typeof fieldsetStyle\n"],"mappings":";;;AAIA,MAAa,gBAAgBA,eAAAA,yBAAyB;CACpD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACN;EACD,QAAQ;GACN,YAAY;GACZ,WAAW,EAAE,SAAS,IAAK;GAC5B;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACF;CAED,UAAU;EACR,UAAU,EAAE,MAAMC,mBAAAA,UAAU,UAAU,SAAS,OAAO;EACtD,SAAS,EAAE,MAAMA,mBAAAA,UAAU,UAAU,QAAQ,OAAO;EACpD,OAAO,EAAE,MAAMA,mBAAAA,UAAU,UAAU,MAAM,OAAO;EAChD,OAAO,EAAE,MAAMA,mBAAAA,UAAU,UAAU,MAAM,OAAO;EACjD;CAED,OAAO;EACL,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,mBAAAA,UAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACD,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,mBAAAA,UAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACD,IAAI;GACF,SAAS,EAAE,KAAK,KAAK;GACrB,cAAc,EAAE,UAAU,MAAM;GAChC,QAAQ,EAAE,KAAK,KAAK;GACpB,eAAe,EAAE,UAAU,MAAM;GACjC,QAAQ,EAAE,UAAU,MAAM;GAC1B,MAAM,EAAE,KAAKA,mBAAAA,UAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACF;CAED,WACEA,mBAAAA,UAAU,WACT,KAAK,EAAE,KAAK,GAAG,YAAY;EAC5B,KAAK,EAAE,MAAM,IAAI,OAAO;EACxB,GAAG;EACJ,EAAE;CAEH,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/cjs/components/fieldset/index.cjs

@@ -1,12 +1,12 @@
-const require_fieldset_style = require('./fieldset.style.cjs');
-const require_fieldset = require('./fieldset.cjs');
-const require_namespace = require('./namespace.cjs');
-
-Object.defineProperty(exports, 'Fieldset', {
-  enumerable: true,
-  get: function () {
-    return require_namespace.namespace_exports;
-  }
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_fieldset_style = require("./fieldset.style.cjs");
+const require_fieldset = require("./fieldset.cjs");
+const require_namespace = require("./namespace.cjs");
+Object.defineProperty(exports, "Fieldset", {
+	enumerable: true,
+	get: function() {
+		return require_namespace.namespace_exports;
+	}
 });
 exports.FieldsetContent = require_fieldset.FieldsetContent;
 exports.FieldsetContext = require_fieldset.FieldsetContext;
@@ -18,4 +18,4 @@ exports.FieldsetPropsContext = require_fieldset.FieldsetPropsContext;
 exports.FieldsetRoot = require_fieldset.FieldsetRoot;
 exports.fieldsetStyle = require_fieldset_style.fieldsetStyle;
 exports.useFieldsetContext = require_fieldset.useFieldsetContext;
-exports.useFieldsetPropsContext = require_fieldset.useFieldsetPropsContext;
+exports.useFieldsetPropsContext = require_fieldset.useFieldsetPropsContext;

package/dist/cjs/components/fieldset/namespace.cjs

@@ -1,8 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_fieldset = require('./fieldset.cjs');
-
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_fieldset = require("./fieldset.cjs");
 //#region src/components/fieldset/namespace.ts
-var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Content: () => require_fieldset.FieldsetContent,
 	ErrorMessage: () => require_fieldset.FieldsetErrorMessage,
 	Header: () => require_fieldset.FieldsetHeader,
@@ -12,12 +11,12 @@ var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	Root: () => require_fieldset.FieldsetRoot,
 	usePropsContext: () => require_fieldset.useFieldsetPropsContext
 });
-
 //#endregion
-Object.defineProperty(exports, 'namespace_exports', {
-  enumerable: true,
-  get: function () {
-    return namespace_exports;
-  }
+Object.defineProperty(exports, "namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return namespace_exports;
+	}
 });
+
 //# sourceMappingURL=namespace.cjs.map

package/dist/cjs/components/file-button/file-button.cjs

@@ -1,19 +1,13 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.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_portal = require('../portal/portal.cjs');
-require('../portal/index.cjs');
-const require_button = require('../button/button.cjs');
-require('../button/index.cjs');
-const require_use_input_border = require('../input/use-input-border.cjs');
-require('../input/index.cjs');
-const require_file_button_style = require('./file-button.style.cjs');
-const require_use_file_button = require('./use-file-button.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_portal = require("../portal/portal.cjs");
+const require_button = require("../button/button.cjs");
+const require_use_input_border = require("../input/use-input-border.cjs");
+const require_file_button_style = require("./file-button.style.cjs");
+const require_use_file_button = require("./use-file-button.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/file-button/file-button.tsx
 const { PropsContext: FileButtonPropsContext, usePropsContext: useFileButtonPropsContext, withContext } = require_create_component.createComponent("file-button", require_file_button_style.fileButtonStyle);
 /**
@@ -30,9 +24,9 @@ const FileButton = withContext(({ as: As = require_button.Button, children, erro
 		children
 	})] });
 })();
-
 //#endregion
 exports.FileButton = FileButton;
 exports.FileButtonPropsContext = FileButtonPropsContext;
 exports.useFileButtonPropsContext = useFileButtonPropsContext;
+
 //# sourceMappingURL=file-button.cjs.map

package/dist/cjs/components/file-button/file-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-button.cjs","names":["createComponent","fileButtonStyle","Button","useFileButton","useInputBorder","Portal","styled"],"sources":["../../../../src/components/file-button/file-button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { FileButtonStyle } from \"./file-button.style\"\nimport type { UseFileButtonProps } from \"./use-file-button\"\nimport { createComponent, styled } from \"../../core\"\nimport { Button } from \"../button\"\nimport { useInputBorder } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { fileButtonStyle } from \"./file-button.style\"\nimport { useFileButton } from \"./use-file-button\"\n\nexport interface FileButtonProps\n  extends\n    Omit<ButtonProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    UseFileButtonProps,\n    Pick<UseInputBorderProps, \"errorBorderColor\">,\n    ThemeProps<FileButtonStyle> {}\n\nconst {\n  PropsContext: FileButtonPropsContext,\n  usePropsContext: useFileButtonPropsContext,\n  withContext,\n} = createComponent<FileButtonProps, FileButtonStyle>(\n  \"file-button\",\n  fileButtonStyle,\n)\n\nexport { FileButtonPropsContext, useFileButtonPropsContext }\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see https://yamada-ui.com/docs/components/file-button\n */\nexport const FileButton = withContext<\"input\", FileButtonProps>(\n  ({ as: As = Button, children, errorBorderColor, ...rest }) => {\n    const { getButtonProps, getInputProps } = useFileButton(rest)\n    const varProps = useInputBorder({ errorBorderColor })\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <As {...varProps} {...getButtonProps()}>\n          {children}\n        </As>\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yCACF,eACAC,0CACD;;;;;;AASD,MAAa,aAAa,aACvB,EAAE,IAAI,KAAKC,uBAAQ,UAAU,kBAAkB,GAAG,WAAW;CAC5D,MAAM,EAAE,gBAAgB,kBAAkBC,sCAAc,KAAK;CAC7D,MAAM,WAAWC,wCAAe,EAAE,kBAAkB,CAAC;AAErD,QACE,qFACE,2CAACC,mCACC,2CAACC,uBAAO,SAAM,GAAI,eAAe,GAAI,GAC9B,EAET,2CAAC;EAAG,GAAI;EAAU,GAAI,gBAAgB;EACnC;GACE,IACJ;EAGR,EAAE"}
+{"version":3,"file":"file-button.cjs","names":["createComponent","fileButtonStyle","Button","useFileButton","useInputBorder","Portal","styled"],"sources":["../../../../src/components/file-button/file-button.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { FileButtonStyle } from \"./file-button.style\"\nimport type { UseFileButtonProps } from \"./use-file-button\"\nimport { createComponent, styled } from \"../../core\"\nimport { Button } from \"../button\"\nimport { useInputBorder } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { fileButtonStyle } from \"./file-button.style\"\nimport { useFileButton } from \"./use-file-button\"\n\nexport interface FileButtonProps\n  extends\n    Omit<ButtonProps, \"defaultValue\" | \"onChange\" | \"ref\" | \"value\">,\n    UseFileButtonProps,\n    Pick<UseInputBorderProps, \"errorBorderColor\">,\n    ThemeProps<FileButtonStyle> {}\n\nconst {\n  PropsContext: FileButtonPropsContext,\n  usePropsContext: useFileButtonPropsContext,\n  withContext,\n} = createComponent<FileButtonProps, FileButtonStyle>(\n  \"file-button\",\n  fileButtonStyle,\n)\n\nexport { FileButtonPropsContext, useFileButtonPropsContext }\n\n/**\n * `FileButton` is a button component used for users to select files.\n *\n * @see https://yamada-ui.com/docs/components/file-button\n */\nexport const FileButton = withContext<\"input\", FileButtonProps>(\n  ({ as: As = Button, children, errorBorderColor, ...rest }) => {\n    const { getButtonProps, getInputProps } = useFileButton(rest)\n    const varProps = useInputBorder({ errorBorderColor })\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <As {...varProps} {...getButtonProps()}>\n          {children}\n        </As>\n      </>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;AAqBA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,gBACEA,yBAAAA,gBACF,eACAC,0BAAAA,gBACD;;;;;;AASD,MAAa,aAAa,aACvB,EAAE,IAAI,KAAKC,eAAAA,QAAQ,UAAU,kBAAkB,GAAG,WAAW;CAC5D,MAAM,EAAE,gBAAgB,kBAAkBC,wBAAAA,cAAc,KAAK;CAC7D,MAAM,WAAWC,yBAAAA,eAAe,EAAE,kBAAkB,CAAC;CAErD,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,iBAAA,GAAA,kBAAA,KAAC,IAAD;EAAI,GAAI;EAAU,GAAI,gBAAgB;EACnC;EACE,CAAA,CACJ,EAAA,CAAA;EAGR,EAAE"}

package/dist/cjs/components/file-button/file-button.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-const require_button_style = require('../button/button.style.cjs');
-require('../button/index.cjs');
-
+const require_config = require("../../core/system/config.cjs");
+const require_button_style = require("../button/button.style.cjs");
 //#region src/components/file-button/file-button.style.ts
 const fileButtonStyle = require_config.defineComponentStyle({
 	base: { "--error-border-color": "colors.border.error" },
@@ -39,7 +36,7 @@ const fileButtonStyle = require_config.defineComponentStyle({
 	},
 	defaultProps: { variant: "solid" }
 });
-
 //#endregion
 exports.fileButtonStyle = fileButtonStyle;
+
 //# sourceMappingURL=file-button.style.cjs.map

package/dist/cjs/components/file-button/file-button.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-button.style.cjs","names":["defineComponentStyle","buttonStyle"],"sources":["../../../../src/components/file-button/file-button.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\n\nexport const fileButtonStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n  },\n\n  variants: {\n    ghost: {\n      ...buttonStyle.variants?.ghost,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    outline: {\n      ...buttonStyle.variants?.outline,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n      },\n    },\n    solid: {\n      ...buttonStyle.variants?.solid,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    subtle: {\n      ...buttonStyle.variants?.subtle,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    surface: {\n      ...buttonStyle.variants?.surface,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    variant: \"solid\",\n  },\n})\n\nexport type FileButtonStyle = typeof fileButtonStyle\n"],"mappings":";;;;;;AAGA,MAAa,kBAAkBA,oCAAqB;CAClD,MAAM,EACJ,wBAAwB,uBACzB;CAED,UAAU;EACR,OAAO;GACL,GAAGC,iCAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAGA,iCAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACD,OAAO;GACL,GAAGA,iCAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,QAAQ;GACN,GAAGA,iCAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAGA,iCAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACF;CAED,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}
+{"version":3,"file":"file-button.style.cjs","names":["defineComponentStyle","buttonStyle"],"sources":["../../../../src/components/file-button/file-button.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport { buttonStyle } from \"../button\"\n\nexport const fileButtonStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n  },\n\n  variants: {\n    ghost: {\n      ...buttonStyle.variants?.ghost,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    outline: {\n      ...buttonStyle.variants?.outline,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n      },\n    },\n    solid: {\n      ...buttonStyle.variants?.solid,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    subtle: {\n      ...buttonStyle.variants?.subtle,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        borderWidth: \"1px\",\n      },\n    },\n    surface: {\n      ...buttonStyle.variants?.surface,\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  defaultProps: {\n    variant: \"solid\",\n  },\n})\n\nexport type FileButtonStyle = typeof fileButtonStyle\n"],"mappings":";;;AAGA,MAAa,kBAAkBA,eAAAA,qBAAqB;CAClD,MAAM,EACJ,wBAAwB,uBACzB;CAED,UAAU;EACR,OAAO;GACL,GAAGC,qBAAAA,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAGA,qBAAAA,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACD,OAAO;GACL,GAAGA,qBAAAA,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,QAAQ;GACN,GAAGA,qBAAAA,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAGA,qBAAAA,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACF;CAED,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}

package/dist/cjs/components/file-button/index.cjs

@@ -1,9 +1,9 @@
-const require_file_button_style = require('./file-button.style.cjs');
-const require_use_file_button = require('./use-file-button.cjs');
-const require_file_button = require('./file-button.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_file_button_style = require("./file-button.style.cjs");
+const require_use_file_button = require("./use-file-button.cjs");
+const require_file_button = require("./file-button.cjs");
 exports.FileButton = require_file_button.FileButton;
 exports.FileButtonPropsContext = require_file_button.FileButtonPropsContext;
 exports.fileButtonStyle = require_file_button_style.fileButtonStyle;
 exports.useFileButton = require_use_file_button.useFileButton;
-exports.useFileButtonPropsContext = require_file_button.useFileButtonPropsContext;
+exports.useFileButtonPropsContext = require_file_button.useFileButtonPropsContext;

package/dist/cjs/components/file-button/use-file-button.cjs

@@ -1,23 +1,20 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_use_file_input = require('../file-input/use-file-input.cjs');
-require('../file-input/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_file_input = require("../file-input/use-file-input.cjs");
 let react = require("react");
-
 //#region src/components/file-button/use-file-button.ts
 const useFileButton = (props = {}) => {
 	const { clickableProps, getInputProps } = require_use_file_input.useFileInput(props);
 	return {
 		clickableProps,
-		getButtonProps: (0, react.useCallback)((props$1) => ({
+		getButtonProps: (0, react.useCallback)((props) => ({
 			...clickableProps,
-			...props$1
+			...props
 		}), [clickableProps]),
 		getInputProps
 	};
 };
-
 //#endregion
 exports.useFileButton = useFileButton;
+
 //# sourceMappingURL=use-file-button.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-file-button.cjs","names":["useFileInput","props"],"sources":["../../../../src/components/file-button/use-file-button.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseFileInputProps } from \"../file-input\"\nimport { useCallback } from \"react\"\nimport { useFileInput } from \"../file-input\"\n\nexport interface UseFileButtonProps\n  extends UseFileInputProps<\"button\">, FieldProps {}\n\nexport const useFileButton = (props: UseFileButtonProps = {}) => {\n  const { clickableProps, getInputProps } = useFileInput<\"button\">(props)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props) => ({\n      ...clickableProps,\n      ...props,\n    }),\n    [clickableProps],\n  )\n\n  return {\n    clickableProps,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileButtonReturn = ReturnType<typeof useFileButton>\n"],"mappings":";;;;;;;;AAWA,MAAa,iBAAiB,QAA4B,EAAE,KAAK;CAC/D,MAAM,EAAE,gBAAgB,kBAAkBA,oCAAuB,MAAM;AAUvE,QAAO;EACL;EACA,wCATC,aAAW;GACV,GAAG;GACH,GAAGC;GACJ,GACD,CAAC,eAAe,CACjB;EAKC;EACD"}
+{"version":3,"file":"use-file-button.cjs","names":["useFileInput"],"sources":["../../../../src/components/file-button/use-file-button.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseFileInputProps } from \"../file-input\"\nimport { useCallback } from \"react\"\nimport { useFileInput } from \"../file-input\"\n\nexport interface UseFileButtonProps\n  extends UseFileInputProps<\"button\">, FieldProps {}\n\nexport const useFileButton = (props: UseFileButtonProps = {}) => {\n  const { clickableProps, getInputProps } = useFileInput<\"button\">(props)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props) => ({\n      ...clickableProps,\n      ...props,\n    }),\n    [clickableProps],\n  )\n\n  return {\n    clickableProps,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseFileButtonReturn = ReturnType<typeof useFileButton>\n"],"mappings":";;;;;AAWA,MAAa,iBAAiB,QAA4B,EAAE,KAAK;CAC/D,MAAM,EAAE,gBAAgB,kBAAkBA,uBAAAA,aAAuB,MAAM;CAUvE,OAAO;EACL;EACA,iBAAA,GAAA,MAAA,cATC,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,eAAe,CAKF;EACd;EACD"}

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

@@ -1,20 +1,15 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_props = require('../../core/components/props.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_portal = require('../portal/portal.cjs');
-require('../portal/index.cjs');
-const require_use_input_border = require('../input/use-input-border.cjs');
-const require_input = require('../input/input.cjs');
-require('../input/index.cjs');
-const require_file_input_style = require('./file-input.style.cjs');
-const require_use_file_input = require('./use-file-input.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_props = require("../../core/components/props.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_portal = require("../portal/portal.cjs");
+const require_use_input_border = require("../input/use-input-border.cjs");
+const require_input = require("../input/input.cjs");
+const require_file_input_style = require("./file-input.style.cjs");
+const require_use_file_input = require("./use-file-input.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/file-input/file-input.tsx
 const defaultFormat = ({ name }) => name;
 const { PropsContext: FileInputPropsContext, usePropsContext: useFileInputPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("file-input", require_file_input_style.fileInputStyle);
@@ -64,9 +59,9 @@ const FileInput = withProvider(({ children, component, errorBorderColor, focusBo
 	return require_props.mergeProps(require_input.useInputPropsContext(), props)();
 });
 const FileInputTag = withContext("span", "tag")();
-
 //#endregion
 exports.FileInput = FileInput;
 exports.FileInputPropsContext = FileInputPropsContext;
 exports.useFileInputPropsContext = useFileInputPropsContext;
+
 //# sourceMappingURL=file-input.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-input.cjs","names":["defaultFormat: (value: File, index: number) => string","createSlotComponent","fileInputStyle","useInputBorder","useFileInput","styled","Portal","mergeProps","useInputPropsContext"],"sources":["../../../../src/components/file-input/file-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { FileInputStyle } from \"./file-input.style\"\nimport type { UseFileInputProps } from \"./use-file-input\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useInputBorder, useInputPropsContext } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { fileInputStyle } from \"./file-input.style\"\nimport { useFileInput } from \"./use-file-input\"\n\nconst defaultFormat: (value: File, index: number) => string = ({ name }) => name\n\nexport interface FileInputProps\n  extends\n    Omit<\n      HTMLStyledProps<\"input\">,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<FileInputStyle>,\n    UseInputBorderProps,\n    FieldProps,\n    Omit<UseFileInputProps, \"children\"> {\n  /**\n   * The string to separate uploaded files.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * A callback that returns a React node.\n   */\n  children?: (files: File[] | undefined) => ReactNode\n  /**\n   * The component that displays uploaded files.\n   */\n  component?: (props: { index: number; value: File }) => ReactNode\n  /**\n   * A callback that formats the name of the uploaded file.\n   */\n  format?: (value: File, index: number) => string\n}\n\nconst {\n  PropsContext: FileInputPropsContext,\n  usePropsContext: useFileInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FileInputProps, FileInputStyle>(\n  \"file-input\",\n  fileInputStyle,\n)\n\nexport { FileInputPropsContext, useFileInputPropsContext }\n\n/**\n * `FileInput` is a component used for users to select files.\n *\n * @see https://yamada-ui.com/docs/components/file-input\n */\nexport const FileInput = withProvider<\"input\", FileInputProps>(\n  ({\n    children,\n    component,\n    errorBorderColor,\n    focusBorderColor,\n    format = defaultFormat,\n    placeholder,\n    separator = \",\",\n    ...props\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const { values, getFieldProps, getInputProps } = useFileInput(props)\n\n    const cloneChildren = useMemo(() => {\n      if (!values?.length)\n        return (\n          <styled.span overflow=\"hidden\" whiteSpace=\"nowrap\">\n            {placeholder}\n          </styled.span>\n        )\n\n      if (children) return children(values)\n\n      return values.map((value, index) => {\n        const last = values.length === index + 1\n\n        if (component) {\n          const node = component({ index, value })\n\n          if (isValidElement(node)) {\n            return cloneElement(node, { key: index })\n          } else {\n            return node\n          }\n        } else {\n          return (\n            <FileInputTag key={index}>\n              {format(value, index)}\n              {!last ? separator : null}\n            </FileInputTag>\n          )\n        }\n      })\n    }, [children, format, placeholder, separator, component, values])\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <styled.div {...varProps} {...getFieldProps()}>\n          {cloneChildren}\n        </styled.div>\n      </>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface FileInputTagProps extends HTMLStyledProps {}\n\nconst FileInputTag = withContext<\"span\", FileInputTagProps>(\"span\", \"tag\")()\n"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,MAAMA,iBAAyD,EAAE,WAAW;AAgC5E,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEC,6CACF,cACAC,wCACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,WACA,kBACA,kBACA,SAAS,eACT,aACA,YAAY,KACZ,GAAG,YACC;CACJ,MAAM,WAAWC,wCAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,EAAE,QAAQ,eAAe,kBAAkBC,oCAAa,MAAM;CAEpE,MAAM,yCAA8B;AAClC,MAAI,CAAC,QAAQ,OACX,QACE,2CAACC,uBAAO;GAAK,UAAS;GAAS,YAAW;aACvC;IACW;AAGlB,MAAI,SAAU,QAAO,SAAS,OAAO;AAErC,SAAO,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,OAAO,OAAO,WAAW,QAAQ;AAEvC,OAAI,WAAW;IACb,MAAM,OAAO,UAAU;KAAE;KAAO;KAAO,CAAC;AAExC,kCAAmB,KAAK,CACtB,gCAAoB,MAAM,EAAE,KAAK,OAAO,CAAC;QAEzC,QAAO;SAGT,QACE,4CAAC,2BACE,OAAO,OAAO,MAAM,EACpB,CAAC,OAAO,YAAY,SAFJ,MAGJ;IAGnB;IACD;EAAC;EAAU;EAAQ;EAAa;EAAW;EAAW;EAAO,CAAC;AAEjE,QACE,qFACE,2CAACC,mCACC,2CAACD,uBAAO,SAAM,GAAI,eAAe,GAAI,GAC9B,EAET,2CAACA,uBAAO;EAAI,GAAI;EAAU,GAAI,eAAe;YAC1C;GACU,IACZ;GAGP,OACD,EAAE,UAAU;AAGX,QAAOE,yBAFSC,oCAAsB,EAEX,MAAM,EAAE;EACnC;AAIF,MAAM,eAAe,YAAuC,QAAQ,MAAM,EAAE"}
+{"version":3,"file":"file-input.cjs","names":["createSlotComponent","fileInputStyle","useInputBorder","useFileInput","styled","Portal","mergeProps","useInputPropsContext"],"sources":["../../../../src/components/file-input/file-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { FileInputStyle } from \"./file-input.style\"\nimport type { UseFileInputProps } from \"./use-file-input\"\nimport { cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useInputBorder, useInputPropsContext } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { fileInputStyle } from \"./file-input.style\"\nimport { useFileInput } from \"./use-file-input\"\n\nconst defaultFormat: (value: File, index: number) => string = ({ name }) => name\n\nexport interface FileInputProps\n  extends\n    Omit<\n      HTMLStyledProps<\"input\">,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    ThemeProps<FileInputStyle>,\n    UseInputBorderProps,\n    FieldProps,\n    Omit<UseFileInputProps, \"children\"> {\n  /**\n   * The string to separate uploaded files.\n   *\n   * @default ','\n   */\n  separator?: string\n  /**\n   * A callback that returns a React node.\n   */\n  children?: (files: File[] | undefined) => ReactNode\n  /**\n   * The component that displays uploaded files.\n   */\n  component?: (props: { index: number; value: File }) => ReactNode\n  /**\n   * A callback that formats the name of the uploaded file.\n   */\n  format?: (value: File, index: number) => string\n}\n\nconst {\n  PropsContext: FileInputPropsContext,\n  usePropsContext: useFileInputPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FileInputProps, FileInputStyle>(\n  \"file-input\",\n  fileInputStyle,\n)\n\nexport { FileInputPropsContext, useFileInputPropsContext }\n\n/**\n * `FileInput` is a component used for users to select files.\n *\n * @see https://yamada-ui.com/docs/components/file-input\n */\nexport const FileInput = withProvider<\"input\", FileInputProps>(\n  ({\n    children,\n    component,\n    errorBorderColor,\n    focusBorderColor,\n    format = defaultFormat,\n    placeholder,\n    separator = \",\",\n    ...props\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const { values, getFieldProps, getInputProps } = useFileInput(props)\n\n    const cloneChildren = useMemo(() => {\n      if (!values?.length)\n        return (\n          <styled.span overflow=\"hidden\" whiteSpace=\"nowrap\">\n            {placeholder}\n          </styled.span>\n        )\n\n      if (children) return children(values)\n\n      return values.map((value, index) => {\n        const last = values.length === index + 1\n\n        if (component) {\n          const node = component({ index, value })\n\n          if (isValidElement(node)) {\n            return cloneElement(node, { key: index })\n          } else {\n            return node\n          }\n        } else {\n          return (\n            <FileInputTag key={index}>\n              {format(value, index)}\n              {!last ? separator : null}\n            </FileInputTag>\n          )\n        }\n      })\n    }, [children, format, placeholder, separator, component, values])\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <styled.div {...varProps} {...getFieldProps()}>\n          {cloneChildren}\n        </styled.div>\n      </>\n    )\n  },\n  \"root\",\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n})\n\ninterface FileInputTagProps extends HTMLStyledProps {}\n\nconst FileInputTag = withContext<\"span\", FileInputTagProps>(\"span\", \"tag\")()\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,iBAAyD,EAAE,WAAW;AAgC5E,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,cACAC,yBAAAA,eACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,WACA,kBACA,kBACA,SAAS,eACT,aACA,YAAY,KACZ,GAAG,YACC;CACJ,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,EAAE,QAAQ,eAAe,kBAAkBC,uBAAAA,aAAa,MAAM;CAEpE,MAAM,iBAAA,GAAA,MAAA,eAA8B;EAClC,IAAI,CAAC,QAAQ,QACX,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,MAAR;GAAa,UAAS;GAAS,YAAW;aACvC;GACW,CAAA;EAGlB,IAAI,UAAU,OAAO,SAAS,OAAO;EAErC,OAAO,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,OAAO,OAAO,WAAW,QAAQ;GAEvC,IAAI,WAAW;IACb,MAAM,OAAO,UAAU;KAAE;KAAO;KAAO,CAAC;IAExC,KAAA,GAAA,MAAA,gBAAmB,KAAK,EACtB,QAAA,GAAA,MAAA,cAAoB,MAAM,EAAE,KAAK,OAAO,CAAC;SAEzC,OAAO;UAGT,OACE,iBAAA,GAAA,kBAAA,MAAC,cAAD,EAAA,UAAA,CACG,OAAO,OAAO,MAAM,EACpB,CAAC,OAAO,YAAY,KACR,EAAA,EAHI,MAGJ;IAGnB;IACD;EAAC;EAAU;EAAQ;EAAa;EAAW;EAAW;EAAO,CAAC;CAEjE,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACD,gBAAAA,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;EAAU,GAAI,eAAe;YAC1C;EACU,CAAA,CACZ,EAAA,CAAA;GAGP,OACD,EAAE,UAAU;CAGX,OAAOE,cAAAA,WAFSC,cAAAA,sBAES,EAAE,MAAM,EAAE;EACnC;AAIF,MAAM,eAAe,YAAuC,QAAQ,MAAM,EAAE"}

package/dist/cjs/components/file-input/file-input.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-const require_input_style = require('../input/input.style.cjs');
-require('../input/index.cjs');
-
+const require_config = require("../../core/system/config.cjs");
+const require_input_style = require("../input/input.style.cjs");
 //#region src/components/file-input/file-input.style.ts
 const fileInputStyle = require_config.defineComponentSlotStyle({
 	base: {
@@ -62,7 +59,7 @@ const fileInputStyle = require_config.defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-
 //#endregion
 exports.fileInputStyle = fileInputStyle;
+
 //# sourceMappingURL=file-input.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-input.style.cjs","names":["defineComponentSlotStyle","inputStyle","getInputPaddingStartResetStyle"],"sources":["../../../../src/components/file-input/file-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { getInputPaddingStartResetStyle, inputStyle } from \"../input\"\n\nexport const fileInputStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      ...inputStyle.base,\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      gapX: \"1\",\n      lineHeight: \"1\",\n      _readOnly: {\n        layerStyle: \"readOnly\",\n      },\n    },\n    tag: {\n      display: \"inline-block\",\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\",\n    },\n  },\n\n  variants: {\n    filled: {\n      root: inputStyle.variants?.filled,\n    },\n    flushed: {\n      root: {\n        ...inputStyle.variants?.flushed,\n        ...getInputPaddingStartResetStyle(),\n      },\n    },\n    outline: {\n      root: inputStyle.variants?.outline,\n    },\n    plain: {\n      root: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.xs },\n    },\n    sm: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.sm },\n    },\n    md: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.md },\n    },\n    lg: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.lg },\n    },\n    xl: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.xl },\n    },\n    \"2xl\": {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.[\"2xl\"] },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type FileInputStyle = typeof fileInputStyle\n"],"mappings":";;;;;;AAGA,MAAa,iBAAiBA,wCAAyB;CACrD,MAAM;EACJ,MAAM;GACJ,GAAGC,+BAAW;GACd,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,UAAU;GACV,MAAM;GACN,YAAY;GACZ,WAAW,EACT,YAAY,YACb;GACF;EACD,KAAK;GACH,SAAS;GACT,UAAU;GACV,YAAY;GACb;EACF;CAED,UAAU;EACR,QAAQ,EACN,MAAMA,+BAAW,UAAU,QAC5B;EACD,SAAS,EACP,MAAM;GACJ,GAAGA,+BAAW,UAAU;GACxB,GAAGC,oDAAgC;GACpC,EACF;EACD,SAAS,EACP,MAAMD,+BAAW,UAAU,SAC5B;EACD,OAAO,EACL,MAAMA,+BAAW,UAAU,OAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,OAAO;GAAI,EACrD;EACD,OAAO,EACL,MAAM;GAAE,IAAI;GAAe,GAAGA,+BAAW,QAAQ;GAAQ,EAC1D;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"file-input.style.cjs","names":["defineComponentSlotStyle","inputStyle","getInputPaddingStartResetStyle"],"sources":["../../../../src/components/file-input/file-input.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { getInputPaddingStartResetStyle, inputStyle } from \"../input\"\n\nexport const fileInputStyle = defineComponentSlotStyle({\n  base: {\n    root: {\n      ...inputStyle.base,\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      gapX: \"1\",\n      lineHeight: \"1\",\n      _readOnly: {\n        layerStyle: \"readOnly\",\n      },\n    },\n    tag: {\n      display: \"inline-block\",\n      overflow: \"hidden\",\n      whiteSpace: \"nowrap\",\n    },\n  },\n\n  variants: {\n    filled: {\n      root: inputStyle.variants?.filled,\n    },\n    flushed: {\n      root: {\n        ...inputStyle.variants?.flushed,\n        ...getInputPaddingStartResetStyle(),\n      },\n    },\n    outline: {\n      root: inputStyle.variants?.outline,\n    },\n    plain: {\n      root: inputStyle.variants?.plain,\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.xs },\n    },\n    sm: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.sm },\n    },\n    md: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.md },\n    },\n    lg: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.lg },\n    },\n    xl: {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.xl },\n    },\n    \"2xl\": {\n      root: { py: \"{--space-y}\", ...inputStyle.sizes?.[\"2xl\"] },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type FileInputStyle = typeof fileInputStyle\n"],"mappings":";;;AAGA,MAAa,iBAAiBA,eAAAA,yBAAyB;CACrD,MAAM;EACJ,MAAM;GACJ,GAAGC,oBAAAA,WAAW;GACd,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,UAAU;GACV,MAAM;GACN,YAAY;GACZ,WAAW,EACT,YAAY,YACb;GACF;EACD,KAAK;GACH,SAAS;GACT,UAAU;GACV,YAAY;GACb;EACF;CAED,UAAU;EACR,QAAQ,EACN,MAAMA,oBAAAA,WAAW,UAAU,QAC5B;EACD,SAAS,EACP,MAAM;GACJ,GAAGA,oBAAAA,WAAW,UAAU;GACxB,GAAGC,oBAAAA,gCAAgC;GACpC,EACF;EACD,SAAS,EACP,MAAMD,oBAAAA,WAAW,UAAU,SAC5B;EACD,OAAO,EACL,MAAMA,oBAAAA,WAAW,UAAU,OAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,OAAO;GAAI,EACrD;EACD,OAAO,EACL,MAAM;GAAE,IAAI;GAAe,GAAGA,oBAAAA,WAAW,QAAQ;GAAQ,EAC1D;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/cjs/components/file-input/index.cjs

@@ -1,9 +1,9 @@
-const require_file_input_style = require('./file-input.style.cjs');
-const require_use_file_input = require('./use-file-input.cjs');
-const require_file_input = require('./file-input.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_file_input_style = require("./file-input.style.cjs");
+const require_use_file_input = require("./use-file-input.cjs");
+const require_file_input = require("./file-input.cjs");
 exports.FileInput = require_file_input.FileInput;
 exports.FileInputPropsContext = require_file_input.FileInputPropsContext;
 exports.fileInputStyle = require_file_input_style.fileInputStyle;
 exports.useFileInput = require_use_file_input.useFileInput;
-exports.useFileInputPropsContext = require_file_input.useFileInputPropsContext;
+exports.useFileInputPropsContext = require_file_input.useFileInputPropsContext;

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

@@ -1,15 +1,12 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_dom = require('../../utils/dom.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
-const require_use_field_props = require('../field/use-field-props.cjs');
-require('../field/index.cjs');
-const require_hooks_use_clickable_index = require('../../hooks/use-clickable/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_dom = require("../../utils/dom.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_hooks_use_controllable_state_index = require("../../hooks/use-controllable-state/index.cjs");
+const require_use_field_props = require("../field/use-field-props.cjs");
+const require_hooks_use_clickable_index = require("../../hooks/use-clickable/index.cjs");
 let react = require("react");
-
 //#region src/components/file-input/use-file-input.ts
 const useFileInput = (props) => {
 	const { context: { labelId } = {}, props: { id, ref, form, name, "aria-labelledby": ariaLabelledby, accept, defaultValue, disabled, multiple, readOnly, required, resetRef, value, onChange: onChangeProp, onClick: onClickProp, ...rest }, ariaProps, dataProps, eventProps } = require_use_field_props.useFieldProps({
@@ -48,7 +45,7 @@ const useFileInput = (props) => {
 		onClick: (0, require_utils_index.utils_exports.handlerAll)(onClickProp, onClick)
 	});
 	require_ref.assignRef(resetRef, onReset);
-	const getInputProps = (0, react.useCallback)((props$1 = {}) => ({
+	const getInputProps = (0, react.useCallback)((props = {}) => ({
 		...require_dom.visuallyHiddenAttributes,
 		...ariaProps,
 		...dataProps,
@@ -61,9 +58,9 @@ const useFileInput = (props) => {
 		multiple,
 		readOnly,
 		required,
-		...props$1,
-		ref: require_ref.mergeRefs(inputRef, props$1.ref, ref),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange)
+		...props,
+		ref: require_ref.mergeRefs(inputRef, props.ref, ref),
+		onChange: (0, require_utils_index.utils_exports.handlerAll)(props.onChange, onChange)
 	}), [
 		required,
 		ariaProps,
@@ -85,12 +82,12 @@ const useFileInput = (props) => {
 		required,
 		values,
 		clickableProps,
-		getFieldProps: (0, react.useCallback)(({ "aria-labelledby": ariaLabelledby$1, ...props$1 } = {}) => ({
+		getFieldProps: (0, react.useCallback)(({ "aria-labelledby": ariaLabelledby, ...props } = {}) => ({
 			"data-placeholder": (0, require_utils_index.utils_exports.dataAttr)(!count),
 			...clickableProps,
-			"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby$1, clickableProps["aria-labelledby"]),
+			"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, clickableProps["aria-labelledby"]),
 			tabIndex: interactive ? 0 : clickableProps.tabIndex,
-			...props$1
+			...props
 		}), [
 			clickableProps,
 			count,
@@ -99,7 +96,7 @@ const useFileInput = (props) => {
 		getInputProps
 	};
 };
-
 //#endregion
 exports.useFileInput = useFileInput;
+
 //# sourceMappingURL=use-file-input.cjs.map