@yamada-ui/react 2.2.2-dev-20260525091318 → 2.2.2-dev-20260525152928

package/dist/esm/components/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":["createContext"],"sources":["../../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldStyle } from \"./field.style\"\nimport { isValidElement, useId, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  createContext,\n  dataAttr,\n  isObject,\n  useSplitChildren,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { fieldStyle } from \"./field.style\"\n\nexport interface FieldContext\n  extends FieldProps, Pick<FieldRootProps, \"replace\"> {\n  errorMessageId: string\n  focused: boolean\n  helperMessageId: string\n  id: string\n  labelId: string\n  onBlur: () => void\n  onFocus: () => void\n}\n\nconst [FieldContext, useFieldContext] = createContext<FieldContext>({\n  name: \"FieldContext\",\n  strict: false,\n})\n\nexport { FieldContext, useFieldContext }\n\nexport interface FieldProps {\n  /**\n   * If `true`, the field will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the field will be invalid.\n   *\n   * @default false\n   */\n  invalid?: boolean\n  /**\n   * If `true`, the field will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * If `true`, the field will be required.\n   *\n   * @default false\n   */\n  required?: boolean\n}\n\nexport interface FieldRootProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<FieldStyle>,\n    Pick<FieldLabelProps, \"optionalIndicator\" | \"requiredIndicator\">,\n    FieldProps {\n  /**\n   * The field error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The field helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The field label to use.\n   */\n  label?: ReactNode\n  /**\n   * The name of the field.\n   */\n  name?: string\n  /**\n   * If `true`, switch between helper message and error message using invalid.\n   *\n   * @default true\n   */\n  replace?: boolean\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldErrorMessageProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldHelperMessageProps\n  /**\n   * Props the label component.\n   */\n  labelProps?: FieldLabelProps\n}\n\nconst {\n  PropsContext: FieldPropsContext,\n  usePropsContext: useFieldPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldRootProps, FieldStyle>(\"field\", fieldStyle)\n\nexport { FieldPropsContext, useFieldPropsContext }\n\n/**\n * `Field` is a component used to group form elements with label, helper message, error message, etc.\n *\n * @see https://yamada-ui.com/docs/components/field\n */\nexport const FieldRoot = withProvider<\"div\", FieldRootProps>(\n  ({\n    id,\n    name,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    label,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    errorMessageProps,\n    helperMessageProps,\n    labelProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const labelId = useId()\n    const helperMessageId = useId()\n    const errorMessageId = useId()\n    const formContext = useFormContext()\n    const fieldsetContext = useFieldsetContext()\n    const [focused, setFocused] = useState<boolean>(false)\n    const [\n      omittedChildren,\n      customLabel,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldLabel,\n      FieldHelperMessage,\n      FieldErrorMessage,\n    )\n\n    id ??= uuid\n    optionalIndicator ??= formContext?.optionalIndicator\n    requiredIndicator ??= formContext?.requiredIndicator\n\n    disabled ??= fieldsetContext?.disabled\n    invalid ??= fieldsetContext?.invalid\n    readOnly ??= fieldsetContext?.readOnly\n    required ??= fieldsetContext?.required\n\n    if (name) {\n      disabled ??= isObject(formContext?.disabled)\n        ? formContext.disabled[name]\n        : formContext?.disabled\n      invalid ??= isObject(formContext?.invalid)\n        ? formContext.invalid[name]\n        : formContext?.invalid\n      readOnly ??= isObject(formContext?.readOnly)\n        ? formContext.readOnly[name]\n        : formContext?.readOnly\n      required ??= isObject(formContext?.required)\n        ? formContext.required[name]\n        : formContext?.required\n      replace ??= isObject(formContext?.replace)\n        ? (formContext.replace[name] ?? true)\n        : (formContext?.replace ?? true)\n      errorMessage ??= formContext?.errorMessage?.[name]\n      helperMessage ??= formContext?.helperMessage?.[name]\n    }\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        errorMessageId,\n        focused,\n        helperMessageId,\n        invalid,\n        labelId,\n        readOnly,\n        replace,\n        required,\n        onBlur: () => setFocused(false),\n        onFocus: () => setFocused(true),\n      }),\n      [\n        id,\n        disabled,\n        labelId,\n        focused,\n        invalid,\n        helperMessageId,\n        errorMessageId,\n        readOnly,\n        replace,\n        required,\n      ],\n    )\n\n    return (\n      <FieldContext value={context}>\n        <styled.div\n          data-disabled={dataAttr(disabled)}\n          data-focus={dataAttr(focused)}\n          data-invalid={dataAttr(invalid)}\n          data-readonly={dataAttr(readOnly)}\n          role=\"group\"\n          {...rest}\n        >\n          {customLabel ||\n            (label ? (\n              <FieldLabel\n                optionalIndicator={optionalIndicator}\n                requiredIndicator={requiredIndicator}\n                {...labelProps}\n              >\n                {label}\n              </FieldLabel>\n            ) : null)}\n\n          {omittedChildren}\n\n          {customHelperMessage ||\n            (helperMessage ? (\n              <FieldHelperMessage {...helperMessageProps}>\n                {helperMessage}\n              </FieldHelperMessage>\n            ) : null)}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldErrorMessage>\n            ) : null)}\n        </styled.div>\n      </FieldContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface FieldLabelProps extends HTMLStyledProps<\"label\"> {\n  /**\n   * The optional indicator to use.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * If `true`, the field will be required.\n   *\n   * @default false\n   */\n  required?: boolean\n  /**\n   * The required indicator to use.\n   */\n  requiredIndicator?: ReactNode\n}\n\nexport const FieldLabel = withContext<\"label\", FieldLabelProps>(\n  ({\n    id,\n    htmlFor,\n    children,\n    optionalIndicator = null,\n    required,\n    requiredIndicator = null,\n    ...rest\n  }) => {\n    const fieldContext = useFieldContext()\n\n    id ??= fieldContext?.labelId\n    htmlFor ??= fieldContext?.id\n    required ??= fieldContext?.required\n\n    return (\n      <styled.label\n        id={id}\n        htmlFor={htmlFor}\n        data-disabled={dataAttr(fieldContext?.disabled)}\n        data-focus={dataAttr(fieldContext?.focused)}\n        data-invalid={dataAttr(fieldContext?.invalid)}\n        data-readonly={dataAttr(fieldContext?.readOnly)}\n        {...rest}\n      >\n        {children}\n\n        {required ? (\n          requiredIndicator ? (\n            <FieldRequiredIndicator>{requiredIndicator}</FieldRequiredIndicator>\n          ) : (\n            <FieldRequiredIndicator />\n          )\n        ) : (\n          optionalIndicator\n        )}\n      </styled.label>\n    )\n  },\n  \"label\",\n)()\n\ninterface FieldRequiredIndicatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst FieldRequiredIndicator = withContext<\"span\", FieldRequiredIndicatorProps>(\n  ({ children, ...rest }) => {\n    if (!isValidElement(children)) {\n      return (\n        <styled.span aria-hidden role=\"presentation\" {...rest}>\n          {children ?? <>*</>}\n        </styled.span>\n      )\n    } else {\n      return children\n    }\n  },\n  \"requiredIndicator\",\n)()\n\nexport interface FieldHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldHelperMessage = withContext<\"span\", FieldHelperMessageProps>(\n  (props) => {\n    const { helperMessageId, invalid, replace } = useFieldContext() ?? {}\n\n    return (\n      <styled.span\n        id={helperMessageId}\n        hidden={replace && invalid ? true : false}\n        {...props}\n      />\n    )\n  },\n  \"helperMessage\",\n)()\n\nexport interface FieldErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldErrorMessage = withContext<\"span\", FieldErrorMessageProps>(\n  (props) => {\n    const { errorMessageId, invalid } = useFieldContext() ?? {}\n\n    return (\n      <styled.span\n        id={errorMessageId}\n        aria-live={invalid ? \"polite\" : undefined}\n        hidden={!invalid}\n        {...props}\n      />\n    )\n  },\n  \"errorMessage\",\n)()\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,CAAC,cAAc,mBAAmBA,gBAA4B;CAClE,MAAM;CACN,QAAQ;CACT,CAAC;AAyEF,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,aACA,iBACE,oBAAgD,SAAS,WAAW;;;;;;AASxE,MAAa,YAAY,cACtB,EACC,IACA,MACA,UACA,UACA,cACA,eACA,SACA,OACA,mBACA,UACA,SACA,UACA,mBACA,mBACA,oBACA,YACA,GAAG,WACC;CACJ,MAAM,OAAO,OAAO;CACpB,MAAM,UAAU,OAAO;CACvB,MAAM,kBAAkB,OAAO;CAC/B,MAAM,iBAAiB,OAAO;CAC9B,MAAM,cAAc,gBAAgB;CACpC,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CACtD,MAAM,CACJ,iBACA,aACA,qBACA,sBACE,iBACF,UACA,YACA,oBACA,kBACD;CAED,OAAO;CACP,sBAAsB,aAAa;CACnC,sBAAsB,aAAa;CAEnC,aAAa,iBAAiB;CAC9B,YAAY,iBAAiB;CAC7B,aAAa,iBAAiB;CAC9B,aAAa,iBAAiB;CAE9B,IAAI,MAAM;EACR,cAAA,GAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,QAAQ,GACtC,YAAY,QAAQ,QACpB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,QAAQ,GACrC,YAAY,QAAQ,SAAS,OAC7B,aAAa,WAAW;EAC7B,iBAAiB,aAAa,eAAe;EAC7C,kBAAkB,aAAa,gBAAgB;;CAgCjD,OACE,oBAAC,cAAD;EAAc,OA9BA,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,WAAW,MAAM;GAC/B,eAAe,WAAW,KAAK;GAChC,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAI2B;YAC1B,qBAAC,OAAO,KAAR;GACE,kBAAA,GAAA,cAAA,UAAwB,SAAS;GACjC,eAAA,GAAA,cAAA,UAAqB,QAAQ;GAC7B,iBAAA,GAAA,cAAA,UAAuB,QAAQ;GAC/B,kBAAA,GAAA,cAAA,UAAwB,SAAS;GACjC,MAAK;GACL,GAAI;aANN;IAQG,gBACE,QACC,oBAAC,YAAD;KACqB;KACA;KACnB,GAAI;eAEH;KACU,CAAA,GACX;IAEL;IAEA,wBACE,gBACC,oBAAC,oBAAD;KAAoB,GAAI;eACrB;KACkB,CAAA,GACnB;IAEL,uBACE,eACC,oBAAC,mBAAD;KAAmB,GAAI;eACpB;KACiB,CAAA,GAClB;IACK;;EACA,CAAA;GAGnB,OACD,EAAE;AAmBH,MAAa,aAAa,aACvB,EACC,IACA,SACA,UACA,oBAAoB,MACpB,UACA,oBAAoB,MACpB,GAAG,WACC;CACJ,MAAM,eAAe,iBAAiB;CAEtC,OAAO,cAAc;CACrB,YAAY,cAAc;CAC1B,aAAa,cAAc;CAE3B,OACE,qBAAC,OAAO,OAAR;EACM;EACK;EACT,kBAAA,GAAA,cAAA,UAAwB,cAAc,SAAS;EAC/C,eAAA,GAAA,cAAA,UAAqB,cAAc,QAAQ;EAC3C,iBAAA,GAAA,cAAA,UAAuB,cAAc,QAAQ;EAC7C,kBAAA,GAAA,cAAA,UAAwB,cAAc,SAAS;EAC/C,GAAI;YAPN,CASG,UAEA,WACC,oBACE,oBAAC,wBAAD,EAAA,UAAyB,mBAA2C,CAAA,GAEpE,oBAAC,wBAAD,EAA0B,CAAA,GAG5B,kBAEW;;GAGnB,QACD,EAAE;AAIH,MAAM,yBAAyB,aAC5B,EAAE,UAAU,GAAG,WAAW;CACzB,IAAI,CAAC,eAAe,SAAS,EAC3B,OACE,oBAAC,OAAO,MAAR;EAAa,eAAA;EAAY,MAAK;EAAe,GAAI;YAC9C,YAAY,oBAAA,YAAA,EAAA,UAAE,KAAI,CAAA;EACP,CAAA;MAGhB,OAAO;GAGX,oBACD,EAAE;AAIH,MAAa,qBAAqB,aAC/B,UAAU;CACT,MAAM,EAAE,iBAAiB,SAAS,YAAY,iBAAiB,IAAI,EAAE;CAErE,OACE,oBAAC,OAAO,MAAR;EACE,IAAI;EACJ,QAAQ,WAAW,UAAU,OAAO;EACpC,GAAI;EACJ,CAAA;GAGN,gBACD,EAAE;AAIH,MAAa,oBAAoB,aAC9B,UAAU;CACT,MAAM,EAAE,gBAAgB,YAAY,iBAAiB,IAAI,EAAE;CAE3D,OACE,oBAAC,OAAO,MAAR;EACE,IAAI;EACJ,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;EACJ,CAAA;GAGN,eACD,EAAE"}
+{"version":3,"file":"field.js","names":["createContext"],"sources":["../../../../src/components/field/field.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldStyle } from \"./field.style\"\nimport { isValidElement, useId, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  createContext,\n  dataAttr,\n  isObject,\n  useSplitChildren,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { fieldStyle } from \"./field.style\"\n\nexport interface FieldContext\n  extends FieldProps, Pick<FieldRootProps, \"replace\"> {\n  errorMessageId: string\n  focused: boolean\n  helperMessageId: string\n  id: string\n  labelId: string\n  onBlur: () => void\n  onFocus: () => void\n}\n\nconst [FieldContext, useFieldContext] = createContext<FieldContext>({\n  name: \"FieldContext\",\n  strict: false,\n})\n\nexport { FieldContext, useFieldContext }\n\nexport interface FieldProps {\n  /**\n   * If `true`, the field will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the field will be invalid.\n   *\n   * @default false\n   */\n  invalid?: boolean\n  /**\n   * If `true`, the field will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * If `true`, the field will be required.\n   *\n   * @default false\n   */\n  required?: boolean\n}\n\nexport interface FieldRootProps\n  extends\n    HTMLStyledProps,\n    ThemeProps<FieldStyle>,\n    Pick<FieldLabelProps, \"optionalIndicator\" | \"requiredIndicator\">,\n    FieldProps {\n  /**\n   * The field error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The field helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The field label to use.\n   */\n  label?: ReactNode\n  /**\n   * The name of the field.\n   */\n  name?: string\n  /**\n   * If `true`, switch between helper message and error message using invalid.\n   *\n   * @default true\n   */\n  replace?: boolean\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldErrorMessageProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldHelperMessageProps\n  /**\n   * Props the label component.\n   */\n  labelProps?: FieldLabelProps\n}\n\nconst {\n  PropsContext: FieldPropsContext,\n  usePropsContext: useFieldPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldRootProps, FieldStyle>(\"field\", fieldStyle)\n\nexport { FieldPropsContext, useFieldPropsContext }\n\n/**\n * `Field` is a component used to group form elements with label, helper message, error message, etc.\n *\n * @see https://yamada-ui.com/docs/components/field\n */\nexport const FieldRoot = withProvider<\"div\", FieldRootProps>(\n  ({\n    id,\n    name,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    label,\n    optionalIndicator,\n    readOnly,\n    replace,\n    required,\n    requiredIndicator,\n    errorMessageProps,\n    helperMessageProps,\n    labelProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const labelId = useId()\n    const helperMessageId = useId()\n    const errorMessageId = useId()\n    const formContext = useFormContext()\n    const fieldsetContext = useFieldsetContext()\n    const [focused, setFocused] = useState<boolean>(false)\n    const [\n      omittedChildren,\n      customLabel,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldLabel,\n      FieldHelperMessage,\n      FieldErrorMessage,\n    )\n\n    id ??= uuid\n    optionalIndicator ??= formContext?.optionalIndicator\n    requiredIndicator ??= formContext?.requiredIndicator\n\n    disabled ??= fieldsetContext?.disabled\n    invalid ??= fieldsetContext?.invalid\n    readOnly ??= fieldsetContext?.readOnly\n    required ??= fieldsetContext?.required\n\n    if (name) {\n      disabled ??= isObject(formContext?.disabled)\n        ? formContext.disabled[name]\n        : formContext?.disabled\n      invalid ??= isObject(formContext?.invalid)\n        ? formContext.invalid[name]\n        : formContext?.invalid\n      readOnly ??= isObject(formContext?.readOnly)\n        ? formContext.readOnly[name]\n        : formContext?.readOnly\n      required ??= isObject(formContext?.required)\n        ? formContext.required[name]\n        : formContext?.required\n      replace ??= isObject(formContext?.replace)\n        ? (formContext.replace[name] ?? true)\n        : (formContext?.replace ?? true)\n      errorMessage ??= formContext?.errorMessage?.[name]\n      helperMessage ??= formContext?.helperMessage?.[name]\n    }\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        errorMessageId,\n        focused,\n        helperMessageId,\n        invalid,\n        labelId,\n        readOnly,\n        replace,\n        required,\n        onBlur: () => setFocused(false),\n        onFocus: () => setFocused(true),\n      }),\n      [\n        id,\n        disabled,\n        labelId,\n        focused,\n        invalid,\n        helperMessageId,\n        errorMessageId,\n        readOnly,\n        replace,\n        required,\n      ],\n    )\n\n    return (\n      <FieldContext value={context}>\n        <styled.div\n          data-disabled={dataAttr(disabled)}\n          data-focus={dataAttr(focused)}\n          data-invalid={dataAttr(invalid)}\n          data-readonly={dataAttr(readOnly)}\n          role=\"group\"\n          {...rest}\n        >\n          {customLabel ||\n            (label ? (\n              <FieldLabel\n                optionalIndicator={optionalIndicator}\n                requiredIndicator={requiredIndicator}\n                {...labelProps}\n              >\n                {label}\n              </FieldLabel>\n            ) : null)}\n\n          {omittedChildren}\n\n          {customHelperMessage ||\n            (helperMessage ? (\n              <FieldHelperMessage {...helperMessageProps}>\n                {helperMessage}\n              </FieldHelperMessage>\n            ) : null)}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldErrorMessage>\n            ) : null)}\n        </styled.div>\n      </FieldContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface FieldLabelProps extends HTMLStyledProps<\"label\"> {\n  /**\n   * The optional indicator to use.\n   */\n  optionalIndicator?: ReactNode\n  /**\n   * If `true`, the field will be required.\n   *\n   * @default false\n   */\n  required?: boolean\n  /**\n   * The required indicator to use.\n   */\n  requiredIndicator?: ReactNode\n}\n\nexport const FieldLabel = withContext<\"label\", FieldLabelProps>(\n  ({\n    id,\n    htmlFor,\n    children,\n    optionalIndicator = null,\n    required,\n    requiredIndicator = null,\n    ...rest\n  }) => {\n    const fieldContext = useFieldContext()\n\n    id ??= fieldContext?.labelId\n    htmlFor ??= fieldContext?.id\n    required ??= fieldContext?.required\n\n    return (\n      <styled.label\n        id={id}\n        htmlFor={htmlFor}\n        data-disabled={dataAttr(fieldContext?.disabled)}\n        data-focus={dataAttr(fieldContext?.focused)}\n        data-invalid={dataAttr(fieldContext?.invalid)}\n        data-readonly={dataAttr(fieldContext?.readOnly)}\n        {...rest}\n      >\n        {children}\n\n        {required ? (\n          requiredIndicator ? (\n            <FieldRequiredIndicator>{requiredIndicator}</FieldRequiredIndicator>\n          ) : (\n            <FieldRequiredIndicator />\n          )\n        ) : (\n          optionalIndicator\n        )}\n      </styled.label>\n    )\n  },\n  \"label\",\n)()\n\ninterface FieldRequiredIndicatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst FieldRequiredIndicator = withContext<\"span\", FieldRequiredIndicatorProps>(\n  ({ children, ...rest }) => {\n    if (!isValidElement(children)) {\n      return (\n        <styled.span aria-hidden role=\"presentation\" {...rest}>\n          {children ?? <>*</>}\n        </styled.span>\n      )\n    } else {\n      return children\n    }\n  },\n  \"requiredIndicator\",\n)()\n\nexport interface FieldHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldHelperMessage = withContext<\"span\", FieldHelperMessageProps>(\n  (props) => {\n    const { helperMessageId, invalid, replace } = useFieldContext() ?? {}\n\n    return (\n      <styled.span\n        id={helperMessageId}\n        hidden={replace && invalid ? true : false}\n        {...props}\n      />\n    )\n  },\n  \"helperMessage\",\n)()\n\nexport interface FieldErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldErrorMessage = withContext<\"span\", FieldErrorMessageProps>(\n  (props) => {\n    const { errorMessageId, invalid } = useFieldContext() ?? {}\n\n    return (\n      <styled.span\n        id={errorMessageId}\n        aria-live={invalid ? \"polite\" : undefined}\n        hidden={!invalid}\n        {...props}\n      />\n    )\n  },\n  \"errorMessage\",\n)()\n"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,CAAC,cAAc,mBAAmBA,gBAA4B;CAClE,MAAM;CACN,QAAQ;AACV,CAAC;AAyED,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,aACA,iBACE,oBAAgD,SAAS,UAAU;;;;;;AASvE,MAAa,YAAY,cACtB,EACC,IACA,MACA,UACA,UACA,cACA,eACA,SACA,OACA,mBACA,UACA,SACA,UACA,mBACA,mBACA,oBACA,YACA,GAAG,WACC;CACJ,MAAM,OAAO,MAAM;CACnB,MAAM,UAAU,MAAM;CACtB,MAAM,kBAAkB,MAAM;CAC9B,MAAM,iBAAiB,MAAM;CAC7B,MAAM,cAAc,eAAe;CACnC,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;CACrD,MAAM,CACJ,iBACA,aACA,qBACA,sBACE,iBACF,UACA,YACA,oBACA,iBACF;CAEA,OAAO;CACP,sBAAsB,aAAa;CACnC,sBAAsB,aAAa;CAEnC,aAAa,iBAAiB;CAC9B,YAAY,iBAAiB;CAC7B,aAAa,iBAAiB;CAC9B,aAAa,iBAAiB;CAE9B,IAAI,MAAM;EACR,cAAA,GAAA,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,OAAO,IACrC,YAAY,QAAQ,QACpB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,OAAO,IACpC,YAAY,QAAQ,SAAS,OAC7B,aAAa,WAAW;EAC7B,iBAAiB,aAAa,eAAe;EAC7C,kBAAkB,aAAa,gBAAgB;CACjD;CA+BA,OACE,oBAAC,cAAD;EAAc,OA9BA,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,WAAW,KAAK;GAC9B,eAAe,WAAW,IAAI;EAChC,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAI2B;YACzB,qBAAC,OAAO,KAAR;GACE,kBAAA,GAAA,cAAA,UAAwB,QAAQ;GAChC,eAAA,GAAA,cAAA,UAAqB,OAAO;GAC5B,iBAAA,GAAA,cAAA,UAAuB,OAAO;GAC9B,kBAAA,GAAA,cAAA,UAAwB,QAAQ;GAChC,MAAK;GACL,GAAI;aANN;IAQG,gBACE,QACC,oBAAC,YAAD;KACqB;KACA;KACnB,GAAI;eAEH;IACS,CAAA,IACV;IAEL;IAEA,wBACE,gBACC,oBAAC,oBAAD;KAAoB,GAAI;eACrB;IACiB,CAAA,IAClB;IAEL,uBACE,eACC,oBAAC,mBAAD;KAAmB,GAAI;eACpB;IACgB,CAAA,IACjB;GACI;;CACA,CAAA;AAElB,GACA,MACF,EAAE;AAmBF,MAAa,aAAa,aACvB,EACC,IACA,SACA,UACA,oBAAoB,MACpB,UACA,oBAAoB,MACpB,GAAG,WACC;CACJ,MAAM,eAAe,gBAAgB;CAErC,OAAO,cAAc;CACrB,YAAY,cAAc;CAC1B,aAAa,cAAc;CAE3B,OACE,qBAAC,OAAO,OAAR;EACM;EACK;EACT,kBAAA,GAAA,cAAA,UAAwB,cAAc,QAAQ;EAC9C,eAAA,GAAA,cAAA,UAAqB,cAAc,OAAO;EAC1C,iBAAA,GAAA,cAAA,UAAuB,cAAc,OAAO;EAC5C,kBAAA,GAAA,cAAA,UAAwB,cAAc,QAAQ;EAC9C,GAAI;YAPN,CASG,UAEA,WACC,oBACE,oBAAC,wBAAD,EAAA,UAAyB,kBAA0C,CAAA,IAEnE,oBAAC,wBAAD,CAAyB,CAAA,IAG3B,iBAEU;;AAElB,GACA,OACF,EAAE;AAIF,MAAM,yBAAyB,aAC5B,EAAE,UAAU,GAAG,WAAW;CACzB,IAAI,CAAC,eAAe,QAAQ,GAC1B,OACE,oBAAC,OAAO,MAAR;EAAa,eAAA;EAAY,MAAK;EAAe,GAAI;YAC9C,YAAY,oBAAA,YAAA,EAAA,UAAE,IAAG,CAAA;CACP,CAAA;MAGf,OAAO;AAEX,GACA,mBACF,EAAE;AAIF,MAAa,qBAAqB,aAC/B,UAAU;CACT,MAAM,EAAE,iBAAiB,SAAS,YAAY,gBAAgB,KAAK,CAAC;CAEpE,OACE,oBAAC,OAAO,MAAR;EACE,IAAI;EACJ,QAAQ,WAAW,UAAU,OAAO;EACpC,GAAI;CACL,CAAA;AAEL,GACA,eACF,EAAE;AAIF,MAAa,oBAAoB,aAC9B,UAAU;CACT,MAAM,EAAE,gBAAgB,YAAY,gBAAgB,KAAK,CAAC;CAE1D,OACE,oBAAC,OAAO,MAAR;EACE,IAAI;EACJ,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;CACL,CAAA;AAEL,GACA,cACF,EAAE"}

package/dist/esm/components/field/field.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.style.js","names":[],"sources":["../../../../src/components/field/field.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const fieldStyle = defineComponentSlotStyle({\n  base: {\n    errorMessage: {\n      alignItems: \"center\",\n      color: \"fg.error\",\n      display: \"inline-flex\",\n      fontSize: \"xs\",\n      gap: \"1\",\n    },\n    helperMessage: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n      fontSize: \"xs\",\n      gap: \"1\",\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      fontSize: \"sm\",\n      fontWeight: \"medium\",\n      gap: \"1\",\n      _readOnly: { pointerEvents: \"none\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    requiredIndicator: {\n      color: \"fg.error\",\n    },\n    root: {\n      display: \"grid\",\n      gap: \"1.5\",\n      position: \"relative\",\n      w: \"100%\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the field.\n     */\n    orientation: {\n      horizontal: {\n        errorMessage: { gridColumn: \"2 / 3\" },\n        helperMessage: { gridColumn: \"2 / 3\" },\n        label: { gridColumn: \"1 / 2\" },\n        root: { gridTemplateColumns: \"{field-label-width, spaces.32} 1fr\" },\n      },\n      vertical: {\n        errorMessage: { gridColumn: \"initial\" },\n        helperMessage: { gridColumn: \"initial\" },\n        label: { gridColumn: \"initial\" },\n        root: { gridTemplateColumns: \"initial\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type FieldStyle = typeof fieldStyle\n"],"mappings":";;AAEA,MAAa,aAAa,yBAAyB;CACjD,MAAM;EACJ,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,KAAK;GACN;EACD,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,KAAK;GACN;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,KAAK;GACL,WAAW,EAAE,eAAe,QAAQ;GACpC,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,mBAAmB,EACjB,OAAO,YACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACL,UAAU;GACV,GAAG;GACJ;EACF;CAED,OAAO;;;;AAIL,aAAa;EACX,YAAY;GACV,cAAc,EAAE,YAAY,SAAS;GACrC,eAAe,EAAE,YAAY,SAAS;GACtC,OAAO,EAAE,YAAY,SAAS;GAC9B,MAAM,EAAE,qBAAqB,sCAAsC;GACpE;EACD,UAAU;GACR,cAAc,EAAE,YAAY,WAAW;GACvC,eAAe,EAAE,YAAY,WAAW;GACxC,OAAO,EAAE,YAAY,WAAW;GAChC,MAAM,EAAE,qBAAqB,WAAW;GACzC;EACF,EACF;CAED,cAAc,EACZ,aAAa,YACd;CACF,CAAC"}
+{"version":3,"file":"field.style.js","names":[],"sources":["../../../../src/components/field/field.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const fieldStyle = defineComponentSlotStyle({\n  base: {\n    errorMessage: {\n      alignItems: \"center\",\n      color: \"fg.error\",\n      display: \"inline-flex\",\n      fontSize: \"xs\",\n      gap: \"1\",\n    },\n    helperMessage: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n      fontSize: \"xs\",\n      gap: \"1\",\n    },\n    label: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      fontSize: \"sm\",\n      fontWeight: \"medium\",\n      gap: \"1\",\n      _readOnly: { pointerEvents: \"none\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    requiredIndicator: {\n      color: \"fg.error\",\n    },\n    root: {\n      display: \"grid\",\n      gap: \"1.5\",\n      position: \"relative\",\n      w: \"100%\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the field.\n     */\n    orientation: {\n      horizontal: {\n        errorMessage: { gridColumn: \"2 / 3\" },\n        helperMessage: { gridColumn: \"2 / 3\" },\n        label: { gridColumn: \"1 / 2\" },\n        root: { gridTemplateColumns: \"{field-label-width, spaces.32} 1fr\" },\n      },\n      vertical: {\n        errorMessage: { gridColumn: \"initial\" },\n        helperMessage: { gridColumn: \"initial\" },\n        label: { gridColumn: \"initial\" },\n        root: { gridTemplateColumns: \"initial\" },\n      },\n    },\n  },\n\n  defaultProps: {\n    orientation: \"vertical\",\n  },\n})\n\nexport type FieldStyle = typeof fieldStyle\n"],"mappings":";;AAEA,MAAa,aAAa,yBAAyB;CACjD,MAAM;EACJ,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,KAAK;EACP;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,UAAU;GACV,KAAK;EACP;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,UAAU;GACV,YAAY;GACZ,KAAK;GACL,WAAW,EAAE,eAAe,OAAO;GACnC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,mBAAmB,EACjB,OAAO,WACT;EACA,MAAM;GACJ,SAAS;GACT,KAAK;GACL,UAAU;GACV,GAAG;EACL;CACF;CAEA,OAAO;;;;AAIL,aAAa;EACX,YAAY;GACV,cAAc,EAAE,YAAY,QAAQ;GACpC,eAAe,EAAE,YAAY,QAAQ;GACrC,OAAO,EAAE,YAAY,QAAQ;GAC7B,MAAM,EAAE,qBAAqB,qCAAqC;EACpE;EACA,UAAU;GACR,cAAc,EAAE,YAAY,UAAU;GACtC,eAAe,EAAE,YAAY,UAAU;GACvC,OAAO,EAAE,YAAY,UAAU;GAC/B,MAAM,EAAE,qBAAqB,UAAU;EACzC;CACF,EACF;CAEA,cAAc,EACZ,aAAa,WACf;AACF,CAAC"}

package/dist/esm/components/field/use-field-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.js","names":[],"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,gBAAgB,gBAAgB;CACxC,MAAM,cAAc,gBAAgB;CACpC,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,eAAe,iBAAiB;CACtC,MAAM,CAAC,gBAAgB,qBAAqB,SAC1C,KAAA,EACD;CACD,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,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,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,SAAS,GACxC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,QAAQ,GACtC,YAAY,QAAQ,QACpB,aAAa;;CAGnB,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,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA,GAAG;EACJ,GACD;EAAC;EAAI;EAAM;EAAU;EAAU;EAAU;EAAK,CAC/C;CACD,MAAM,YAAY,eACT;EACL,kBAAA,GAAA,cAAA,UAA0B,SAAS;EACnC,iBAAA,GAAA,cAAA,UAAyB,QAAQ;EACjC,kBAAA,GAAA,cAAA,UAA0B,SAAS;EACnC,kBAAA,GAAA,cAAA,UAA0B,SAAS;EACpC,GACD;EAAC;EAAU;EAAS;EAAU;EAAS,CACxC;CA+BD,OAAO;EACL,SAAS;EACT;EACA,WAjCgB,eACT;GACL,oBACE,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,gBAAgB;GACxD,kBAAA,GAAA,cAAA,UACE,qBAAqB,YAAY,WAAW,SAC7C;GACD,iBAAA,GAAA,cAAA,UAAyB,QAAQ;GACjC,iBAAiB,qBAAqB,KAAA,KAAA,GAAA,cAAA,UAAqB,SAAS;GACpE,kBAAA,GAAA,cAAA,UAA0B,SAAS;GACpC,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAaQ;EACT;EACA,YAbiB,eACV;GACL,SAAA,GAAA,cAAA,YAAmB,cAAc,QAAQ,OAAO;GAChD,UAAA,GAAA,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"}
+{"version":3,"file":"use-field-props.js","names":[],"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,CAAC,MACxB;CACH,MAAM,EAAE,gBAAgB,eAAe;CACvC,MAAM,cAAc,eAAe;CACnC,MAAM,kBAAkB,mBAAmB;CAC3C,MAAM,eAAe,gBAAgB;CACrC,MAAM,CAAC,gBAAgB,qBAAqB,SAC1C,KAAA,CACF;CACA,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,KAAA,CACF;CAEA,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,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,cAAA,GAAA,cAAA,UAAsB,aAAa,QAAQ,IACvC,YAAY,SAAS,QACrB,aAAa;EACjB,aAAA,GAAA,cAAA,UAAqB,aAAa,OAAO,IACrC,YAAY,QAAQ,QACpB,aAAa;CACnB;CAEA,0BAA0B;EACxB,MAAM,kBACJ,CAAC,CAAC,cAAc,kBAChB,CAAC,CAAC,YAAY,GAAG,eAAe,aAAa,cAAc;EAC7D,MAAM,mBACJ,CAAC,CAAC,cAAc,mBAChB,CAAC,CAAC,YAAY,GAAG,eAAe,aAAa,eAAe;EAE9D,kBACE,WAAW,kBAAkB,aAAa,iBAAiB,KAAA,CAC7D;EACA,oBACG,CAAC,cAAc,WAAW,CAAC,YAAY,mBACpC,aAAa,kBACb,KAAA,CACN;CACF,GAAG;EACD,cAAc;EACd,cAAc;EACd,cAAc;EACd;CACF,CAAC;CAED,MAAM,QAAQ,eACL;EACL;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAI;EAAM;EAAU;EAAU;EAAU;CAAI,CAC/C;CACA,MAAM,YAAY,eACT;EACL,kBAAA,GAAA,cAAA,UAA0B,QAAQ;EAClC,iBAAA,GAAA,cAAA,UAAyB,OAAO;EAChC,kBAAA,GAAA,cAAA,UAA0B,QAAQ;EAClC,kBAAA,GAAA,cAAA,UAA0B,QAAQ;CACpC,IACA;EAAC;EAAU;EAAS;EAAU;CAAQ,CACxC;CA+BA,OAAO;EACL,SAAS;EACT;EACA,WAjCgB,eACT;GACL,oBACE,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,eAAe;GACvD,kBAAA,GAAA,cAAA,UACE,qBAAqB,YAAY,WAAW,QAC9C;GACA,iBAAA,GAAA,cAAA,UAAyB,OAAO;GAChC,iBAAiB,qBAAqB,KAAA,KAAA,GAAA,cAAA,UAAqB,QAAQ;GACnE,kBAAA,GAAA,cAAA,UAA0B,QAAQ;EACpC,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAaQ;EACR;EACA,YAbiB,eACV;GACL,SAAA,GAAA,cAAA,YAAmB,cAAc,QAAQ,MAAM;GAC/C,UAAA,GAAA,cAAA,YAAoB,cAAc,SAAS,OAAO;EACpD,IACA;GAAC,cAAc;GAAQ,cAAc;GAAS;GAAQ;EAAO,CAQpD;CACX;AACF;AAEA,MAAa,kBAAkB;CAC7B,UAAU;CACV,SAAS;CACT,UAAU;CACV,UAAU;AACZ"}

package/dist/esm/components/fieldset/fieldset.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.js","names":["createContext"],"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,gBAA+B;CAC3E,MAAM;CACN,QAAQ;CACT,CAAC;AAwCF,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,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,OAAO,OAAO;CACpB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACE,iBACF,UACA,gBACA,gBACA,iBACA,uBACA,qBACD;CAED,OAAO;CAaP,OACE,oBAAC,iBAAD;EAAiB,OAZH,eACP;GACL;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAI;GAAU;GAAS;GAAU;GAAS,CAIZ;YAC7B,qBAAC,OAAO,UAAR;GAAiB,oBAAA,GAAA,cAAA,IAAoB,IAAI,eAAe;GAAE,GAAI;aAA9D;IACG,gBACC,qBAAC,gBAAD;KAAgB,GAAI;eAApB,CACG,iBACE,SACC,oBAAC,gBAAD;MAAgB,GAAI;gBAAc;MAAwB,CAAA,GACxD,OAEL,wBACE,gBACC,oBAAC,uBAAD;MAAuB,GAAI;gBACxB;MACqB,CAAA,GACtB,MACS;;IAGlB,iBACC,oBAAC,iBAAD;KAAiB,GAAI;eAClB;KACe,CAAA;IAGnB,uBACE,eACC,oBAAC,sBAAD;KAAsB,GAAI;eACvB;KACoB,CAAA,GACrB;IACU;;EACF,CAAA;GAGtB,OACD,EAAE,UAAU;CACX,MAAM,EAAE,MAAM,YAAY,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,cAAA,UAA0B,SAAS;EACnC,iBAAA,GAAA,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,oBAAC,OAAO,MAAR;EACE,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;EACJ,CAAA;GAEH,eAAe,EAAE"}
+{"version":3,"file":"fieldset.js","names":["createContext"],"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,gBAA+B;CAC3E,MAAM;CACN,QAAQ;AACV,CAAC;AAwCD,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACE,oBACF,YACA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EACC,IACA,mBAAmB,gBACnB,UACA,UACA,cACA,eACA,SACA,QACA,UACA,UACA,cACA,mBACA,aACA,oBACA,aACA,GAAG,WACC;CACJ,MAAM,OAAO,MAAM;CACnB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACE,iBACF,UACA,gBACA,gBACA,iBACA,uBACA,oBACF;CAEA,OAAO;CAaP,OACE,oBAAC,iBAAD;EAAiB,OAZH,eACP;GACL;GACA;GACA;GACA;GACA;EACF,IACA;GAAC;GAAI;GAAU;GAAS;GAAU;EAAQ,CAIZ;YAC5B,qBAAC,OAAO,UAAR;GAAiB,oBAAA,GAAA,cAAA,IAAoB,IAAI,cAAc;GAAG,GAAI;aAA9D;IACG,gBACC,qBAAC,gBAAD;KAAgB,GAAI;eAApB,CACG,iBACE,SACC,oBAAC,gBAAD;MAAgB,GAAI;gBAAc;KAAuB,CAAA,IACvD,OAEL,wBACE,gBACC,oBAAC,uBAAD;MAAuB,GAAI;gBACxB;KACoB,CAAA,IACrB,KACQ;;IAGjB,iBACC,oBAAC,iBAAD;KAAiB,GAAI;eAClB;IACc,CAAA;IAGlB,uBACE,eACC,oBAAC,sBAAD;KAAsB,GAAI;eACvB;IACmB,CAAA,IACpB;GACS;;CACF,CAAA;AAErB,GACA,MACF,GAAG,UAAU;CACX,MAAM,EAAE,MAAM,YAAY,eAAe,KAAK,CAAC;CAE/C,OAAO;EAAE;EAAM;EAAS,GAAG;CAAM;AACnC,CAAC;AAID,MAAa,iBAAiB,YAC5B,UACA,QACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,YAAY,mBAAmB,KAAK,CAAC;CAE3D,OAAO;EACL;EACA,kBAAA,GAAA,cAAA,UAA0B,QAAQ;EAClC,iBAAA,GAAA,cAAA,UAAyB,OAAO;EAChC,GAAG;CACL;AACF,CAAC;AAID,MAAa,iBAAiB,YAC5B,OACA,QACF,EAAE;AAIF,MAAa,kBAAkB,YAC7B,OACA,SACF,EAAE;AAIF,MAAa,wBAAwB,YAGnC,QAAQ,eAAe,EAAE,KAAA,IAAY,UAAU;CAC/C,MAAM,EAAE,OAAO,mBAAmB,KAAK,CAAC;CAExC,OAAO;EAAE,oBAAoB;EAAI,GAAG;CAAM;AAC5C,CAAC;AAID,MAAa,uBAAuB,aAGjC,UAAU;CACX,MAAM,EAAE,YAAY,mBAAmB,KAAK,CAAC;CAE7C,OACE,oBAAC,OAAO,MAAR;EACE,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;CACL,CAAA;AAEL,GAAG,cAAc,EAAE"}

package/dist/esm/components/fieldset/fieldset.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.style.js","names":[],"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,gBAAgB,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,MAAM,UAAU,UAAU,SAAS,OAAO;EACtD,SAAS,EAAE,MAAM,UAAU,UAAU,QAAQ,OAAO;EACpD,OAAO,EAAE,MAAM,UAAU,UAAU,MAAM,OAAO;EAChD,OAAO,EAAE,MAAM,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,KAAK,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,KAAK,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,KAAK,UAAU,OAAO,GAAG,KAAK,KAAK;GAC5C;EACF;CAED,WACE,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"}
+{"version":3,"file":"fieldset.style.js","names":[],"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,gBAAgB,yBAAyB;CACpD,MAAM;EACJ,SAAS;GACP,SAAS;GACT,eAAe;GACf,GAAG;EACL;EACA,cAAc;GACZ,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;EACP;EACA,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;EACL;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;EACP;EACA,QAAQ;GACN,YAAY;GACZ,WAAW,EAAE,SAAS,GAAI;EAC5B;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;EACL;CACF;CAEA,UAAU;EACR,UAAU,EAAE,MAAM,UAAU,UAAU,SAAS,MAAM;EACrD,SAAS,EAAE,MAAM,UAAU,UAAU,QAAQ,MAAM;EACnD,OAAO,EAAE,MAAM,UAAU,UAAU,MAAM,MAAM;EAC/C,OAAO,EAAE,MAAM,UAAU,UAAU,MAAM,MAAM;CACjD;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EAAE,KAAK,IAAI;GACpB,cAAc,EAAE,UAAU,KAAK;GAC/B,QAAQ,EAAE,KAAK,IAAI;GACnB,eAAe,EAAE,UAAU,KAAK;GAChC,QAAQ,EAAE,UAAU,KAAK;GACzB,MAAM,EAAE,KAAK,UAAU,OAAO,GAAG,KAAK,IAAI;EAC5C;EACA,IAAI;GACF,SAAS,EAAE,KAAK,IAAI;GACpB,cAAc,EAAE,UAAU,KAAK;GAC/B,QAAQ,EAAE,KAAK,IAAI;GACnB,eAAe,EAAE,UAAU,KAAK;GAChC,QAAQ,EAAE,UAAU,KAAK;GACzB,MAAM,EAAE,KAAK,UAAU,OAAO,GAAG,KAAK,IAAI;EAC5C;EACA,IAAI;GACF,SAAS,EAAE,KAAK,IAAI;GACpB,cAAc,EAAE,UAAU,KAAK;GAC/B,QAAQ,EAAE,KAAK,IAAI;GACnB,eAAe,EAAE,UAAU,KAAK;GAChC,QAAQ,EAAE,UAAU,KAAK;GACzB,MAAM,EAAE,KAAK,UAAU,OAAO,GAAG,KAAK,IAAI;EAC5C;CACF;CAEA,WACE,UAAU,WACT,KAAK,EAAE,KAAK,GAAG,YAAY;EAC5B,KAAK,EAAE,MAAM,IAAI,MAAM;EACvB,GAAG;CACL,EAAE;CAEF,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/esm/components/file-button/file-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-button.js","names":[],"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,gBACE,gBACF,eACA,gBACD;;;;;;AASD,MAAa,aAAa,aACvB,EAAE,IAAI,KAAK,QAAQ,UAAU,kBAAkB,GAAG,WAAW;CAC5D,MAAM,EAAE,gBAAgB,kBAAkB,cAAc,KAAK;CAC7D,MAAM,WAAW,eAAe,EAAE,kBAAkB,CAAC;CAErD,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,oBAAC,IAAD;EAAI,GAAI;EAAU,GAAI,gBAAgB;EACnC;EACE,CAAA,CACJ,EAAA,CAAA;EAGR,EAAE"}
+{"version":3,"file":"file-button.js","names":[],"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,gBACE,gBACF,eACA,eACF;;;;;;AASA,MAAa,aAAa,aACvB,EAAE,IAAI,KAAK,QAAQ,UAAU,kBAAkB,GAAG,WAAW;CAC5D,MAAM,EAAE,gBAAgB,kBAAkB,cAAc,IAAI;CAC5D,MAAM,WAAW,eAAe,EAAE,iBAAiB,CAAC;CAEpD,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,cAAc,EAAI,CAAA,EAC9B,CAAA,GAER,oBAAC,IAAD;EAAI,GAAI;EAAU,GAAI,eAAe;EAClC;CACC,CAAA,CACJ,EAAA,CAAA;AAEN,CACF,EAAE"}

package/dist/esm/components/file-button/file-button.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-button.style.js","names":[],"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,kBAAkB,qBAAqB;CAClD,MAAM,EACJ,wBAAwB,uBACzB;CAED,UAAU;EACR,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACD,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;IACd;GACF;EACD,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,wBACd;GACF;EACF;CAED,cAAc,EACZ,SAAS,SACV;CACF,CAAC"}
+{"version":3,"file":"file-button.style.js","names":[],"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,kBAAkB,qBAAqB;CAClD,MAAM,EACJ,wBAAwB,sBAC1B;CAEA,UAAU;EACR,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;GACf;EACF;EACA,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,uBACf;EACF;EACA,OAAO;GACL,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;GACf;EACF;EACA,QAAQ;GACN,GAAG,YAAY,UAAU;GACzB,UAAU;IACR,aAAa;IACb,aAAa;GACf;EACF;EACA,SAAS;GACP,GAAG,YAAY,UAAU;GACzB,UAAU,EACR,aAAa,uBACf;EACF;CACF;CAEA,cAAc,EACZ,SAAS,QACX;AACF,CAAC"}

package/dist/esm/components/file-button/use-file-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-button.js","names":[],"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,kBAAkB,aAAuB,MAAM;CAUvE,OAAO;EACL;EACA,gBAV2C,aAC1C,WAAW;GACV,GAAG;GACH,GAAG;GACJ,GACD,CAAC,eAAe,CAKF;EACd;EACD"}
+{"version":3,"file":"use-file-button.js","names":[],"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,CAAC,MAAM;CAC/D,MAAM,EAAE,gBAAgB,kBAAkB,aAAuB,KAAK;CAUtE,OAAO;EACL;EACA,gBAV2C,aAC1C,WAAW;GACV,GAAG;GACH,GAAG;EACL,IACA,CAAC,cAAc,CAKF;EACb;CACF;AACF"}

package/dist/esm/components/file-input/file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.js","names":[],"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,iBACE,oBACF,cACA,eACD;;;;;;AASD,MAAa,YAAY,cACtB,EACC,UACA,WACA,kBACA,kBACA,SAAS,eACT,aACA,YAAY,KACZ,GAAG,YACC;CACJ,MAAM,WAAW,eAAe;EAAE;EAAkB;EAAkB,CAAC;CACvE,MAAM,EAAE,QAAQ,eAAe,kBAAkB,aAAa,MAAM;CAEpE,MAAM,gBAAgB,cAAc;EAClC,IAAI,CAAC,QAAQ,QACX,OACE,oBAAC,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,IAAI,eAAe,KAAK,EACtB,OAAO,aAAa,MAAM,EAAE,KAAK,OAAO,CAAC;SAEzC,OAAO;UAGT,OACE,qBAAC,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,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,oBAAC,OAAO,KAAR;EAAY,GAAI;EAAU,GAAI,eAAe;YAC1C;EACU,CAAA,CACZ,EAAA,CAAA;GAGP,OACD,EAAE,UAAU;CAGX,OAAO,WAFS,sBAES,EAAE,MAAM,EAAE;EACnC;AAIF,MAAM,eAAe,YAAuC,QAAQ,MAAM,EAAE"}
+{"version":3,"file":"file-input.js","names":[],"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,iBACE,oBACF,cACA,cACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,UACA,WACA,kBACA,kBACA,SAAS,eACT,aACA,YAAY,KACZ,GAAG,YACC;CACJ,MAAM,WAAW,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,EAAE,QAAQ,eAAe,kBAAkB,aAAa,KAAK;CAEnE,MAAM,gBAAgB,cAAc;EAClC,IAAI,CAAC,QAAQ,QACX,OACE,oBAAC,OAAO,MAAR;GAAa,UAAS;GAAS,YAAW;aACvC;EACU,CAAA;EAGjB,IAAI,UAAU,OAAO,SAAS,MAAM;EAEpC,OAAO,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,OAAO,OAAO,WAAW,QAAQ;GAEvC,IAAI,WAAW;IACb,MAAM,OAAO,UAAU;KAAE;KAAO;IAAM,CAAC;IAEvC,IAAI,eAAe,IAAI,GACrB,OAAO,aAAa,MAAM,EAAE,KAAK,MAAM,CAAC;SAExC,OAAO;GAEX,OACE,OACE,qBAAC,cAAD,EAAA,UAAA,CACG,OAAO,OAAO,KAAK,GACnB,CAAC,OAAO,YAAY,IACT,EAAA,GAHK,KAGL;EAGpB,CAAC;CACH,GAAG;EAAC;EAAU;EAAQ;EAAa;EAAW;EAAW;CAAM,CAAC;CAEhE,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,cAAc,EAAI,CAAA,EAC9B,CAAA,GAER,oBAAC,OAAO,KAAR;EAAY,GAAI;EAAU,GAAI,cAAc;YACzC;CACS,CAAA,CACZ,EAAA,CAAA;AAEN,GACA,MACF,GAAG,UAAU;CAGX,OAAO,WAFS,qBAEQ,GAAG,KAAK,EAAE;AACpC,CAAC;AAID,MAAM,eAAe,YAAuC,QAAQ,KAAK,EAAE"}

package/dist/esm/components/file-input/file-input.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-input.style.js","names":[],"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,iBAAiB,yBAAyB;CACrD,MAAM;EACJ,MAAM;GACJ,GAAG,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,MAAM,WAAW,UAAU,QAC5B;EACD,SAAS,EACP,MAAM;GACJ,GAAG,WAAW,UAAU;GACxB,GAAG,gCAAgC;GACpC,EACF;EACD,SAAS,EACP,MAAM,WAAW,UAAU,SAC5B;EACD,OAAO,EACL,MAAM,WAAW,UAAU,OAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;GAAI,EACrD;EACD,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;GAAI,EACrD;EACD,OAAO,EACL,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,QAAQ;GAAQ,EAC1D;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"file-input.style.js","names":[],"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,iBAAiB,yBAAyB;CACrD,MAAM;EACJ,MAAM;GACJ,GAAG,WAAW;GACd,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,UAAU;GACV,MAAM;GACN,YAAY;GACZ,WAAW,EACT,YAAY,WACd;EACF;EACA,KAAK;GACH,SAAS;GACT,UAAU;GACV,YAAY;EACd;CACF;CAEA,UAAU;EACR,QAAQ,EACN,MAAM,WAAW,UAAU,OAC7B;EACA,SAAS,EACP,MAAM;GACJ,GAAG,WAAW,UAAU;GACxB,GAAG,+BAA+B;EACpC,EACF;EACA,SAAS,EACP,MAAM,WAAW,UAAU,QAC7B;EACA,OAAO,EACL,MAAM,WAAW,UAAU,MAC7B;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;EAAG,EACrD;EACA,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;EAAG,EACrD;EACA,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;EAAG,EACrD;EACA,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;EAAG,EACrD;EACA,IAAI,EACF,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,OAAO;EAAG,EACrD;EACA,OAAO,EACL,MAAM;GAAE,IAAI;GAAe,GAAG,WAAW,QAAQ;EAAO,EAC1D;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/esm/components/file-input/use-file-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-file-input.js","names":[],"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,eACE,cAAiD;EACnD,GAAG;EACH,oBAAoB;EACrB,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,QAAQ,aAAa,qBAAyC;EACnE;EACA;EACA,UAAU;EACX,CAAC;CACF,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,aAAa;EAElB,SAAS,SAAS,OAAO;IACxB,CAAC,YAAY,CAAC;CAEjB,MAAM,UAAU,kBAAkB;EAChC,IAAI,SAAS,SAAS,SAAS,QAAQ,QAAQ;EAE/C,UAAU,KAAA,EAAU;IACnB,CAAC,UAAU,CAAC;CAEf,MAAM,WAAW,aACd,OAAsC;EACrC,MAAM,QAAQ,EAAA,GAAA,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,iBAAiB,aAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,QAAQ;EAC9C,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,UAAA,GAAA,cAAA,YAAoB,aAAa,QAAQ;EAC1C,CAAC;CAEF,UAAU,UAAU,QAAQ;CAE5B,MAAM,gBAAqC,aACxC,QAAQ,EAAE,MAAM;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAK,UAAU,UAAU,MAAM,KAAK,IAAI;EACxC,WAAA,GAAA,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,eAlBgC,aAC/B,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,EAAE,MAAM;GACzD,qBAAA,GAAA,cAAA,UAA6B,CAAC,MAAM;GACpC,GAAG;GACH,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,eAAe,mBAAmB;GACxE,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAG;GACJ,GACD;GAAC;GAAgB;GAAO;GAAY,CAUvB;EACb;EACD"}
+{"version":3,"file":"use-file-input.js","names":[],"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,CAAC,GACxB,OAAO,EACL,IACA,KACA,MACA,MACA,mBAAmB,gBACnB,QACA,cACA,UACA,UACA,UACA,UACA,UACA,OACA,UAAU,cACV,SAAS,aACT,GAAG,QAEL,WACA,WACA,eACE,cAAiD;EACnD,GAAG;EACH,oBAAoB;CACtB,CAAC;CACD,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,CAAC,QAAQ,aAAa,qBAAyC;EACnE;EACA;EACA,UAAU;CACZ,CAAC;CACD,MAAM,QAAQ,QAAQ,UAAU;CAEhC,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,aAAa;EAElB,SAAS,SAAS,MAAM;CAC1B,GAAG,CAAC,WAAW,CAAC;CAEhB,MAAM,UAAU,kBAAkB;EAChC,IAAI,SAAS,SAAS,SAAS,QAAQ,QAAQ;EAE/C,UAAU,KAAA,CAAS;CACrB,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,WAAW,aACd,OAAsC;EACrC,MAAM,QAAQ,EAAA,GAAA,cAAA,QAAQ,GAAG,cAAc,KAAK,IACxC,MAAM,KAAK,GAAG,cAAc,KAAK,IACjC,KAAA;EAEJ,UAAU,OAAO,SAAS,QAAQ,KAAA,CAAS;CAC7C,GACA,CAAC,SAAS,CACZ;CAEA,MAAM,iBAAiB,aAAgC;EACrD,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,OAAO;EAC7C,UAAU,CAAC;EACX,WAAW,YAAY,CAAC;EACxB,cAAc;EACd,UAAA,GAAA,cAAA,YAAoB,aAAa,OAAO;CAC1C,CAAC;CAED,UAAU,UAAU,OAAO;CAE3B,MAAM,gBAAqC,aACxC,QAAQ,CAAC,OAAO;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAK,UAAU,UAAU,MAAM,KAAK,GAAG;EACvC,WAAA,GAAA,cAAA,YAAqB,MAAM,UAAU,QAAQ;CAC/C,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAaA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,eAlBgC,aAC/B,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,CAAC,OAAO;GACzD,qBAAA,GAAA,cAAA,UAA6B,CAAC,KAAK;GACnC,GAAG;GACH,oBAAA,GAAA,cAAA,IAAsB,gBAAgB,eAAe,kBAAkB;GACvE,UAAU,cAAc,IAAI,eAAe;GAC3C,GAAG;EACL,IACA;GAAC;GAAgB;GAAO;EAAW,CAUvB;EACZ;CACF;AACF"}

package/dist/esm/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","names":[],"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,gBACE,gBAAsC,QAAQ,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"}
+{"version":3,"file":"flex.js","names":[],"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,gBACE,gBAAsC,QAAQ,SAAS;;;;;;AAS3D,MAAa,OAAO,YAAY,KAAK,EACnC,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;AACL,EACF"}

package/dist/esm/components/flex/flex.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.style.js","names":[],"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,YAAY,qBAAqB,EAC5C,MAAM,EACJ,SAAS,QACV,EACF,CAAC"}
+{"version":3,"file":"flex.style.js","names":[],"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,YAAY,qBAAqB,EAC5C,MAAM,EACJ,SAAS,OACX,EACF,CAAC"}

package/dist/esm/components/flex/spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacer.js","names":[],"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,SAAS,OAAO,OAAO;CAClC,MAAM;CACN,MAAM;EACJ,WAAW;EACX,MAAM;EACN,aAAa;EACd;CACF,CAAC"}
+{"version":3,"file":"spacer.js","names":[],"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,SAAS,OAAO,OAAO;CAClC,MAAM;CACN,MAAM;EACJ,WAAW;EACX,MAAM;EACN,aAAa;CACf;AACF,CAAC"}

package/dist/esm/components/flip/flip.js.map

@@ -1 +1 @@
-{"version":3,"file":"flip.js","names":[],"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,MAAM,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,iBACE,oBAA0C,QAAQ,UAAU;;;;;;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,WAAW,SAAe,EAAE,CAAC;CACvD,MAAM,UAAU,OAA8B,KAAK;CACnD,MAAM,QAAQ,OAA8B,KAAK;CACjD,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C;EACA,OAAO;EACP;EACD,CAAC;CACF,MAAM,UAAU,UAAU;CAE1B,MAAM,QAAQ,eACL;EACL,QAAQ,SAAS,GAAG,OAAO,MAAM;EACjC,OAAO,QAAQ,GAAG,MAAM,MAAM;EAC/B,GACD,CAAC,OAAO,OAAO,CAChB;CAED,MAAM,gBAAgB;EACpB,IAAI,UAAU;EAEd,UAAU,SAAU,SAAS,SAAS,OAAO,OAAQ;;CAGvD,0BAA0B;EACxB,MAAM,OAAO,QAAQ;EACrB,MAAM,KAAK,MAAM;EAEjB,IAAI,CAAC,QAAQ,CAAC,IAAI;EAElB,IACE,KAAK,gBAAgB,GAAG,eACxB,KAAK,iBAAiB,GAAG,cAEzB,QAAQ,KACN,gCAAgC,KAAK,YAAY,cAAc,KAAK,aAAa,0CAA0C,GAAG,YAAY,cAAc,GAAG,aAAa,4DACzK;EAGH,QAAQ;GAAE,QAAQ,KAAK;GAAc,OAAO,KAAK;GAAa,CAAC;IAC9D,CAAC,SAAS,MAAM,CAAC;CAEpB,OACE,qBAAC,OAAO,QAAR;EACE,MAAK;EACE;EACP,kBAAA,GAAA,cAAA,UAAwB,SAAS;EACjC,oBAAkB;EAClB,kBAAA,GAAA,cAAA,UAAwB,SAAS;EACjC,cAAY;EACF;EACV,UAAA,GAAA,cAAA,YAAoB,aAAa,QAAQ;EACzC,GAAI;YATN,CAWE,oBAAC,UAAD;GACE,KAAK;GACL,QAAQ;IAAE;IAAa;IAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;IAAY;aAE7C;GACQ,CAAA,EAEX,oBAAC,QAAD;GACE,KAAK;GACL,QAAQ;IAAE;IAAa;IAAS;GAChC,YAAY;IAAE;IAAO;IAAU,GAAG;IAAY;aAE7C;GACM,CAAA,CACK;;GAGpB,OACD,EAAE;AAIH,MAAM,WAAW,aACd,EAAE,QAAQ,GAAG,WAAW;CACvB,OACE,oBAAC,OAAO,MAAR;EACE,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAQ,GAAG;GAAQ;EACpC,SAAQ;EACR,UAAU;EACV,GAAI;EACJ,CAAA;GAGN,CAAC,QAAQ,OAAO,CACjB,EAAE;AAIH,MAAM,SAAS,aACZ,EAAE,QAAQ,GAAG,WAAW;CACvB,OACE,oBAAC,OAAO,MAAR;EACE,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAM,GAAG;GAAQ;EAClC,SAAQ;EACR,UAAU;EACV,GAAI;EACJ,CAAA;GAGN,CAAC,QAAQ,KAAK,CACf,EAAE"}
+{"version":3,"file":"flip.js","names":[],"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,MAAM,eAAyB;CAC7B,QAAQ,EAAE,OAAO,aAAa,eAAe,GAC1C,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAU,UAAU,MAAM,IAAK,UAAU,IAAI,IAC3D;CACA,OAAO,EAAE,OAAO,mBAAmB,GAChC,gBAAgB,eAAe,YAAY,YAC1C,UAAU,SAAS,IAAI,IAC3B;AACF;AA+DA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACE,oBAA0C,QAAQ,SAAS;;;;;;AAS/D,MAAa,OAAO,cACjB,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,cAAc,cACd,UACA,IACA,aAAa,CAAC,GACd,OAAO,WACP,UACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,CAAC,EAAE,QAAQ,SAAS,WAAW,SAAe,CAAC,CAAC;CACtD,MAAM,UAAU,OAA8B,IAAI;CAClD,MAAM,QAAQ,OAA8B,IAAI;CAChD,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C;EACA,OAAO;EACP;CACF,CAAC;CACD,MAAM,UAAU,UAAU;CAE1B,MAAM,QAAQ,eACL;EACL,QAAQ,SAAS,GAAG,OAAO,MAAM;EACjC,OAAO,QAAQ,GAAG,MAAM,MAAM;CAChC,IACA,CAAC,OAAO,MAAM,CAChB;CAEA,MAAM,gBAAgB;EACpB,IAAI,UAAU;EAEd,UAAU,SAAU,SAAS,SAAS,OAAO,MAAO;CACtD;CAEA,0BAA0B;EACxB,MAAM,OAAO,QAAQ;EACrB,MAAM,KAAK,MAAM;EAEjB,IAAI,CAAC,QAAQ,CAAC,IAAI;EAElB,IACE,KAAK,gBAAgB,GAAG,eACxB,KAAK,iBAAiB,GAAG,cAEzB,QAAQ,KACN,gCAAgC,KAAK,YAAY,cAAc,KAAK,aAAa,0CAA0C,GAAG,YAAY,cAAc,GAAG,aAAa,2DAC1K;EAGF,QAAQ;GAAE,QAAQ,KAAK;GAAc,OAAO,KAAK;EAAY,CAAC;CAChE,GAAG,CAAC,SAAS,KAAK,CAAC;CAEnB,OACE,qBAAC,OAAO,QAAR;EACE,MAAK;EACE;EACP,kBAAA,GAAA,cAAA,UAAwB,QAAQ;EAChC,oBAAkB;EAClB,kBAAA,GAAA,cAAA,UAAwB,QAAQ;EAChC,cAAY;EACF;EACV,UAAA,GAAA,cAAA,YAAoB,aAAa,OAAO;EACxC,GAAI;YATN,CAWE,oBAAC,UAAD;GACE,KAAK;GACL,QAAQ;IAAE;IAAa;GAAQ;GAC/B,YAAY;IAAE;IAAO;IAAU,GAAG;GAAW;aAE5C;EACO,CAAA,GAEV,oBAAC,QAAD;GACE,KAAK;GACL,QAAQ;IAAE;IAAa;GAAQ;GAC/B,YAAY;IAAE;IAAO;IAAU,GAAG;GAAW;aAE5C;EACK,CAAA,CACK;;AAEnB,GACA,MACF,EAAE;AAIF,MAAM,WAAW,aACd,EAAE,QAAQ,GAAG,WAAW;CACvB,OACE,oBAAC,OAAO,MAAR;EACE,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAQ,GAAG;EAAO;EACnC,SAAQ;EACR,UAAU;EACV,GAAI;CACL,CAAA;AAEL,GACA,CAAC,QAAQ,MAAM,CACjB,EAAE;AAIF,MAAM,SAAS,aACZ,EAAE,QAAQ,GAAG,WAAW;CACvB,OACE,oBAAC,OAAO,MAAR;EACE,SAAQ;EACR,QAAQ;GAAE,OAAO;GAAM,GAAG;EAAO;EACjC,SAAQ;EACR,UAAU;EACV,GAAI;CACL,CAAA;AAEL,GACA,CAAC,QAAQ,IAAI,CACf,EAAE"}

package/dist/esm/components/flip/flip.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"flip.style.js","names":[],"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,YAAY,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"}
+{"version":3,"file":"flip.style.js","names":[],"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,YAAY,yBAAyB,EAChD,MAAM;CACJ,MAAM,CAAC;CACP,MAAM;EACJ,oBAAoB;EACpB,UAAU;EACV,KAAK;CACP;CACA,MAAM;EACJ,UAAU;EACV,SAAS;EACT,YAAY;EACZ,WAAW,EACT,YAAY,WACd;EACA,WAAW,EACT,YAAY,WACd;CACF;CACA,IAAI,CAAC;AACP,EACF,CAAC"}

package/dist/esm/components/float/float.js.map

@@ -1 +1 @@
-{"version":3,"file":"float.js","names":[],"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,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YAAY,MAAM,CAAC,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CAC1E,MAAM,CAAC,aAAa,iBAAA,GAAA,cAAA,SAAwB,OAAO,GAC/C,SACA,CAAC,QAAQ,OAAO;CAEpB,OAAO;EACL,kBAAkB,QAAQ,aAAa,SAAS;EAChD,mBAAmB,QAAQ,cAAc,SAAS;EAClD,GAAG;EACJ;EACD"}
+{"version":3,"file":"float.js","names":[],"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,gBACE,gBAAwC,SAAS,UAAU;;;;;;AAS/D,MAAa,QAAQ,YAAY,KAAK,EAAE,KAAA,IAAY,EAAE,QAAQ,GAAG,WAAW;CAC1E,MAAM,CAAC,aAAa,iBAAA,GAAA,cAAA,SAAwB,MAAM,IAC9C,SACA,CAAC,QAAQ,MAAM;CAEnB,OAAO;EACL,kBAAkB,QAAQ,aAAa,QAAQ;EAC/C,mBAAmB,QAAQ,cAAc,QAAQ;EACjD,GAAG;CACL;AACF,CAAC"}

package/dist/esm/components/float/float.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"float.style.js","names":[],"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,aAAa,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"}
+{"version":3,"file":"float.style.js","names":[],"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,aAAa,qBAAqB;CAC7C,MAAM;EACJ,YAAY;EACZ,SAAS;EACT,SAAS;EACT,gBAAgB;EAChB,UAAU;CACZ;CAEA,OAAO;;;;;;AAML,WAAW;EACT,QAAQ,CAAC;EACT,iBAAiB,CAAC;EAClB,cAAc,CAAC;EACf,gBAAgB,CAAC;EACjB,KAAK,CAAC;EACN,cAAc,CAAC;EACf,WAAW,CAAC;EACZ,aAAa,CAAC;EACd,OAAO,CAAC;EACR,gBAAgB,CAAC;EACjB,aAAa,CAAC;EACd,eAAe,CAAC;CAClB,EACF;CAEA,WAAW;EACT;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;GACd;GACA,WAAW;EACb;EACA;GACE,KAAK;IACH,eAAe;IACf,iBAAiB;IACjB,YAAY;GACd;GACA,WAAW;EACb;EACA;GACE,KAAK;IACH,YAAY;IACZ,YAAY;GACd;GACA,WAAW;EACb;EACA;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;GACd;GACA,WAAW;EACb;EACA;GACE,KAAK;IACH,gBAAgB;IAChB,kBAAkB;IAClB,YAAY;GACd;GACA,WAAW;EACb;EACA;GACE,KAAK;IACH,aAAa;IACb,YAAY;GACd;GACA,WAAW;EACb;CACF;CAEA,cAAc,EACZ,WAAW,YACb;AACF,CAAC"}

package/dist/esm/components/focus-lock/focus-lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-lock.js","names":[],"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,cAAA,gBAAmC,eAAe;;;;;;AAsDxD,MAAa,aAAiC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,mBACI;CAoBJ,OACE,oBAAC,mBAAD;EACa;EACX,YAAY;EACF;EACO;EACjB,aAzBgB,gBAAgB,CAAC;EA0BjC,cAxBiB,kBAAkB;GACrC,IAAI,iBAAiB,SACnB,gBAAgB,QAAQ,OAAO;QAC1B,IAAI,YAAY;gDACmB,WAAW,QAErC,CAAC,WAAW,GACxB,4BAA4B;KAC1B,WAAW,SAAS,OAAO;MAC3B;;KAEL,CAAC,iBAAiB,WAAW,CAaF;EAC1B,gBAZmB,kBAAkB;GACvC,eAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAUgB;EAE7B;EACiB,CAAA"}
+{"version":3,"file":"focus-lock.js","names":[],"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,cAAA,gBAAmC,cAAc;;;;;;AAsDvD,MAAa,aAAiC,EAC5C,WACA,UACA,YACA,UACA,eACA,iBACA,uBACA,iBACA,mBACI;CAoBJ,OACE,oBAAC,mBAAD;EACa;EACX,YAAY;EACF;EACO;EACjB,aAzBgB,gBAAgB,CAAC;EA0BjC,cAxBiB,kBAAkB;GACrC,IAAI,iBAAiB,SACnB,gBAAgB,QAAQ,MAAM;QACzB,IAAI,YAAY;gDACmB,WAAW,OAEtC,EAAE,WAAW,GACxB,4BAA4B;KAC1B,WAAW,SAAS,MAAM;IAC5B,CAAC;GAAA;EAEP,GAAG,CAAC,iBAAiB,UAAU,CAaF;EACzB,gBAZmB,kBAAkB;GACvC,eAAe,SAAS,MAAM;EAChC,GAAG,CAAC,aAAa,CAUgB;EAE5B;CACgB,CAAA;AAEvB"}

package/dist/esm/components/for/for.js.map

@@ -1 +1 @@
-{"version":3,"file":"for.js","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,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"}
+{"version":3,"file":"for.js","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,cAAA,SAAS,IAAI,KAAK,CAAC,KAAK,QAAQ,OAAO,YAAY;CAEhE,MAAM,SAAS,CAAC,GAAG,IAAI;CACvB,MAAM,WAAW,SAAS,OAAO,OAAO,MAAM,IAAI;CAClD,MAAM,SAAS,OAAO,SAAS,KAAK,IAAI,IAAI;CAE5C,MAAM,UADW,UAAU,OAAO,QAAQ,IAAI,QACtB,MAAM,QAAQ,QAAQ,SAAS,QAAQ,KAAA,CAAS;CAExE,IAAI,CAAC,OAAO,QAAQ,OAAO,YAAY;CAEvC,OAAO,OAAO,IAAI,QAAQ;AAC5B"}

package/dist/esm/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":["createContext"],"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,gBAA2B;CAC/D,MAAM;CACN,QAAQ;CACT,CAAC;AAgFF,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,UACD;;;;;;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,OAAO,OAAO;CACpB,MAAM,UAAU,OAAO;CACvB,MAAM,gBAAgB,OAAO;CAC7B,MAAM,CACJ,iBACA,cACA,YACA,cACA,aACA,mBACA,sBACE,iBACF,UACA,YACA,UACA,YACA,WACA,iBACA,iBACD;CAED,OAAO;CAqCP,OACE,oBAAC,aAAD;EAAa,OApCC,eACP;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,CAI0B;YACzB,qBAAC,OAAO,MAAR;GACM;GACJ,oBAAA,GAAA,cAAA,IAAoB,SAAS,eAAe,eAAe;GAC/C;GACZ,GAAI;aAJN;IAMG,iBACE,eAAe,SAAS,qBAAqB,cAC5C,qBAAC,YAAD;KAAY,GAAI;eAAhB,CACG,gBACE,QACC,oBAAC,WAAD;MAAW,GAAI;gBAAa;MAAkB,CAAA,GAC5C,OAEL,sBACE,cACC,oBAAC,iBAAD;MAAiB,GAAI;gBAClB;MACe,CAAA,GAChB,MACK;SACX;IAEL,cAAc,oBAAC,UAAD;KAAU,GAAI;eAAY;KAA2B,CAAA;IAEnE,iBACE,sBAAsB,eACrB,oBAAC,YAAD;KAAY,GAAI;eACb,uBACE,eACC,oBAAC,kBAAD;MAAkB,GAAI;gBACnB;MACgB,CAAA,GACjB;KACK,CAAA,GACX;IACM;;EACF,CAAA;GAGlB,QACA,EAAE,eAAe,CAAC,QAAQ,UAAU,EAAE,CACvC,EAAE;AAIH,MAAa,aAAa,YAAoC,OAAO,SAAS,EAAE;AAIhF,MAAa,YAAY,YAAkC,MAAM,QAAQ,CACvE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,YAAY,gBAAgB,IAAI,EAAE;CAE1C,OAAO;EAAE,IAAI;EAAS,GAAG;EAAO;EAEnC;AAID,MAAa,kBAAkB,YAC7B,KACA,cACD,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,eAAe,YAAY,gBAAgB,IAAI,EAAE;CAEzD,OAAO;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,YAC9B,QACA,eACD,CAAC,EAAE,MAAM,UAAU,GAAG,UAAU;CAC/B,MAAM,EAAE,OAAO,gBAAgB,IAAI,EAAE;CAErC,OAAO;EAAE,MAAM;EAAI,GAAG;EAAO;EAC7B"}
+{"version":3,"file":"form.js","names":["createContext"],"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,gBAA2B;CAC/D,MAAM;CACN,QAAQ;AACV,CAAC;AAgFD,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,aACA,iBACE,oBACF,QACA,SACF;;;;;;AASA,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,OAAO,MAAM;CACnB,MAAM,UAAU,MAAM;CACtB,MAAM,gBAAgB,MAAM;CAC5B,MAAM,CACJ,iBACA,cACA,YACA,cACA,aACA,mBACA,sBACE,iBACF,UACA,YACA,UACA,YACA,WACA,iBACA,gBACF;CAEA,OAAO;CAqCP,OACE,oBAAC,aAAD;EAAa,OApCC,eACP;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAI0B;YACxB,qBAAC,OAAO,MAAR;GACM;GACJ,oBAAA,GAAA,cAAA,IAAoB,SAAS,eAAe,cAAc;GAC9C;GACZ,GAAI;aAJN;IAMG,iBACE,eAAe,SAAS,qBAAqB,cAC5C,qBAAC,YAAD;KAAY,GAAI;eAAhB,CACG,gBACE,QACC,oBAAC,WAAD;MAAW,GAAI;gBAAa;KAAiB,CAAA,IAC3C,OAEL,sBACE,cACC,oBAAC,iBAAD;MAAiB,GAAI;gBAClB;KACc,CAAA,IACf,KACI;SACV;IAEL,cAAc,oBAAC,UAAD;KAAU,GAAI;eAAY;IAA0B,CAAA;IAElE,iBACE,sBAAsB,eACrB,oBAAC,YAAD;KAAY,GAAI;eACb,uBACE,eACC,oBAAC,kBAAD;MAAkB,GAAI;gBACnB;KACe,CAAA,IAChB;IACI,CAAA,IACV;GACK;;CACF,CAAA;AAEjB,GACA,QACA,EAAE,eAAe,CAAC,QAAQ,SAAS,EAAE,CACvC,EAAE;AAIF,MAAa,aAAa,YAAoC,OAAO,QAAQ,EAAE;AAI/E,MAAa,YAAY,YAAkC,MAAM,OAAO,EACtE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,YAAY,eAAe,KAAK,CAAC;CAEzC,OAAO;EAAE,IAAI;EAAS,GAAG;CAAM;AACjC,CACF;AAIA,MAAa,kBAAkB,YAC7B,KACA,aACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,eAAe,YAAY,eAAe,KAAK,CAAC;CAExD,OAAO;EAAE,IAAI;EAAe,oBAAoB;EAAS,GAAG;CAAM;AACpE,CAAC;AAID,MAAa,WAAW,YAAkC,OAAO,MAAM,EAAE;AAIzE,MAAa,YAAY,YAAmC,OAAO,OAAO,EAAE;AAI5E,MAAa,aAAa,YAAoC,OAAO,QAAQ,EAAE;AAI/E,MAAa,mBAAmB,YAC9B,QACA,cACF,EAAE,EAAE,MAAM,SAAS,IAAI,UAAU;CAC/B,MAAM,EAAE,OAAO,eAAe,KAAK,CAAC;CAEpC,OAAO;EAAE,MAAM;EAAI,GAAG;CAAM;AAC9B,CAAC"}

package/dist/esm/components/form/form.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.style.js","names":[],"sources":["../../../../src/components/form/form.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const formStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    description: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n    },\n    footer: {\n      display: \"flex\",\n      justifyContent: \"flex-end\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    submitButton: {},\n    title: {\n      display: \"flex\",\n      fontWeight: \"medium\",\n    },\n  },\n\n  variants: {\n    elevated: { group: { bg: \"bg.panel\", boxShadow: \"md\" } },\n    outline: { group: { borderWidth: \"1px\" } },\n    panel: { group: { layerStyle: \"panel\" } },\n    plain: { group: {} },\n  },\n\n  sizes: {\n    sm: {\n      body: { gap: \"5\" },\n      description: { fontSize: \"sm\", gap: \"1\" },\n      footer: { gap: \"3\" },\n      group: { gap: \"3\" },\n      header: { gap: \"1\" },\n      root: { gap: \"5\" },\n      title: { fontSize: \"xl\", gap: \"1\" },\n    },\n    md: {\n      body: { gap: \"6\" },\n      description: { fontSize: \"sm\", gap: \"1\" },\n      footer: { gap: \"4\" },\n      group: { gap: \"4\" },\n      header: { gap: \"1\" },\n      root: { gap: \"6\" },\n      title: { fontSize: \"2xl\", gap: \"1\" },\n    },\n    lg: {\n      body: { gap: \"8\" },\n      description: { fontSize: \"md\", gap: \"1\" },\n      footer: { gap: \"6\" },\n      group: { gap: \"6\" },\n      header: { gap: \"1\" },\n      root: { gap: \"8\" },\n      title: { fontSize: \"3xl\", gap: \"1\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: { group: { p: \"3\", rounded: \"l2\" } },\n      size: \"sm\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n    {\n      css: { group: { p: \"4\", rounded: \"l2\" } },\n      size: \"md\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n    {\n      css: { group: { p: \"6\", rounded: \"l2\" } },\n      size: \"lg\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type FormStyle = typeof formStyle\n"],"mappings":";;AAEA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,aAAa;GACX,YAAY;GACZ,OAAO;GACP,SAAS;GACV;EACD,QAAQ;GACN,SAAS;GACT,gBAAgB;GACjB;EACD,OAAO;GACL,SAAS;GACT,eAAe;GAChB;EACD,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;GACJ;EACD,cAAc,EAAE;EAChB,OAAO;GACL,SAAS;GACT,YAAY;GACb;EACF;CAED,UAAU;EACR,UAAU,EAAE,OAAO;GAAE,IAAI;GAAY,WAAW;GAAM,EAAE;EACxD,SAAS,EAAE,OAAO,EAAE,aAAa,OAAO,EAAE;EAC1C,OAAO,EAAE,OAAO,EAAE,YAAY,SAAS,EAAE;EACzC,OAAO,EAAE,OAAO,EAAE,EAAE;EACrB;CAED,OAAO;EACL,IAAI;GACF,MAAM,EAAE,KAAK,KAAK;GAClB,aAAa;IAAE,UAAU;IAAM,KAAK;IAAK;GACzC,QAAQ,EAAE,KAAK,KAAK;GACpB,OAAO,EAAE,KAAK,KAAK;GACnB,QAAQ,EAAE,KAAK,KAAK;GACpB,MAAM,EAAE,KAAK,KAAK;GAClB,OAAO;IAAE,UAAU;IAAM,KAAK;IAAK;GACpC;EACD,IAAI;GACF,MAAM,EAAE,KAAK,KAAK;GAClB,aAAa;IAAE,UAAU;IAAM,KAAK;IAAK;GACzC,QAAQ,EAAE,KAAK,KAAK;GACpB,OAAO,EAAE,KAAK,KAAK;GACnB,QAAQ,EAAE,KAAK,KAAK;GACpB,MAAM,EAAE,KAAK,KAAK;GAClB,OAAO;IAAE,UAAU;IAAO,KAAK;IAAK;GACrC;EACD,IAAI;GACF,MAAM,EAAE,KAAK,KAAK;GAClB,aAAa;IAAE,UAAU;IAAM,KAAK;IAAK;GACzC,QAAQ,EAAE,KAAK,KAAK;GACpB,OAAO,EAAE,KAAK,KAAK;GACnB,QAAQ,EAAE,KAAK,KAAK;GACpB,MAAM,EAAE,KAAK,KAAK;GAClB,OAAO;IAAE,UAAU;IAAO,KAAK;IAAK;GACrC;EACF;CAED,WAAW;EACT;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;IAAM,EAAE;GACzC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACD;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;IAAM,EAAE;GACzC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACD;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;IAAM,EAAE;GACzC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;IAAQ;GAC1C;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"form.style.js","names":[],"sources":["../../../../src/components/form/form.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const formStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    description: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"inline-flex\",\n    },\n    footer: {\n      display: \"flex\",\n      justifyContent: \"flex-end\",\n    },\n    group: {\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n    header: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    submitButton: {},\n    title: {\n      display: \"flex\",\n      fontWeight: \"medium\",\n    },\n  },\n\n  variants: {\n    elevated: { group: { bg: \"bg.panel\", boxShadow: \"md\" } },\n    outline: { group: { borderWidth: \"1px\" } },\n    panel: { group: { layerStyle: \"panel\" } },\n    plain: { group: {} },\n  },\n\n  sizes: {\n    sm: {\n      body: { gap: \"5\" },\n      description: { fontSize: \"sm\", gap: \"1\" },\n      footer: { gap: \"3\" },\n      group: { gap: \"3\" },\n      header: { gap: \"1\" },\n      root: { gap: \"5\" },\n      title: { fontSize: \"xl\", gap: \"1\" },\n    },\n    md: {\n      body: { gap: \"6\" },\n      description: { fontSize: \"sm\", gap: \"1\" },\n      footer: { gap: \"4\" },\n      group: { gap: \"4\" },\n      header: { gap: \"1\" },\n      root: { gap: \"6\" },\n      title: { fontSize: \"2xl\", gap: \"1\" },\n    },\n    lg: {\n      body: { gap: \"8\" },\n      description: { fontSize: \"md\", gap: \"1\" },\n      footer: { gap: \"6\" },\n      group: { gap: \"6\" },\n      header: { gap: \"1\" },\n      root: { gap: \"8\" },\n      title: { fontSize: \"3xl\", gap: \"1\" },\n    },\n  },\n\n  compounds: [\n    {\n      css: { group: { p: \"3\", rounded: \"l2\" } },\n      size: \"sm\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n    {\n      css: { group: { p: \"4\", rounded: \"l2\" } },\n      size: \"md\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n    {\n      css: { group: { p: \"6\", rounded: \"l2\" } },\n      size: \"lg\",\n      variant: [\"elevated\", \"outline\", \"panel\"],\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"plain\",\n  },\n})\n\nexport type FormStyle = typeof formStyle\n"],"mappings":";;AAEA,MAAa,YAAY,yBAAyB;CAChD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;EACL;EACA,aAAa;GACX,YAAY;GACZ,OAAO;GACP,SAAS;EACX;EACA,QAAQ;GACN,SAAS;GACT,gBAAgB;EAClB;EACA,OAAO;GACL,SAAS;GACT,eAAe;EACjB;EACA,QAAQ;GACN,SAAS;GACT,eAAe;GACf,GAAG;EACL;EACA,MAAM;GACJ,SAAS;GACT,eAAe;GACf,GAAG;EACL;EACA,cAAc,CAAC;EACf,OAAO;GACL,SAAS;GACT,YAAY;EACd;CACF;CAEA,UAAU;EACR,UAAU,EAAE,OAAO;GAAE,IAAI;GAAY,WAAW;EAAK,EAAE;EACvD,SAAS,EAAE,OAAO,EAAE,aAAa,MAAM,EAAE;EACzC,OAAO,EAAE,OAAO,EAAE,YAAY,QAAQ,EAAE;EACxC,OAAO,EAAE,OAAO,CAAC,EAAE;CACrB;CAEA,OAAO;EACL,IAAI;GACF,MAAM,EAAE,KAAK,IAAI;GACjB,aAAa;IAAE,UAAU;IAAM,KAAK;GAAI;GACxC,QAAQ,EAAE,KAAK,IAAI;GACnB,OAAO,EAAE,KAAK,IAAI;GAClB,QAAQ,EAAE,KAAK,IAAI;GACnB,MAAM,EAAE,KAAK,IAAI;GACjB,OAAO;IAAE,UAAU;IAAM,KAAK;GAAI;EACpC;EACA,IAAI;GACF,MAAM,EAAE,KAAK,IAAI;GACjB,aAAa;IAAE,UAAU;IAAM,KAAK;GAAI;GACxC,QAAQ,EAAE,KAAK,IAAI;GACnB,OAAO,EAAE,KAAK,IAAI;GAClB,QAAQ,EAAE,KAAK,IAAI;GACnB,MAAM,EAAE,KAAK,IAAI;GACjB,OAAO;IAAE,UAAU;IAAO,KAAK;GAAI;EACrC;EACA,IAAI;GACF,MAAM,EAAE,KAAK,IAAI;GACjB,aAAa;IAAE,UAAU;IAAM,KAAK;GAAI;GACxC,QAAQ,EAAE,KAAK,IAAI;GACnB,OAAO,EAAE,KAAK,IAAI;GAClB,QAAQ,EAAE,KAAK,IAAI;GACnB,MAAM,EAAE,KAAK,IAAI;GACjB,OAAO;IAAE,UAAU;IAAO,KAAK;GAAI;EACrC;CACF;CAEA,WAAW;EACT;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;GAAK,EAAE;GACxC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;GAAO;EAC1C;EACA;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;GAAK,EAAE;GACxC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;GAAO;EAC1C;EACA;GACE,KAAK,EAAE,OAAO;IAAE,GAAG;IAAK,SAAS;GAAK,EAAE;GACxC,MAAM;GACN,SAAS;IAAC;IAAY;IAAW;GAAO;EAC1C;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}