@yamada-ui/react 2.2.2-dev-20260608072350 → 2.2.2

package/dist/cjs/components/dropzone/dropzone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.cjs","names":["createSlotComponent","dropzoneStyle","useInputBorder","useDropzone","Portal","styled","Fade","useLoadingComponent"],"sources":["../../../../src/components/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FadeProps } from \"../fade\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { Loading } from \"../loading\"\nimport type { DropzoneStyle } from \"./dropzone.style\"\nimport type { UseDropzoneProps, UseDropzoneReturn } from \"./use-dropzone\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { Fade } from \"../fade\"\nimport { useInputBorder } from \"../input\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Portal } from \"../portal\"\nimport { dropzoneStyle } from \"./dropzone.style\"\nimport { useDropzone } from \"./use-dropzone\"\n\ninterface ComponentContext extends Pick<\n  UseDropzoneReturn,\n  \"dragAccept\" | \"dragIdle\" | \"dragReject\" | \"loading\"\n> {}\n\nexport interface DropzoneRootProps\n  extends\n    Merge<HTMLStyledProps, UseDropzoneProps>,\n    UseInputBorderProps,\n    ThemeProps<DropzoneStyle>,\n    Pick<DropzoneLoadingProps, \"loadingScheme\"> {\n  /**\n   * Props for dropzone input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for dropzone loading icon element.\n   */\n  loadingProps?: DropzoneLoadingProps\n  /**\n   * Props for dropzone overlay element.\n   */\n  overlayProps?: DropzoneOverlayProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DropzonePropsContext,\n  useComponentContext,\n  usePropsContext: useDropzonePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DropzoneRootProps, DropzoneStyle>(\n  \"dropzone\",\n  dropzoneStyle,\n)\n\nexport { DropzonePropsContext, useDropzonePropsContext }\n\n/**\n * `Dropzone` is a component used for uploading files via drag and drop.\n *\n * @see https://yamada-ui.com/docs/components/dropzone\n */\nexport const DropzoneRoot = withProvider(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    loadingScheme,\n    inputProps,\n    loadingProps,\n    overlayProps,\n    ...rest\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const {\n      dragAccept,\n      dragIdle,\n      dragReject,\n      loading,\n      getInputProps,\n      getRootProps,\n    } = useDropzone(rest)\n    const context = useMemo(\n      () => ({\n        dragAccept,\n        dragIdle,\n        dragReject,\n        loading,\n      }),\n      [dragAccept, dragIdle, dragReject, loading],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Portal>\n          <styled.input {...getInputProps(inputProps)} />\n        </Portal>\n\n        <styled.div data-group {...varProps} {...getRootProps()}>\n          <DropzoneOverlay {...overlayProps}>\n            <DropzoneLoading loadingScheme={loadingScheme} {...loadingProps} />\n          </DropzoneOverlay>\n\n          {children}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DropzoneIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const DropzoneIcon = withContext<\"svg\", DropzoneIconProps>(\n  \"svg\",\n  \"icon\",\n)()\n\nexport interface DropzoneTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneTitle = withContext<\"p\", DropzoneTitleProps>(\n  \"p\",\n  \"title\",\n)()\n\nexport interface DropzoneDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneDescription = withContext<\"p\", DropzoneDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n\ninterface DropzoneOverlayProps extends FadeProps {\n  loadingProps?: DropzoneLoadingProps\n}\n\nconst DropzoneOverlay = withContext<\"div\", DropzoneOverlayProps>(\n  Fade,\n  \"overlay\",\n)(undefined, (props) => {\n  const { loading } = useComponentContext()\n\n  return { open: loading, unmountOnExit: true, ...props }\n})\n\ninterface DropzoneLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nconst DropzoneLoading = withContext<\"svg\", DropzoneLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  \"loading\",\n)()\n\nexport interface DropzoneAcceptProps extends PropsWithChildren {}\n\nexport const DropzoneAccept: FC<DropzoneAcceptProps> = ({ children }) => {\n  const { dragAccept } = useComponentContext()\n\n  return dragAccept ? children : null\n}\n\nexport interface DropzoneRejectProps extends PropsWithChildren {}\n\nexport const DropzoneReject: FC<DropzoneRejectProps> = ({ children }) => {\n  const { dragReject } = useComponentContext()\n\n  return dragReject ? children : null\n}\n\nexport interface DropzoneIdleProps extends PropsWithChildren {}\n\nexport const DropzoneIdle: FC<DropzoneIdleProps> = ({ children }) => {\n  const { dragIdle } = useComponentContext()\n\n  return dragIdle ? children : null\n}\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EACC,UACA,kBACA,kBACA,eACA,YACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,EACJ,YACA,UACA,YACA,SACA,eACA,iBACEC,qBAAAA,YAAY,IAAI;CAWpB,OACE,iBAAA,GAAA,kBAAA,MAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,gBAVX;GACL;GACA;GACA;GACA;EACF,IACA;GAAC;GAAY;GAAU;GAAY;EAAO,CAIX;YAA/B,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA,EACxC,CAAA,GAER,iBAAA,GAAA,kBAAA,MAACA,gBAAAA,OAAO,KAAR;GAAY,cAAA;GAAW,GAAI;GAAU,GAAI,aAAa;aAAtD,CACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD;IAAiB,GAAI;cACnB,iBAAA,GAAA,kBAAA,KAAC,iBAAD;KAAgC;KAAe,GAAI;IAAe,CAAA;GACnD,CAAA,GAEhB,QACS;IACI;;AAEtB,GACA,MACF,EAAE;AAIF,MAAa,eAAe,YAC1B,OACA,MACF,EAAE;AAIF,MAAa,gBAAgB,YAC3B,KACA,OACF,EAAE;AAIF,MAAa,sBAAsB,YACjC,KACA,aACF,EAAE;AAMF,MAAM,kBAAkB,YACtBC,aAAAA,MACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,YAAY,oBAAoB;CAExC,OAAO;EAAE,MAAM;EAAS,eAAe;EAAM,GAAG;CAAM;AACxD,CAAC;AAWD,MAAM,kBAAkB,aACrB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,iBAAA,GAAA,kBAAA,KAFWC,8BAAAA,oBAAoB,aAEtB,GAAT,EAAW,GAAI,KAAO,CAAA;AAC/B,GACA,SACF,EAAE;AAIF,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,oBAAoB;CAE3C,OAAO,aAAa,WAAW;AACjC;AAIA,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,oBAAoB;CAE3C,OAAO,aAAa,WAAW;AACjC;AAIA,MAAa,gBAAuC,EAAE,eAAe;CACnE,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO,WAAW,WAAW;AAC/B"}
+{"version":3,"file":"dropzone.cjs","names":["createSlotComponent","dropzoneStyle","useInputBorder","useDropzone","Portal","styled","Fade","useLoadingComponent"],"sources":["../../../../src/components/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FadeProps } from \"../fade\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { Loading } from \"../loading\"\nimport type { DropzoneStyle } from \"./dropzone.style\"\nimport type { UseDropzoneProps, UseDropzoneReturn } from \"./use-dropzone\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { Fade } from \"../fade\"\nimport { useInputBorder } from \"../input\"\nimport { useLoadingComponent } from \"../loading\"\nimport { Portal } from \"../portal\"\nimport { dropzoneStyle } from \"./dropzone.style\"\nimport { useDropzone } from \"./use-dropzone\"\n\ninterface ComponentContext extends Pick<\n  UseDropzoneReturn,\n  \"dragAccept\" | \"dragIdle\" | \"dragReject\" | \"loading\"\n> {}\n\nexport interface DropzoneRootProps\n  extends\n    Merge<HTMLStyledProps, UseDropzoneProps>,\n    UseInputBorderProps,\n    ThemeProps<DropzoneStyle>,\n    Pick<DropzoneLoadingProps, \"loadingScheme\"> {\n  /**\n   * Props for dropzone input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for dropzone loading icon element.\n   */\n  loadingProps?: DropzoneLoadingProps\n  /**\n   * Props for dropzone overlay element.\n   */\n  overlayProps?: DropzoneOverlayProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DropzonePropsContext,\n  useComponentContext,\n  usePropsContext: useDropzonePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DropzoneRootProps, DropzoneStyle>(\n  \"dropzone\",\n  dropzoneStyle,\n)\n\nexport { DropzonePropsContext, useDropzonePropsContext }\n\n/**\n * `Dropzone` is a component used for uploading files via drag and drop.\n *\n * @see https://yamada-ui.com/docs/components/dropzone\n */\nexport const DropzoneRoot = withProvider(\n  ({\n    children,\n    errorBorderColor,\n    focusBorderColor,\n    loadingScheme,\n    inputProps,\n    loadingProps,\n    overlayProps,\n    ...rest\n  }) => {\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const {\n      dragAccept,\n      dragIdle,\n      dragReject,\n      loading,\n      getInputProps,\n      getRootProps,\n    } = useDropzone(rest)\n    const context = useMemo(\n      () => ({\n        dragAccept,\n        dragIdle,\n        dragReject,\n        loading,\n      }),\n      [dragAccept, dragIdle, dragReject, loading],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Portal>\n          <styled.input {...getInputProps(inputProps)} />\n        </Portal>\n\n        <styled.div data-group {...varProps} {...getRootProps()}>\n          <DropzoneOverlay {...overlayProps}>\n            <DropzoneLoading loadingScheme={loadingScheme} {...loadingProps} />\n          </DropzoneOverlay>\n\n          {children}\n        </styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DropzoneIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const DropzoneIcon = withContext<\"svg\", DropzoneIconProps>(\n  \"svg\",\n  \"icon\",\n)()\n\nexport interface DropzoneTitleProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneTitle = withContext<\"p\", DropzoneTitleProps>(\n  \"p\",\n  \"title\",\n)()\n\nexport interface DropzoneDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const DropzoneDescription = withContext<\"p\", DropzoneDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n\ninterface DropzoneOverlayProps extends FadeProps {\n  loadingProps?: DropzoneLoadingProps\n}\n\nconst DropzoneOverlay = withContext<\"div\", DropzoneOverlayProps>(\n  Fade,\n  \"overlay\",\n)(undefined, (props) => {\n  const { loading } = useComponentContext()\n\n  return { open: loading, unmountOnExit: true, ...props }\n})\n\ninterface DropzoneLoadingProps extends Loading.Props {\n  /**\n   * The loading scheme.\n   *\n   * @default 'oval'\n   */\n  loadingScheme?: Loading.Scheme\n}\n\nconst DropzoneLoading = withContext<\"svg\", DropzoneLoadingProps>(\n  ({ loadingScheme = \"oval\", ...rest }) => {\n    const Component = useLoadingComponent(loadingScheme)\n\n    return <Component {...rest} />\n  },\n  \"loading\",\n)()\n\nexport interface DropzoneAcceptProps extends PropsWithChildren {}\n\nexport const DropzoneAccept: FC<DropzoneAcceptProps> = ({ children }) => {\n  const { dragAccept } = useComponentContext()\n\n  return dragAccept ? children : null\n}\n\nexport interface DropzoneRejectProps extends PropsWithChildren {}\n\nexport const DropzoneReject: FC<DropzoneRejectProps> = ({ children }) => {\n  const { dragReject } = useComponentContext()\n\n  return dragReject ? children : null\n}\n\nexport interface DropzoneIdleProps extends PropsWithChildren {}\n\nexport const DropzoneIdle: FC<DropzoneIdleProps> = ({ children }) => {\n  const { dragIdle } = useComponentContext()\n\n  return dragIdle ? children : null\n}\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EACC,UACA,kBACA,kBACA,eACA,YACA,cACA,cACA,GAAG,WACC;CACJ,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,EACJ,YACA,UACA,YACA,SACA,eACA,iBACEC,qBAAAA,YAAY,IAAI;CAWpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,kBAAD;EAAkB,QAAA,GAAA,MAAA,QAAA,QAVX;GACL;GACA;GACA;GACA;EACF,IACA;GAAC;GAAY;GAAU;GAAY;EAAO,CAIX;YAA/B,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,cAAc,UAAU,EAAI,CAAA,EACxC,CAAA,GAER,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;GAAY,cAAA;GAAW,GAAI;GAAU,GAAI,aAAa;aAAtD,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;IAAiB,GAAI;cACnB,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;KAAgC;KAAe,GAAI;IAAe,CAAA;GACnD,CAAA,GAEhB,QACS;IACI;;AAEtB,GACA,MACF,CAAC,CAAC;AAIF,MAAa,eAAe,YAC1B,OACA,MACF,CAAC,CAAC;AAIF,MAAa,gBAAgB,YAC3B,KACA,OACF,CAAC,CAAC;AAIF,MAAa,sBAAsB,YACjC,KACA,aACF,CAAC,CAAC;AAMF,MAAM,kBAAkB,YACtBC,aAAAA,MACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,YAAY,oBAAoB;CAExC,OAAO;EAAE,MAAM;EAAS,eAAe;EAAM,GAAG;CAAM;AACxD,CAAC;AAWD,MAAM,kBAAkB,aACrB,EAAE,gBAAgB,QAAQ,GAAG,WAAW;CAGvC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAFWC,8BAAAA,oBAAoB,aAEtB,GAAT,EAAW,GAAI,KAAO,CAAA;AAC/B,GACA,SACF,CAAC,CAAC;AAIF,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,oBAAoB;CAE3C,OAAO,aAAa,WAAW;AACjC;AAIA,MAAa,kBAA2C,EAAE,eAAe;CACvE,MAAM,EAAE,eAAe,oBAAoB;CAE3C,OAAO,aAAa,WAAW;AACjC;AAIA,MAAa,gBAAuC,EAAE,eAAe;CACnE,MAAM,EAAE,aAAa,oBAAoB;CAEzC,OAAO,WAAW,WAAW;AAC/B"}

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

@@ -1 +1 @@
-{"version":3,"file":"dropzone.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/dropzone/dropzone.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const dropzoneStyle = defineComponentSlotStyle({\n  base: {\n    description: { fontSize: \"sm\" },\n    icon: { fontSize: \"7xl\" },\n    loading: { fontSize: \"4xl\" },\n    overlay: {\n      alignItems: \"center\",\n      bg: \"bg.panel/40\",\n      boxSize: \"full\",\n      display: \"flex\",\n      inset: 0,\n      justifyContent: \"center\",\n      position: \"absolute\",\n      zIndex: \"yamcha\",\n    },\n    root: {\n      \"& *\": { pointerEvents: \"none\" },\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"flex\",\n      focusRingColor: \"{focus-border-color}\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      p: \"md\",\n      position: \"relative\",\n      rounded: \"l2\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _loading: { cursor: \"not-allowed\" },\n      _readOnly: { layerStyle: \"readOnly\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    title: {\n      fontSize: \"xl\",\n    },\n  },\n\n  variants: {\n    base: {\n      icon: {\n        _groupAccept: { color: \"success\" },\n        _groupReject: { color: \"error\" },\n      },\n      root: {\n        color: \"fg.subtle\",\n        _accept: { bg: \"success.bg\" },\n        _container: [\n          { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n          { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n          { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n          { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n        ],\n        _reject: { bg: \"error.bg\" },\n      },\n      title: { color: \"fg.muted\" },\n    },\n    dashed: {\n      root: {\n        bg: \"transparent\",\n        borderStyle: \"dashed\",\n        borderWidth: \"1px\",\n        _accept: { borderColor: \"success.muted\" },\n        _reject: { borderColor: [\"error.muted\", \"error.subtle\"] },\n        _hover: {\n          \"&:not([data-accept], [data-reject])\": {\n            bg: \"bg.panel\",\n          },\n        },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    panel: {\n      root: {\n        bg: \"bg.panel\",\n        border: \"1px solid transparent\",\n        focusVisibleRing: \"inside\",\n        _hover: { bg: \"bg.subtle\" },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    plain: {\n      root: {\n        rounded: \"0\",\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    solid: {\n      root: {\n        bg: \"transparent\",\n        borderWidth: \"1px\",\n        focusVisibleRing: \"inside\",\n        _accept: { borderColor: \"success.muted\" },\n        _reject: { borderColor: [\"error.muted\", \"error.subtle\"] },\n        _hover: { bg: \"bg.panel\" },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { minH: \"xs\" },\n    },\n    sm: {\n      root: { minH: \"sm\" },\n    },\n    md: {\n      root: { minH: \"md\" },\n    },\n    lg: {\n      root: { minH: \"lg\" },\n    },\n    full: {\n      root: { minH: \"full\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"dashed\",\n  },\n})\n\nexport type DropzoneStyle = typeof dropzoneStyle\n"],"mappings":";AAEA,MAAa,sDAAgBA,EAAAA,yBAAyB;CACpD,MAAM;EACJ,aAAa,EAAE,UAAU,KAAK;EAC9B,MAAM,EAAE,UAAU,MAAM;EACxB,SAAS,EAAE,UAAU,MAAM;EAC3B,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,UAAU;GACV,QAAQ;EACV;EACA,MAAM;GACJ,OAAO,EAAE,eAAe,OAAO;GAC/B,wBAAwB;GACxB,wBAAwB;GACxB,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,gBAAgB;GAChB,UAAU;GACV,GAAG;GACH,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,UAAU,EAAE,QAAQ,cAAc;GAClC,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO,EACL,UAAU,KACZ;CACF;CAEA,UAAU;EACR,MAAM;GACJ,MAAM;IACJ,cAAc,EAAE,OAAO,UAAU;IACjC,cAAc,EAAE,OAAO,QAAQ;GACjC;GACA,MAAM;IACJ,OAAO;IACP,SAAS,EAAE,IAAI,aAAa;IAC5B,YAAY;KACV;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAgC;KAC5D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAmC;KAC/D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAmC;KAC/D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAsC;IACpE;IACA,SAAS,EAAE,IAAI,WAAW;GAC5B;GACA,OAAO,EAAE,OAAO,WAAW;EAC7B;EACA,QAAQ,EACN,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS,EAAE,aAAa,gBAAgB;GACxC,SAAS,EAAE,aAAa,CAAC,eAAe,cAAc,EAAE;GACxD,QAAQ,EACN,uCAAuC,EACrC,IAAI,WACN,EACF;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,IAAI;GACJ,QAAQ;GACR,kBAAkB;GAClB,QAAQ,EAAE,IAAI,YAAY;GAC1B,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,SAAS;GACT,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,kBAAkB;GAClB,SAAS,EAAE,aAAa,gBAAgB;GACxC,SAAS,EAAE,aAAa,CAAC,eAAe,cAAc,EAAE;GACxD,QAAQ,EAAE,IAAI,WAAW;GACzB,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,MAAM,EACJ,MAAM,EAAE,MAAM,OAAO,EACvB;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}
+{"version":3,"file":"dropzone.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/dropzone/dropzone.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const dropzoneStyle = defineComponentSlotStyle({\n  base: {\n    description: { fontSize: \"sm\" },\n    icon: { fontSize: \"7xl\" },\n    loading: { fontSize: \"4xl\" },\n    overlay: {\n      alignItems: \"center\",\n      bg: \"bg.panel/40\",\n      boxSize: \"full\",\n      display: \"flex\",\n      inset: 0,\n      justifyContent: \"center\",\n      position: \"absolute\",\n      zIndex: \"yamcha\",\n    },\n    root: {\n      \"& *\": { pointerEvents: \"none\" },\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      alignItems: \"center\",\n      cursor: \"pointer\",\n      display: \"flex\",\n      focusRingColor: \"{focus-border-color}\",\n      justifyContent: \"center\",\n      overflow: \"hidden\",\n      p: \"md\",\n      position: \"relative\",\n      rounded: \"l2\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _loading: { cursor: \"not-allowed\" },\n      _readOnly: { layerStyle: \"readOnly\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    title: {\n      fontSize: \"xl\",\n    },\n  },\n\n  variants: {\n    base: {\n      icon: {\n        _groupAccept: { color: \"success\" },\n        _groupReject: { color: \"error\" },\n      },\n      root: {\n        color: \"fg.subtle\",\n        _accept: { bg: \"success.bg\" },\n        _container: [\n          { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n          { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n          { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n          { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n        ],\n        _reject: { bg: \"error.bg\" },\n      },\n      title: { color: \"fg.muted\" },\n    },\n    dashed: {\n      root: {\n        bg: \"transparent\",\n        borderStyle: \"dashed\",\n        borderWidth: \"1px\",\n        _accept: { borderColor: \"success.muted\" },\n        _reject: { borderColor: [\"error.muted\", \"error.subtle\"] },\n        _hover: {\n          \"&:not([data-accept], [data-reject])\": {\n            bg: \"bg.panel\",\n          },\n        },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    panel: {\n      root: {\n        bg: \"bg.panel\",\n        border: \"1px solid transparent\",\n        focusVisibleRing: \"inside\",\n        _hover: { bg: \"bg.subtle\" },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    plain: {\n      root: {\n        rounded: \"0\",\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n    solid: {\n      root: {\n        bg: \"transparent\",\n        borderWidth: \"1px\",\n        focusVisibleRing: \"inside\",\n        _accept: { borderColor: \"success.muted\" },\n        _reject: { borderColor: [\"error.muted\", \"error.subtle\"] },\n        _hover: { bg: \"bg.panel\" },\n        _invalid: {\n          borderColor: \"{error-border-color}\",\n          focusRingColor: \"{error-border-color}\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: { minH: \"xs\" },\n    },\n    sm: {\n      root: { minH: \"sm\" },\n    },\n    md: {\n      root: { minH: \"md\" },\n    },\n    lg: {\n      root: { minH: \"lg\" },\n    },\n    full: {\n      root: { minH: \"full\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"sm\",\n    variant: \"dashed\",\n  },\n})\n\nexport type DropzoneStyle = typeof dropzoneStyle\n"],"mappings":";AAEA,MAAa,sDAAgBA,CAAAA,CAAAA,yBAAyB;CACpD,MAAM;EACJ,aAAa,EAAE,UAAU,KAAK;EAC9B,MAAM,EAAE,UAAU,MAAM;EACxB,SAAS,EAAE,UAAU,MAAM;EAC3B,SAAS;GACP,YAAY;GACZ,IAAI;GACJ,SAAS;GACT,SAAS;GACT,OAAO;GACP,gBAAgB;GAChB,UAAU;GACV,QAAQ;EACV;EACA,MAAM;GACJ,OAAO,EAAE,eAAe,OAAO;GAC/B,wBAAwB;GACxB,wBAAwB;GACxB,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,gBAAgB;GAChB,UAAU;GACV,GAAG;GACH,UAAU;GACV,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,UAAU,EAAE,QAAQ,cAAc;GAClC,WAAW,EAAE,YAAY,WAAW;GACpC,WAAW,EAAE,YAAY,WAAW;EACtC;EACA,OAAO,EACL,UAAU,KACZ;CACF;CAEA,UAAU;EACR,MAAM;GACJ,MAAM;IACJ,cAAc,EAAE,OAAO,UAAU;IACjC,cAAc,EAAE,OAAO,QAAQ;GACjC;GACA,MAAM;IACJ,OAAO;IACP,SAAS,EAAE,IAAI,aAAa;IAC5B,YAAY;KACV;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAgC;KAC5D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAmC;KAC/D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAmC;KAC/D;MAAE,KAAK,EAAE,IAAI,KAAK;MAAG,OAAO;KAAsC;IACpE;IACA,SAAS,EAAE,IAAI,WAAW;GAC5B;GACA,OAAO,EAAE,OAAO,WAAW;EAC7B;EACA,QAAQ,EACN,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,aAAa;GACb,SAAS,EAAE,aAAa,gBAAgB;GACxC,SAAS,EAAE,aAAa,CAAC,eAAe,cAAc,EAAE;GACxD,QAAQ,EACN,uCAAuC,EACrC,IAAI,WACN,EACF;GACA,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,IAAI;GACJ,QAAQ;GACR,kBAAkB;GAClB,QAAQ,EAAE,IAAI,YAAY;GAC1B,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,SAAS;GACT,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,IAAI;GACJ,aAAa;GACb,kBAAkB;GAClB,SAAS,EAAE,aAAa,gBAAgB;GACxC,SAAS,EAAE,aAAa,CAAC,eAAe,cAAc,EAAE;GACxD,QAAQ,EAAE,IAAI,WAAW;GACzB,UAAU;IACR,aAAa;IACb,gBAAgB;GAClB;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,IAAI,EACF,MAAM,EAAE,MAAM,KAAK,EACrB;EACA,MAAM,EACJ,MAAM,EAAE,MAAM,OAAO,EACvB;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/cjs/components/dropzone/use-dropzone.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dropzone.cjs","names":["fromEvent","useFieldProps","mergeProps","mergeRefs"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n  extends Omit<HTMLProps, \"onDrop\" | \"onError\">, FieldProps {\n  /**\n   * Set accepted file types.\n   */\n  accept?: Accept | string[]\n  /**\n   * Set to true to focus the root element on render.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * Use this to provide a custom file aggregator.\n   */\n  getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n  /**\n   * If `true`, display the dropzone loading icon.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * Maximum accepted number of files.\n   * The default value is 0 which means there is no limitation to how many files are accepted.\n   *\n   * @default 0\n   */\n  maxFiles?: number\n  /**\n   * Maximum file size (in bytes).\n   *\n   * @default Infinity\n   */\n  maxSize?: number\n  /**\n   * Minimum file size (in bytes).\n   *\n   * @default 0\n   */\n  minSize?: number\n  /**\n   * Allow drag and drop (or selection from the file dialog) of multiple files.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * If true, disables click to open the native file selection dialog.\n   *\n   * @default false\n   */\n  noClick?: boolean\n  /**\n   * If true, disables drag and drop.\n   *\n   * @default false\n   */\n  noDrag?: boolean\n  /**\n   * If true, stops drag event propagation to parents.\n   *\n   * @default false\n   */\n  noDragEventsBubbling?: boolean\n  /**\n   * If true, disables `space` and `enter` to open the native file selection dialog.\n   * Note that it also stops tracking the focus state.\n   *\n   * @default false\n   */\n  noKeyboard?: boolean\n  /**\n   * Ref to a open function.\n   */\n  openRef?: RefObject<() => void>\n  /**\n   * If false, allow dropped items to take over the current browser window.\n   *\n   * @default true\n   */\n  preventDropOnDocument?: boolean\n  /**\n   * If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n   *\n   * @default false\n   */\n  useFsAccessApi?: boolean\n  /**\n   * Custom validation function.\n   * It must return null if there's no errors.\n   */\n  validator?: DropzoneOptions[\"validator\"]\n  /**\n   * Callback for when the dragenter event occurs.\n   */\n  onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n  /**\n   * Callback for when the dragleave event occurs.\n   */\n  onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n  /**\n   * Callback for when the dragover event occurs.\n   */\n  onDragOver?: DropzoneOptions[\"onDragOver\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n   */\n  onDrop?: DropzoneOptions[\"onDrop\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are accepted, this callback is not invoked.\n   */\n  onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are rejected, this callback is not invoked.\n   */\n  onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n  /**\n   * Callback for when there's some error from any of the promises.\n   */\n  onError?: DropzoneOptions[\"onError\"]\n  /**\n   * Callback for when closing the file dialog with no selection.\n   */\n  onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n  /**\n   * Callback for when opening the file dialog.\n   */\n  onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n  const {\n    props: {\n      id,\n      name,\n      accept,\n      autoFocus = false,\n      disabled,\n      getFilesFromEvent = fromEvent,\n      loading,\n      maxFiles = 0,\n      maxSize = Infinity,\n      minSize = 0,\n      multiple = false,\n      noClick = false,\n      noDrag = false,\n      noDragEventsBubbling = false,\n      noKeyboard = false,\n      openRef,\n      preventDropOnDocument = true,\n      readOnly,\n      useFsAccessApi = false,\n      validator,\n      onDragEnter,\n      onDragLeave,\n      onDragOver,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      onFileDialogCancel,\n      onFileDialogOpen,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const labelledbyId = useId()\n  const interactive = !(loading || readOnly || disabled)\n  const {\n    acceptedFiles,\n    fileRejections,\n    isDragAccept: dragAccept,\n    isDragActive: dragActive,\n    isDragReject: dragReject,\n    isFocused: focused,\n    open,\n    getInputProps: getOriginalInputProps,\n    getRootProps: getOriginalRootProps,\n  } = useOriginalDropzone({\n    accept: isArray(accept)\n      ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n      : accept,\n    autoFocus,\n    disabled: !interactive,\n    getFilesFromEvent,\n    maxFiles,\n    maxSize,\n    minSize,\n    multiple,\n    noClick,\n    noDrag,\n    noDragEventsBubbling,\n    noKeyboard,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    onDropAccepted,\n    onDropRejected,\n    onError,\n    onFileDialogCancel,\n    onFileDialogOpen,\n  })\n  const dragIdle = !dragAccept && !dragReject\n\n  assignRef(openRef, open)\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restProps } = rest\n      const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n        mergeProps(\n          {\n            id: labelledbyId,\n            ...dataProps,\n            ...eventProps,\n            \"aria-disabled\": ariaAttr(!interactive),\n            \"data-accept\": dataAttr(dragAccept),\n            \"data-idle\": dataAttr(dragIdle),\n            \"data-loading\": dataAttr(loading),\n            \"data-reject\": dataAttr(dragReject),\n          },\n          restProps,\n          props,\n        )(),\n      ) as HTMLProps\n\n      return {\n        ...rootProps,\n        ref: mergeRefs(restRef, ref, rootRef),\n      }\n    },\n    [\n      getOriginalRootProps,\n      labelledbyId,\n      dataProps,\n      eventProps,\n      interactive,\n      dragAccept,\n      dragIdle,\n      loading,\n      dragReject,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getOriginalInputProps({\n        id,\n        name,\n        disabled,\n        readOnly,\n        ...ariaProps,\n        ...dataProps,\n        ...props,\n        \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n      }),\n    [\n      getOriginalInputProps,\n      id,\n      name,\n      disabled,\n      readOnly,\n      ariaProps,\n      dataProps,\n      labelledbyId,\n    ],\n  )\n\n  return {\n    acceptedFiles,\n    dragAccept,\n    dragActive,\n    dragIdle,\n    dragReject,\n    fileRejections,\n    focused,\n    loading,\n    open,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;AA8JA,MAAa,eAAe,QAA0B,CAAC,MAAM;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoBA,cAAAA,WACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAA,GAAA,MAAA,OAAqB;CAC3B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,0BAAA,GAAA,eAAA,aACQ;EACtB,SAAA,GAAA,oBAAA,cAAA,SAAgB,MAAM,IAClB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,CAAC;EAAE,IAAI,CAAC,CAAC,IACjE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,WAAW,CAAC,cAAc,CAAC;CAEjC,YAAA,UAAU,SAAS,IAAI;CAEvB,MAAM,gBAAA,GAAA,MAAA,cACH,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrCC,cAAAA,WACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,kBAAA,GAAA,oBAAA,cAAA,UAA0B,CAAC,WAAW;GACtC,gBAAA,GAAA,oBAAA,cAAA,UAAwB,UAAU;GAClC,cAAA,GAAA,oBAAA,cAAA,UAAsB,QAAQ;GAC9B,iBAAA,GAAA,oBAAA,cAAA,UAAyB,OAAO;GAChC,gBAAA,GAAA,oBAAA,cAAA,UAAwB,UAAU;EACpC,GACA,WACA,KACF,EAAE,CACJ;EAEA,OAAO;GACL,GAAG;GACH,KAAKC,YAAAA,UAAU,SAAS,KAAK,OAAO;EACtC;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CA0BA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAAA,GAAA,MAAA,cAjCC,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,CAAC,MAClD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAG;GACH,oBAAA,GAAA,oBAAA,cAAA,IAAsB,gBAAgB,YAAY;EACpD,CAAC,GACH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAaY;EACZ;CACF;AACF"}
+{"version":3,"file":"use-dropzone.cjs","names":["fromEvent","useFieldProps","mergeProps","mergeRefs"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { mergeProps } from \"../../core\"\nimport {\n  ariaAttr,\n  assignRef,\n  cx,\n  dataAttr,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n  extends Omit<HTMLProps, \"onDrop\" | \"onError\">, FieldProps {\n  /**\n   * Set accepted file types.\n   */\n  accept?: Accept | string[]\n  /**\n   * Set to true to focus the root element on render.\n   *\n   * @default false\n   */\n  autoFocus?: boolean\n  /**\n   * Use this to provide a custom file aggregator.\n   */\n  getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n  /**\n   * If `true`, display the dropzone loading icon.\n   *\n   * @default false\n   */\n  loading?: boolean\n  /**\n   * Maximum accepted number of files.\n   * The default value is 0 which means there is no limitation to how many files are accepted.\n   *\n   * @default 0\n   */\n  maxFiles?: number\n  /**\n   * Maximum file size (in bytes).\n   *\n   * @default Infinity\n   */\n  maxSize?: number\n  /**\n   * Minimum file size (in bytes).\n   *\n   * @default 0\n   */\n  minSize?: number\n  /**\n   * Allow drag and drop (or selection from the file dialog) of multiple files.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * The HTML `name` attribute used for forms.\n   */\n  name?: string\n  /**\n   * If true, disables click to open the native file selection dialog.\n   *\n   * @default false\n   */\n  noClick?: boolean\n  /**\n   * If true, disables drag and drop.\n   *\n   * @default false\n   */\n  noDrag?: boolean\n  /**\n   * If true, stops drag event propagation to parents.\n   *\n   * @default false\n   */\n  noDragEventsBubbling?: boolean\n  /**\n   * If true, disables `space` and `enter` to open the native file selection dialog.\n   * Note that it also stops tracking the focus state.\n   *\n   * @default false\n   */\n  noKeyboard?: boolean\n  /**\n   * Ref to a open function.\n   */\n  openRef?: RefObject<() => void>\n  /**\n   * If false, allow dropped items to take over the current browser window.\n   *\n   * @default true\n   */\n  preventDropOnDocument?: boolean\n  /**\n   * If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n   *\n   * @default false\n   */\n  useFsAccessApi?: boolean\n  /**\n   * Custom validation function.\n   * It must return null if there's no errors.\n   */\n  validator?: DropzoneOptions[\"validator\"]\n  /**\n   * Callback for when the dragenter event occurs.\n   */\n  onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n  /**\n   * Callback for when the dragleave event occurs.\n   */\n  onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n  /**\n   * Callback for when the dragover event occurs.\n   */\n  onDragOver?: DropzoneOptions[\"onDragOver\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n   */\n  onDrop?: DropzoneOptions[\"onDrop\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are accepted, this callback is not invoked.\n   */\n  onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n  /**\n   * Callback for when the drop event occurs.\n   * Note that if no files are rejected, this callback is not invoked.\n   */\n  onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n  /**\n   * Callback for when there's some error from any of the promises.\n   */\n  onError?: DropzoneOptions[\"onError\"]\n  /**\n   * Callback for when closing the file dialog with no selection.\n   */\n  onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n  /**\n   * Callback for when opening the file dialog.\n   */\n  onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n  const {\n    props: {\n      id,\n      name,\n      accept,\n      autoFocus = false,\n      disabled,\n      getFilesFromEvent = fromEvent,\n      loading,\n      maxFiles = 0,\n      maxSize = Infinity,\n      minSize = 0,\n      multiple = false,\n      noClick = false,\n      noDrag = false,\n      noDragEventsBubbling = false,\n      noKeyboard = false,\n      openRef,\n      preventDropOnDocument = true,\n      readOnly,\n      useFsAccessApi = false,\n      validator,\n      onDragEnter,\n      onDragLeave,\n      onDragOver,\n      onDrop,\n      onDropAccepted,\n      onDropRejected,\n      onError,\n      onFileDialogCancel,\n      onFileDialogOpen,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const labelledbyId = useId()\n  const interactive = !(loading || readOnly || disabled)\n  const {\n    acceptedFiles,\n    fileRejections,\n    isDragAccept: dragAccept,\n    isDragActive: dragActive,\n    isDragReject: dragReject,\n    isFocused: focused,\n    open,\n    getInputProps: getOriginalInputProps,\n    getRootProps: getOriginalRootProps,\n  } = useOriginalDropzone({\n    accept: isArray(accept)\n      ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n      : accept,\n    autoFocus,\n    disabled: !interactive,\n    getFilesFromEvent,\n    maxFiles,\n    maxSize,\n    minSize,\n    multiple,\n    noClick,\n    noDrag,\n    noDragEventsBubbling,\n    noKeyboard,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    onDropAccepted,\n    onDropRejected,\n    onError,\n    onFileDialogCancel,\n    onFileDialogOpen,\n  })\n  const dragIdle = !dragAccept && !dragReject\n\n  assignRef(openRef, open)\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => {\n      const { ref: restRef, ...restProps } = rest\n      const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n        mergeProps(\n          {\n            id: labelledbyId,\n            ...dataProps,\n            ...eventProps,\n            \"aria-disabled\": ariaAttr(!interactive),\n            \"data-accept\": dataAttr(dragAccept),\n            \"data-idle\": dataAttr(dragIdle),\n            \"data-loading\": dataAttr(loading),\n            \"data-reject\": dataAttr(dragReject),\n          },\n          restProps,\n          props,\n        )(),\n      ) as HTMLProps\n\n      return {\n        ...rootProps,\n        ref: mergeRefs(restRef, ref, rootRef),\n      }\n    },\n    [\n      getOriginalRootProps,\n      labelledbyId,\n      dataProps,\n      eventProps,\n      interactive,\n      dragAccept,\n      dragIdle,\n      loading,\n      dragReject,\n      rest,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n      getOriginalInputProps({\n        id,\n        name,\n        disabled,\n        readOnly,\n        ...ariaProps,\n        ...dataProps,\n        ...props,\n        \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n      }),\n    [\n      getOriginalInputProps,\n      id,\n      name,\n      disabled,\n      readOnly,\n      ariaProps,\n      dataProps,\n      labelledbyId,\n    ],\n  )\n\n  return {\n    acceptedFiles,\n    dragAccept,\n    dragActive,\n    dragIdle,\n    dragReject,\n    fileRejections,\n    focused,\n    loading,\n    open,\n    getInputProps,\n    getRootProps,\n  }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;AA8JA,MAAa,eAAe,QAA0B,CAAC,MAAM;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoBA,cAAAA,WACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAA,GAAA,MAAA,MAAA,CAAqB;CAC3B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,0BAAA,GAAA,eAAA,YAAA,CACQ;EACtB,SAAA,GAAA,oBAAA,cAAA,QAAA,CAAgB,MAAM,IAClB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,CAAC;EAAE,IAAI,CAAC,CAAC,IACjE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CACD,MAAM,WAAW,CAAC,cAAc,CAAC;CAEjC,YAAA,UAAU,SAAS,IAAI;CAEvB,MAAM,gBAAA,GAAA,MAAA,YAAA,EACH,EAAE,KAAK,GAAG,UAAU,CAAC,MAAM;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrCC,cAAAA,WACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,CAAC,WAAW;GACtC,gBAAA,GAAA,oBAAA,cAAA,SAAA,CAAwB,UAAU;GAClC,cAAA,GAAA,oBAAA,cAAA,SAAA,CAAsB,QAAQ;GAC9B,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO;GAChC,gBAAA,GAAA,oBAAA,cAAA,SAAA,CAAwB,UAAU;EACpC,GACA,WACA,KACF,CAAC,CAAC,CACJ;EAEA,OAAO;GACL,GAAG;GACH,KAAKC,YAAAA,UAAU,SAAS,KAAK,OAAO;EACtC;CACF,GACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CA0BA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAAA,GAAA,MAAA,YAAA,EAjCC,EAAE,mBAAmB,gBAAgB,GAAG,UAAU,CAAC,MAClD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAG;GACH,oBAAA,GAAA,oBAAA,cAAA,GAAA,CAAsB,gBAAgB,YAAY;EACpD,CAAC,GACH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAaY;EACZ;CACF;AACF"}

package/dist/cjs/components/editable/editable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editable.cjs","names":["createSlotComponent","editableStyle","useEditable","useInputBorder","EditableContext","styled","useEditableContext"],"sources":["../../../../src/components/editable/editable.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { EditableStyle } from \"./editable.style\"\nimport type { UseEditableProps, UseEditableReturn } from \"./use-editable\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { useInputBorder } from \"../input\"\nimport { editableStyle } from \"./editable.style\"\nimport {\n  EditableContext,\n  useEditable,\n  useEditableContext,\n} from \"./use-editable\"\n\ninterface EditableElementProps extends Pick<\n  UseEditableReturn,\n  \"editing\" | \"onCancel\" | \"onEdit\" | \"onSubmit\"\n> {}\n\nexport interface EditableRootProps\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"onSubmit\" | \"value\"\n    >,\n    ThemeProps<EditableStyle>,\n    UseInputBorderProps,\n    UseEditableProps {\n  /**\n   * The editable children to use.\n   */\n  children?: ReactNodeOrFunction<EditableElementProps>\n}\n\nconst {\n  PropsContext: EditablePropsContext,\n  usePropsContext: useEditablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EditableRootProps, EditableStyle>(\n  \"editable\",\n  editableStyle,\n)\n\nexport { EditablePropsContext, useEditablePropsContext }\n\n/**\n * `Editable` is a component used to obtain inline editable text input.\n *\n * @see https://yamada-ui.com/docs/components/editable\n */\nexport const EditableRoot = withProvider(\n  ({ children, errorBorderColor, focusBorderColor, ...props }) => {\n    const {\n      editing,\n      value: _value,\n      getRootProps,\n      onCancel,\n      onEdit,\n      onSubmit,\n      ...rest\n    } = useEditable(props)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const cloneChildren = runIfFn(children, {\n      editing,\n      onCancel,\n      onEdit,\n      onSubmit,\n    })\n\n    return (\n      <EditableContext value={{ editing, ...rest }}>\n        <styled.div {...getRootProps()} {...varProps}>\n          {cloneChildren}\n        </styled.div>\n      </EditableContext>\n    )\n  },\n)()\n\nexport interface EditablePreviewProps extends HTMLStyledProps<\"span\"> {}\n\nexport const EditablePreview = withContext<\"span\", EditablePreviewProps>(\n  \"span\",\n  \"preview\",\n)(undefined, (props) => {\n  const { getPreviewProps } = useEditableContext()\n\n  return { ...getPreviewProps(props) }\n})\n\nexport interface EditableInputProps extends HTMLStyledProps<\"input\"> {}\n\nexport const EditableInput = withContext<\"input\", EditableInputProps>(\n  \"input\",\n  \"input\",\n)(undefined, (props) => {\n  const { getInputProps } = useEditableContext()\n\n  return { ...getInputProps(props) }\n})\n\nexport interface EditableTextareaProps extends HTMLStyledProps<\"textarea\"> {}\n\nexport const EditableTextarea = withContext<\"textarea\", EditableTextareaProps>(\n  \"textarea\",\n  \"textarea\",\n)(undefined, (props) => {\n  const { getTextareaProps } = useEditableContext()\n\n  return { ...getTextareaProps(props) }\n})\n\nexport interface EditableControlProps extends HTMLStyledProps {}\n\nexport const EditableControl = withContext<\"div\", EditableControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, (props) => {\n  const { getControlProps } = useEditableContext()\n\n  return { ...getControlProps(props) }\n})\n\nexport interface EditableEditTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableEditTrigger = withContext<\n  \"button\",\n  EditableEditTriggerProps\n>(\"button\", { name: \"EditTrigger\", slot: [\"trigger\", \"edit\"] })(\n  undefined,\n  (props) => {\n    const { getEditProps } = useEditableContext()\n\n    return { asChild: true, ...getEditProps(props) }\n  },\n)\n\nexport interface EditableCancelTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableCancelTrigger = withContext<\n  \"button\",\n  EditableCancelTriggerProps\n>(\"button\", { name: \"CancelTrigger\", slot: [\"trigger\", \"cancel\"] })(\n  undefined,\n  (props) => {\n    const { getCancelProps } = useEditableContext()\n\n    return { asChild: true, ...getCancelProps(props) }\n  },\n)\n\nexport interface EditableSubmitTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableSubmitTrigger = withContext<\n  \"button\",\n  EditableSubmitTriggerProps\n>(\"button\", { name: \"SubmitTrigger\", slot: [\"trigger\", \"submit\"] })(\n  undefined,\n  (props) => {\n    const { getSubmitProps } = useEditableContext()\n\n    return { asChild: true, ...getSubmitProps(props) }\n  },\n)\n"],"mappings":";;;;;;;;;AAqCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,YAAY;CAC9D,MAAM,EACJ,SACA,OAAO,QACP,cACA,UACA,QACA,UACA,GAAG,SACDC,qBAAAA,YAAY,KAAK;CACrB,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,iBAAA,GAAA,oBAAA,cAAA,SAAwB,UAAU;EACtC;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAD;EAAiB,OAAO;GAAE;GAAS,GAAG;EAAK;YACzC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAAG,GAAI;aACjC;EACS,CAAA;CACG,CAAA;AAErB,CACF,EAAE;AAIF,MAAa,kBAAkB,YAC7B,QACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoBC,qBAAAA,mBAAmB;CAE/C,OAAO,EAAE,GAAG,gBAAgB,KAAK,EAAE;AACrC,CAAC;AAID,MAAa,gBAAgB,YAC3B,SACA,OACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,kBAAkBA,qBAAAA,mBAAmB;CAE7C,OAAO,EAAE,GAAG,cAAc,KAAK,EAAE;AACnC,CAAC;AAID,MAAa,mBAAmB,YAC9B,YACA,UACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqBA,qBAAAA,mBAAmB;CAEhD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC;AAID,MAAa,kBAAkB,YAC7B,OACA,SACF,EAAE,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoBA,qBAAAA,mBAAmB;CAE/C,OAAO,EAAE,GAAG,gBAAgB,KAAK,EAAE;AACrC,CAAC;AAID,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CAAC,EAC5D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,iBAAiBA,qBAAAA,mBAAmB;CAE5C,OAAO;EAAE,SAAS;EAAM,GAAG,aAAa,KAAK;CAAE;AACjD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAQ;AAAE,CAAC,EAChE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,mBAAmBA,qBAAAA,mBAAmB;CAE9C,OAAO;EAAE,SAAS;EAAM,GAAG,eAAe,KAAK;CAAE;AACnD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAQ;AAAE,CAAC,EAChE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,mBAAmBA,qBAAAA,mBAAmB;CAE9C,OAAO;EAAE,SAAS;EAAM,GAAG,eAAe,KAAK;CAAE;AACnD,CACF"}
+{"version":3,"file":"editable.cjs","names":["createSlotComponent","editableStyle","useEditable","useInputBorder","EditableContext","styled","useEditableContext"],"sources":["../../../../src/components/editable/editable.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { EditableStyle } from \"./editable.style\"\nimport type { UseEditableProps, UseEditableReturn } from \"./use-editable\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { useInputBorder } from \"../input\"\nimport { editableStyle } from \"./editable.style\"\nimport {\n  EditableContext,\n  useEditable,\n  useEditableContext,\n} from \"./use-editable\"\n\ninterface EditableElementProps extends Pick<\n  UseEditableReturn,\n  \"editing\" | \"onCancel\" | \"onEdit\" | \"onSubmit\"\n> {}\n\nexport interface EditableRootProps\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"onSubmit\" | \"value\"\n    >,\n    ThemeProps<EditableStyle>,\n    UseInputBorderProps,\n    UseEditableProps {\n  /**\n   * The editable children to use.\n   */\n  children?: ReactNodeOrFunction<EditableElementProps>\n}\n\nconst {\n  PropsContext: EditablePropsContext,\n  usePropsContext: useEditablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EditableRootProps, EditableStyle>(\n  \"editable\",\n  editableStyle,\n)\n\nexport { EditablePropsContext, useEditablePropsContext }\n\n/**\n * `Editable` is a component used to obtain inline editable text input.\n *\n * @see https://yamada-ui.com/docs/components/editable\n */\nexport const EditableRoot = withProvider(\n  ({ children, errorBorderColor, focusBorderColor, ...props }) => {\n    const {\n      editing,\n      value: _value,\n      getRootProps,\n      onCancel,\n      onEdit,\n      onSubmit,\n      ...rest\n    } = useEditable(props)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const cloneChildren = runIfFn(children, {\n      editing,\n      onCancel,\n      onEdit,\n      onSubmit,\n    })\n\n    return (\n      <EditableContext value={{ editing, ...rest }}>\n        <styled.div {...getRootProps()} {...varProps}>\n          {cloneChildren}\n        </styled.div>\n      </EditableContext>\n    )\n  },\n)()\n\nexport interface EditablePreviewProps extends HTMLStyledProps<\"span\"> {}\n\nexport const EditablePreview = withContext<\"span\", EditablePreviewProps>(\n  \"span\",\n  \"preview\",\n)(undefined, (props) => {\n  const { getPreviewProps } = useEditableContext()\n\n  return { ...getPreviewProps(props) }\n})\n\nexport interface EditableInputProps extends HTMLStyledProps<\"input\"> {}\n\nexport const EditableInput = withContext<\"input\", EditableInputProps>(\n  \"input\",\n  \"input\",\n)(undefined, (props) => {\n  const { getInputProps } = useEditableContext()\n\n  return { ...getInputProps(props) }\n})\n\nexport interface EditableTextareaProps extends HTMLStyledProps<\"textarea\"> {}\n\nexport const EditableTextarea = withContext<\"textarea\", EditableTextareaProps>(\n  \"textarea\",\n  \"textarea\",\n)(undefined, (props) => {\n  const { getTextareaProps } = useEditableContext()\n\n  return { ...getTextareaProps(props) }\n})\n\nexport interface EditableControlProps extends HTMLStyledProps {}\n\nexport const EditableControl = withContext<\"div\", EditableControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, (props) => {\n  const { getControlProps } = useEditableContext()\n\n  return { ...getControlProps(props) }\n})\n\nexport interface EditableEditTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableEditTrigger = withContext<\n  \"button\",\n  EditableEditTriggerProps\n>(\"button\", { name: \"EditTrigger\", slot: [\"trigger\", \"edit\"] })(\n  undefined,\n  (props) => {\n    const { getEditProps } = useEditableContext()\n\n    return { asChild: true, ...getEditProps(props) }\n  },\n)\n\nexport interface EditableCancelTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableCancelTrigger = withContext<\n  \"button\",\n  EditableCancelTriggerProps\n>(\"button\", { name: \"CancelTrigger\", slot: [\"trigger\", \"cancel\"] })(\n  undefined,\n  (props) => {\n    const { getCancelProps } = useEditableContext()\n\n    return { asChild: true, ...getCancelProps(props) }\n  },\n)\n\nexport interface EditableSubmitTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableSubmitTrigger = withContext<\n  \"button\",\n  EditableSubmitTriggerProps\n>(\"button\", { name: \"SubmitTrigger\", slot: [\"trigger\", \"submit\"] })(\n  undefined,\n  (props) => {\n    const { getSubmitProps } = useEditableContext()\n\n    return { asChild: true, ...getSubmitProps(props) }\n  },\n)\n"],"mappings":";;;;;;;;;AAqCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEA,yBAAAA,oBACF,YACAC,uBAAAA,aACF;;;;;;AASA,MAAa,eAAe,cACzB,EAAE,UAAU,kBAAkB,kBAAkB,GAAG,YAAY;CAC9D,MAAM,EACJ,SACA,OAAO,QACP,cACA,UACA,QACA,UACA,GAAG,SACDC,qBAAAA,YAAY,KAAK;CACrB,MAAM,WAAWC,yBAAAA,eAAe;EAAE;EAAkB;CAAiB,CAAC;CACtE,MAAM,iBAAA,GAAA,oBAAA,cAAA,QAAA,CAAwB,UAAU;EACtC;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,iBAAD;EAAiB,OAAO;GAAE;GAAS,GAAG;EAAK;YACzC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GAAY,GAAI,aAAa;GAAG,GAAI;aACjC;EACS,CAAA;CACG,CAAA;AAErB,CACF,CAAC,CAAC;AAIF,MAAa,kBAAkB,YAC7B,QACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoBC,qBAAAA,mBAAmB;CAE/C,OAAO,EAAE,GAAG,gBAAgB,KAAK,EAAE;AACrC,CAAC;AAID,MAAa,gBAAgB,YAC3B,SACA,OACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,kBAAkBA,qBAAAA,mBAAmB;CAE7C,OAAO,EAAE,GAAG,cAAc,KAAK,EAAE;AACnC,CAAC;AAID,MAAa,mBAAmB,YAC9B,YACA,UACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,qBAAqBA,qBAAAA,mBAAmB;CAEhD,OAAO,EAAE,GAAG,iBAAiB,KAAK,EAAE;AACtC,CAAC;AAID,MAAa,kBAAkB,YAC7B,OACA,SACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,oBAAoBA,qBAAAA,mBAAmB;CAE/C,OAAO,EAAE,GAAG,gBAAgB,KAAK,EAAE;AACrC,CAAC;AAID,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAM;AAAE,CAAC,CAAC,CAC7D,KAAA,IACC,UAAU;CACT,MAAM,EAAE,iBAAiBA,qBAAAA,mBAAmB;CAE5C,OAAO;EAAE,SAAS;EAAM,GAAG,aAAa,KAAK;CAAE;AACjD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAQ;AAAE,CAAC,CAAC,CACjE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,mBAAmBA,qBAAAA,mBAAmB;CAE9C,OAAO;EAAE,SAAS;EAAM,GAAG,eAAe,KAAK;CAAE;AACnD,CACF;AAIA,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAQ;AAAE,CAAC,CAAC,CACjE,KAAA,IACC,UAAU;CACT,MAAM,EAAE,mBAAmBA,qBAAAA,mBAAmB;CAE9C,OAAO;EAAE,SAAS;EAAM,GAAG,eAAe,KAAK;CAAE;AACnD,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"editable.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/editable/editable.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const editableStyle = defineComponentSlotStyle({\n  base: {\n    control: {\n      alignItems: \"start\",\n      display: \"inline-flex\",\n      gap: \"sm\",\n    },\n    input: {\n      bg: \"transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    preview: {\n      bg: \"transparent\",\n      cursor: \"text\",\n      display: \"inline-block\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      whiteSpace: \"pre-line\",\n      _hover: {\n        bg: \"bg.subtle\",\n      },\n      _readOnly: {\n        pointerEvents: \"none\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      alignItems: \"start\",\n      display: \"inline-flex\",\n      gap: \"sm\",\n      position: \"relative\",\n      w: \"full\",\n    },\n    textarea: {\n      bg: \"transparent\",\n      boxSizing: \"content-box\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n})\n\nexport type EditableStyle = typeof editableStyle\n"],"mappings":";AAEA,MAAa,sDAAgBA,EAAAA,yBAAyB,EACpD,MAAM;CACJ,SAAS;EACP,YAAY;EACZ,SAAS;EACT,KAAK;CACP;CACA,OAAO;EACL,IAAI;EACJ,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;GACV;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAgC;GAC5D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAsC;EACpE;EACA,UAAU;GACR,aAAa;GACb,gBAAgB;EAClB;EACA,WAAW,EACT,YAAY,WACd;CACF;CACA,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,YAAY;EACZ,QAAQ,EACN,IAAI,YACN;EACA,WAAW,EACT,eAAe,OACjB;EACA,WAAW,EACT,YAAY,WACd;CACF;CACA,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,SAAS;EACT,KAAK;EACL,UAAU;EACV,GAAG;CACL;CACA,UAAU;EACR,IAAI;EACJ,WAAW;EACX,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;GACV;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAgC;GAC5D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAsC;EACpE;EACA,UAAU;GACR,aAAa;GACb,gBAAgB;EAClB;EACA,WAAW,EACT,YAAY,WACd;CACF;AACF,EACF,CAAC"}
+{"version":3,"file":"editable.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/editable/editable.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const editableStyle = defineComponentSlotStyle({\n  base: {\n    control: {\n      alignItems: \"start\",\n      display: \"inline-flex\",\n      gap: \"sm\",\n    },\n    input: {\n      bg: \"transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    preview: {\n      bg: \"transparent\",\n      cursor: \"text\",\n      display: \"inline-block\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      whiteSpace: \"pre-line\",\n      _hover: {\n        bg: \"bg.subtle\",\n      },\n      _readOnly: {\n        pointerEvents: \"none\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      \"--focus-border-color\": \"colorScheme.outline\",\n      alignItems: \"start\",\n      display: \"inline-flex\",\n      gap: \"sm\",\n      position: \"relative\",\n      w: \"full\",\n    },\n    textarea: {\n      bg: \"transparent\",\n      boxSizing: \"content-box\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      fontSize: \"inherit\",\n      fontWeight: \"inherit\",\n      minH: \"1lh\",\n      p: \"1\",\n      rounded: \"l2\",\n      textAlign: \"inherit\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"full\",\n      _container: [\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n        { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n        { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n      ],\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n})\n\nexport type EditableStyle = typeof editableStyle\n"],"mappings":";AAEA,MAAa,sDAAgBA,CAAAA,CAAAA,yBAAyB,EACpD,MAAM;CACJ,SAAS;EACP,YAAY;EACZ,SAAS;EACT,KAAK;CACP;CACA,OAAO;EACL,IAAI;EACJ,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;GACV;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAgC;GAC5D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAsC;EACpE;EACA,UAAU;GACR,aAAa;GACb,gBAAgB;EAClB;EACA,WAAW,EACT,YAAY,WACd;CACF;CACA,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,YAAY;EACZ,QAAQ,EACN,IAAI,YACN;EACA,WAAW,EACT,eAAe,OACjB;EACA,WAAW,EACT,YAAY,WACd;CACF;CACA,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,SAAS;EACT,KAAK;EACL,UAAU;EACV,GAAG;CACL;CACA,UAAU;EACR,IAAI;EACJ,WAAW;EACX,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,YAAY;GACV;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAgC;GAC5D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAmC;GAC/D;IAAE,KAAK,EAAE,IAAI,KAAK;IAAG,OAAO;GAAsC;EACpE;EACA,UAAU;GACR,aAAa;GACb,gBAAgB;EAClB;EACA,WAAW,EACT,YAAY,WACd;CACF;AACF,EACF,CAAC"}

package/dist/cjs/components/editable/use-editable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-editable.cjs","names":["createContext","useFieldProps","useCallbackRef","useControllableState","mergeRefs"],"sources":["../../../../src/components/editable/use-editable.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useFocusOnPointerDown } from \"../../hooks/use-focus\"\nimport {\n  contains,\n  createContext,\n  handlerAll,\n  mergeRefs,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface EditableContext extends Omit<\n  UseEditableReturn,\n  \"getRootProps\" | \"onCancel\" | \"onEdit\" | \"onSubmit\" | \"value\"\n> {}\n\nconst [EditableContext, useEditableContext] = createContext<EditableContext>({\n  name: \"EditableContext\",\n})\n\nexport { EditableContext, useEditableContext }\n\nexport interface UseEditableProps extends FieldProps {\n  /**\n   * The initial value of the Editable in both edit & preview mode.\n   */\n  defaultValue?: string\n  /**\n   * The placeholder text when the value is empty.\n   */\n  placeholder?: string\n  /**\n   * If `true`, the read only view, has a `tabIndex` set to `0`\n   * so it can receive focus via the keyboard or click.\n   *\n   * @default true\n   */\n  previewFocusable?: boolean\n  /**\n   * If `true`, the input's text will be highlighted on focus.\n   *\n   * @default true\n   */\n  selectAllOnFocus?: boolean\n  /**\n   * If `true`, the Editable will start with edit mode by default.\n   */\n  startWithEditView?: boolean\n  /**\n   * If `true`, it'll update the value onBlur and turn off the edit mode.\n   *\n   * @default true\n   */\n  submitOnBlur?: boolean\n  /**\n   * The value of the Editable in both edit & preview mode.\n   */\n  value?: string\n  /**\n   * Callback invoked when user cancels input with the `Esc` key.\n   * It provides the last confirmed value as argument.\n   */\n  onCancel?: (preValue: string) => void\n  /**\n   * A callback invoked when user changes input.\n   */\n  onChange?: (value: string) => void\n  /**\n   * A callback invoked once the user enters edit mode.\n   */\n  onEdit?: () => void\n  /**\n   * A callback invoked when user confirms value with `enter` key or by blurring input.\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport const useEditable = (props: UseEditableProps = {}) => {\n  const {\n    props: {\n      id,\n      defaultValue,\n      disabled,\n      placeholder,\n      previewFocusable = true,\n      readOnly,\n      required,\n      selectAllOnFocus = true,\n      startWithEditView,\n      submitOnBlur = true,\n      value: valueProp,\n      onCancel: onCancelProp,\n      onChange: onChangeProp,\n      onEdit: onEditProp,\n      onSubmit: onSubmitProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const onEditRef = useCallbackRef(onEditProp)\n  const [editing, setEditing] = useState<boolean>(\n    !!startWithEditView && !disabled,\n  )\n  const [value, setValue] = useControllableState({\n    defaultValue: defaultValue || \"\",\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !editing && !disabled\n  const emptyValue = value.length === 0\n  const [prevValue, setPrevValue] = useState(value)\n  const inputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null)\n  const previewRef = useRef<HTMLElement>(null)\n  const editRef = useRef<HTMLButtonElement>(null)\n  const cancelRef = useRef<HTMLButtonElement>(null)\n  const submitRef = useRef<HTMLButtonElement>(null)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setValue(ev.currentTarget.value),\n    [setValue],\n  )\n\n  const onUpdatePrevValue = useCallback(() => setPrevValue(value), [value])\n\n  const onEdit = useCallback(() => {\n    if (interactive) setEditing(true)\n  }, [interactive])\n\n  const onCancel = useCallback(() => {\n    setEditing(false)\n    setValue(prevValue)\n    onCancelProp?.(prevValue)\n  }, [prevValue, onCancelProp, setValue])\n\n  const onSubmit = useCallback(() => {\n    setEditing(false)\n    setPrevValue(value)\n    onSubmitProp?.(value)\n  }, [onSubmitProp, value])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\" && ev.key !== \"Enter\") return\n\n      if (ev.key === \"Escape\") {\n        ev.preventDefault()\n        onCancel()\n      } else {\n        const { metaKey, shiftKey } = ev\n\n        if (!shiftKey && !metaKey) {\n          ev.preventDefault()\n          onSubmit()\n        }\n      }\n    },\n    [onCancel, onSubmit],\n  )\n\n  const onKeyDownWithoutSubmit = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      ev.preventDefault()\n      onCancel()\n    },\n    [onCancel],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent) => {\n      if (!editing) return\n\n      const ownerDocument = ev.currentTarget.ownerDocument\n      const relatedTarget = (ev.relatedTarget ??\n        ownerDocument.activeElement) as HTMLElement\n      const targetIsCancel = contains(cancelRef.current, relatedTarget)\n      const targetIsSubmit = contains(submitRef.current, relatedTarget)\n      const validBlur = !targetIsCancel && !targetIsSubmit\n\n      if (!validBlur) return\n\n      if (submitOnBlur) {\n        onSubmit()\n      } else {\n        onCancel()\n      }\n    },\n    [editing, submitOnBlur, onSubmit, onCancel],\n  )\n\n  useFocusOnPointerDown({\n    ref: inputRef,\n    elements: [cancelRef, submitRef],\n    enabled: editing,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!editing) return\n\n    inputRef.current?.focus()\n\n    if (selectAllOnFocus) inputRef.current?.select()\n  }, [])\n\n  useUpdateEffect(() => {\n    if (!editing) {\n      editRef.current?.focus()\n\n      return\n    }\n\n    inputRef.current?.focus()\n\n    if (selectAllOnFocus) inputRef.current?.select()\n\n    onEditRef()\n  }, [editing, onEditRef, selectAllOnFocus])\n\n  useEffect(() => {\n    if (editing) return\n\n    const el = inputRef.current\n    const activeEl = el?.ownerDocument.activeElement\n\n    if (activeEl === el) el?.blur()\n  }, [editing])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...dataProps,\n      ...props,\n    }),\n    [rest, dataProps],\n  )\n\n  const getPreviewProps: PropGetter<\"span\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(previewRef, ref),\n      children: emptyValue ? placeholder : value,\n      hidden: editing,\n      tabIndex: interactive && previewFocusable ? 0 : undefined,\n      onFocus: handlerAll(props.onFocus, onEdit, onUpdatePrevValue),\n    }),\n    [\n      dataProps,\n      editing,\n      interactive,\n      previewFocusable,\n      emptyValue,\n      onEdit,\n      onUpdatePrevValue,\n      placeholder,\n      value,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      ...props,\n      id,\n      ref: mergeRefs(inputRef, ref),\n      disabled,\n      hidden: !editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onUpdatePrevValue),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      disabled,\n      editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onBlur,\n      onChange,\n      onUpdatePrevValue,\n      onKeyDown,\n    ],\n  )\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      ...props,\n      id,\n      ref: mergeRefs(inputRef, ref),\n      disabled,\n      hidden: !editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onUpdatePrevValue),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDownWithoutSubmit),\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      disabled,\n      editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onBlur,\n      onChange,\n      onUpdatePrevValue,\n      onKeyDownWithoutSubmit,\n    ],\n  )\n\n  const getControlProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      role: \"group\",\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getEditProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(editRef, ref),\n      disabled,\n      hidden: editing,\n      onClick: handlerAll(props.onClick, onEdit),\n    }),\n    [dataProps, disabled, editing, onEdit],\n  )\n\n  const getSubmitProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(submitRef, ref),\n      disabled,\n      hidden: !editing,\n      onClick: handlerAll(props.onClick, onSubmit),\n    }),\n    [dataProps, disabled, editing, onSubmit],\n  )\n\n  const getCancelProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(cancelRef, ref),\n      disabled,\n      hidden: !editing,\n      onClick: handlerAll(props.onClick, onCancel),\n    }),\n    [dataProps, disabled, editing, onCancel],\n  )\n\n  return {\n    editing,\n    value,\n    getCancelProps,\n    getControlProps,\n    getEditProps,\n    getInputProps,\n    getPreviewProps,\n    getRootProps,\n    getSubmitProps,\n    getTextareaProps,\n    onCancel,\n    onEdit,\n    onSubmit,\n  }\n}\n\nexport type UseEditableReturn = ReturnType<typeof useEditable>\n"],"mappings":"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"}
+{"version":3,"file":"use-editable.cjs","names":["createContext","useFieldProps","useCallbackRef","useControllableState","mergeRefs"],"sources":["../../../../src/components/editable/use-editable.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, FocusEvent, KeyboardEvent } from \"react\"\nimport type { PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useFocusOnPointerDown } from \"../../hooks/use-focus\"\nimport {\n  contains,\n  createContext,\n  handlerAll,\n  mergeRefs,\n  useCallbackRef,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\ninterface EditableContext extends Omit<\n  UseEditableReturn,\n  \"getRootProps\" | \"onCancel\" | \"onEdit\" | \"onSubmit\" | \"value\"\n> {}\n\nconst [EditableContext, useEditableContext] = createContext<EditableContext>({\n  name: \"EditableContext\",\n})\n\nexport { EditableContext, useEditableContext }\n\nexport interface UseEditableProps extends FieldProps {\n  /**\n   * The initial value of the Editable in both edit & preview mode.\n   */\n  defaultValue?: string\n  /**\n   * The placeholder text when the value is empty.\n   */\n  placeholder?: string\n  /**\n   * If `true`, the read only view, has a `tabIndex` set to `0`\n   * so it can receive focus via the keyboard or click.\n   *\n   * @default true\n   */\n  previewFocusable?: boolean\n  /**\n   * If `true`, the input's text will be highlighted on focus.\n   *\n   * @default true\n   */\n  selectAllOnFocus?: boolean\n  /**\n   * If `true`, the Editable will start with edit mode by default.\n   */\n  startWithEditView?: boolean\n  /**\n   * If `true`, it'll update the value onBlur and turn off the edit mode.\n   *\n   * @default true\n   */\n  submitOnBlur?: boolean\n  /**\n   * The value of the Editable in both edit & preview mode.\n   */\n  value?: string\n  /**\n   * Callback invoked when user cancels input with the `Esc` key.\n   * It provides the last confirmed value as argument.\n   */\n  onCancel?: (preValue: string) => void\n  /**\n   * A callback invoked when user changes input.\n   */\n  onChange?: (value: string) => void\n  /**\n   * A callback invoked once the user enters edit mode.\n   */\n  onEdit?: () => void\n  /**\n   * A callback invoked when user confirms value with `enter` key or by blurring input.\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport const useEditable = (props: UseEditableProps = {}) => {\n  const {\n    props: {\n      id,\n      defaultValue,\n      disabled,\n      placeholder,\n      previewFocusable = true,\n      readOnly,\n      required,\n      selectAllOnFocus = true,\n      startWithEditView,\n      submitOnBlur = true,\n      value: valueProp,\n      onCancel: onCancelProp,\n      onChange: onChangeProp,\n      onEdit: onEditProp,\n      onSubmit: onSubmitProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps(props)\n  const onEditRef = useCallbackRef(onEditProp)\n  const [editing, setEditing] = useState<boolean>(\n    !!startWithEditView && !disabled,\n  )\n  const [value, setValue] = useControllableState({\n    defaultValue: defaultValue || \"\",\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !editing && !disabled\n  const emptyValue = value.length === 0\n  const [prevValue, setPrevValue] = useState(value)\n  const inputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null)\n  const previewRef = useRef<HTMLElement>(null)\n  const editRef = useRef<HTMLButtonElement>(null)\n  const cancelRef = useRef<HTMLButtonElement>(null)\n  const submitRef = useRef<HTMLButtonElement>(null)\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) =>\n      setValue(ev.currentTarget.value),\n    [setValue],\n  )\n\n  const onUpdatePrevValue = useCallback(() => setPrevValue(value), [value])\n\n  const onEdit = useCallback(() => {\n    if (interactive) setEditing(true)\n  }, [interactive])\n\n  const onCancel = useCallback(() => {\n    setEditing(false)\n    setValue(prevValue)\n    onCancelProp?.(prevValue)\n  }, [prevValue, onCancelProp, setValue])\n\n  const onSubmit = useCallback(() => {\n    setEditing(false)\n    setPrevValue(value)\n    onSubmitProp?.(value)\n  }, [onSubmitProp, value])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\" && ev.key !== \"Enter\") return\n\n      if (ev.key === \"Escape\") {\n        ev.preventDefault()\n        onCancel()\n      } else {\n        const { metaKey, shiftKey } = ev\n\n        if (!shiftKey && !metaKey) {\n          ev.preventDefault()\n          onSubmit()\n        }\n      }\n    },\n    [onCancel, onSubmit],\n  )\n\n  const onKeyDownWithoutSubmit = useCallback(\n    (ev: KeyboardEvent) => {\n      if (ev.key !== \"Escape\") return\n\n      ev.preventDefault()\n      onCancel()\n    },\n    [onCancel],\n  )\n\n  const onBlur = useCallback(\n    (ev: FocusEvent) => {\n      if (!editing) return\n\n      const ownerDocument = ev.currentTarget.ownerDocument\n      const relatedTarget = (ev.relatedTarget ??\n        ownerDocument.activeElement) as HTMLElement\n      const targetIsCancel = contains(cancelRef.current, relatedTarget)\n      const targetIsSubmit = contains(submitRef.current, relatedTarget)\n      const validBlur = !targetIsCancel && !targetIsSubmit\n\n      if (!validBlur) return\n\n      if (submitOnBlur) {\n        onSubmit()\n      } else {\n        onCancel()\n      }\n    },\n    [editing, submitOnBlur, onSubmit, onCancel],\n  )\n\n  useFocusOnPointerDown({\n    ref: inputRef,\n    elements: [cancelRef, submitRef],\n    enabled: editing,\n  })\n\n  useSafeLayoutEffect(() => {\n    if (!editing) return\n\n    inputRef.current?.focus()\n\n    if (selectAllOnFocus) inputRef.current?.select()\n  }, [])\n\n  useUpdateEffect(() => {\n    if (!editing) {\n      editRef.current?.focus()\n\n      return\n    }\n\n    inputRef.current?.focus()\n\n    if (selectAllOnFocus) inputRef.current?.select()\n\n    onEditRef()\n  }, [editing, onEditRef, selectAllOnFocus])\n\n  useEffect(() => {\n    if (editing) return\n\n    const el = inputRef.current\n    const activeEl = el?.ownerDocument.activeElement\n\n    if (activeEl === el) el?.blur()\n  }, [editing])\n\n  const getRootProps: PropGetter = useCallback(\n    (props) => ({\n      ...rest,\n      ...dataProps,\n      ...props,\n    }),\n    [rest, dataProps],\n  )\n\n  const getPreviewProps: PropGetter<\"span\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(previewRef, ref),\n      children: emptyValue ? placeholder : value,\n      hidden: editing,\n      tabIndex: interactive && previewFocusable ? 0 : undefined,\n      onFocus: handlerAll(props.onFocus, onEdit, onUpdatePrevValue),\n    }),\n    [\n      dataProps,\n      editing,\n      interactive,\n      previewFocusable,\n      emptyValue,\n      onEdit,\n      onUpdatePrevValue,\n      placeholder,\n      value,\n    ],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      ...props,\n      id,\n      ref: mergeRefs(inputRef, ref),\n      disabled,\n      hidden: !editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onUpdatePrevValue),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      disabled,\n      editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onBlur,\n      onChange,\n      onUpdatePrevValue,\n      onKeyDown,\n    ],\n  )\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...ariaProps,\n      ...props,\n      id,\n      ref: mergeRefs(inputRef, ref),\n      disabled,\n      hidden: !editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n      onChange: handlerAll(props.onChange, onChange),\n      onFocus: handlerAll(eventProps.onFocus, props.onFocus, onUpdatePrevValue),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDownWithoutSubmit),\n    }),\n    [\n      dataProps,\n      ariaProps,\n      id,\n      disabled,\n      editing,\n      placeholder,\n      readOnly,\n      required,\n      value,\n      eventProps.onBlur,\n      eventProps.onFocus,\n      onBlur,\n      onChange,\n      onUpdatePrevValue,\n      onKeyDownWithoutSubmit,\n    ],\n  )\n\n  const getControlProps: PropGetter = useCallback(\n    (props) => ({\n      ...dataProps,\n      role: \"group\",\n      ...props,\n    }),\n    [dataProps],\n  )\n\n  const getEditProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(editRef, ref),\n      disabled,\n      hidden: editing,\n      onClick: handlerAll(props.onClick, onEdit),\n    }),\n    [dataProps, disabled, editing, onEdit],\n  )\n\n  const getSubmitProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(submitRef, ref),\n      disabled,\n      hidden: !editing,\n      onClick: handlerAll(props.onClick, onSubmit),\n    }),\n    [dataProps, disabled, editing, onSubmit],\n  )\n\n  const getCancelProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...dataProps,\n      ...props,\n      ref: mergeRefs(cancelRef, ref),\n      disabled,\n      hidden: !editing,\n      onClick: handlerAll(props.onClick, onCancel),\n    }),\n    [dataProps, disabled, editing, onCancel],\n  )\n\n  return {\n    editing,\n    value,\n    getCancelProps,\n    getControlProps,\n    getEditProps,\n    getInputProps,\n    getPreviewProps,\n    getRootProps,\n    getSubmitProps,\n    getTextareaProps,\n    onCancel,\n    onEdit,\n    onSubmit,\n  }\n}\n\nexport type UseEditableReturn = ReturnType<typeof useEditable>\n"],"mappings":"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"}

package/dist/cjs/components/em/em.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"em.cjs","names":["createComponent","emStyle"],"sources":["../../../../src/components/em/em.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmStyle } from \"./em.style\"\nimport { createComponent } from \"../../core\"\nimport { emStyle } from \"./em.style\"\n\nexport interface EmProps extends HTMLStyledProps<\"em\">, ThemeProps<EmStyle> {}\n\nconst {\n  PropsContext: EmPropsContext,\n  usePropsContext: useEmPropsContext,\n  withContext,\n} = createComponent<EmProps, EmStyle>(\"em\", emStyle)\n\nexport { EmPropsContext, useEmPropsContext }\n\n/**\n * `Em` is a component that represents emphasized text. By default, it renders a `em` element.\n *\n * @see https://yamada-ui.com/docs/components/em\n */\nexport const Em = withContext(\"em\")()\n"],"mappings":";;;;AASA,MAAM,EACJ,cAAc,gBACd,iBAAiB,mBACjB,gBACEA,yBAAAA,gBAAkC,MAAMC,iBAAAA,OAAO;;;;;;AASnD,MAAa,KAAK,YAAY,IAAI,EAAE"}
+{"version":3,"file":"em.cjs","names":["createComponent","emStyle"],"sources":["../../../../src/components/em/em.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmStyle } from \"./em.style\"\nimport { createComponent } from \"../../core\"\nimport { emStyle } from \"./em.style\"\n\nexport interface EmProps extends HTMLStyledProps<\"em\">, ThemeProps<EmStyle> {}\n\nconst {\n  PropsContext: EmPropsContext,\n  usePropsContext: useEmPropsContext,\n  withContext,\n} = createComponent<EmProps, EmStyle>(\"em\", emStyle)\n\nexport { EmPropsContext, useEmPropsContext }\n\n/**\n * `Em` is a component that represents emphasized text. By default, it renders a `em` element.\n *\n * @see https://yamada-ui.com/docs/components/em\n */\nexport const Em = withContext(\"em\")()\n"],"mappings":";;;;AASA,MAAM,EACJ,cAAc,gBACd,iBAAiB,mBACjB,gBACEA,yBAAAA,gBAAkC,MAAMC,iBAAAA,OAAO;;;;;;AASnD,MAAa,KAAK,YAAY,IAAI,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"em.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/em/em.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const emStyle = defineComponentStyle({\n  base: {\n    fontSize: \"italic\",\n  },\n})\n\nexport type EmStyle = typeof emStyle\n"],"mappings":";AAEA,MAAa,gDAAUA,EAAAA,qBAAqB,EAC1C,MAAM,EACJ,UAAU,SACZ,EACF,CAAC"}
+{"version":3,"file":"em.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/em/em.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const emStyle = defineComponentStyle({\n  base: {\n    fontSize: \"italic\",\n  },\n})\n\nexport type EmStyle = typeof emStyle\n"],"mappings":";AAEA,MAAa,gDAAUA,CAAAA,CAAAA,qBAAqB,EAC1C,MAAM,EACJ,UAAU,SACZ,EACF,CAAC"}

package/dist/cjs/components/empty-state/empty-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.cjs","names":["createSlotComponent","emptyState","useSplitChildren","styled"],"sources":["../../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmptyState } from \"./empty-state.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useSplitChildren } from \"../../utils\"\nimport { emptyState } from \"./empty-state.style\"\n\nexport interface EmptyStateRootProps\n  extends Omit<HTMLStyledProps, \"title\">, ThemeProps<EmptyState> {\n  /**\n   * The empty state description to use.\n   */\n  description?: ReactNode\n  /**\n   * The empty state indicator to use.\n   */\n  indicator?: ReactNode\n  /**\n   * The empty state title to use.\n   */\n  title?: ReactNode\n  /**\n   * The props for the empty state content component.\n   */\n  contentProps?: EmptyStateContentProps\n  /**\n   * The props for the empty state description component.\n   */\n  descriptionProps?: EmptyStateDescriptionProps\n  /**\n   * The props for the empty state indicator component.\n   */\n  indicatorProps?: EmptyStateIndicatorProps\n  /**\n   * The props for the empty state title component.\n   */\n  titleProps?: EmptyStateTitleProps\n}\n\nconst {\n  PropsContext: EmptyStatePropsContext,\n  usePropsContext: useEmptyStatePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EmptyStateRootProps, EmptyState>(\n  \"empty-state\",\n  emptyState,\n)\n\nexport { EmptyStatePropsContext, useEmptyStatePropsContext }\n\n/**\n * `EmptyState` is used to display when a resource is empty or not available.\n *\n * @see https://yamada-ui.com/docs/components/empty-state\n */\nexport const EmptyStateRoot = withProvider<\"div\", EmptyStateRootProps>(\n  ({\n    children,\n    description,\n    indicator,\n    title,\n    contentProps,\n    descriptionProps,\n    indicatorProps,\n    titleProps,\n    ...rest\n  }) => {\n    const [\n      omittedChildren,\n      customIndicator,\n      customContent,\n      customTitle,\n      customDescription,\n    ] = useSplitChildren(\n      children,\n      EmptyStateIndicator,\n      EmptyStateContent,\n      EmptyStateTitle,\n      EmptyStateDescription,\n    )\n\n    return (\n      <styled.div {...rest}>\n        {customIndicator ?? (\n          <EmptyStateIndicator {...indicatorProps}>\n            {indicator}\n          </EmptyStateIndicator>\n        )}\n\n        {customContent ?? (\n          <EmptyStateContent {...contentProps}>\n            {customTitle ??\n              (title ? (\n                <EmptyStateTitle {...titleProps}>{title}</EmptyStateTitle>\n              ) : null)}\n\n            {customDescription ??\n              (description ? (\n                <EmptyStateDescription {...descriptionProps}>\n                  {description}\n                </EmptyStateDescription>\n              ) : null)}\n          </EmptyStateContent>\n        )}\n\n        {omittedChildren}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface EmptyStateIndicatorProps extends HTMLStyledProps {}\n\nexport const EmptyStateIndicator = withContext<\"div\", EmptyStateIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface EmptyStateContentProps extends HTMLStyledProps {}\n\nexport const EmptyStateContent = withContext<\"div\", EmptyStateContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface EmptyStateTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const EmptyStateTitle = withContext<\"h3\", EmptyStateTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface EmptyStateDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const EmptyStateDescription = withContext<\n  \"p\",\n  EmptyStateDescriptionProps\n>(\"p\", \"description\")()\n"],"mappings":";;;;;;;AAyCA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,aACA,iBACEA,yBAAAA,oBACF,eACAC,0BAAAA,UACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,aACA,WACA,OACA,cACA,kBACA,gBACA,YACA,GAAG,WACC;CACJ,MAAM,CACJ,iBACA,iBACA,eACA,aACA,qBACEC,iBAAAA,iBACF,UACA,qBACA,mBACA,iBACA,qBACF;CAEA,OACE,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI;YAAhB;GACG,mBACC,iBAAA,GAAA,kBAAA,KAAC,qBAAD;IAAqB,GAAI;cACtB;GACkB,CAAA;GAGtB,iBACC,iBAAA,GAAA,kBAAA,MAAC,mBAAD;IAAmB,GAAI;cAAvB,CACG,gBACE,QACC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;KAAiB,GAAI;eAAa;IAAuB,CAAA,IACvD,OAEL,sBACE,cACC,iBAAA,GAAA,kBAAA,KAAC,uBAAD;KAAuB,GAAI;eACxB;IACoB,CAAA,IACrB,KACW;;GAGpB;EACS;;AAEhB,GACA,MACF,EAAE;AAIF,MAAa,sBAAsB,YACjC,OACA,WACF,EAAE;AAIF,MAAa,oBAAoB,YAC/B,OACA,SACF,EAAE;AAIF,MAAa,kBAAkB,YAC7B,MACA,OACF,EAAE;AAIF,MAAa,wBAAwB,YAGnC,KAAK,aAAa,EAAE"}
+{"version":3,"file":"empty-state.cjs","names":["createSlotComponent","emptyState","useSplitChildren","styled"],"sources":["../../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmptyState } from \"./empty-state.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useSplitChildren } from \"../../utils\"\nimport { emptyState } from \"./empty-state.style\"\n\nexport interface EmptyStateRootProps\n  extends Omit<HTMLStyledProps, \"title\">, ThemeProps<EmptyState> {\n  /**\n   * The empty state description to use.\n   */\n  description?: ReactNode\n  /**\n   * The empty state indicator to use.\n   */\n  indicator?: ReactNode\n  /**\n   * The empty state title to use.\n   */\n  title?: ReactNode\n  /**\n   * The props for the empty state content component.\n   */\n  contentProps?: EmptyStateContentProps\n  /**\n   * The props for the empty state description component.\n   */\n  descriptionProps?: EmptyStateDescriptionProps\n  /**\n   * The props for the empty state indicator component.\n   */\n  indicatorProps?: EmptyStateIndicatorProps\n  /**\n   * The props for the empty state title component.\n   */\n  titleProps?: EmptyStateTitleProps\n}\n\nconst {\n  PropsContext: EmptyStatePropsContext,\n  usePropsContext: useEmptyStatePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EmptyStateRootProps, EmptyState>(\n  \"empty-state\",\n  emptyState,\n)\n\nexport { EmptyStatePropsContext, useEmptyStatePropsContext }\n\n/**\n * `EmptyState` is used to display when a resource is empty or not available.\n *\n * @see https://yamada-ui.com/docs/components/empty-state\n */\nexport const EmptyStateRoot = withProvider<\"div\", EmptyStateRootProps>(\n  ({\n    children,\n    description,\n    indicator,\n    title,\n    contentProps,\n    descriptionProps,\n    indicatorProps,\n    titleProps,\n    ...rest\n  }) => {\n    const [\n      omittedChildren,\n      customIndicator,\n      customContent,\n      customTitle,\n      customDescription,\n    ] = useSplitChildren(\n      children,\n      EmptyStateIndicator,\n      EmptyStateContent,\n      EmptyStateTitle,\n      EmptyStateDescription,\n    )\n\n    return (\n      <styled.div {...rest}>\n        {customIndicator ?? (\n          <EmptyStateIndicator {...indicatorProps}>\n            {indicator}\n          </EmptyStateIndicator>\n        )}\n\n        {customContent ?? (\n          <EmptyStateContent {...contentProps}>\n            {customTitle ??\n              (title ? (\n                <EmptyStateTitle {...titleProps}>{title}</EmptyStateTitle>\n              ) : null)}\n\n            {customDescription ??\n              (description ? (\n                <EmptyStateDescription {...descriptionProps}>\n                  {description}\n                </EmptyStateDescription>\n              ) : null)}\n          </EmptyStateContent>\n        )}\n\n        {omittedChildren}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface EmptyStateIndicatorProps extends HTMLStyledProps {}\n\nexport const EmptyStateIndicator = withContext<\"div\", EmptyStateIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface EmptyStateContentProps extends HTMLStyledProps {}\n\nexport const EmptyStateContent = withContext<\"div\", EmptyStateContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface EmptyStateTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const EmptyStateTitle = withContext<\"h3\", EmptyStateTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface EmptyStateDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const EmptyStateDescription = withContext<\n  \"p\",\n  EmptyStateDescriptionProps\n>(\"p\", \"description\")()\n"],"mappings":";;;;;;;AAyCA,MAAM,EACJ,cAAc,wBACd,iBAAiB,2BACjB,aACA,iBACEA,yBAAAA,oBACF,eACAC,0BAAAA,UACF;;;;;;AASA,MAAa,iBAAiB,cAC3B,EACC,UACA,aACA,WACA,OACA,cACA,kBACA,gBACA,YACA,GAAG,WACC;CACJ,MAAM,CACJ,iBACA,iBACA,eACA,aACA,qBACEC,iBAAAA,iBACF,UACA,qBACA,mBACA,iBACA,qBACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EAAY,GAAI;YAAhB;GACG,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAD;IAAqB,GAAI;cACtB;GACkB,CAAA;GAGtB,iBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,mBAAD;IAAmB,GAAI;cAAvB,CACG,gBACE,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;KAAiB,GAAI;eAAa;IAAuB,CAAA,IACvD,OAEL,sBACE,cACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;KAAuB,GAAI;eACxB;IACoB,CAAA,IACrB,KACW;;GAGpB;EACS;;AAEhB,GACA,MACF,CAAC,CAAC;AAIF,MAAa,sBAAsB,YACjC,OACA,WACF,CAAC,CAAC;AAIF,MAAa,oBAAoB,YAC/B,OACA,SACF,CAAC,CAAC;AAIF,MAAa,kBAAkB,YAC7B,MACA,OACF,CAAC,CAAC;AAIF,MAAa,wBAAwB,YAGnC,KAAK,aAAa,CAAC,CAAC"}

package/dist/cjs/components/empty-state/empty-state.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/empty-state/empty-state.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const emptyState = defineComponentSlotStyle({\n  base: {\n    content: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n    },\n    description: {\n      color: \"fg.muted\",\n      fontSize: \"sm\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n    title: {\n      fontWeight: \"semibold\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      content: {\n        gap: \"xs\",\n      },\n      indicator: {\n        fontSize: \"4xl\",\n      },\n      root: {\n        gap: \"sm\",\n        py: \"sm\",\n      },\n      title: {\n        fontSize: \"md\",\n      },\n    },\n    md: {\n      content: {\n        gap: \"sm\",\n      },\n      indicator: {\n        fontSize: \"5xl\",\n      },\n      root: {\n        gap: \"md\",\n        py: \"md\",\n      },\n      title: {\n        fontSize: \"lg\",\n      },\n    },\n    lg: {\n      content: {\n        gap: \"md\",\n      },\n      indicator: {\n        fontSize: \"6xl\",\n      },\n      root: {\n        gap: \"lg\",\n        py: \"lg\",\n      },\n      title: {\n        fontSize: \"xl\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type EmptyState = typeof emptyState\n"],"mappings":";AAEA,MAAa,mDAAaA,EAAAA,yBAAyB;CACjD,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;EAClB;EACA,aAAa;GACX,OAAO;GACP,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,GAAG;EACL;EACA,OAAO,EACL,YAAY,WACd;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;EACA,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;EACA,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"empty-state.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/empty-state/empty-state.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const emptyState = defineComponentSlotStyle({\n  base: {\n    content: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n    },\n    description: {\n      color: \"fg.muted\",\n      fontSize: \"sm\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      color: \"fg.muted\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"center\",\n      w: \"full\",\n    },\n    title: {\n      fontWeight: \"semibold\",\n    },\n  },\n\n  sizes: {\n    sm: {\n      content: {\n        gap: \"xs\",\n      },\n      indicator: {\n        fontSize: \"4xl\",\n      },\n      root: {\n        gap: \"sm\",\n        py: \"sm\",\n      },\n      title: {\n        fontSize: \"md\",\n      },\n    },\n    md: {\n      content: {\n        gap: \"sm\",\n      },\n      indicator: {\n        fontSize: \"5xl\",\n      },\n      root: {\n        gap: \"md\",\n        py: \"md\",\n      },\n      title: {\n        fontSize: \"lg\",\n      },\n    },\n    lg: {\n      content: {\n        gap: \"md\",\n      },\n      indicator: {\n        fontSize: \"6xl\",\n      },\n      root: {\n        gap: \"lg\",\n        py: \"lg\",\n      },\n      title: {\n        fontSize: \"xl\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n  },\n})\n\nexport type EmptyState = typeof emptyState\n"],"mappings":";AAEA,MAAa,mDAAaA,CAAAA,CAAAA,yBAAyB;CACjD,MAAM;EACJ,SAAS;GACP,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;EAClB;EACA,aAAa;GACX,OAAO;GACP,UAAU;EACZ;EACA,WAAW;GACT,YAAY;GACZ,OAAO;GACP,SAAS;GACT,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,GAAG;EACL;EACA,OAAO,EACL,YAAY,WACd;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;EACA,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;EACA,IAAI;GACF,SAAS,EACP,KAAK,KACP;GACA,WAAW,EACT,UAAU,MACZ;GACA,MAAM;IACJ,KAAK;IACL,IAAI;GACN;GACA,OAAO,EACL,UAAU,KACZ;EACF;CACF;CAEA,cAAc,EACZ,MAAM,KACR;AACF,CAAC"}

package/dist/cjs/components/fade/fade.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fade.cjs","names":["createTransition","createComponent","fadeStyle","AnimatePresence","motion"],"sources":["../../../../src/components/fade/fade.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { FadeStyle } from \"./fade.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { fadeStyle } from \"./fade.style\"\n\nexport const fadeVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({ delay, duration, exit, transition, transitionEnd } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface FadeProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<FadeStyle> {}\n\nconst {\n  PropsContext: FadePropsContext,\n  usePropsContext: useFadePropsContext,\n  withContext,\n} = createComponent<FadeProps, FadeStyle>(\"fade\", fadeStyle)\n\nexport { FadePropsContext, useFadePropsContext }\n\n/**\n * `Fade` is a component that gradually shows or hides an element.\n *\n * @see https://yamada-ui.com/docs/components/fade\n */\nexport const Fade = withContext<\"div\", FadeProps>(\n  ({\n    delay,\n    duration,\n    open: openProp,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={fadeVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;AAgBA,MAAa,eAAyB;CACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,CAAC,OAAO;EACtE,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,MAAM,YAAY,KAAK,EAAE,OAAO,QAAQ;EACrE,eAAe,eAAe;EAC9B,GAAG;CACL;CACA,OAAO,EAAE,OAAO,UAAU,MAAM,YAAY,kBAAkB,CAAC,OAAO;EACpE,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,IAAI,EAAE,OAAO,QAAQ;EACnE,eAAe,eAAe;EAC9B,GAAG;CACL;AACF;AAKA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEC,yBAAAA,gBAAsC,QAAQC,mBAAAA,SAAS;;;;;;AAS3D,MAAa,OAAO,aACjB,EACC,OACA,UACA,MAAM,UACN,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,UAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAO;EAAU;EAAY;CAAa,CAC7C;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;EACL,CAAA,IACC;CACW,CAAA;AAErB,CACF,EAAE"}
+{"version":3,"file":"fade.cjs","names":["createTransition","createComponent","fadeStyle","AnimatePresence","motion"],"sources":["../../../../src/components/fade/fade.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { FadeStyle } from \"./fade.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { fadeStyle } from \"./fade.style\"\n\nexport const fadeVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({ delay, duration, exit, transition, transitionEnd } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    transitionEnd: transitionEnd?.exit,\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface FadeProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<FadeStyle> {}\n\nconst {\n  PropsContext: FadePropsContext,\n  usePropsContext: useFadePropsContext,\n  withContext,\n} = createComponent<FadeProps, FadeStyle>(\"fade\", fadeStyle)\n\nexport { FadePropsContext, useFadePropsContext }\n\n/**\n * `Fade` is a component that gradually shows or hides an element.\n *\n * @see https://yamada-ui.com/docs/components/fade\n */\nexport const Fade = withContext<\"div\", FadeProps>(\n  ({\n    delay,\n    duration,\n    open: openProp,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={fadeVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;AAgBA,MAAa,eAAyB;CACpC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,CAAC,OAAO;EACtE,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,MAAM,YAAY,KAAK,CAAC,CAAC,OAAO,QAAQ;EACrE,eAAe,eAAe;EAC9B,GAAG;CACL;CACA,OAAO,EAAE,OAAO,UAAU,MAAM,YAAY,kBAAkB,CAAC,OAAO;EACpE,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,IAAI,CAAC,CAAC,OAAO,QAAQ;EACnE,eAAe,eAAe;EAC9B,GAAG;CACL;AACF;AAKA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEC,yBAAAA,gBAAsC,QAAQC,mBAAAA,SAAS;;;;;;AAS3D,MAAa,OAAO,aACjB,EACC,OACA,UACA,MAAM,UACN,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,UAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;CACF,IACA;EAAC;EAAO;EAAU;EAAY;CAAa,CAC7C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;EACL,CAAA,IACC;CACW,CAAA;AAErB,CACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"fade.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/fade/fade.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const fadeStyle = defineComponentStyle({\n  base: {\n    w: \"full\",\n  },\n})\n\nexport type FadeStyle = typeof fadeStyle\n"],"mappings":";AAEA,MAAa,kDAAYA,EAAAA,qBAAqB,EAC5C,MAAM,EACJ,GAAG,OACL,EACF,CAAC"}
+{"version":3,"file":"fade.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/fade/fade.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const fadeStyle = defineComponentStyle({\n  base: {\n    w: \"full\",\n  },\n})\n\nexport type FadeStyle = typeof fadeStyle\n"],"mappings":";AAEA,MAAa,kDAAYA,CAAAA,CAAAA,qBAAqB,EAC5C,MAAM,EACJ,GAAG,OACL,EACF,CAAC"}

package/dist/cjs/components/fade-scale/fade-scale.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fade-scale.cjs","names":["createTransition","createComponent","fadeScaleStyle","AnimatePresence","motion"],"sources":["../../../../src/components/fade-scale/fade-scale.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { FadeScaleStyle } from \"./fade-scale.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { fadeScaleStyle } from \"./fade-scale.style\"\n\nexport const fadeScaleVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    scale: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    reverse,\n    scale,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    ...(reverse\n      ? { scale, transitionEnd: transitionEnd?.exit }\n      : { transitionEnd: { scale, ...transitionEnd?.exit } }),\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface FadeScaleProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<FadeScaleStyle> {\n  /**\n   * If `true`, the element will transition back to exit state.\n   *\n   * @default true\n   */\n  reverse?: boolean\n  /**\n   * The initial scale of the element.\n   *\n   * @default 0.95\n   */\n  scale?: number\n}\n\nconst {\n  PropsContext: FadeScalePropsContext,\n  usePropsContext: useFadeScalePropsContext,\n  withContext,\n} = createComponent<FadeScaleProps, FadeScaleStyle>(\n  \"fade-scale\",\n  fadeScaleStyle,\n)\n\nexport { FadeScalePropsContext, useFadeScalePropsContext }\n\n/**\n * `FadeScale` is a component that gradually scales up to reveal or scales down to hide an element.\n *\n * @see https://yamada-ui.com/docs/components/fade-scale\n */\nexport const FadeScale = withContext<\"div\", FadeScaleProps>(\n  ({\n    delay,\n    duration,\n    open: openProp,\n    reverse = true,\n    scale = 0.95,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        reverse,\n        scale,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, reverse, scale, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={fadeScaleVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;AAgBA,MAAa,oBAA8B;CACzC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,CAAC,OAAO;EACtE,SAAS;EACT,OAAO;EACP,YAAYA,mBAAAA,iBAAiB,MAAM,YAAY,KAAK,EAAE,OAAO,QAAQ;EACrE,eAAe,eAAe;EAC9B,GAAG;CACL;CACA,OAAO,EACL,OACA,UACA,MACA,SACA,OACA,YACA,kBACE,CAAC,OAAO;EACV,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,IAAI,EAAE,OAAO,QAAQ;EACnE,GAAI,UACA;GAAE;GAAO,eAAe,eAAe;EAAK,IAC5C,EAAE,eAAe;GAAE;GAAO,GAAG,eAAe;EAAK,EAAE;EACvD,GAAG;CACL;AACF;AAkBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEC,yBAAAA,gBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,YAAY,aACtB,EACC,OACA,UACA,MAAM,UACN,UAAU,MACV,QAAQ,KACR,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,UAAA,GAAA,MAAA,gBACG;EACL;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAO;EAAU;EAAS;EAAO;EAAY;CAAa,CAC7D;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;EACL,CAAA,IACC;CACW,CAAA;AAErB,CACF,EAAE"}
+{"version":3,"file":"fade-scale.cjs","names":["createTransition","createComponent","fadeScaleStyle","AnimatePresence","motion"],"sources":["../../../../src/components/fade-scale/fade-scale.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Variants } from \"motion/react\"\nimport type { ThemeProps } from \"../../core\"\nimport type {\n  HTMLMotionProps,\n  MotionTransitionVariants,\n  WithTransitionProps,\n} from \"../motion\"\nimport type { FadeScaleStyle } from \"./fade-scale.style\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { createTransition, motion } from \"../motion\"\nimport { fadeScaleStyle } from \"./fade-scale.style\"\n\nexport const fadeScaleVariants: Variants = {\n  enter: ({ delay, duration, enter, transition, transitionEnd } = {}) => ({\n    opacity: 1,\n    scale: 1,\n    transition: createTransition.enter(transition?.enter)(delay, duration),\n    transitionEnd: transitionEnd?.enter,\n    ...enter,\n  }),\n  exit: ({\n    delay,\n    duration,\n    exit,\n    reverse,\n    scale,\n    transition,\n    transitionEnd,\n  } = {}) => ({\n    opacity: 0,\n    transition: createTransition.exit(transition?.exit)(delay, duration),\n    ...(reverse\n      ? { scale, transitionEnd: transitionEnd?.exit }\n      : { transitionEnd: { scale, ...transitionEnd?.exit } }),\n    ...exit,\n  }),\n} satisfies MotionTransitionVariants\n\nexport interface FadeScaleProps\n  extends WithTransitionProps<HTMLMotionProps>, ThemeProps<FadeScaleStyle> {\n  /**\n   * If `true`, the element will transition back to exit state.\n   *\n   * @default true\n   */\n  reverse?: boolean\n  /**\n   * The initial scale of the element.\n   *\n   * @default 0.95\n   */\n  scale?: number\n}\n\nconst {\n  PropsContext: FadeScalePropsContext,\n  usePropsContext: useFadeScalePropsContext,\n  withContext,\n} = createComponent<FadeScaleProps, FadeScaleStyle>(\n  \"fade-scale\",\n  fadeScaleStyle,\n)\n\nexport { FadeScalePropsContext, useFadeScalePropsContext }\n\n/**\n * `FadeScale` is a component that gradually scales up to reveal or scales down to hide an element.\n *\n * @see https://yamada-ui.com/docs/components/fade-scale\n */\nexport const FadeScale = withContext<\"div\", FadeScaleProps>(\n  ({\n    delay,\n    duration,\n    open: openProp,\n    reverse = true,\n    scale = 0.95,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const animate = openProp || unmountOnExit ? \"enter\" : \"exit\"\n    const open = unmountOnExit ? openProp && unmountOnExit : true\n\n    const custom = useMemo(\n      () => ({\n        delay,\n        duration,\n        reverse,\n        scale,\n        transition,\n        transitionEnd,\n      }),\n      [delay, duration, reverse, scale, transition, transitionEnd],\n    )\n\n    return (\n      <AnimatePresence custom={custom}>\n        {open ? (\n          <motion.div\n            animate={animate}\n            custom={custom}\n            exit=\"exit\"\n            initial=\"exit\"\n            variants={fadeScaleVariants}\n            {...rest}\n          />\n        ) : null}\n      </AnimatePresence>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;AAgBA,MAAa,oBAA8B;CACzC,QAAQ,EAAE,OAAO,UAAU,OAAO,YAAY,kBAAkB,CAAC,OAAO;EACtE,SAAS;EACT,OAAO;EACP,YAAYA,mBAAAA,iBAAiB,MAAM,YAAY,KAAK,CAAC,CAAC,OAAO,QAAQ;EACrE,eAAe,eAAe;EAC9B,GAAG;CACL;CACA,OAAO,EACL,OACA,UACA,MACA,SACA,OACA,YACA,kBACE,CAAC,OAAO;EACV,SAAS;EACT,YAAYA,mBAAAA,iBAAiB,KAAK,YAAY,IAAI,CAAC,CAAC,OAAO,QAAQ;EACnE,GAAI,UACA;GAAE;GAAO,eAAe,eAAe;EAAK,IAC5C,EAAE,eAAe;GAAE;GAAO,GAAG,eAAe;EAAK,EAAE;EACvD,GAAG;CACL;AACF;AAkBA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,gBACEC,yBAAAA,gBACF,cACAC,yBAAAA,cACF;;;;;;AASA,MAAa,YAAY,aACtB,EACC,OACA,UACA,MAAM,UACN,UAAU,MACV,QAAQ,KACR,YACA,eACA,eACA,GAAG,WACC;CACJ,MAAM,UAAU,YAAY,gBAAgB,UAAU;CACtD,MAAM,OAAO,gBAAgB,YAAY,gBAAgB;CAEzD,MAAM,UAAA,GAAA,MAAA,QAAA,QACG;EACL;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EAAC;EAAO;EAAU;EAAS;EAAO;EAAY;CAAa,CAC7D;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,iBAAD;EAAyB;YACtB,OACC,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,KAAR;GACW;GACD;GACR,MAAK;GACL,SAAQ;GACR,UAAU;GACV,GAAI;EACL,CAAA,IACC;CACW,CAAA;AAErB,CACF,CAAC,CAAC"}

package/dist/cjs/components/fade-scale/fade-scale.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"fade-scale.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/fade-scale/fade-scale.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const fadeScaleStyle = defineComponentStyle({\n  base: {\n    w: \"full\",\n  },\n})\n\nexport type FadeScaleStyle = typeof fadeScaleStyle\n"],"mappings":";AAEA,MAAa,uDAAiBA,EAAAA,qBAAqB,EACjD,MAAM,EACJ,GAAG,OACL,EACF,CAAC"}
+{"version":3,"file":"fade-scale.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/fade-scale/fade-scale.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const fadeScaleStyle = defineComponentStyle({\n  base: {\n    w: \"full\",\n  },\n})\n\nexport type FadeScaleStyle = typeof fadeScaleStyle\n"],"mappings":";AAEA,MAAa,uDAAiBA,CAAAA,CAAAA,qBAAqB,EACjD,MAAM,EACJ,GAAG,OACL,EACF,CAAC"}

package/dist/cjs/components/field/field.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"field.cjs","names":["createContext","createSlotComponent","fieldStyle","useFormContext","useFieldsetContext","useSplitChildren","styled"],"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":"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"}
+{"version":3,"file":"field.cjs","names":["createContext","createSlotComponent","fieldStyle","useFormContext","useFieldsetContext","useSplitChildren","styled"],"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"field.style.cjs","names":["defineComponentSlotStyle"],"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,mDAAaA,EAAAA,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"}
+{"version":3,"file":"field.style.cjs","names":["defineComponentSlotStyle"],"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,mDAAaA,CAAAA,CAAAA,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/cjs/components/field/use-field-props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.cjs","names":["useEnvironment","useFormContext","useFieldsetContext","useFieldContext"],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n  id?: string\n  name?: string\n  notSupportReadOnly?: boolean\n  onBlur?: FocusEventHandler<Y>\n  onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n  {\n    id,\n    name,\n    \"aria-describedby\": ariaDescribedby,\n    disabled,\n    invalid,\n    notSupportReadOnly,\n    readOnly,\n    required,\n    onBlur,\n    onFocus,\n    ...rest\n  }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n  const { getDocument } = useEnvironment()\n  const formContext = useFormContext()\n  const fieldsetContext = useFieldsetContext()\n  const fieldContext = useFieldContext()\n  const [errorMessageId, setErrorMessageId] = useState<string | undefined>(\n    undefined,\n  )\n  const [helperMessageId, setHelperMessageId] = useState<string | undefined>(\n    undefined,\n  )\n\n  id ??= fieldContext?.id\n  disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n  required ??= fieldContext?.required ?? fieldsetContext?.required\n  readOnly ??= fieldContext?.readOnly ?? fieldsetContext?.readOnly\n  invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n  if (name) {\n    disabled ??= isObject(formContext?.disabled)\n      ? formContext.disabled[name]\n      : formContext?.disabled\n    required ??= isObject(formContext?.required)\n      ? formContext.required[name]\n      : formContext?.required\n    readOnly ??= isObject(formContext?.readOnly)\n      ? formContext.readOnly[name]\n      : formContext?.readOnly\n    invalid ??= isObject(formContext?.invalid)\n      ? formContext.invalid[name]\n      : formContext?.invalid\n  }\n\n  useSafeLayoutEffect(() => {\n    const hasErrorMessage =\n      !!fieldContext?.errorMessageId &&\n      !!getDocument()?.getElementById(fieldContext.errorMessageId)\n    const hasHelperMessage =\n      !!fieldContext?.helperMessageId &&\n      !!getDocument()?.getElementById(fieldContext.helperMessageId)\n\n    setErrorMessageId(\n      invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined,\n    )\n    setHelperMessageId(\n      (!fieldContext?.replace || !invalid) && hasHelperMessage\n        ? fieldContext.helperMessageId\n        : undefined,\n    )\n  }, [\n    fieldContext?.errorMessageId,\n    fieldContext?.helperMessageId,\n    fieldContext?.replace,\n    invalid,\n  ])\n\n  const props = useMemo(\n    () => ({\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      ...rest,\n    }),\n    [id, name, disabled, readOnly, required, rest],\n  )\n  const dataProps = useMemo(\n    () => ({\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-required\": dataAttr(required),\n    }),\n    [disabled, invalid, readOnly, required],\n  )\n  const ariaProps = useMemo(\n    () => ({\n      \"aria-describedby\":\n        ariaDescribedby ?? cx(errorMessageId, helperMessageId),\n      \"aria-disabled\": ariaAttr(\n        notSupportReadOnly ? readOnly || disabled : disabled,\n      ),\n      \"aria-invalid\": ariaAttr(invalid),\n      \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n      \"aria-required\": ariaAttr(required),\n    }),\n    [\n      errorMessageId,\n      helperMessageId,\n      ariaDescribedby,\n      notSupportReadOnly,\n      readOnly,\n      disabled,\n      invalid,\n      required,\n    ],\n  )\n  const eventProps = useMemo(\n    () => ({\n      onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n      onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n    }),\n    [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n  )\n\n  return {\n    context: fieldContext,\n    props,\n    ariaProps,\n    dataProps,\n    eventProps,\n  }\n}\n\nexport const resetFieldProps = {\n  disabled: false,\n  invalid: false,\n  readOnly: false,\n  required: false,\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-field-props.cjs","names":["useEnvironment","useFormContext","useFieldsetContext","useFieldContext"],"sources":["../../../../src/components/field/use-field-props.ts"],"sourcesContent":["\"use client\"\n\nimport type { FocusEventHandler } from \"react\"\nimport type { Dict } from \"../../utils\"\nimport type { FieldProps } from \"./field\"\nimport { useMemo, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  cx,\n  dataAttr,\n  handlerAll,\n  isObject,\n  useSafeLayoutEffect,\n} from \"../../utils\"\nimport { useFieldsetContext } from \"../fieldset\"\nimport { useFormContext } from \"../form\"\nimport { useFieldContext } from \"./field\"\n\nexport interface UseFieldProps<Y extends HTMLElement> extends FieldProps {\n  id?: string\n  name?: string\n  notSupportReadOnly?: boolean\n  onBlur?: FocusEventHandler<Y>\n  onFocus?: FocusEventHandler<Y>\n}\n\nexport const useFieldProps = <Y extends HTMLElement, M extends Dict>(\n  {\n    id,\n    name,\n    \"aria-describedby\": ariaDescribedby,\n    disabled,\n    invalid,\n    notSupportReadOnly,\n    readOnly,\n    required,\n    onBlur,\n    onFocus,\n    ...rest\n  }: M & UseFieldProps<Y> = {} as M & UseFieldProps<Y>,\n) => {\n  const { getDocument } = useEnvironment()\n  const formContext = useFormContext()\n  const fieldsetContext = useFieldsetContext()\n  const fieldContext = useFieldContext()\n  const [errorMessageId, setErrorMessageId] = useState<string | undefined>(\n    undefined,\n  )\n  const [helperMessageId, setHelperMessageId] = useState<string | undefined>(\n    undefined,\n  )\n\n  id ??= fieldContext?.id\n  disabled ??= fieldContext?.disabled ?? fieldsetContext?.disabled\n  required ??= fieldContext?.required ?? fieldsetContext?.required\n  readOnly ??= fieldContext?.readOnly ?? fieldsetContext?.readOnly\n  invalid ??= fieldContext?.invalid ?? fieldsetContext?.invalid\n\n  if (name) {\n    disabled ??= isObject(formContext?.disabled)\n      ? formContext.disabled[name]\n      : formContext?.disabled\n    required ??= isObject(formContext?.required)\n      ? formContext.required[name]\n      : formContext?.required\n    readOnly ??= isObject(formContext?.readOnly)\n      ? formContext.readOnly[name]\n      : formContext?.readOnly\n    invalid ??= isObject(formContext?.invalid)\n      ? formContext.invalid[name]\n      : formContext?.invalid\n  }\n\n  useSafeLayoutEffect(() => {\n    const hasErrorMessage =\n      !!fieldContext?.errorMessageId &&\n      !!getDocument()?.getElementById(fieldContext.errorMessageId)\n    const hasHelperMessage =\n      !!fieldContext?.helperMessageId &&\n      !!getDocument()?.getElementById(fieldContext.helperMessageId)\n\n    setErrorMessageId(\n      invalid && hasErrorMessage ? fieldContext.errorMessageId : undefined,\n    )\n    setHelperMessageId(\n      (!fieldContext?.replace || !invalid) && hasHelperMessage\n        ? fieldContext.helperMessageId\n        : undefined,\n    )\n  }, [\n    fieldContext?.errorMessageId,\n    fieldContext?.helperMessageId,\n    fieldContext?.replace,\n    invalid,\n  ])\n\n  const props = useMemo(\n    () => ({\n      id,\n      name,\n      disabled,\n      readOnly,\n      required,\n      ...rest,\n    }),\n    [id, name, disabled, readOnly, required, rest],\n  )\n  const dataProps = useMemo(\n    () => ({\n      \"data-disabled\": dataAttr(disabled),\n      \"data-invalid\": dataAttr(invalid),\n      \"data-readonly\": dataAttr(readOnly),\n      \"data-required\": dataAttr(required),\n    }),\n    [disabled, invalid, readOnly, required],\n  )\n  const ariaProps = useMemo(\n    () => ({\n      \"aria-describedby\":\n        ariaDescribedby ?? cx(errorMessageId, helperMessageId),\n      \"aria-disabled\": ariaAttr(\n        notSupportReadOnly ? readOnly || disabled : disabled,\n      ),\n      \"aria-invalid\": ariaAttr(invalid),\n      \"aria-readonly\": notSupportReadOnly ? undefined : ariaAttr(readOnly),\n      \"aria-required\": ariaAttr(required),\n    }),\n    [\n      errorMessageId,\n      helperMessageId,\n      ariaDescribedby,\n      notSupportReadOnly,\n      readOnly,\n      disabled,\n      invalid,\n      required,\n    ],\n  )\n  const eventProps = useMemo(\n    () => ({\n      onBlur: handlerAll(fieldContext?.onBlur, onBlur),\n      onFocus: handlerAll(fieldContext?.onFocus, onFocus),\n    }),\n    [fieldContext?.onBlur, fieldContext?.onFocus, onBlur, onFocus],\n  )\n\n  return {\n    context: fieldContext,\n    props,\n    ariaProps,\n    dataProps,\n    eventProps,\n  }\n}\n\nexport const resetFieldProps = {\n  disabled: false,\n  invalid: false,\n  readOnly: false,\n  required: false,\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"fieldset.cjs","names":["createContext","createSlotComponent","fieldsetStyle","useSplitChildren","styled","useFormContext"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, dataAttr, useSplitChildren } from \"../../utils\"\nimport { useFormContext } from \"../form\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\ninterface FieldsetContext extends Pick<\n  FieldsetRootProps,\n  \"disabled\" | \"invalid\" | \"readOnly\" | \"required\"\n> {\n  id?: string\n}\n\nconst [FieldsetContext, useFieldsetContext] = createContext<FieldsetContext>({\n  name: \"FieldsetContext\",\n  strict: false,\n})\n\nexport { FieldsetContext, useFieldsetContext }\n\nexport interface FieldsetRootProps\n  extends HTMLStyledProps<\"fieldset\">, ThemeProps<FieldsetStyle>, FieldProps {\n  /**\n   * The fieldset error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The fieldset helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The fieldset legend to use.\n   */\n  legend?: ReactNode\n  /**\n   * Props the content component.\n   */\n  contentProps?: FieldsetContentProps\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldsetErrorMessageProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FieldsetHeaderProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldsetHelperMessageProps\n  /**\n   * Props the legend component.\n   */\n  legendProps?: FieldsetLegendProps\n}\n\nconst {\n  PropsContext: FieldsetPropsContext,\n  usePropsContext: useFieldsetPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n  \"fieldset\",\n  fieldsetStyle,\n)\n\nexport { FieldsetPropsContext, useFieldsetPropsContext }\n\n/**\n * `Fieldset` is a component used to group multiple controls.\n *\n * @see https://yamada-ui.com/docs/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n  ({\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    legend,\n    readOnly,\n    required,\n    contentProps,\n    errorMessageProps,\n    headerProps,\n    helperMessageProps,\n    legendProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const [\n      omittedChildren,\n      customLegend,\n      customHeader,\n      customContent,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldsetLegend,\n      FieldsetHeader,\n      FieldsetContent,\n      FieldsetHelperMessage,\n      FieldsetErrorMessage,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        invalid,\n        readOnly,\n        required,\n      }),\n      [id, disabled, invalid, readOnly, required],\n    )\n\n    return (\n      <FieldsetContext value={context}>\n        <styled.fieldset aria-labelledby={cx(id, ariaLabelledBy)} {...rest}>\n          {customHeader || (\n            <FieldsetHeader {...headerProps}>\n              {customLegend ||\n                (legend ? (\n                  <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n                ) : null)}\n\n              {customHelperMessage ||\n                (helperMessage ? (\n                  <FieldsetHelperMessage {...helperMessageProps}>\n                    {helperMessage}\n                  </FieldsetHelperMessage>\n                ) : null)}\n            </FieldsetHeader>\n          )}\n\n          {customContent || (\n            <FieldsetContent {...contentProps}>\n              {omittedChildren}\n            </FieldsetContent>\n          )}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldsetErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldsetErrorMessage>\n            ) : null)}\n        </styled.fieldset>\n      </FieldsetContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const { size, variant } = useFormContext() ?? {}\n\n  return { size, variant, ...props }\n})\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n  \"legend\",\n  \"legend\",\n)(undefined, (props) => {\n  const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n  return {\n    id,\n    \"data-disabled\": dataAttr(disabled),\n    \"data-invalid\": dataAttr(invalid),\n    ...props,\n  }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n  \"div\",\n  \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n  \"span\",\n  FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n  const { id } = useFieldsetContext() ?? {}\n\n  return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n  \"span\",\n  FieldsetErrorMessageProps\n>((props) => {\n  const { invalid } = useFieldsetContext() ?? {}\n\n  return (\n    <styled.span\n      aria-live={invalid ? \"polite\" : undefined}\n      hidden={!invalid}\n      {...props}\n    />\n  )\n}, \"errorMessage\")()\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,CAAC,iBAAiB,sBAAsBA,gBAAAA,cAA+B;CAC3E,MAAM;CACN,QAAQ;AACV,CAAC;AAwCD,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEC,yBAAAA,oBACF,YACAC,uBAAAA,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,QAAA,GAAA,MAAA,OAAa;CACnB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACEC,iBAAAA,iBACF,UACA,gBACA,gBACA,iBACA,uBACA,oBACF;CAEA,OAAO;CAaP,OACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EAAiB,QAAA,GAAA,MAAA,gBAXV;GACL;GACA;GACA;GACA;GACA;EACF,IACA;GAAC;GAAI;GAAU;GAAS;GAAU;EAAQ,CAIZ;YAC5B,iBAAA,GAAA,kBAAA,MAACC,gBAAAA,OAAO,UAAR;GAAiB,oBAAA,GAAA,oBAAA,cAAA,IAAoB,IAAI,cAAc;GAAG,GAAI;aAA9D;IACG,gBACC,iBAAA,GAAA,kBAAA,MAAC,gBAAD;KAAgB,GAAI;eAApB,CACG,iBACE,SACC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;MAAgB,GAAI;gBAAc;KAAuB,CAAA,IACvD,OAEL,wBACE,gBACC,iBAAA,GAAA,kBAAA,KAAC,uBAAD;MAAuB,GAAI;gBACxB;KACoB,CAAA,IACrB,KACQ;;IAGjB,iBACC,iBAAA,GAAA,kBAAA,KAAC,iBAAD;KAAiB,GAAI;eAClB;IACc,CAAA;IAGlB,uBACE,eACC,iBAAA,GAAA,kBAAA,KAAC,sBAAD;KAAsB,GAAI;eACvB;IACmB,CAAA,IACpB;GACS;;CACF,CAAA;AAErB,GACA,MACF,GAAG,UAAU;CACX,MAAM,EAAE,MAAM,YAAYC,aAAAA,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,oBAAA,cAAA,UAA0B,QAAQ;EAClC,iBAAA,GAAA,oBAAA,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,iBAAA,GAAA,kBAAA,KAACD,gBAAAA,OAAO,MAAR;EACE,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;CACL,CAAA;AAEL,GAAG,cAAc,EAAE"}
+{"version":3,"file":"fieldset.cjs","names":["createContext","createSlotComponent","fieldsetStyle","useSplitChildren","styled","useFormContext"],"sources":["../../../../src/components/fieldset/fieldset.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { FieldsetStyle } from \"./fieldset.style\"\nimport { useId, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { createContext, cx, dataAttr, useSplitChildren } from \"../../utils\"\nimport { useFormContext } from \"../form\"\nimport { fieldsetStyle } from \"./fieldset.style\"\n\ninterface FieldsetContext extends Pick<\n  FieldsetRootProps,\n  \"disabled\" | \"invalid\" | \"readOnly\" | \"required\"\n> {\n  id?: string\n}\n\nconst [FieldsetContext, useFieldsetContext] = createContext<FieldsetContext>({\n  name: \"FieldsetContext\",\n  strict: false,\n})\n\nexport { FieldsetContext, useFieldsetContext }\n\nexport interface FieldsetRootProps\n  extends HTMLStyledProps<\"fieldset\">, ThemeProps<FieldsetStyle>, FieldProps {\n  /**\n   * The fieldset error message to use.\n   */\n  errorMessage?: ReactNode\n  /**\n   * The fieldset helper message to use.\n   */\n  helperMessage?: ReactNode\n  /**\n   * The fieldset legend to use.\n   */\n  legend?: ReactNode\n  /**\n   * Props the content component.\n   */\n  contentProps?: FieldsetContentProps\n  /**\n   * Props the error message component.\n   */\n  errorMessageProps?: FieldsetErrorMessageProps\n  /**\n   * Props the header component.\n   */\n  headerProps?: FieldsetHeaderProps\n  /**\n   * Props the helper message component.\n   */\n  helperMessageProps?: FieldsetHelperMessageProps\n  /**\n   * Props the legend component.\n   */\n  legendProps?: FieldsetLegendProps\n}\n\nconst {\n  PropsContext: FieldsetPropsContext,\n  usePropsContext: useFieldsetPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<FieldsetRootProps, FieldsetStyle, FieldsetContext>(\n  \"fieldset\",\n  fieldsetStyle,\n)\n\nexport { FieldsetPropsContext, useFieldsetPropsContext }\n\n/**\n * `Fieldset` is a component used to group multiple controls.\n *\n * @see https://yamada-ui.com/docs/components/fieldset\n */\nexport const FieldsetRoot = withProvider<\"fieldset\", FieldsetRootProps>(\n  ({\n    id,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    disabled,\n    errorMessage,\n    helperMessage,\n    invalid,\n    legend,\n    readOnly,\n    required,\n    contentProps,\n    errorMessageProps,\n    headerProps,\n    helperMessageProps,\n    legendProps,\n    ...rest\n  }) => {\n    const uuid = useId()\n    const [\n      omittedChildren,\n      customLegend,\n      customHeader,\n      customContent,\n      customHelperMessage,\n      customErrorMessage,\n    ] = useSplitChildren(\n      children,\n      FieldsetLegend,\n      FieldsetHeader,\n      FieldsetContent,\n      FieldsetHelperMessage,\n      FieldsetErrorMessage,\n    )\n\n    id ??= uuid\n\n    const context = useMemo(\n      () => ({\n        id,\n        disabled,\n        invalid,\n        readOnly,\n        required,\n      }),\n      [id, disabled, invalid, readOnly, required],\n    )\n\n    return (\n      <FieldsetContext value={context}>\n        <styled.fieldset aria-labelledby={cx(id, ariaLabelledBy)} {...rest}>\n          {customHeader || (\n            <FieldsetHeader {...headerProps}>\n              {customLegend ||\n                (legend ? (\n                  <FieldsetLegend {...legendProps}>{legend}</FieldsetLegend>\n                ) : null)}\n\n              {customHelperMessage ||\n                (helperMessage ? (\n                  <FieldsetHelperMessage {...helperMessageProps}>\n                    {helperMessage}\n                  </FieldsetHelperMessage>\n                ) : null)}\n            </FieldsetHeader>\n          )}\n\n          {customContent || (\n            <FieldsetContent {...contentProps}>\n              {omittedChildren}\n            </FieldsetContent>\n          )}\n\n          {customErrorMessage ||\n            (errorMessage ? (\n              <FieldsetErrorMessage {...errorMessageProps}>\n                {errorMessage}\n              </FieldsetErrorMessage>\n            ) : null)}\n        </styled.fieldset>\n      </FieldsetContext>\n    )\n  },\n  \"root\",\n)((props) => {\n  const { size, variant } = useFormContext() ?? {}\n\n  return { size, variant, ...props }\n})\n\nexport interface FieldsetLegendProps extends HTMLStyledProps<\"legend\"> {}\n\nexport const FieldsetLegend = withContext<\"legend\", FieldsetLegendProps>(\n  \"legend\",\n  \"legend\",\n)(undefined, (props) => {\n  const { id, disabled, invalid } = useFieldsetContext() ?? {}\n\n  return {\n    id,\n    \"data-disabled\": dataAttr(disabled),\n    \"data-invalid\": dataAttr(invalid),\n    ...props,\n  }\n})\n\nexport interface FieldsetHeaderProps extends HTMLStyledProps {}\n\nexport const FieldsetHeader = withContext<\"div\", FieldsetHeaderProps>(\n  \"div\",\n  \"header\",\n)()\n\nexport interface FieldsetContentProps extends HTMLStyledProps {}\n\nexport const FieldsetContent = withContext<\"div\", FieldsetContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface FieldsetHelperMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetHelperMessage = withContext<\n  \"span\",\n  FieldsetHelperMessageProps\n>(\"span\", \"helperMessage\")(undefined, (props) => {\n  const { id } = useFieldsetContext() ?? {}\n\n  return { \"aria-describedby\": id, ...props }\n})\n\nexport interface FieldsetErrorMessageProps extends HTMLStyledProps<\"span\"> {}\n\nexport const FieldsetErrorMessage = withContext<\n  \"span\",\n  FieldsetErrorMessageProps\n>((props) => {\n  const { invalid } = useFieldsetContext() ?? {}\n\n  return (\n    <styled.span\n      aria-live={invalid ? \"polite\" : undefined}\n      hidden={!invalid}\n      {...props}\n    />\n  )\n}, \"errorMessage\")()\n"],"mappings":";;;;;;;;;;;AAmBA,MAAM,CAAC,iBAAiB,sBAAsBA,gBAAAA,cAA+B;CAC3E,MAAM;CACN,QAAQ;AACV,CAAC;AAwCD,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,aACA,iBACEC,yBAAAA,oBACF,YACAC,uBAAAA,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,QAAA,GAAA,MAAA,MAAA,CAAa;CACnB,MAAM,CACJ,iBACA,cACA,cACA,eACA,qBACA,sBACEC,iBAAAA,iBACF,UACA,gBACA,gBACA,iBACA,uBACA,oBACF;CAEA,OAAO;CAaP,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;EAAiB,QAAA,GAAA,MAAA,QAAA,QAXV;GACL;GACA;GACA;GACA;GACA;EACF,IACA;GAAC;GAAI;GAAU;GAAS;GAAU;EAAQ,CAIZ;YAC5B,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,UAAR;GAAiB,oBAAA,GAAA,oBAAA,cAAA,GAAA,CAAoB,IAAI,cAAc;GAAG,GAAI;aAA9D;IACG,gBACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,gBAAD;KAAgB,GAAI;eAApB,CACG,iBACE,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;MAAgB,GAAI;gBAAc;KAAuB,CAAA,IACvD,OAEL,wBACE,gBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;MAAuB,GAAI;gBACxB;KACoB,CAAA,IACrB,KACQ;;IAGjB,iBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAD;KAAiB,GAAI;eAClB;IACc,CAAA;IAGlB,uBACE,eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD;KAAsB,GAAI;eACvB;IACmB,CAAA,IACpB;GACS;;CACF,CAAA;AAErB,GACA,MACF,CAAC,EAAE,UAAU;CACX,MAAM,EAAE,MAAM,YAAYC,aAAAA,eAAe,KAAK,CAAC;CAE/C,OAAO;EAAE;EAAM;EAAS,GAAG;CAAM;AACnC,CAAC;AAID,MAAa,iBAAiB,YAC5B,UACA,QACF,CAAC,CAAC,KAAA,IAAY,UAAU;CACtB,MAAM,EAAE,IAAI,UAAU,YAAY,mBAAmB,KAAK,CAAC;CAE3D,OAAO;EACL;EACA,kBAAA,GAAA,oBAAA,cAAA,SAAA,CAA0B,QAAQ;EAClC,iBAAA,GAAA,oBAAA,cAAA,SAAA,CAAyB,OAAO;EAChC,GAAG;CACL;AACF,CAAC;AAID,MAAa,iBAAiB,YAC5B,OACA,QACF,CAAC,CAAC;AAIF,MAAa,kBAAkB,YAC7B,OACA,SACF,CAAC,CAAC;AAIF,MAAa,wBAAwB,YAGnC,QAAQ,eAAe,CAAC,CAAC,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,iBAAA,GAAA,kBAAA,IAAA,CAACD,gBAAAA,OAAO,MAAR;EACE,aAAW,UAAU,WAAW,KAAA;EAChC,QAAQ,CAAC;EACT,GAAI;CACL,CAAA;AAEL,GAAG,cAAc,CAAC,CAAC"}

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

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