@yamada-ui/react 2.2.2-dev-20260525083850 → 2.2.2-dev-20260525150310

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

@@ -1 +1 @@
-{"version":3,"file":"tag.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tag/tag.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tagStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      alignItems: \"center\",\n      color: \"currentcolor\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      justifyContent: \"center\",\n      rounded: \"full\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      _hover: {\n        layerStyle: \"hover\",\n      },\n      _active: {\n        layerStyle: \"active\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    content: {\n      lineClamp: 1,\n    },\n    endIcon: {},\n    icon: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      gap: \"1\",\n      maxW: \"full\",\n      rounded: \"l2\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n    startIcon: {},\n  },\n\n  props: {\n    /**\n     * If `true`, the tag is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: { root: { rounded: \"full\" } },\n    },\n  },\n\n  variants: {\n    outline: {\n      root: {\n        layerStyle: \"outline\",\n      },\n    },\n    plain: {\n      root: {\n        borderColor: \"transparent\",\n        borderWidth: \"1px\",\n      },\n    },\n    solid: {\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.5}\",\n        minH: \"5\",\n        minW: \"5\",\n        px: \"1.5\",\n      },\n    },\n    md: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.6}\",\n        minH: \"6\",\n        minW: \"6\",\n        px: \"2\",\n      },\n    },\n    lg: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.7}\",\n        minH: \"7\",\n        minW: \"7\",\n        px: \"2.5\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n})\n\nexport type TagStyle = typeof tagStyle\n"],"mappings":";AAEA,MAAa,kDAAWA,CAAAA,yBAAyB;CAC/C,MAAM;EACJ,aAAa;GACX,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,QAAQ,EACN,YAAY,SACb;GACD,SAAS,EACP,YAAY,UACb;GACD,WAAW,EACT,YAAY,YACb;GACF;EACD,SAAS,EACP,WAAW,GACZ;EACD,SAAS,EAAE;EACX,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;GACjB;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,YAAY;GACZ,eAAe;GAChB;EACD,WAAW,EAAE;EACd;CAED,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,MAAM,EAAE,SAAS,QAAQ,EAAE,EACpC,EACF;CAED,UAAU;EACR,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACD,OAAO,EACL,MAAM;GACJ,aAAa;GACb,aAAa;GACd,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,QAAQ,EACN,MAAM,EACJ,YAAY,UACb,EACF;EACD,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACD,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACD,IAAI;GACF,SAAS,EACP,UAAU,UACX;GACD,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;IACL;GACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"tag.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tag/tag.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tagStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      alignItems: \"center\",\n      color: \"currentcolor\",\n      cursor: \"pointer\",\n      display: \"inline-flex\",\n      justifyContent: \"center\",\n      rounded: \"full\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      _hover: {\n        layerStyle: \"hover\",\n      },\n      _active: {\n        layerStyle: \"active\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    content: {\n      lineClamp: 1,\n    },\n    endIcon: {},\n    icon: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      flexShrink: 0,\n      justifyContent: \"center\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      gap: \"1\",\n      maxW: \"full\",\n      rounded: \"l2\",\n      userSelect: \"none\",\n      verticalAlign: \"top\",\n    },\n    startIcon: {},\n  },\n\n  props: {\n    /**\n     * If `true`, the tag is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: { root: { rounded: \"full\" } },\n    },\n  },\n\n  variants: {\n    outline: {\n      root: {\n        layerStyle: \"outline\",\n      },\n    },\n    plain: {\n      root: {\n        borderColor: \"transparent\",\n        borderWidth: \"1px\",\n      },\n    },\n    solid: {\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"xs\",\n        lineHeight: \"{sizes.5}\",\n        minH: \"5\",\n        minW: \"5\",\n        px: \"1.5\",\n      },\n    },\n    md: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"sm\",\n        lineHeight: \"{sizes.6}\",\n        minH: \"6\",\n        minW: \"6\",\n        px: \"2\",\n      },\n    },\n    lg: {\n      element: {\n        fontSize: \"1.25em\",\n      },\n      root: {\n        fontSize: \"md\",\n        lineHeight: \"{sizes.7}\",\n        minH: \"7\",\n        minW: \"7\",\n        px: \"2.5\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n})\n\nexport type TagStyle = typeof tagStyle\n"],"mappings":";AAEA,MAAa,iDAAWA,EAAAA,yBAAyB;CAC/C,MAAM;EACJ,aAAa;GACX,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,QAAQ,EACN,YAAY,QACd;GACA,SAAS,EACP,YAAY,SACd;GACA,WAAW,EACT,YAAY,WACd;EACF;EACA,SAAS,EACP,WAAW,EACb;EACA,SAAS,CAAC;EACV,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,gBAAgB;EAClB;EACA,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,KAAK;GACL,MAAM;GACN,SAAS;GACT,YAAY;GACZ,eAAe;EACjB;EACA,WAAW,CAAC;CACd;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EAAE,MAAM,EAAE,SAAS,OAAO,EAAE,EACpC,EACF;CAEA,UAAU;EACR,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;EACA,OAAO,EACL,MAAM;GACJ,aAAa;GACb,aAAa;EACf,EACF;EACA,OAAO,EACL,MAAM,EACJ,YAAY,QACd,EACF;EACA,QAAQ,EACN,MAAM,EACJ,YAAY,SACd,EACF;EACA,SAAS,EACP,MAAM,EACJ,YAAY,UACd,EACF;CACF;CAEA,OAAO;EACL,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;EACA,IAAI;GACF,SAAS,EACP,UAAU,SACZ;GACA,MAAM;IACJ,UAAU;IACV,YAAY;IACZ,MAAM;IACN,MAAM;IACN,IAAI;GACN;EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/cjs/components/text/text.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.cjs","names":["createComponent","textStyle"],"sources":["../../../../src/components/text/text.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TextStyle } from \"./text.style\"\nimport { createComponent } from \"../../core\"\nimport { textStyle } from \"./text.style\"\n\nexport interface TextProps extends HTMLStyledProps<\"p\">, ThemeProps<TextStyle> {\n  /**\n   * The CSS `text-align` property.\n   */\n  align?: CSSProps[\"textAlign\"]\n  /**\n   * The CSS `text-transform` property.\n   */\n  casing?: CSSProps[\"textTransform\"]\n  /**\n   * The CSS `text-decoration` property.\n   */\n  decoration?: CSSProps[\"textDecoration\"]\n}\n\nconst {\n  PropsContext: TextPropsContext,\n  usePropsContext: useTextPropsContext,\n  withContext,\n} = createComponent<TextProps, TextStyle>(\"text\", textStyle)\n\nexport { TextPropsContext, useTextPropsContext }\n\n/**\n * `Text` is a component that represents a paragraph of text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/text\n */\nexport const Text = withContext(\"p\")(\n  undefined,\n  ({\n    align: textAlign,\n    casing: textTransform,\n    decoration: textDecoration,\n    ...rest\n  }) => ({\n    textAlign,\n    textDecoration,\n    textTransform,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;AAsBA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,IAAI,CAClC,KAAA,IACC,EACC,OAAO,WACP,QAAQ,eACR,YAAY,gBACZ,GAAG,YACE;CACL;CACA;CACA;CACA,GAAG;CACJ,EACF"}
+{"version":3,"file":"text.cjs","names":["createComponent","textStyle"],"sources":["../../../../src/components/text/text.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TextStyle } from \"./text.style\"\nimport { createComponent } from \"../../core\"\nimport { textStyle } from \"./text.style\"\n\nexport interface TextProps extends HTMLStyledProps<\"p\">, ThemeProps<TextStyle> {\n  /**\n   * The CSS `text-align` property.\n   */\n  align?: CSSProps[\"textAlign\"]\n  /**\n   * The CSS `text-transform` property.\n   */\n  casing?: CSSProps[\"textTransform\"]\n  /**\n   * The CSS `text-decoration` property.\n   */\n  decoration?: CSSProps[\"textDecoration\"]\n}\n\nconst {\n  PropsContext: TextPropsContext,\n  usePropsContext: useTextPropsContext,\n  withContext,\n} = createComponent<TextProps, TextStyle>(\"text\", textStyle)\n\nexport { TextPropsContext, useTextPropsContext }\n\n/**\n * `Text` is a component that represents a paragraph of text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/text\n */\nexport const Text = withContext(\"p\")(\n  undefined,\n  ({\n    align: textAlign,\n    casing: textTransform,\n    decoration: textDecoration,\n    ...rest\n  }) => ({\n    textAlign,\n    textDecoration,\n    textTransform,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;AAsBA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACEA,yBAAAA,gBAAsC,QAAQC,mBAAAA,SAAS;;;;;;AAS3D,MAAa,OAAO,YAAY,GAAG,EACjC,KAAA,IACC,EACC,OAAO,WACP,QAAQ,eACR,YAAY,gBACZ,GAAG,YACE;CACL;CACA;CACA;CACA,GAAG;AACL,EACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"text.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/text/text.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const textStyle = defineComponentStyle({})\n\nexport type TextStyle = typeof textStyle\n"],"mappings":";AAEA,MAAa,mDAAYA,CAAAA,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"text.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/text/text.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const textStyle = defineComponentStyle({})\n\nexport type TextStyle = typeof textStyle\n"],"mappings":";AAEA,MAAa,kDAAYA,EAAAA,qBAAqB,CAAC,CAAC"}

package/dist/cjs/components/textarea/textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.cjs","names":["createComponent","textareaStyle","useInputPropsContext","useFieldProps","useTextarea","useInputBorder"],"sources":["../../../../src/components/textarea/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { TextareaStyle } from \"./textarea.style\"\nimport type { UseTextareaProps } from \"./use-textarea\"\nimport { createComponent } from \"../../core\"\nimport { useFieldProps } from \"../field\"\nimport { useInputBorder, useInputPropsContext } from \"../input\"\nimport { textareaStyle } from \"./textarea.style\"\nimport { useTextarea } from \"./use-textarea\"\n\nexport interface TextareaProps\n  extends\n    HTMLStyledProps<\"textarea\">,\n    ThemeProps<TextareaStyle>,\n    UseInputBorderProps,\n    FieldProps,\n    UseTextareaProps {}\n\nconst {\n  PropsContext: TextareaPropsContext,\n  usePropsContext: useTextareaPropsContext,\n  withContext,\n} = createComponent<TextareaProps, TextareaStyle>(\"textarea\", textareaStyle)\n\nexport { TextareaPropsContext, useTextareaPropsContext }\n\n/**\n * `Textarea` is a component used to obtain multi-line text input.\n *\n * @see https://yamada-ui.com/docs/components/textarea\n */\nexport const Textarea = withContext(\"textarea\")(\n  (props) => {\n    const context = useInputPropsContext()\n\n    return { rows: 2, ...context, ...props }\n  },\n  (props) => {\n    const {\n      props: { errorBorderColor, focusBorderColor, ...rest },\n      ariaProps,\n      dataProps,\n      eventProps,\n    } = useFieldProps(props)\n    const { getTextareaProps } = useTextarea({\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...rest,\n    })\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return {\n      ...varProps,\n      ...getTextareaProps(),\n    }\n  },\n)\n"],"mappings":";;;;;;;;AAqBA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,YAAYC,uBAAAA,cAAc;;;;;;AAS5E,MAAa,WAAW,YAAY,WAAW,EAC5C,UAAU;CAGT,OAAO;EAAE,MAAM;EAAG,GAFFC,cAAAA,sBAEY;EAAE,GAAG;EAAO;IAEzC,UAAU;CACT,MAAM,EACJ,OAAO,EAAE,kBAAkB,kBAAkB,GAAG,QAChD,WACA,WACA,eACEC,wBAAAA,cAAc,MAAM;CACxB,MAAM,EAAE,qBAAqBC,qBAAAA,YAAY;EACvC,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACJ,CAAC;CAGF,OAAO;EACL,GAHeC,yBAAAA,eAAe;GAAE;GAAkB;GAAkB,CAGzD;EACX,GAAG,kBAAkB;EACtB;EAEJ"}
+{"version":3,"file":"textarea.cjs","names":["createComponent","textareaStyle","useInputPropsContext","useFieldProps","useTextarea","useInputBorder"],"sources":["../../../../src/components/textarea/textarea.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { TextareaStyle } from \"./textarea.style\"\nimport type { UseTextareaProps } from \"./use-textarea\"\nimport { createComponent } from \"../../core\"\nimport { useFieldProps } from \"../field\"\nimport { useInputBorder, useInputPropsContext } from \"../input\"\nimport { textareaStyle } from \"./textarea.style\"\nimport { useTextarea } from \"./use-textarea\"\n\nexport interface TextareaProps\n  extends\n    HTMLStyledProps<\"textarea\">,\n    ThemeProps<TextareaStyle>,\n    UseInputBorderProps,\n    FieldProps,\n    UseTextareaProps {}\n\nconst {\n  PropsContext: TextareaPropsContext,\n  usePropsContext: useTextareaPropsContext,\n  withContext,\n} = createComponent<TextareaProps, TextareaStyle>(\"textarea\", textareaStyle)\n\nexport { TextareaPropsContext, useTextareaPropsContext }\n\n/**\n * `Textarea` is a component used to obtain multi-line text input.\n *\n * @see https://yamada-ui.com/docs/components/textarea\n */\nexport const Textarea = withContext(\"textarea\")(\n  (props) => {\n    const context = useInputPropsContext()\n\n    return { rows: 2, ...context, ...props }\n  },\n  (props) => {\n    const {\n      props: { errorBorderColor, focusBorderColor, ...rest },\n      ariaProps,\n      dataProps,\n      eventProps,\n    } = useFieldProps(props)\n    const { getTextareaProps } = useTextarea({\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      ...rest,\n    })\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n\n    return {\n      ...varProps,\n      ...getTextareaProps(),\n    }\n  },\n)\n"],"mappings":";;;;;;;;AAqBA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yBAAAA,gBAA8C,YAAYC,uBAAAA,aAAa;;;;;;AAS3E,MAAa,WAAW,YAAY,UAAU,GAC3C,UAAU;CAGT,OAAO;EAAE,MAAM;EAAG,GAFFC,cAAAA,qBAEW;EAAG,GAAG;CAAM;AACzC,IACC,UAAU;CACT,MAAM,EACJ,OAAO,EAAE,kBAAkB,kBAAkB,GAAG,QAChD,WACA,WACA,eACEC,wBAAAA,cAAc,KAAK;CACvB,MAAM,EAAE,qBAAqBC,qBAAAA,YAAY;EACvC,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;CACL,CAAC;CAGD,OAAO;EACL,GAHeC,yBAAAA,eAAe;GAAE;GAAkB;EAAiB,CAGzD;EACV,GAAG,iBAAiB;CACtB;AACF,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.style.cjs","names":["defineComponentStyle","inputStyle","getInputPaddingStartResetStyle","getInputPaddingEndResetStyle"],"sources":["../../../../src/components/textarea/textarea.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport {\n  getInputPaddingEndResetStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const textareaStyle = defineComponentStyle({\n  base: {\n    ...inputStyle.base,\n    resize: \"vertical\",\n  },\n\n  variants: {\n    filled: inputStyle.variants?.filled,\n    flushed: inputStyle.variants?.flushed,\n    outline: inputStyle.variants?.outline,\n    plain: inputStyle.variants?.plain,\n  },\n\n  sizes: {\n    xs: {\n      ...inputStyle.sizes?.xs,\n      py: \"{--space-y}\",\n    },\n    sm: {\n      ...inputStyle.sizes?.sm,\n      py: \"{--space-y}\",\n    },\n    md: {\n      ...inputStyle.sizes?.md,\n      py: \"{--space-y}\",\n    },\n    lg: {\n      ...inputStyle.sizes?.lg,\n      py: \"{--space-y}\",\n    },\n    xl: {\n      ...inputStyle.sizes?.xl,\n      py: \"{--space-y}\",\n    },\n    \"2xl\": {\n      ...inputStyle.sizes?.[\"2xl\"],\n      py: \"{--space-y}\",\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        ...getInputPaddingStartResetStyle(),\n        ...getInputPaddingEndResetStyle(),\n      },\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type TextareaStyle = typeof textareaStyle\n"],"mappings":";;;AAOA,MAAa,gBAAgBA,eAAAA,qBAAqB;CAChD,MAAM;EACJ,GAAGC,oBAAAA,WAAW;EACd,QAAQ;EACT;CAED,UAAU;EACR,QAAQA,oBAAAA,WAAW,UAAU;EAC7B,SAASA,oBAAAA,WAAW,UAAU;EAC9B,SAASA,oBAAAA,WAAW,UAAU;EAC9B,OAAOA,oBAAAA,WAAW,UAAU;EAC7B;CAED,OAAO;EACL,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;GACL;EACD,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;GACL;EACD,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;GACL;EACD,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;GACL;EACD,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;GACL;EACD,OAAO;GACL,GAAGA,oBAAAA,WAAW,QAAQ;GACtB,IAAI;GACL;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAGC,oBAAAA,gCAAgC;GACnC,GAAGC,oBAAAA,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"textarea.style.cjs","names":["defineComponentStyle","inputStyle","getInputPaddingStartResetStyle","getInputPaddingEndResetStyle"],"sources":["../../../../src/components/textarea/textarea.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\nimport {\n  getInputPaddingEndResetStyle,\n  getInputPaddingStartResetStyle,\n  inputStyle,\n} from \"../input\"\n\nexport const textareaStyle = defineComponentStyle({\n  base: {\n    ...inputStyle.base,\n    resize: \"vertical\",\n  },\n\n  variants: {\n    filled: inputStyle.variants?.filled,\n    flushed: inputStyle.variants?.flushed,\n    outline: inputStyle.variants?.outline,\n    plain: inputStyle.variants?.plain,\n  },\n\n  sizes: {\n    xs: {\n      ...inputStyle.sizes?.xs,\n      py: \"{--space-y}\",\n    },\n    sm: {\n      ...inputStyle.sizes?.sm,\n      py: \"{--space-y}\",\n    },\n    md: {\n      ...inputStyle.sizes?.md,\n      py: \"{--space-y}\",\n    },\n    lg: {\n      ...inputStyle.sizes?.lg,\n      py: \"{--space-y}\",\n    },\n    xl: {\n      ...inputStyle.sizes?.xl,\n      py: \"{--space-y}\",\n    },\n    \"2xl\": {\n      ...inputStyle.sizes?.[\"2xl\"],\n      py: \"{--space-y}\",\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        ...getInputPaddingStartResetStyle(),\n        ...getInputPaddingEndResetStyle(),\n      },\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type TextareaStyle = typeof textareaStyle\n"],"mappings":";;;AAOA,MAAa,gBAAgBA,eAAAA,qBAAqB;CAChD,MAAM;EACJ,GAAGC,oBAAAA,WAAW;EACd,QAAQ;CACV;CAEA,UAAU;EACR,QAAQA,oBAAAA,WAAW,UAAU;EAC7B,SAASA,oBAAAA,WAAW,UAAU;EAC9B,SAASA,oBAAAA,WAAW,UAAU;EAC9B,OAAOA,oBAAAA,WAAW,UAAU;CAC9B;CAEA,OAAO;EACL,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;EACN;EACA,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;EACN;EACA,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;EACN;EACA,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;EACN;EACA,IAAI;GACF,GAAGA,oBAAAA,WAAW,OAAO;GACrB,IAAI;EACN;EACA,OAAO;GACL,GAAGA,oBAAAA,WAAW,QAAQ;GACtB,IAAI;EACN;CACF;CAEA,WAAW,CACT;EACE,KAAK;GACH,GAAGC,oBAAAA,+BAA+B;GAClC,GAAGC,oBAAAA,6BAA6B;EAClC;EACA,SAAS;EACT,OAAO;CACT,CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/cjs/components/textarea/use-autosize.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_effect = require("../../utils/effect.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/textarea/use-autosize.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-autosize.cjs","names":["mergeRefs"],"sources":["../../../../src/components/textarea/use-autosize.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  addDomEvent,\n  createdDom,\n  handlerAll,\n  mergeRefs,\n  noop,\n  pickObject,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\n\nconst SIZING_STYLE_PROPERTIES = [\n  \"borderBottomWidth\",\n  \"borderLeftWidth\",\n  \"borderRightWidth\",\n  \"borderTopWidth\",\n  \"boxSizing\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingRight\",\n  \"paddingTop\",\n  // non-standard\n  \"tabSize\",\n  \"textIndent\",\n  // non-standard\n  \"textRendering\",\n  \"textTransform\",\n  \"width\",\n  \"wordBreak\",\n] as const\n\nconst HIDDEN_STYLE = {\n  height: \"0\",\n  \"max-height\": \"none\",\n  \"min-height\": \"0\",\n  overflow: \"hidden\",\n  position: \"absolute\",\n  right: \"0\",\n  top: \"0\",\n  visibility: \"hidden\",\n  \"z-index\": \"-1000\",\n} as const\n\ntype SizingProperties = Extract<\n  (typeof SIZING_STYLE_PROPERTIES)[number],\n  keyof CSSStyleDeclaration\n>\n\ninterface SizingStyle {\n  border: number\n  padding: number\n  rowHeight: number\n  style: Pick<CSSStyleDeclaration, SizingProperties>\n}\n\nconst getSizingStyle = (el: HTMLElement): null | SizingStyle => {\n  const style = window.getComputedStyle(el) as CSSStyleDeclaration | undefined\n\n  if (style == null) return null\n\n  const computedStyle = pickObject(style, SIZING_STYLE_PROPERTIES)\n\n  if (computedStyle.boxSizing === \"\") return null\n\n  const padding =\n    parseFloat(computedStyle.paddingBottom) +\n    parseFloat(computedStyle.paddingTop)\n\n  const border =\n    parseFloat(computedStyle.borderBottomWidth) +\n    parseFloat(computedStyle.borderTopWidth)\n\n  const rowHeight = parseFloat(computedStyle.lineHeight)\n\n  return {\n    style: computedStyle,\n    border,\n    padding,\n    rowHeight,\n  }\n}\n\nconst setHiddenStyle = (el: HTMLElement) => {\n  Object.keys(HIDDEN_STYLE).forEach((key) => {\n    el.style.setProperty(\n      key,\n      HIDDEN_STYLE[key as keyof typeof HIDDEN_STYLE],\n      \"important\",\n    )\n  })\n}\n\nconst calcRows = (\n  el: HTMLTextAreaElement,\n  sizingStyle: SizingStyle,\n  value: string,\n  maxRows: number,\n  minRows: number,\n) => {\n  const cloneEl = el.cloneNode() as HTMLTextAreaElement\n\n  Object.assign(cloneEl.style, sizingStyle.style)\n\n  setHiddenStyle(cloneEl)\n\n  cloneEl.value = value\n\n  document.body.appendChild(cloneEl)\n\n  let rows: number\n\n  if (cloneEl.scrollHeight) {\n    const rowHeight = sizingStyle.rowHeight\n\n    rows = Math.min(\n      maxRows,\n      Math.max(minRows, Math.floor(cloneEl.scrollHeight / rowHeight)),\n    )\n  } else {\n    const lineBreaks = (value.match(/\\n/g) || []).length\n\n    rows = Math.min(maxRows, Math.max(minRows, lineBreaks + 1))\n  }\n\n  document.body.removeChild(cloneEl)\n\n  return rows\n}\n\nexport interface UseAutosizeProps {\n  /**\n   * If `true`, the Textarea height will not be adjusted.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Autosize up to maxRows rows.\n   *\n   * @default Infinity\n   */\n  maxRows?: number\n  /**\n   * Autosize up to minRows rows.\n   *\n   * @default 2\n   */\n  minRows?: number\n}\n\nexport const useAutosize = ({\n  disabled = false,\n  maxRows = Infinity,\n  minRows = 2,\n}: UseAutosizeProps = {}) => {\n  const ref = useRef<HTMLTextAreaElement>(null)\n  const beforeValueRef = useRef<string>(null)\n  const value = ref.current?.value ?? \"\"\n\n  const onResizeTextarea = useCallback(() => {\n    const el = ref.current\n\n    if (!el) return\n\n    let { placeholder, value } = el\n\n    if (value === beforeValueRef.current) return\n\n    beforeValueRef.current = value\n\n    value ||= placeholder || \"x\"\n\n    const sizingStyle = getSizingStyle(el)\n\n    if (!sizingStyle) return\n\n    const rows = calcRows(el, sizingStyle, value, maxRows, minRows)\n\n    el.rows = rows\n  }, [ref, maxRows, minRows])\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n      style: { resize: !disabled ? \"none\" : undefined, ...props.style },\n      onChange: handlerAll(props.onChange, !disabled ? onResizeTextarea : noop),\n    }),\n    [ref, onResizeTextarea, disabled],\n  )\n\n  useSafeLayoutEffect(() => {\n    if (!createdDom() || disabled) return\n\n    onResizeTextarea()\n\n    const unsubscribeResize = addDomEvent(window, \"resize\", onResizeTextarea)\n    const unsubscribeLoadingdone = addDomEvent(\n      document.fonts,\n      \"loadingdone\",\n      onResizeTextarea,\n    )\n\n    return () => {\n      unsubscribeResize()\n      unsubscribeLoadingdone()\n    }\n  }, [])\n\n  useUpdateEffect(() => {\n    if (disabled) return\n\n    onResizeTextarea()\n  }, [value])\n\n  return { ref, getTextareaProps, onResizeTextarea }\n}\n\nexport type UseAutosizeReturn = ReturnType<typeof useAutosize>\n"],"mappings":"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"}
+{"version":3,"file":"use-autosize.cjs","names":["mergeRefs"],"sources":["../../../../src/components/textarea/use-autosize.ts"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport { useCallback, useRef } from \"react\"\nimport {\n  addDomEvent,\n  createdDom,\n  handlerAll,\n  mergeRefs,\n  noop,\n  pickObject,\n  useSafeLayoutEffect,\n  useUpdateEffect,\n} from \"../../utils\"\n\nconst SIZING_STYLE_PROPERTIES = [\n  \"borderBottomWidth\",\n  \"borderLeftWidth\",\n  \"borderRightWidth\",\n  \"borderTopWidth\",\n  \"boxSizing\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingRight\",\n  \"paddingTop\",\n  // non-standard\n  \"tabSize\",\n  \"textIndent\",\n  // non-standard\n  \"textRendering\",\n  \"textTransform\",\n  \"width\",\n  \"wordBreak\",\n] as const\n\nconst HIDDEN_STYLE = {\n  height: \"0\",\n  \"max-height\": \"none\",\n  \"min-height\": \"0\",\n  overflow: \"hidden\",\n  position: \"absolute\",\n  right: \"0\",\n  top: \"0\",\n  visibility: \"hidden\",\n  \"z-index\": \"-1000\",\n} as const\n\ntype SizingProperties = Extract<\n  (typeof SIZING_STYLE_PROPERTIES)[number],\n  keyof CSSStyleDeclaration\n>\n\ninterface SizingStyle {\n  border: number\n  padding: number\n  rowHeight: number\n  style: Pick<CSSStyleDeclaration, SizingProperties>\n}\n\nconst getSizingStyle = (el: HTMLElement): null | SizingStyle => {\n  const style = window.getComputedStyle(el) as CSSStyleDeclaration | undefined\n\n  if (style == null) return null\n\n  const computedStyle = pickObject(style, SIZING_STYLE_PROPERTIES)\n\n  if (computedStyle.boxSizing === \"\") return null\n\n  const padding =\n    parseFloat(computedStyle.paddingBottom) +\n    parseFloat(computedStyle.paddingTop)\n\n  const border =\n    parseFloat(computedStyle.borderBottomWidth) +\n    parseFloat(computedStyle.borderTopWidth)\n\n  const rowHeight = parseFloat(computedStyle.lineHeight)\n\n  return {\n    style: computedStyle,\n    border,\n    padding,\n    rowHeight,\n  }\n}\n\nconst setHiddenStyle = (el: HTMLElement) => {\n  Object.keys(HIDDEN_STYLE).forEach((key) => {\n    el.style.setProperty(\n      key,\n      HIDDEN_STYLE[key as keyof typeof HIDDEN_STYLE],\n      \"important\",\n    )\n  })\n}\n\nconst calcRows = (\n  el: HTMLTextAreaElement,\n  sizingStyle: SizingStyle,\n  value: string,\n  maxRows: number,\n  minRows: number,\n) => {\n  const cloneEl = el.cloneNode() as HTMLTextAreaElement\n\n  Object.assign(cloneEl.style, sizingStyle.style)\n\n  setHiddenStyle(cloneEl)\n\n  cloneEl.value = value\n\n  document.body.appendChild(cloneEl)\n\n  let rows: number\n\n  if (cloneEl.scrollHeight) {\n    const rowHeight = sizingStyle.rowHeight\n\n    rows = Math.min(\n      maxRows,\n      Math.max(minRows, Math.floor(cloneEl.scrollHeight / rowHeight)),\n    )\n  } else {\n    const lineBreaks = (value.match(/\\n/g) || []).length\n\n    rows = Math.min(maxRows, Math.max(minRows, lineBreaks + 1))\n  }\n\n  document.body.removeChild(cloneEl)\n\n  return rows\n}\n\nexport interface UseAutosizeProps {\n  /**\n   * If `true`, the Textarea height will not be adjusted.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Autosize up to maxRows rows.\n   *\n   * @default Infinity\n   */\n  maxRows?: number\n  /**\n   * Autosize up to minRows rows.\n   *\n   * @default 2\n   */\n  minRows?: number\n}\n\nexport const useAutosize = ({\n  disabled = false,\n  maxRows = Infinity,\n  minRows = 2,\n}: UseAutosizeProps = {}) => {\n  const ref = useRef<HTMLTextAreaElement>(null)\n  const beforeValueRef = useRef<string>(null)\n  const value = ref.current?.value ?? \"\"\n\n  const onResizeTextarea = useCallback(() => {\n    const el = ref.current\n\n    if (!el) return\n\n    let { placeholder, value } = el\n\n    if (value === beforeValueRef.current) return\n\n    beforeValueRef.current = value\n\n    value ||= placeholder || \"x\"\n\n    const sizingStyle = getSizingStyle(el)\n\n    if (!sizingStyle) return\n\n    const rows = calcRows(el, sizingStyle, value, maxRows, minRows)\n\n    el.rows = rows\n  }, [ref, maxRows, minRows])\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => ({\n      ...props,\n      ref: mergeRefs(props.ref, ref),\n      style: { resize: !disabled ? \"none\" : undefined, ...props.style },\n      onChange: handlerAll(props.onChange, !disabled ? onResizeTextarea : noop),\n    }),\n    [ref, onResizeTextarea, disabled],\n  )\n\n  useSafeLayoutEffect(() => {\n    if (!createdDom() || disabled) return\n\n    onResizeTextarea()\n\n    const unsubscribeResize = addDomEvent(window, \"resize\", onResizeTextarea)\n    const unsubscribeLoadingdone = addDomEvent(\n      document.fonts,\n      \"loadingdone\",\n      onResizeTextarea,\n    )\n\n    return () => {\n      unsubscribeResize()\n      unsubscribeLoadingdone()\n    }\n  }, [])\n\n  useUpdateEffect(() => {\n    if (disabled) return\n\n    onResizeTextarea()\n  }, [value])\n\n  return { ref, getTextareaProps, onResizeTextarea }\n}\n\nexport type UseAutosizeReturn = ReturnType<typeof useAutosize>\n"],"mappings":"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"}

package/dist/cjs/components/textarea/use-textarea.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_props = require("../../core/components/props.cjs");
 const require_use_autosize = require("./use-autosize.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-textarea.cjs","names":["useAutosize","mergeProps","mergeRefs"],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { assignRef, mergeRefs } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => {\n      const textareaProps = mergeProps(rest, props, {\n        ref: mergeRefs(ref),\n        ...(autosize\n          ? {\n              style: { resize: \"none\" as const },\n              onChange: onResizeTextarea,\n            }\n          : {}),\n      })()\n\n      return textareaProps\n    },\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;;AAsBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,EAAE,KAAK;CAC3B,MAAM,EAAE,KAAK,qBAAqBA,qBAAAA,YAAY;EAC5C,UAAU,CAAC;EACX;EACA;EACD,CAAC;CAEF,YAAA,UAAU,WAAW,iBAAiB;CAmBtC,OAAO;EACL,mBAAA,GAAA,MAAA,cAjBC,QAAQ,EAAE,KAAK;GAWd,OAVsBC,cAAAA,WAAW,MAAM,OAAO;IAC5C,KAAKC,YAAAA,UAAU,IAAI;IACnB,GAAI,WACA;KACE,OAAO,EAAE,QAAQ,QAAiB;KAClC,UAAU;KACX,GACD,EAAE;IACP,CAAC,EAEkB;KAEtB;GAAC;GAAU;GAAkB;GAAM;GAAI,CAIvB;EAChB;EACD"}
+{"version":3,"file":"use-textarea.cjs","names":["useAutosize","mergeProps","mergeRefs"],"sources":["../../../../src/components/textarea/use-textarea.ts"],"sourcesContent":["\"use client\"\n\nimport type { ForwardedRef } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseAutosizeProps } from \"./use-autosize\"\nimport { useCallback } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { assignRef, mergeRefs } from \"../../utils\"\nimport { useAutosize } from \"./use-autosize\"\n\nexport interface UseTextareaProps\n  extends HTMLProps<\"textarea\">, Omit<UseAutosizeProps, \"disabled\" | \"ref\"> {\n  /**\n   * If `true`, the Textarea height auto-adjusts to text height.\n   */\n  autosize?: boolean\n  /**\n   * Ref to a resize function.\n   */\n  resizeRef?: ForwardedRef<() => void>\n}\n\nexport const useTextarea = ({\n  autosize,\n  maxRows,\n  minRows,\n  resizeRef,\n  ...rest\n}: UseTextareaProps = {}) => {\n  const { ref, onResizeTextarea } = useAutosize({\n    disabled: !autosize,\n    maxRows,\n    minRows,\n  })\n\n  assignRef(resizeRef, onResizeTextarea)\n\n  const getTextareaProps: PropGetter<\"textarea\"> = useCallback(\n    (props = {}) => {\n      const textareaProps = mergeProps(rest, props, {\n        ref: mergeRefs(ref),\n        ...(autosize\n          ? {\n              style: { resize: \"none\" as const },\n              onChange: onResizeTextarea,\n            }\n          : {}),\n      })()\n\n      return textareaProps\n    },\n    [autosize, onResizeTextarea, rest, ref],\n  )\n\n  return {\n    getTextareaProps,\n    onResizeTextarea,\n  }\n}\n\nexport type UseTextareaReturn = ReturnType<typeof useTextarea>\n"],"mappings":";;;;;;AAsBA,MAAa,eAAe,EAC1B,UACA,SACA,SACA,WACA,GAAG,SACiB,CAAC,MAAM;CAC3B,MAAM,EAAE,KAAK,qBAAqBA,qBAAAA,YAAY;EAC5C,UAAU,CAAC;EACX;EACA;CACF,CAAC;CAED,YAAA,UAAU,WAAW,gBAAgB;CAmBrC,OAAO;EACL,mBAAA,GAAA,MAAA,cAjBC,QAAQ,CAAC,MAAM;GAWd,OAVsBC,cAAAA,WAAW,MAAM,OAAO;IAC5C,KAAKC,YAAAA,UAAU,GAAG;IAClB,GAAI,WACA;KACE,OAAO,EAAE,QAAQ,OAAgB;KACjC,UAAU;IACZ,IACA,CAAC;GACP,CAAC,EAEkB;EACrB,GACA;GAAC;GAAU;GAAkB;GAAM;EAAG,CAIvB;EACf;CACF;AACF"}

package/dist/cjs/components/timeline/timeline.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_var = require("../../core/system/var.cjs");
 const require_factory = require("../../core/system/factory.cjs");

package/dist/cjs/components/timeline/timeline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.cjs","names":["createSlotComponent","timelineStyle","useValue","styled","varAttr"],"sources":["../../../../src/components/timeline/timeline.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TimelineStyle } from \"./timeline.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isUndefined } from \"../../utils\"\nimport { timelineStyle } from \"./timeline.style\"\n\nexport interface TimelineItem extends Omit<\n  TimelineItemProps,\n  \"content\" | \"title\"\n> {\n  align?: \"end\" | \"start\"\n  content?: ReactNode\n  description?: ReactNode\n  indicator?: ReactNode\n  title?: ReactNode\n  connectorProps?: TimelineConnectorProps\n  contentProps?: TimelineContentProps\n  descriptionProps?: TimelineDescriptionProps\n  indicatorProps?: TimelineIndicatorProps\n  titleProps?: TimelineTitleProps\n}\n\ninterface ComponentContext extends Pick<TimelineRootProps, \"index\"> {}\n\nexport interface TimelineRootProps\n  extends HTMLStyledProps<\"ul\">, ThemeProps<TimelineStyle> {\n  /**\n   * The index of the active timeline item.\n   */\n  index?: number\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"bg\"]\n  /**\n   * The size of the indicator.\n   */\n  indicatorSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the indicator.\n   */\n  indicatorStroke?: CSSProps[\"color\"]\n  /**\n   * If provided, generate timeline components based on items.\n   */\n  items?: TimelineItem[]\n  /**\n   * The color of the separator.\n   */\n  separatorColor?: CSSProps[\"color\"]\n  /**\n   * The gap of the separator.\n   */\n  separatorGap?: CSSProps[\"gap\"]\n  /**\n   * The style of the separator.\n   */\n  separatorStyle?: CSSProps[\"borderStyle\"]\n  /**\n   * The width of the separator.\n   */\n  separatorWidth?: CSSProps[\"width\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TimelinePropsContext,\n  useComponentContext,\n  usePropsContext: useTimelinePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TimelineRootProps, TimelineStyle, ComponentContext>(\n  \"timeline\",\n  timelineStyle,\n)\n\nexport { TimelinePropsContext, useTimelinePropsContext }\n\n/**\n * `Timeline` is a component that is used to display a list of events in chronological order.\n *\n * @see https://yamada-ui.com/docs/components/timeline\n */\nexport const TimelineRoot = withProvider(\n  ({ variant: variantProp, children, index = -1, items = [], ...rest }) => {\n    const context = useMemo(() => ({ index }), [index])\n    const variant = useValue(variantProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(\n        (\n          {\n            align = \"start\",\n            content,\n            description,\n            indicator,\n            title,\n            connectorProps,\n            contentProps,\n            descriptionProps,\n            indicatorProps,\n            titleProps,\n            ...rest\n          },\n          index,\n        ) => {\n          const children = {\n            connector: (\n              <TimelineConnector {...connectorProps}>\n                <TimelineIndicator {...indicatorProps}>\n                  {indicator ?? (variant === \"number\" ? index + 1 : undefined)}\n                </TimelineIndicator>\n              </TimelineConnector>\n            ),\n            content: (\n              <TimelineContent {...contentProps}>\n                {content ?? (\n                  <>\n                    <TimelineTitle {...titleProps}>{title}</TimelineTitle>\n                    <TimelineDescription {...descriptionProps}>\n                      {description}\n                    </TimelineDescription>\n                  </>\n                )}\n              </TimelineContent>\n            ),\n          }\n\n          return (\n            <TimelineItem key={index} index={index} {...rest}>\n              {align === \"start\" ? children.connector : children.content}\n              {align === \"start\" ? children.content : children.connector}\n            </TimelineItem>\n          )\n        },\n      )\n    }, [children, items, variant])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.ul {...rest}>{computedChildren}</styled.ul>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorSize,\n    indicatorStroke,\n    separatorColor,\n    separatorGap,\n    separatorStyle,\n    separatorWidth,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-size\": varAttr(indicatorSize, \"sizes\"),\n    \"--indicator-stroke\": varAttr(indicatorStroke, \"colors\"),\n    \"--separator-color\": varAttr(separatorColor, \"colors\"),\n    \"--separator-gap\": varAttr(separatorGap, \"spaces\"),\n    \"--separator-style\": varAttr(separatorStyle),\n    \"--separator-width\": varAttr(separatorWidth, \"sizes\"),\n    ...rest,\n  }),\n)\n\nexport interface TimelineItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The index of the timeline item.\n   */\n  index?: number\n}\n\nexport const TimelineItem = withContext<\"li\", TimelineItemProps>(\"li\", \"item\")(\n  undefined,\n  ({ index, ...rest }) => {\n    const { index: currentIndex } = useComponentContext()\n    const active =\n      !isUndefined(index) && !isUndefined(currentIndex) && index <= currentIndex\n\n    return {\n      ...rest,\n      \"data-active\": dataAttr(active),\n      \"data-index\": index,\n    }\n  },\n)\n\nexport interface TimelineConnectorProps extends HTMLStyledProps {}\n\nexport const TimelineConnector = withContext<\"div\", TimelineConnectorProps>(\n  \"div\",\n  \"connector\",\n)({ \"data-connector\": \"\" })\n\nexport interface TimelineIndicatorProps extends HTMLStyledProps {}\n\nconst TimelineIcon = styled(\"div\", {\n  base: {\n    bg: \"{indicator-fill}\",\n    borderColor: \"{indicator-stroke}\",\n    borderWidth: \"{separator-width}\",\n    boxSize: \"full\",\n    rounded: \"{indicator-rounded}\",\n  },\n})\n\nexport const TimelineIndicator = withContext<\"div\", TimelineIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)(undefined, ({ children = <TimelineIcon />, ...rest }) => ({\n  children,\n  ...rest,\n}))\n\nexport interface TimelineContentProps extends HTMLStyledProps {}\n\nexport const TimelineContent = withContext<\"div\", TimelineContentProps>(\n  \"div\",\n  \"content\",\n)({ \"data-content\": \"\" })\n\nexport interface TimelineTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const TimelineTitle = withContext<\"h3\", TimelineTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface TimelineDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const TimelineDescription = withContext<\"p\", TimelineDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"timeline.cjs","names":["createSlotComponent","timelineStyle","useValue","styled","varAttr"],"sources":["../../../../src/components/timeline/timeline.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { TimelineStyle } from \"./timeline.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr, isUndefined } from \"../../utils\"\nimport { timelineStyle } from \"./timeline.style\"\n\nexport interface TimelineItem extends Omit<\n  TimelineItemProps,\n  \"content\" | \"title\"\n> {\n  align?: \"end\" | \"start\"\n  content?: ReactNode\n  description?: ReactNode\n  indicator?: ReactNode\n  title?: ReactNode\n  connectorProps?: TimelineConnectorProps\n  contentProps?: TimelineContentProps\n  descriptionProps?: TimelineDescriptionProps\n  indicatorProps?: TimelineIndicatorProps\n  titleProps?: TimelineTitleProps\n}\n\ninterface ComponentContext extends Pick<TimelineRootProps, \"index\"> {}\n\nexport interface TimelineRootProps\n  extends HTMLStyledProps<\"ul\">, ThemeProps<TimelineStyle> {\n  /**\n   * The index of the active timeline item.\n   */\n  index?: number\n  /**\n   * The fill color of the indicator.\n   */\n  indicatorFill?: CSSProps[\"bg\"]\n  /**\n   * The size of the indicator.\n   */\n  indicatorSize?: CSSProps[\"boxSize\"]\n  /**\n   * The stroke color of the indicator.\n   */\n  indicatorStroke?: CSSProps[\"color\"]\n  /**\n   * If provided, generate timeline components based on items.\n   */\n  items?: TimelineItem[]\n  /**\n   * The color of the separator.\n   */\n  separatorColor?: CSSProps[\"color\"]\n  /**\n   * The gap of the separator.\n   */\n  separatorGap?: CSSProps[\"gap\"]\n  /**\n   * The style of the separator.\n   */\n  separatorStyle?: CSSProps[\"borderStyle\"]\n  /**\n   * The width of the separator.\n   */\n  separatorWidth?: CSSProps[\"width\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: TimelinePropsContext,\n  useComponentContext,\n  usePropsContext: useTimelinePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<TimelineRootProps, TimelineStyle, ComponentContext>(\n  \"timeline\",\n  timelineStyle,\n)\n\nexport { TimelinePropsContext, useTimelinePropsContext }\n\n/**\n * `Timeline` is a component that is used to display a list of events in chronological order.\n *\n * @see https://yamada-ui.com/docs/components/timeline\n */\nexport const TimelineRoot = withProvider(\n  ({ variant: variantProp, children, index = -1, items = [], ...rest }) => {\n    const context = useMemo(() => ({ index }), [index])\n    const variant = useValue(variantProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return items.map(\n        (\n          {\n            align = \"start\",\n            content,\n            description,\n            indicator,\n            title,\n            connectorProps,\n            contentProps,\n            descriptionProps,\n            indicatorProps,\n            titleProps,\n            ...rest\n          },\n          index,\n        ) => {\n          const children = {\n            connector: (\n              <TimelineConnector {...connectorProps}>\n                <TimelineIndicator {...indicatorProps}>\n                  {indicator ?? (variant === \"number\" ? index + 1 : undefined)}\n                </TimelineIndicator>\n              </TimelineConnector>\n            ),\n            content: (\n              <TimelineContent {...contentProps}>\n                {content ?? (\n                  <>\n                    <TimelineTitle {...titleProps}>{title}</TimelineTitle>\n                    <TimelineDescription {...descriptionProps}>\n                      {description}\n                    </TimelineDescription>\n                  </>\n                )}\n              </TimelineContent>\n            ),\n          }\n\n          return (\n            <TimelineItem key={index} index={index} {...rest}>\n              {align === \"start\" ? children.connector : children.content}\n              {align === \"start\" ? children.content : children.connector}\n            </TimelineItem>\n          )\n        },\n      )\n    }, [children, items, variant])\n\n    return (\n      <ComponentContext value={context}>\n        <styled.ul {...rest}>{computedChildren}</styled.ul>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"variant\"] },\n)(\n  undefined,\n  ({\n    indicatorFill,\n    indicatorSize,\n    indicatorStroke,\n    separatorColor,\n    separatorGap,\n    separatorStyle,\n    separatorWidth,\n    ...rest\n  }) => ({\n    \"--indicator-fill\": varAttr(indicatorFill, \"colors\"),\n    \"--indicator-size\": varAttr(indicatorSize, \"sizes\"),\n    \"--indicator-stroke\": varAttr(indicatorStroke, \"colors\"),\n    \"--separator-color\": varAttr(separatorColor, \"colors\"),\n    \"--separator-gap\": varAttr(separatorGap, \"spaces\"),\n    \"--separator-style\": varAttr(separatorStyle),\n    \"--separator-width\": varAttr(separatorWidth, \"sizes\"),\n    ...rest,\n  }),\n)\n\nexport interface TimelineItemProps extends HTMLStyledProps<\"li\"> {\n  /**\n   * The index of the timeline item.\n   */\n  index?: number\n}\n\nexport const TimelineItem = withContext<\"li\", TimelineItemProps>(\"li\", \"item\")(\n  undefined,\n  ({ index, ...rest }) => {\n    const { index: currentIndex } = useComponentContext()\n    const active =\n      !isUndefined(index) && !isUndefined(currentIndex) && index <= currentIndex\n\n    return {\n      ...rest,\n      \"data-active\": dataAttr(active),\n      \"data-index\": index,\n    }\n  },\n)\n\nexport interface TimelineConnectorProps extends HTMLStyledProps {}\n\nexport const TimelineConnector = withContext<\"div\", TimelineConnectorProps>(\n  \"div\",\n  \"connector\",\n)({ \"data-connector\": \"\" })\n\nexport interface TimelineIndicatorProps extends HTMLStyledProps {}\n\nconst TimelineIcon = styled(\"div\", {\n  base: {\n    bg: \"{indicator-fill}\",\n    borderColor: \"{indicator-stroke}\",\n    borderWidth: \"{separator-width}\",\n    boxSize: \"full\",\n    rounded: \"{indicator-rounded}\",\n  },\n})\n\nexport const TimelineIndicator = withContext<\"div\", TimelineIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)(undefined, ({ children = <TimelineIcon />, ...rest }) => ({\n  children,\n  ...rest,\n}))\n\nexport interface TimelineContentProps extends HTMLStyledProps {}\n\nexport const TimelineContent = withContext<\"div\", TimelineContentProps>(\n  \"div\",\n  \"content\",\n)({ \"data-content\": \"\" })\n\nexport interface TimelineTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const TimelineTitle = withContext<\"h3\", TimelineTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface TimelineDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const TimelineDescription = withContext<\"p\", TimelineDescriptionProps>(\n  \"p\",\n  \"description\",\n)()\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/timeline/timeline.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const timelineStyle = defineComponentSlotStyle({\n  base: {\n    connector: {\n      alignSelf: \"stretch\",\n      position: \"relative\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      _after: {\n        borderInlineStart:\n          \"{separator-width} {separator-style, solid} {separator-color}\",\n        display: \"block\",\n        h: \"full\",\n        insetBlockStart: \"calc({indicator-size} + {separator-gap})\",\n        insetInlineStart:\n          \"calc(({indicator-size} / 2) - ({separator-width} / 2))\",\n        maxH: `calc(full - {indicator-size} - ({separator-gap} * 2))`,\n        position: \"absolute\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    description: {\n      color: \"fg.muted\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      boxSize: \"{indicator-size}\",\n      color: \"{indicator-stroke}\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      lineHeight: \"{indicator-size}\",\n      overflow: \"hidden\",\n      rounded: \"{indicator-rounded}\",\n    },\n    item: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flexShrink: \"0\",\n      _last: {\n        \"& [data-connector]\": {\n          _after: { display: \"none\" },\n        },\n      },\n    },\n    root: {\n      \"--indicator-fill\": \"transparent\",\n      \"--indicator-stroke\": \"colorScheme.solid\",\n      \"--separator-color\": \"colors.border\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    title: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      gap: \"1\",\n      lineHeight: \"{indicator-size}\",\n    },\n  },\n\n  props: {\n    /**\n     * The alignment of the timeline.\n     *\n     * @default 'start'\n     */\n    align: {\n      center: {\n        content: {\n          \"&:first-of-type\": { alignItems: \"flex-end\" },\n          flex: \"1\",\n        },\n        item: {\n          \"&:has(> [data-content]:first-of-type)\": {\n            \"&:not(:has(> [data-content]:last-of-type))\": {\n              _after: { display: \"block\", flex: \"1\" },\n            },\n          },\n          \"&:not(:has(> [data-content]:first-of-type))\": {\n            _before: { display: \"block\", flex: \"1\" },\n          },\n        },\n      },\n      end: {\n        content: { alignItems: \"flex-end\" },\n      },\n      start: {\n        content: { alignItems: \"flex-start\" },\n      },\n    },\n    /**\n     * If `true`, the timeline will be attached.\n     *\n     * @default false\n     */\n    attached: {\n      true: {\n        item: {\n          \"--separator-gap\": \"0px\",\n        },\n      },\n    },\n    /**\n     * The shape of the timeline.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        item: { \"--indicator-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        item: { \"--indicator-rounded\": \"radii.l2\" },\n      },\n      square: {\n        item: { \"--indicator-rounded\": \"radii.0\" },\n      },\n    },\n  },\n\n  variants: {\n    number: { indicator: { layerStyle: \"solid\" } },\n    plain: {},\n  },\n\n  sizes: {\n    base: {\n      item: {\n        _last: {\n          \"& [data-content]\": { pb: 0 },\n        },\n      },\n    },\n    sm: {\n      content: { gap: \"1\", pb: \"8\" },\n      description: { fontSize: \"xs\" },\n      indicator: { fontSize: \"xs\" },\n      item: { gap: \"3\" },\n      root: {\n        \"--indicator-size\": \"sizes.3\",\n        \"--separator-gap\": \"spaces.2\",\n        \"--separator-width\": \"sizes.0.5\",\n      },\n      title: { fontSize: \"sm\" },\n    },\n    md: {\n      content: { gap: \"2\", pb: \"10\" },\n      description: { fontSize: \"sm\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"4\" },\n      root: {\n        \"--indicator-size\": \"sizes.5\",\n        \"--separator-gap\": \"spaces.2\",\n        \"--separator-width\": \"sizes.1\",\n      },\n      title: { fontSize: \"md\" },\n    },\n    lg: {\n      content: { gap: \"2\", pb: \"10\" },\n      description: { fontSize: \"sm\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"4\" },\n      root: {\n        \"--indicator-size\": \"sizes.7\",\n        \"--separator-gap\": \"spaces.2.5\",\n        \"--separator-width\": \"sizes.1\",\n      },\n      title: { fontSize: \"md\" },\n    },\n    xl: {\n      content: { gap: \"2\", pb: \"12\" },\n      description: { fontSize: \"md\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"5\" },\n      root: {\n        \"--indicator-size\": \"sizes.8\",\n        \"--separator-gap\": \"spaces.3\",\n        \"--separator-width\": \"sizes.1.5\",\n      },\n      title: { fontSize: \"lg\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    align: \"start\",\n    shape: \"circle\",\n  },\n})\n\nexport type TimelineStyle = typeof timelineStyle\n"],"mappings":"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"}
+{"version":3,"file":"timeline.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/timeline/timeline.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const timelineStyle = defineComponentSlotStyle({\n  base: {\n    connector: {\n      alignSelf: \"stretch\",\n      position: \"relative\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      _after: {\n        borderInlineStart:\n          \"{separator-width} {separator-style, solid} {separator-color}\",\n        display: \"block\",\n        h: \"full\",\n        insetBlockStart: \"calc({indicator-size} + {separator-gap})\",\n        insetInlineStart:\n          \"calc(({indicator-size} / 2) - ({separator-width} / 2))\",\n        maxH: `calc(full - {indicator-size} - ({separator-gap} * 2))`,\n        position: \"absolute\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    description: {\n      color: \"fg.muted\",\n    },\n    indicator: {\n      alignItems: \"center\",\n      boxSize: \"{indicator-size}\",\n      color: \"{indicator-stroke}\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      lineHeight: \"{indicator-size}\",\n      overflow: \"hidden\",\n      rounded: \"{indicator-rounded}\",\n    },\n    item: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flexShrink: \"0\",\n      _last: {\n        \"& [data-connector]\": {\n          _after: { display: \"none\" },\n        },\n      },\n    },\n    root: {\n      \"--indicator-fill\": \"transparent\",\n      \"--indicator-stroke\": \"colorScheme.solid\",\n      \"--separator-color\": \"colors.border\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      w: \"full\",\n    },\n    title: {\n      alignItems: \"center\",\n      display: \"flex\",\n      fontWeight: \"medium\",\n      gap: \"1\",\n      lineHeight: \"{indicator-size}\",\n    },\n  },\n\n  props: {\n    /**\n     * The alignment of the timeline.\n     *\n     * @default 'start'\n     */\n    align: {\n      center: {\n        content: {\n          \"&:first-of-type\": { alignItems: \"flex-end\" },\n          flex: \"1\",\n        },\n        item: {\n          \"&:has(> [data-content]:first-of-type)\": {\n            \"&:not(:has(> [data-content]:last-of-type))\": {\n              _after: { display: \"block\", flex: \"1\" },\n            },\n          },\n          \"&:not(:has(> [data-content]:first-of-type))\": {\n            _before: { display: \"block\", flex: \"1\" },\n          },\n        },\n      },\n      end: {\n        content: { alignItems: \"flex-end\" },\n      },\n      start: {\n        content: { alignItems: \"flex-start\" },\n      },\n    },\n    /**\n     * If `true`, the timeline will be attached.\n     *\n     * @default false\n     */\n    attached: {\n      true: {\n        item: {\n          \"--separator-gap\": \"0px\",\n        },\n      },\n    },\n    /**\n     * The shape of the timeline.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        item: { \"--indicator-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        item: { \"--indicator-rounded\": \"radii.l2\" },\n      },\n      square: {\n        item: { \"--indicator-rounded\": \"radii.0\" },\n      },\n    },\n  },\n\n  variants: {\n    number: { indicator: { layerStyle: \"solid\" } },\n    plain: {},\n  },\n\n  sizes: {\n    base: {\n      item: {\n        _last: {\n          \"& [data-content]\": { pb: 0 },\n        },\n      },\n    },\n    sm: {\n      content: { gap: \"1\", pb: \"8\" },\n      description: { fontSize: \"xs\" },\n      indicator: { fontSize: \"xs\" },\n      item: { gap: \"3\" },\n      root: {\n        \"--indicator-size\": \"sizes.3\",\n        \"--separator-gap\": \"spaces.2\",\n        \"--separator-width\": \"sizes.0.5\",\n      },\n      title: { fontSize: \"sm\" },\n    },\n    md: {\n      content: { gap: \"2\", pb: \"10\" },\n      description: { fontSize: \"sm\" },\n      indicator: { fontSize: \"sm\" },\n      item: { gap: \"4\" },\n      root: {\n        \"--indicator-size\": \"sizes.5\",\n        \"--separator-gap\": \"spaces.2\",\n        \"--separator-width\": \"sizes.1\",\n      },\n      title: { fontSize: \"md\" },\n    },\n    lg: {\n      content: { gap: \"2\", pb: \"10\" },\n      description: { fontSize: \"sm\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"4\" },\n      root: {\n        \"--indicator-size\": \"sizes.7\",\n        \"--separator-gap\": \"spaces.2.5\",\n        \"--separator-width\": \"sizes.1\",\n      },\n      title: { fontSize: \"md\" },\n    },\n    xl: {\n      content: { gap: \"2\", pb: \"12\" },\n      description: { fontSize: \"md\" },\n      indicator: { fontSize: \"md\" },\n      item: { gap: \"5\" },\n      root: {\n        \"--indicator-size\": \"sizes.8\",\n        \"--separator-gap\": \"spaces.3\",\n        \"--separator-width\": \"sizes.1.5\",\n      },\n      title: { fontSize: \"lg\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    align: \"start\",\n    shape: \"circle\",\n  },\n})\n\nexport type TimelineStyle = typeof timelineStyle\n"],"mappings":"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"}

package/dist/cjs/components/tip/tip.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_circle_check_big_icon = require("../icon/icons/circle-check-big-icon.cjs");
 const require_circle_question_mark_icon = require("../icon/icons/circle-question-mark-icon.cjs");

package/dist/cjs/components/tip/tip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tip.cjs","names":["OctagonAlertIcon","CircleQuestionMarkIcon","InfoIcon","CircleCheckBigIcon","TriangleAlertIcon","useTooltipProps","Tooltip","IconButton"],"sources":["../../../../src/components/tip/tip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { StatusScheme } from \"../status\"\nimport type { TooltipProps, TooltipStyle } from \"../tooltip\"\nimport { isString } from \"../../utils\"\nimport { IconButton } from \"../button\"\nimport {\n  CircleCheckBigIcon,\n  CircleQuestionMarkIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { Tooltip, useTooltipProps } from \"../tooltip\"\n\nexport type TipStatusScheme = \"help\" | StatusScheme\n\nconst icons = {\n  error: OctagonAlertIcon,\n  help: CircleQuestionMarkIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\nexport interface TipProps\n  extends\n    WithoutThemeProps<TooltipProps, TooltipStyle>,\n    Omit<IconButtonProps, \"content\" | \"offset\" | \"transform\"> {\n  /**\n   * The status of the tip.\n   *\n   * @default 'help'\n   */\n  status?: TipStatusScheme\n}\n\n/**\n *  `Tip` is a component that displays supplementary information with a built-in icon trigger.\n *\n * @see https://yamada-ui.com/docs/components/tip\n */\nexport const Tip: FC<TipProps> = (props) => {\n  const [\n    tooltipProps,\n    {\n      animationScheme,\n      content,\n      duration,\n      status = \"help\",\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useTooltipProps(props)\n  const Icon = icons[status]\n\n  return (\n    <Tooltip\n      animationScheme={animationScheme}\n      content={content}\n      duration={duration}\n      contentProps={contentProps}\n      portalProps={portalProps}\n      {...tooltipProps}\n    >\n      <IconButton\n        size=\"2xs\"\n        variant=\"ghost\"\n        aria-label={isString(content) ? content : undefined}\n        icon={<Icon />}\n        {...rest}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,QAAQ;CACZ,OAAOA,2BAAAA;CACP,MAAMC,kCAAAA;CACN,MAAMC,kBAAAA;CACN,SAASC,8BAAAA;CACT,SAASC,4BAAAA;CACV;;;;;;AAmBD,MAAa,OAAqB,UAAU;CAC1C,MAAM,CACJ,cACA,EACE,iBACA,SACA,UACA,SAAS,QACT,cACA,aACA,GAAG,UAEHC,oBAAAA,gBAAgB,MAAM;CAC1B,MAAM,OAAO,MAAM;CAEnB,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACmB;EACR;EACC;EACI;EACD;EACb,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAA,GAAA,oBAAA,cAAA,UAAqB,QAAQ,GAAG,UAAU,KAAA;GAC1C,MAAM,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAQ,CAAA;GACd,GAAI;GACJ,CAAA;EACM,CAAA"}
+{"version":3,"file":"tip.cjs","names":["OctagonAlertIcon","CircleQuestionMarkIcon","InfoIcon","CircleCheckBigIcon","TriangleAlertIcon","useTooltipProps","Tooltip","IconButton"],"sources":["../../../../src/components/tip/tip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { WithoutThemeProps } from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { StatusScheme } from \"../status\"\nimport type { TooltipProps, TooltipStyle } from \"../tooltip\"\nimport { isString } from \"../../utils\"\nimport { IconButton } from \"../button\"\nimport {\n  CircleCheckBigIcon,\n  CircleQuestionMarkIcon,\n  InfoIcon,\n  OctagonAlertIcon,\n  TriangleAlertIcon,\n} from \"../icon\"\nimport { Tooltip, useTooltipProps } from \"../tooltip\"\n\nexport type TipStatusScheme = \"help\" | StatusScheme\n\nconst icons = {\n  error: OctagonAlertIcon,\n  help: CircleQuestionMarkIcon,\n  info: InfoIcon,\n  success: CircleCheckBigIcon,\n  warning: TriangleAlertIcon,\n} as const\n\nexport interface TipProps\n  extends\n    WithoutThemeProps<TooltipProps, TooltipStyle>,\n    Omit<IconButtonProps, \"content\" | \"offset\" | \"transform\"> {\n  /**\n   * The status of the tip.\n   *\n   * @default 'help'\n   */\n  status?: TipStatusScheme\n}\n\n/**\n *  `Tip` is a component that displays supplementary information with a built-in icon trigger.\n *\n * @see https://yamada-ui.com/docs/components/tip\n */\nexport const Tip: FC<TipProps> = (props) => {\n  const [\n    tooltipProps,\n    {\n      animationScheme,\n      content,\n      duration,\n      status = \"help\",\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useTooltipProps(props)\n  const Icon = icons[status]\n\n  return (\n    <Tooltip\n      animationScheme={animationScheme}\n      content={content}\n      duration={duration}\n      contentProps={contentProps}\n      portalProps={portalProps}\n      {...tooltipProps}\n    >\n      <IconButton\n        size=\"2xs\"\n        variant=\"ghost\"\n        aria-label={isString(content) ? content : undefined}\n        icon={<Icon />}\n        {...rest}\n      />\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,QAAQ;CACZ,OAAOA,2BAAAA;CACP,MAAMC,kCAAAA;CACN,MAAMC,kBAAAA;CACN,SAASC,8BAAAA;CACT,SAASC,4BAAAA;AACX;;;;;;AAmBA,MAAa,OAAqB,UAAU;CAC1C,MAAM,CACJ,cACA,EACE,iBACA,SACA,UACA,SAAS,QACT,cACA,aACA,GAAG,UAEHC,oBAAAA,gBAAgB,KAAK;CACzB,MAAM,OAAO,MAAM;CAEnB,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACmB;EACR;EACC;EACI;EACD;EACb,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;GACE,MAAK;GACL,SAAQ;GACR,eAAA,GAAA,oBAAA,cAAA,UAAqB,OAAO,IAAI,UAAU,KAAA;GAC1C,MAAM,iBAAA,GAAA,kBAAA,KAAC,MAAD,CAAO,CAAA;GACb,GAAI;EACL,CAAA;CACM,CAAA;AAEb"}

package/dist/cjs/components/toggle/toggle-group.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_group = require("../group/group.cjs");
 const require_use_toggle_group = require("./use-toggle-group.cjs");
 const require_toggle = require("./toggle.cjs");

package/dist/cjs/components/toggle/toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.cjs","names":["component","useRootComponentProps","useToggleGroup","TogglePropsContext","ToggleGroupContext","Group"],"sources":["../../../../src/components/toggle/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ToggleProps } from \"./toggle\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleGroupProps } from \"./use-toggle-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { component, TogglePropsContext, useRootComponentProps } from \"./toggle\"\nimport { ToggleGroupContext, useToggleGroup } from \"./use-toggle-group\"\n\n/**\n * `ToggleGroup` is a set of two-state buttons that can be toggled on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport interface ToggleGroupRootProps<Y extends string | string[] = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, ToggleStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    UseToggleGroupProps<Y>,\n    ThemeProps<ToggleStyle> {}\n\nexport const ToggleGroupRoot = component<\"div\", ToggleGroupRootProps>(\n  (props: ToggleGroupRootProps) => {\n    const [, { colorScheme, size, variant, attached, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"size\", \"variant\", \"colorScheme\"],\n      })\n    const {\n      disabled,\n      readOnly,\n      value,\n      getGroupProps,\n      onChange,\n      onChangeMapRef,\n    } = useToggleGroup(rest)\n    const context = useMemo<ToggleProps>(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        focusVisibleRing: attached ? \"inside\" : undefined,\n      }),\n      [variant, size, colorScheme, attached],\n    )\n    const groupContext = useMemo(\n      () => ({\n        disabled,\n        readOnly,\n        value,\n        onChange,\n        onChangeMapRef,\n      }),\n      [value, disabled, readOnly, onChange, onChangeMapRef],\n    )\n\n    return (\n      <TogglePropsContext value={context}>\n        <ToggleGroupContext value={groupContext}>\n          <Group attached={attached} {...getGroupProps()} />\n        </ToggleGroupContext>\n      </TogglePropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string | string[] = string>(\n    props: ToggleGroupRootProps<Y>,\n  ): ReactElement\n}>\n"],"mappings":";;;;;;;;AA+BA,MAAa,kBAAkBA,eAAAA,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClDC,eAAAA,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;EAAc,EAClD,CAAC;CACJ,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACEC,yBAAAA,eAAe,KAAK;CAqBxB,OACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,oBAAD;EAAoB,QAAA,GAAA,MAAA,gBApBb;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW,KAAA;GACzC,GACD;GAAC;GAAS;GAAM;GAAa;GAAS,CAcJ;YAChC,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,oBAAD;GAAoB,QAAA,GAAA,MAAA,gBAZf;IACL;IACA;IACA;IACA;IACA;IACD,GACD;IAAC;IAAO;IAAU;IAAU;IAAU;IAAe,CAKZ;aACrC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAiB;IAAU,GAAI,eAAe;IAAI,CAAA;GAC/B,CAAA;EACF,CAAA;GAGzB,QACD,EAAE"}
+{"version":3,"file":"toggle-group.cjs","names":["component","useRootComponentProps","useToggleGroup","TogglePropsContext","ToggleGroupContext","Group"],"sources":["../../../../src/components/toggle/toggle-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { GroupProps } from \"../group\"\nimport type { ToggleProps } from \"./toggle\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleGroupProps } from \"./use-toggle-group\"\nimport { useMemo } from \"react\"\nimport { Group } from \"../group\"\nimport { component, TogglePropsContext, useRootComponentProps } from \"./toggle\"\nimport { ToggleGroupContext, useToggleGroup } from \"./use-toggle-group\"\n\n/**\n * `ToggleGroup` is a set of two-state buttons that can be toggled on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport interface ToggleGroupRootProps<Y extends string | string[] = string>\n  extends\n    Omit<\n      WithoutThemeProps<GroupProps, ToggleStyle>,\n      \"defaultValue\" | \"onChange\" | \"value\"\n    >,\n    UseToggleGroupProps<Y>,\n    ThemeProps<ToggleStyle> {}\n\nexport const ToggleGroupRoot = component<\"div\", ToggleGroupRootProps>(\n  (props: ToggleGroupRootProps) => {\n    const [, { colorScheme, size, variant, attached, ...rest }] =\n      useRootComponentProps(props, \"group\", {\n        transferProps: [\"size\", \"variant\", \"colorScheme\"],\n      })\n    const {\n      disabled,\n      readOnly,\n      value,\n      getGroupProps,\n      onChange,\n      onChangeMapRef,\n    } = useToggleGroup(rest)\n    const context = useMemo<ToggleProps>(\n      () => ({\n        colorScheme,\n        size,\n        variant,\n        focusVisibleRing: attached ? \"inside\" : undefined,\n      }),\n      [variant, size, colorScheme, attached],\n    )\n    const groupContext = useMemo(\n      () => ({\n        disabled,\n        readOnly,\n        value,\n        onChange,\n        onChangeMapRef,\n      }),\n      [value, disabled, readOnly, onChange, onChangeMapRef],\n    )\n\n    return (\n      <TogglePropsContext value={context}>\n        <ToggleGroupContext value={groupContext}>\n          <Group attached={attached} {...getGroupProps()} />\n        </ToggleGroupContext>\n      </TogglePropsContext>\n    )\n  },\n  \"group\",\n)() as GenericsComponent<{\n  <Y extends string | string[] = string>(\n    props: ToggleGroupRootProps<Y>,\n  ): ReactElement\n}>\n"],"mappings":";;;;;;;AA+BA,MAAa,kBAAkBA,eAAAA,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClDC,eAAAA,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;CAAa,EAClD,CAAC;CACH,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACEC,yBAAAA,eAAe,IAAI;CAqBvB,OACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,oBAAD;EAAoB,QAAA,GAAA,MAAA,gBApBb;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW,KAAA;EAC1C,IACA;GAAC;GAAS;GAAM;GAAa;EAAQ,CAcJ;YAC/B,iBAAA,GAAA,kBAAA,KAACC,yBAAAA,oBAAD;GAAoB,QAAA,GAAA,MAAA,gBAZf;IACL;IACA;IACA;IACA;IACA;GACF,IACA;IAAC;IAAO;IAAU;IAAU;IAAU;GAAc,CAKZ;aACpC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD;IAAiB;IAAU,GAAI,cAAc;GAAI,CAAA;EAC/B,CAAA;CACF,CAAA;AAExB,GACA,OACF,EAAE"}

package/dist/cjs/components/toggle/toggle.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_factory = require("../../core/system/factory.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_portal = require("../portal/portal.cjs");

package/dist/cjs/components/toggle/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","names":["createSlotComponent","toggleStyle","useToggle","useInputBorder","Portal","styled","IconButton"],"sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleProps } from \"./use-toggle\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { IconButton } from \"../button\"\nimport { useInputBorder } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { toggleStyle } from \"./toggle.style\"\nimport { useToggle } from \"./use-toggle\"\n\nexport interface ToggleProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<IconButtonProps, ToggleStyle>,\n      \"aria-label\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    UseToggleProps<Y>,\n    Pick<UseInputBorderProps, \"errorBorderColor\">,\n    ThemeProps<ToggleStyle> {}\n\nconst {\n  component,\n  PropsContext: TogglePropsContext,\n  usePropsContext: useTogglePropsContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<ToggleProps, ToggleStyle>(\"toggle\", toggleStyle)\n\nexport {\n  component,\n  TogglePropsContext,\n  useRootComponentProps,\n  useTogglePropsContext,\n}\n\n/**\n * `Toggle` is a two-state button that can be either on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport const Toggle = withProvider<\"button\", ToggleProps>(\n  ({ errorBorderColor, icon, ...rest }: ToggleProps) => {\n    const { getButtonProps, getInputProps } = useToggle(rest)\n    const varProps = useInputBorder({ errorBorderColor })\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <IconButton icon={icon} {...varProps} {...getButtonProps()} />\n      </>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: ToggleProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;;AA6BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,cACA,0BACEA,yBAAAA,oBAA8C,UAAUC,qBAAAA,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,kBAAkB,MAAM,GAAG,WAAwB;CACpD,MAAM,EAAE,gBAAgB,kBAAkBC,mBAAAA,UAAU,KAAK;CACzD,MAAM,WAAWC,yBAAAA,eAAe,EAAE,kBAAkB,CAAC;CAErD,OACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EAAkB;EAAM,GAAI;EAAU,GAAI,gBAAgB;EAAI,CAAA,CAC7D,EAAA,CAAA;GAGP,OACD,EAAE"}
+{"version":3,"file":"toggle.cjs","names":["createSlotComponent","toggleStyle","useToggle","useInputBorder","Portal","styled","IconButton"],"sources":["../../../../src/components/toggle/toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type {\n  GenericsComponent,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { IconButtonProps } from \"../button\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { ToggleStyle } from \"./toggle.style\"\nimport type { UseToggleProps } from \"./use-toggle\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { IconButton } from \"../button\"\nimport { useInputBorder } from \"../input\"\nimport { Portal } from \"../portal\"\nimport { toggleStyle } from \"./toggle.style\"\nimport { useToggle } from \"./use-toggle\"\n\nexport interface ToggleProps<Y extends string = string>\n  extends\n    Omit<\n      WithoutThemeProps<IconButtonProps, ToggleStyle>,\n      \"aria-label\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    UseToggleProps<Y>,\n    Pick<UseInputBorderProps, \"errorBorderColor\">,\n    ThemeProps<ToggleStyle> {}\n\nconst {\n  component,\n  PropsContext: TogglePropsContext,\n  usePropsContext: useTogglePropsContext,\n  withProvider,\n  useRootComponentProps,\n} = createSlotComponent<ToggleProps, ToggleStyle>(\"toggle\", toggleStyle)\n\nexport {\n  component,\n  TogglePropsContext,\n  useRootComponentProps,\n  useTogglePropsContext,\n}\n\n/**\n * `Toggle` is a two-state button that can be either on or off.\n *\n * @see https://yamada-ui.com/docs/components/toggle\n */\nexport const Toggle = withProvider<\"button\", ToggleProps>(\n  ({ errorBorderColor, icon, ...rest }: ToggleProps) => {\n    const { getButtonProps, getInputProps } = useToggle(rest)\n    const varProps = useInputBorder({ errorBorderColor })\n\n    return (\n      <>\n        <Portal>\n          <styled.input {...getInputProps()} />\n        </Portal>\n\n        <IconButton icon={icon} {...varProps} {...getButtonProps()} />\n      </>\n    )\n  },\n  \"root\",\n)() as GenericsComponent<{\n  <Y extends string = string>(props: ToggleProps<Y>): ReactElement\n}>\n"],"mappings":";;;;;;;;;;AA6BA,MAAM,EACJ,WACA,cAAc,oBACd,iBAAiB,uBACjB,cACA,0BACEA,yBAAAA,oBAA8C,UAAUC,qBAAAA,WAAW;;;;;;AAcvE,MAAa,SAAS,cACnB,EAAE,kBAAkB,MAAM,GAAG,WAAwB;CACpD,MAAM,EAAE,gBAAgB,kBAAkBC,mBAAAA,UAAU,IAAI;CACxD,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,KAACC,oBAAAA,YAAD;EAAkB;EAAM,GAAI;EAAU,GAAI,eAAe;CAAI,CAAA,CAC7D,EAAA,CAAA;AAEN,GACA,MACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n  base: {\n    group: {},\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      gap: \"2\",\n    },\n  },\n\n  props: {\n    /**\n     * If true, the toggle button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: {\n        root: {\n          rounded: \"full\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    ghost: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"ghost\",\n          _hover: {\n            layerStyle: \"ghost.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    outline: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          borderColor: \"colorScheme.solid\",\n          borderWidth: \"1px\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"outline\",\n          _hover: {\n            layerStyle: \"outline.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n    solid: {\n      root: {\n        _checked: {\n          layerStyle: \"subtle\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"solid\",\n          _hover: {\n            layerStyle: \"solid.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    subtle: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"subtle\",\n          _hover: {\n            layerStyle: \"subtle.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    surface: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"surface\",\n          _hover: {\n            layerStyle: \"surface.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        ...iconButtonStyle.sizes?.xs,\n        gap: \"1\",\n      },\n    },\n    sm: {\n      root: {\n        ...iconButtonStyle.sizes?.sm,\n        gap: \"2\",\n      },\n    },\n    md: {\n      root: {\n        ...iconButtonStyle.sizes?.md,\n        gap: \"2\",\n      },\n    },\n    lg: {\n      root: {\n        ...iconButtonStyle.sizes?.lg,\n        gap: \"2.5\",\n      },\n    },\n    xl: {\n      root: {\n        ...iconButtonStyle.sizes?.xl,\n        gap: \"3\",\n      },\n    },\n    \"2xl\": {\n      root: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        gap: \"3\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"ghost\",\n  },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,EAAE;EACT,MAAM;GACJ,wBAAwB;GACxB,KAAK;GACN;EACF;CAED,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,QACV,EACF,EACF,EACF;CAED,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,wBACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,iBACb;IACD,UAAU,EACR,aAAa,wBACd;IACF;GACF,EACF;EACD,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACb;IACD,UAAU;KACR,aAAa;KACb,aAAa;KACd;IACF;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU,EACR,aAAa,wBACd;IACF;GACD,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,iBACb;IACD,UAAU,EACR,aAAa,wBACd;IACF;GACF,EACF;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;GAC3B,KAAK;GACN,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"toggle.style.cjs","names":["defineComponentSlotStyle","iconButtonStyle"],"sources":["../../../../src/components/toggle/toggle.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { iconButtonStyle } from \"../button\"\n\nexport const toggleStyle = defineComponentSlotStyle({\n  base: {\n    group: {},\n    root: {\n      \"--error-border-color\": \"colors.border.error\",\n      gap: \"2\",\n    },\n  },\n\n  props: {\n    /**\n     * If true, the toggle button is full rounded. Else, it'll be slightly round.\n     *\n     * @default false\n     */\n    fullRounded: {\n      true: {\n        root: {\n          rounded: \"full\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    ghost: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"ghost\",\n          _hover: {\n            layerStyle: \"ghost.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    outline: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          borderColor: \"colorScheme.solid\",\n          borderWidth: \"1px\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"outline\",\n          _hover: {\n            layerStyle: \"outline.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n    solid: {\n      root: {\n        _checked: {\n          layerStyle: \"subtle\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"solid\",\n          _hover: {\n            layerStyle: \"solid.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    subtle: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"subtle\",\n          _hover: {\n            layerStyle: \"subtle.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n            borderWidth: \"1px\",\n          },\n        },\n      },\n    },\n    surface: {\n      root: {\n        _checked: {\n          layerStyle: \"solid\",\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n        _notChecked: {\n          layerStyle: \"surface\",\n          _hover: {\n            layerStyle: \"surface.hover\",\n          },\n          _invalid: {\n            borderColor: \"{error-border-color}\",\n          },\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        ...iconButtonStyle.sizes?.xs,\n        gap: \"1\",\n      },\n    },\n    sm: {\n      root: {\n        ...iconButtonStyle.sizes?.sm,\n        gap: \"2\",\n      },\n    },\n    md: {\n      root: {\n        ...iconButtonStyle.sizes?.md,\n        gap: \"2\",\n      },\n    },\n    lg: {\n      root: {\n        ...iconButtonStyle.sizes?.lg,\n        gap: \"2.5\",\n      },\n    },\n    xl: {\n      root: {\n        ...iconButtonStyle.sizes?.xl,\n        gap: \"3\",\n      },\n    },\n    \"2xl\": {\n      root: {\n        ...iconButtonStyle.sizes?.[\"2xl\"],\n        gap: \"3\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"ghost\",\n  },\n})\n\nexport type ToggleStyle = typeof toggleStyle\n"],"mappings":";;;AAGA,MAAa,cAAcA,eAAAA,yBAAyB;CAClD,MAAM;EACJ,OAAO,CAAC;EACR,MAAM;GACJ,wBAAwB;GACxB,KAAK;EACP;CACF;CAEA,OAAO;;;;;;AAML,aAAa,EACX,MAAM,EACJ,MAAM,EACJ,SAAS,OACX,EACF,EACF,EACF;CAEA,UAAU;EACR,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,aAAa;IACb,aAAa;IACb,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;EACA,OAAO,EACL,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,cACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,QAAQ,EACN,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,eACd;IACA,UAAU;KACR,aAAa;KACb,aAAa;IACf;GACF;EACF,EACF;EACA,SAAS,EACP,MAAM;GACJ,UAAU;IACR,YAAY;IACZ,UAAU,EACR,aAAa,uBACf;GACF;GACA,aAAa;IACX,YAAY;IACZ,QAAQ,EACN,YAAY,gBACd;IACA,UAAU,EACR,aAAa,uBACf;GACF;EACF,EACF;CACF;CAEA,OAAO;EACL,IAAI,EACF,MAAM;GACJ,GAAGC,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,IAAI,EACF,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,OAAO;GAC1B,KAAK;EACP,EACF;EACA,OAAO,EACL,MAAM;GACJ,GAAGA,0BAAAA,gBAAgB,QAAQ;GAC3B,KAAK;EACP,EACF;CACF;CAEA,cAAc;EACZ,MAAM;EACN,SAAS;CACX;AACF,CAAC"}

package/dist/cjs/components/toggle/use-toggle-group.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_context = require("../../utils/context.cjs");
 const require_effect = require("../../utils/effect.cjs");
 const require_utils_index = require("../../utils/index.cjs");

package/dist/cjs/components/toggle/use-toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-group.cjs","names":["createContext","useControllableState","mergeProps"],"sources":["../../../../src/components/toggle/use-toggle-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  createContext,\n  dataAttr,\n  isArray,\n  isUndefined,\n  toArray,\n  useUpdateEffect,\n} from \"../../utils\"\n\ninterface ToggleGroupContext {\n  onChangeMapRef: RefObject<Map<string, (value: boolean) => void>>\n  disabled?: boolean\n  readOnly?: boolean\n  value?: string | string[]\n  onChange?: <Y extends string = string>(value: undefined | Y) => void\n}\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n  createContext<ToggleGroupContext>({\n    name: \"ToggleGroupContext\",\n    strict: false,\n  })\n\nexport { ToggleGroupContext, useToggleGroupContext }\n\nexport interface UseToggleGroupProps<\n  Y extends string | string[] = string,\n> extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\"> {\n  /**\n   * The initial value of the toggle button group.\n   */\n  defaultValue?: Y extends any[] ? Y : undefined | Y\n  /**\n   * If `true`, all wrapped toggle button will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, all wrapped toggle button will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the toggle button group.\n   */\n  value?: Y extends any[] ? Y : undefined | Y\n  /**\n   * The callback fired when any children toggle button is selected or unselected.\n   */\n  onChange?: (value: Y extends any[] ? Y : undefined | Y) => void\n}\n\nexport const useToggleGroup = <Y extends string | string[] = string>({\n  defaultValue,\n  disabled,\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseToggleGroupProps<Y>) => {\n  type Value = Y extends any[] ? Y : undefined | Y\n\n  const onChangeMapRef = useRef<Map<string, (value: boolean) => void>>(\n    new Map(),\n  )\n  const [value, setValue] = useControllableState<Value>({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onReset = useCallback((targetValue?: string[]) => {\n    onChangeMapRef.current.forEach((onChange, value) => {\n      if (targetValue?.includes(value)) {\n        onChange(true)\n      } else {\n        onChange(false)\n      }\n    })\n  }, [])\n\n  const onChange = useCallback(\n    <M extends string = Y extends any[] ? Y[number] : Y>(\n      value: M | undefined,\n    ) => {\n      if (isUndefined(value)) return\n\n      setValue((prev) => {\n        if (isArray(prev)) {\n          const included = prev.includes(value)\n\n          if (included) {\n            const nextValue = prev.filter((prevValue) => prevValue !== value)\n\n            onReset(nextValue)\n\n            return nextValue as Value\n          } else {\n            const nextValue = [...prev, value]\n\n            onReset(nextValue)\n\n            return nextValue as Value\n          }\n        } else {\n          if (String(value) === prev) {\n            onReset()\n\n            return undefined as Value\n          } else {\n            onReset([value])\n\n            return value as unknown as Value\n          }\n        }\n      })\n    },\n    [setValue, onReset],\n  )\n\n  useUpdateEffect(() => {\n    onReset(!isUndefined(valueProp) ? toArray(valueProp) : undefined)\n\n    setValue(valueProp as Value)\n  }, [valueProp])\n\n  const getGroupProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"data-disabled\": dataAttr(disabled),\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [disabled, readOnly, rest],\n  )\n\n  return { disabled, readOnly, value, getGroupProps, onChange, onChangeMapRef }\n}\n\nexport type UseToggleGroupReturn = ReturnType<typeof useToggleGroup>\n"],"mappings":";;;;;;;;;AAwBA,MAAM,CAAC,oBAAoB,yBACzBA,gBAAAA,cAAkC;CAChC,MAAM;CACN,QAAQ;CACT,CAAC;AAiCJ,MAAa,kBAAwD,EACnE,cACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,WACyB;CAG5B,MAAM,kBAAA,GAAA,MAAA,wBACJ,IAAI,KAAK,CACV;CACD,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAA4B;EACpD;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,WAAA,GAAA,MAAA,cAAuB,gBAA2B;EACtD,eAAe,QAAQ,SAAS,UAAU,UAAU;GAClD,IAAI,aAAa,SAAS,MAAM,EAC9B,SAAS,KAAK;QAEd,SAAS,MAAM;IAEjB;IACD,EAAE,CAAC;CAEN,MAAM,YAAA,GAAA,MAAA,cAEF,UACG;EACH,KAAA,GAAA,oBAAA,cAAA,aAAgB,MAAM,EAAE;EAExB,UAAU,SAAS;GACjB,KAAA,GAAA,oBAAA,cAAA,SAAY,KAAK,EAGf,IAFiB,KAAK,SAAS,MAEnB,EAAE;IACZ,MAAM,YAAY,KAAK,QAAQ,cAAc,cAAc,MAAM;IAEjE,QAAQ,UAAU;IAElB,OAAO;UACF;IACL,MAAM,YAAY,CAAC,GAAG,MAAM,MAAM;IAElC,QAAQ,UAAU;IAElB,OAAO;;QAGT,IAAI,OAAO,MAAM,KAAK,MAAM;IAC1B,SAAS;IAET;UACK;IACL,QAAQ,CAAC,MAAM,CAAC;IAEhB,OAAO;;IAGX;IAEJ,CAAC,UAAU,QAAQ,CACpB;CAED,eAAA,sBAAsB;EACpB,QAAQ,EAAA,GAAA,oBAAA,cAAA,aAAa,UAAU,IAAA,GAAA,oBAAA,cAAA,SAAW,UAAU,GAAG,KAAA,EAAU;EAEjE,SAAS,UAAmB;IAC3B,CAAC,UAAU,CAAC;CAgBf,OAAO;EAAE;EAAU;EAAU;EAAO,gBAAA,GAAA,MAAA,cAbjC,UACCC,cAAAA,WACE;GACE,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;GACnC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,SAAS;GACnC,MAAM;GACP,EACD,MACA,MACD,EAAE,EACL;GAAC;GAAU;GAAU;GAAK,CAGqB;EAAE;EAAU;EAAgB"}
+{"version":3,"file":"use-toggle-group.cjs","names":["createContext","useControllableState","mergeProps"],"sources":["../../../../src/components/toggle/use-toggle-group.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport {\n  createContext,\n  dataAttr,\n  isArray,\n  isUndefined,\n  toArray,\n  useUpdateEffect,\n} from \"../../utils\"\n\ninterface ToggleGroupContext {\n  onChangeMapRef: RefObject<Map<string, (value: boolean) => void>>\n  disabled?: boolean\n  readOnly?: boolean\n  value?: string | string[]\n  onChange?: <Y extends string = string>(value: undefined | Y) => void\n}\n\nconst [ToggleGroupContext, useToggleGroupContext] =\n  createContext<ToggleGroupContext>({\n    name: \"ToggleGroupContext\",\n    strict: false,\n  })\n\nexport { ToggleGroupContext, useToggleGroupContext }\n\nexport interface UseToggleGroupProps<\n  Y extends string | string[] = string,\n> extends Omit<HTMLProps, \"defaultValue\" | \"onChange\" | \"value\"> {\n  /**\n   * The initial value of the toggle button group.\n   */\n  defaultValue?: Y extends any[] ? Y : undefined | Y\n  /**\n   * If `true`, all wrapped toggle button will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, all wrapped toggle button will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The value of the toggle button group.\n   */\n  value?: Y extends any[] ? Y : undefined | Y\n  /**\n   * The callback fired when any children toggle button is selected or unselected.\n   */\n  onChange?: (value: Y extends any[] ? Y : undefined | Y) => void\n}\n\nexport const useToggleGroup = <Y extends string | string[] = string>({\n  defaultValue,\n  disabled,\n  readOnly,\n  value: valueProp,\n  onChange: onChangeProp,\n  ...rest\n}: UseToggleGroupProps<Y>) => {\n  type Value = Y extends any[] ? Y : undefined | Y\n\n  const onChangeMapRef = useRef<Map<string, (value: boolean) => void>>(\n    new Map(),\n  )\n  const [value, setValue] = useControllableState<Value>({\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n  })\n\n  const onReset = useCallback((targetValue?: string[]) => {\n    onChangeMapRef.current.forEach((onChange, value) => {\n      if (targetValue?.includes(value)) {\n        onChange(true)\n      } else {\n        onChange(false)\n      }\n    })\n  }, [])\n\n  const onChange = useCallback(\n    <M extends string = Y extends any[] ? Y[number] : Y>(\n      value: M | undefined,\n    ) => {\n      if (isUndefined(value)) return\n\n      setValue((prev) => {\n        if (isArray(prev)) {\n          const included = prev.includes(value)\n\n          if (included) {\n            const nextValue = prev.filter((prevValue) => prevValue !== value)\n\n            onReset(nextValue)\n\n            return nextValue as Value\n          } else {\n            const nextValue = [...prev, value]\n\n            onReset(nextValue)\n\n            return nextValue as Value\n          }\n        } else {\n          if (String(value) === prev) {\n            onReset()\n\n            return undefined as Value\n          } else {\n            onReset([value])\n\n            return value as unknown as Value\n          }\n        }\n      })\n    },\n    [setValue, onReset],\n  )\n\n  useUpdateEffect(() => {\n    onReset(!isUndefined(valueProp) ? toArray(valueProp) : undefined)\n\n    setValue(valueProp as Value)\n  }, [valueProp])\n\n  const getGroupProps: PropGetter = useCallback(\n    (props) =>\n      mergeProps(\n        {\n          \"data-disabled\": dataAttr(disabled),\n          \"data-readonly\": dataAttr(readOnly),\n          role: \"group\",\n        },\n        rest,\n        props,\n      )(),\n    [disabled, readOnly, rest],\n  )\n\n  return { disabled, readOnly, value, getGroupProps, onChange, onChangeMapRef }\n}\n\nexport type UseToggleGroupReturn = ReturnType<typeof useToggleGroup>\n"],"mappings":";;;;;;;;AAwBA,MAAM,CAAC,oBAAoB,yBACzBA,gBAAAA,cAAkC;CAChC,MAAM;CACN,QAAQ;AACV,CAAC;AAiCH,MAAa,kBAAwD,EACnE,cACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,WACyB;CAG5B,MAAM,kBAAA,GAAA,MAAA,wBACJ,IAAI,IAAI,CACV;CACA,MAAM,CAAC,OAAO,YAAYC,2CAAAA,qBAA4B;EACpD;EACA,OAAO;EACP,UAAU;CACZ,CAAC;CAED,MAAM,WAAA,GAAA,MAAA,cAAuB,gBAA2B;EACtD,eAAe,QAAQ,SAAS,UAAU,UAAU;GAClD,IAAI,aAAa,SAAS,KAAK,GAC7B,SAAS,IAAI;QAEb,SAAS,KAAK;EAElB,CAAC;CACH,GAAG,CAAC,CAAC;CAEL,MAAM,YAAA,GAAA,MAAA,cAEF,UACG;EACH,KAAA,GAAA,oBAAA,cAAA,aAAgB,KAAK,GAAG;EAExB,UAAU,SAAS;GACjB,KAAA,GAAA,oBAAA,cAAA,SAAY,IAAI,GAGd,IAFiB,KAAK,SAAS,KAEpB,GAAG;IACZ,MAAM,YAAY,KAAK,QAAQ,cAAc,cAAc,KAAK;IAEhE,QAAQ,SAAS;IAEjB,OAAO;GACT,OAAO;IACL,MAAM,YAAY,CAAC,GAAG,MAAM,KAAK;IAEjC,QAAQ,SAAS;IAEjB,OAAO;GACT;QAEA,IAAI,OAAO,KAAK,MAAM,MAAM;IAC1B,QAAQ;IAER;GACF,OAAO;IACL,QAAQ,CAAC,KAAK,CAAC;IAEf,OAAO;GACT;EAEJ,CAAC;CACH,GACA,CAAC,UAAU,OAAO,CACpB;CAEA,eAAA,sBAAsB;EACpB,QAAQ,EAAA,GAAA,oBAAA,cAAA,aAAa,SAAS,KAAA,GAAA,oBAAA,cAAA,SAAY,SAAS,IAAI,KAAA,CAAS;EAEhE,SAAS,SAAkB;CAC7B,GAAG,CAAC,SAAS,CAAC;CAgBd,OAAO;EAAE;EAAU;EAAU;EAAO,gBAAA,GAAA,MAAA,cAbjC,UACCC,cAAAA,WACE;GACE,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;GAClC,kBAAA,GAAA,oBAAA,cAAA,UAA0B,QAAQ;GAClC,MAAM;EACR,GACA,MACA,KACF,EAAE,GACJ;GAAC;GAAU;GAAU;EAAI,CAGqB;EAAG;EAAU;CAAe;AAC9E"}

package/dist/cjs/components/toggle/use-toggle.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_dom = require("../../utils/dom.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"use-toggle.cjs","names":["useI18n","useToggleGroupContext","useFieldProps","useControllableState","visuallyHiddenAttributes","mergeRefs","mergeProps"],"sources":["../../../../src/components/toggle/use-toggle.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useToggleGroupContext } from \"./use-toggle-group\"\n\nexport interface UseToggleProps<Y extends string = string>\n  extends\n    FieldProps,\n    HTMLRefAttributes<\"input\">,\n    Omit<HTMLProps<\"button\">, \"onChange\" | \"ref\" | \"value\"> {\n  /**\n   * If `true`, the toggle button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the toggle button will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the toggle button will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * The value of the toggle button.\n   */\n  value?: Y\n  /**\n   * The callback invoked when checked state changes.\n   */\n  onChange?: (checked: boolean) => void\n}\n\nexport const useToggle = <Y extends string = string>(\n  props: UseToggleProps<Y> = {},\n) => {\n  const { t } = useI18n(\"toggle\")\n  const {\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    value: groupValue,\n    onChange: onChangeGroup,\n    onChangeMapRef,\n  } = useToggleGroupContext() ?? {}\n  const {\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      active,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseToggleProps<Y>>({\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    ...props,\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !(readOnly || disabled)\n  const controlled = !isUndefined(groupValue)\n  const trulyChecked = useMemo(() => {\n    if (!controlled) {\n      return checked\n    } else {\n      return isArray(groupValue)\n        ? groupValue.includes(value ?? \"\")\n        : value === groupValue\n    }\n  }, [controlled, groupValue, checked, value])\n\n  if (controlled && isUndefined(value))\n    console.warn(`Toggle: value is required. Please set the value.`)\n\n  if (value) onChangeMapRef?.current.set(value, setChecked)\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    setChecked((prev) => !prev)\n    onChangeGroup?.(value)\n  }, [onChangeGroup, setChecked, value, interactive])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setChecked(ev.target.checked)\n      onChangeGroup?.(value)\n    },\n    [onChangeGroup, setChecked, value],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      id,\n      form,\n      type: \"checkbox\",\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, ref, props.ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      ariaProps,\n      checked,\n      dataProps,\n      disabled,\n      eventProps,\n      form,\n      id,\n      name,\n      onChange,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  > = useCallback(\n    (props = {}): Merge<HTMLProps<\"button\">, { \"aria-label\": string }> => {\n      const ariaLabel = value?.toString() ?? t(\"Toggle button\")\n      const mergedProps = mergeProps(\n        dataProps,\n        {\n          type: \"button\",\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-label\": ariaLabel,\n          \"aria-pressed\": trulyChecked,\n          \"data-active\": dataAttr(active),\n          \"data-checked\": dataAttr(trulyChecked),\n          disabled,\n          tabIndex: interactive ? undefined : -1,\n        },\n        rest,\n        props,\n        { onClick },\n      )()\n\n      return {\n        ...mergedProps,\n        \"aria-label\": mergedProps[\"aria-label\"] ?? ariaLabel,\n      }\n    },\n    [\n      dataProps,\n      value,\n      trulyChecked,\n      active,\n      disabled,\n      rest,\n      onClick,\n      interactive,\n      t,\n    ],\n  )\n\n  return {\n    checked: trulyChecked,\n    setChecked,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseToggleReturn = ReturnType<typeof useToggle>\n"],"mappings":";;;;;;;;;;;;AAqDA,MAAa,aACX,QAA2B,EAAE,KAC1B;CACH,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,SAAS;CAC/B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,mBACEC,yBAAAA,uBAAuB,IAAI,EAAE;CACjC,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WACA,WACA,eACEC,wBAAAA,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;EACJ,CAAC;CACF,MAAM,YAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,SAAS,cAAcC,2CAAAA,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,aAAa,WAAW;CAC3C,MAAM,gBAAA,GAAA,MAAA,eAA6B;EACjC,IAAI,CAAC,YACH,OAAO;OAEP,QAAA,GAAA,oBAAA,cAAA,SAAe,WAAW,GACtB,WAAW,SAAS,SAAS,GAAG,GAChC,UAAU;IAEf;EAAC;EAAY;EAAY;EAAS;EAAM,CAAC;CAE5C,IAAI,eAAA,GAAA,oBAAA,cAAA,aAA0B,MAAM,EAClC,QAAQ,KAAK,mDAAmD;CAElE,IAAI,OAAO,gBAAgB,QAAQ,IAAI,OAAO,WAAW;CAEzD,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,IAAI,CAAC,aAAa;EAElB,YAAY,SAAS,CAAC,KAAK;EAC3B,gBAAgB,MAAM;IACrB;EAAC;EAAe;EAAY;EAAO;EAAY,CAAC;CAEnD,MAAM,YAAA,GAAA,MAAA,cACH,OAAsC;EACrC,WAAW,GAAG,OAAO,QAAQ;EAC7B,gBAAgB,MAAM;IAExB;EAAC;EAAe;EAAY;EAAM,CACnC;CAED,MAAM,iBAAA,GAAA,MAAA,cACH,QAAQ,EAAE,MAAM;EACf,GAAGC,YAAAA;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,KAAK,MAAM,IAAI;EACxC,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CA4CD,OAAO;EACL,SAAS;EACT;EACA,iBAAA,GAAA,MAAA,cAxCC,QAAQ,EAAE,KAA2D;GACpE,MAAM,YAAY,OAAO,UAAU,IAAI,EAAE,gBAAgB;GACzD,MAAM,cAAcC,cAAAA,WAClB,WACA;IACE,MAAM;IACN,kBAAA,GAAA,oBAAA,cAAA,UAA0B,CAAC,YAAY;IACvC,cAAc;IACd,gBAAgB;IAChB,gBAAA,GAAA,oBAAA,cAAA,UAAwB,OAAO;IAC/B,iBAAA,GAAA,oBAAA,cAAA,UAAyB,aAAa;IACtC;IACA,UAAU,cAAc,KAAA,IAAY;IACrC,EACD,MACA,OACA,EAAE,SAAS,CACZ,EAAE;GAEH,OAAO;IACL,GAAG;IACH,cAAc,YAAY,iBAAiB;IAC5C;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAMa;EACd;EACD"}
+{"version":3,"file":"use-toggle.cjs","names":["useI18n","useToggleGroupContext","useFieldProps","useControllableState","visuallyHiddenAttributes","mergeRefs","mergeProps"],"sources":["../../../../src/components/toggle/use-toggle.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useToggleGroupContext } from \"./use-toggle-group\"\n\nexport interface UseToggleProps<Y extends string = string>\n  extends\n    FieldProps,\n    HTMLRefAttributes<\"input\">,\n    Omit<HTMLProps<\"button\">, \"onChange\" | \"ref\" | \"value\"> {\n  /**\n   * If `true`, the toggle button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the toggle button will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the toggle button will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * The value of the toggle button.\n   */\n  value?: Y\n  /**\n   * The callback invoked when checked state changes.\n   */\n  onChange?: (checked: boolean) => void\n}\n\nexport const useToggle = <Y extends string = string>(\n  props: UseToggleProps<Y> = {},\n) => {\n  const { t } = useI18n(\"toggle\")\n  const {\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    value: groupValue,\n    onChange: onChangeGroup,\n    onChangeMapRef,\n  } = useToggleGroupContext() ?? {}\n  const {\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      active,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseToggleProps<Y>>({\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    ...props,\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !(readOnly || disabled)\n  const controlled = !isUndefined(groupValue)\n  const trulyChecked = useMemo(() => {\n    if (!controlled) {\n      return checked\n    } else {\n      return isArray(groupValue)\n        ? groupValue.includes(value ?? \"\")\n        : value === groupValue\n    }\n  }, [controlled, groupValue, checked, value])\n\n  if (controlled && isUndefined(value))\n    console.warn(`Toggle: value is required. Please set the value.`)\n\n  if (value) onChangeMapRef?.current.set(value, setChecked)\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    setChecked((prev) => !prev)\n    onChangeGroup?.(value)\n  }, [onChangeGroup, setChecked, value, interactive])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setChecked(ev.target.checked)\n      onChangeGroup?.(value)\n    },\n    [onChangeGroup, setChecked, value],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      id,\n      form,\n      type: \"checkbox\",\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, ref, props.ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      ariaProps,\n      checked,\n      dataProps,\n      disabled,\n      eventProps,\n      form,\n      id,\n      name,\n      onChange,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  > = useCallback(\n    (props = {}): Merge<HTMLProps<\"button\">, { \"aria-label\": string }> => {\n      const ariaLabel = value?.toString() ?? t(\"Toggle button\")\n      const mergedProps = mergeProps(\n        dataProps,\n        {\n          type: \"button\",\n          \"aria-disabled\": ariaAttr(!interactive),\n          \"aria-label\": ariaLabel,\n          \"aria-pressed\": trulyChecked,\n          \"data-active\": dataAttr(active),\n          \"data-checked\": dataAttr(trulyChecked),\n          disabled,\n          tabIndex: interactive ? undefined : -1,\n        },\n        rest,\n        props,\n        { onClick },\n      )()\n\n      return {\n        ...mergedProps,\n        \"aria-label\": mergedProps[\"aria-label\"] ?? ariaLabel,\n      }\n    },\n    [\n      dataProps,\n      value,\n      trulyChecked,\n      active,\n      disabled,\n      rest,\n      onClick,\n      interactive,\n      t,\n    ],\n  )\n\n  return {\n    checked: trulyChecked,\n    setChecked,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseToggleReturn = ReturnType<typeof useToggle>\n"],"mappings":";;;;;;;;;;;AAqDA,MAAa,aACX,QAA2B,CAAC,MACzB;CACH,MAAM,EAAE,MAAMA,sBAAAA,QAAQ,QAAQ;CAC9B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,mBACEC,yBAAAA,sBAAsB,KAAK,CAAC;CAChC,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,cACV,GAAG,QAEL,WACA,WACA,eACEC,wBAAAA,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;CACL,CAAC;CACD,MAAM,YAAA,GAAA,MAAA,QAAoC,IAAI;CAC9C,MAAM,CAAC,SAAS,cAAcC,2CAAAA,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACZ,CAAC;CACD,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,aAAa,EAAA,GAAA,oBAAA,cAAA,aAAa,UAAU;CAC1C,MAAM,gBAAA,GAAA,MAAA,eAA6B;EACjC,IAAI,CAAC,YACH,OAAO;OAEP,QAAA,GAAA,oBAAA,cAAA,SAAe,UAAU,IACrB,WAAW,SAAS,SAAS,EAAE,IAC/B,UAAU;CAElB,GAAG;EAAC;EAAY;EAAY;EAAS;CAAK,CAAC;CAE3C,IAAI,eAAA,GAAA,oBAAA,cAAA,aAA0B,KAAK,GACjC,QAAQ,KAAK,kDAAkD;CAEjE,IAAI,OAAO,gBAAgB,QAAQ,IAAI,OAAO,UAAU;CAExD,MAAM,WAAA,GAAA,MAAA,mBAA4B;EAChC,IAAI,CAAC,aAAa;EAElB,YAAY,SAAS,CAAC,IAAI;EAC1B,gBAAgB,KAAK;CACvB,GAAG;EAAC;EAAe;EAAY;EAAO;CAAW,CAAC;CAElD,MAAM,YAAA,GAAA,MAAA,cACH,OAAsC;EACrC,WAAW,GAAG,OAAO,OAAO;EAC5B,gBAAgB,KAAK;CACvB,GACA;EAAC;EAAe;EAAY;CAAK,CACnC;CAEA,MAAM,iBAAA,GAAA,MAAA,cACH,QAAQ,CAAC,OAAO;EACf,GAAGC,YAAAA;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAKC,YAAAA,UAAU,UAAU,KAAK,MAAM,GAAG;EACvC,WAAA,GAAA,oBAAA,cAAA,YAAqB,MAAM,UAAU,QAAQ;CAC/C,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CA4CA,OAAO;EACL,SAAS;EACT;EACA,iBAAA,GAAA,MAAA,cAxCC,QAAQ,CAAC,MAA4D;GACpE,MAAM,YAAY,OAAO,SAAS,KAAK,EAAE,eAAe;GACxD,MAAM,cAAcC,cAAAA,WAClB,WACA;IACE,MAAM;IACN,kBAAA,GAAA,oBAAA,cAAA,UAA0B,CAAC,WAAW;IACtC,cAAc;IACd,gBAAgB;IAChB,gBAAA,GAAA,oBAAA,cAAA,UAAwB,MAAM;IAC9B,iBAAA,GAAA,oBAAA,cAAA,UAAyB,YAAY;IACrC;IACA,UAAU,cAAc,KAAA,IAAY;GACtC,GACA,MACA,OACA,EAAE,QAAQ,CACZ,EAAE;GAEF,OAAO;IACL,GAAG;IACH,cAAc,YAAY,iBAAiB;GAC7C;EACF,GACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAMa;EACb;CACF;AACF"}

package/dist/cjs/components/tooltip/tooltip.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_create_component = require("../../core/components/create-component.cjs");
 const require_factory = require("../motion/factory.cjs");

package/dist/cjs/components/tooltip/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":["createSlotComponent","tooltipStyle","useTooltip","usePopupAnimationProps","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends\n    UseTooltipProps,\n    PropsWithChildren,\n    UsePopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: UsePopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: HTMLMotionProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nconst {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\nexport { TooltipPropsContext, useTooltipPropsContext }\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/docs/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n  const popupAnimationProps = usePopupAnimationProps({\n    animationScheme,\n    duration,\n  })\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps()}>\n              <TooltipContent\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps extends Omit<\n  HTMLMotionProps,\n  \"children\" | \"offset\" | \"transform\"\n> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;;AA4CA,MAAM,EACJ,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,0BACEA,yBAAAA,oBAAgD,WAAWC,sBAAAA,aAAa;;;;;;AAS5E,MAAa,WAA6B,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,aACA,GAAG,UAEH,sBAAsB,MAAM;CAChC,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,oBACjDC,oBAAAA,WAAW,KAAK;CAClB,MAAM,sBAAsBC,gBAAAA,uBAAuB;EACjD;EACA;EACD,CAAC;CAEF,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,iBAAA,GAAA,kBAAA,MAAC,cAAD;EAAc,OAAO;YAArB,CACE,iBAAA,GAAA,kBAAA,KAAC,gBAAD;GAAgB,SAAA;GAAQ,GAAI,iBAAiB;GAC1C;GACc,CAAA,EAEjB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;GAAQ,GAAI;aACV,iBAAA,GAAA,kBAAA,KAAC,mBAAD;IAAmB,GAAI,oBAAoB;cACzC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KACE,GAAI;KACJ,IAAA,GAAA,oBAAA,cAAA,MACE,iBAAA,GAAA,oBAAA,cAAA,MAAgC,aAAa,CAAC,CAC/C;eAEA;KACc,CAAA;IACC,CAAA;GACb,CAAA,GACP,MACY,CAAA,CACL;;;AAMnB,MAAM,oBAAoB,YACxB,OACA,aACD,EAAE;AAIH,MAAM,iBAAiB,YACrB,UACA,UACD,EAAE;AAOH,MAAM,iBAAiB,YACrBC,gBAAAA,OAAO,KACP,UACD,EAAE"}
+{"version":3,"file":"tooltip.cjs","names":["createSlotComponent","tooltipStyle","useTooltip","usePopupAnimationProps","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { UsePopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { usePopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends\n    UseTooltipProps,\n    PropsWithChildren,\n    UsePopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: UsePopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: HTMLMotionProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nconst {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\nexport { TooltipPropsContext, useTooltipPropsContext }\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/docs/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n  const popupAnimationProps = usePopupAnimationProps({\n    animationScheme,\n    duration,\n  })\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps()}>\n              <TooltipContent\n                {...popupAnimationProps}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps extends Omit<\n  HTMLMotionProps,\n  \"children\" | \"offset\" | \"transform\"\n> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;AA4CA,MAAM,EACJ,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,0BACEA,yBAAAA,oBAAgD,WAAWC,sBAAAA,YAAY;;;;;;AAS3E,MAAa,WAA6B,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,aACA,GAAG,UAEH,sBAAsB,KAAK;CAC/B,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,oBACjDC,oBAAAA,WAAW,IAAI;CACjB,MAAM,sBAAsBC,gBAAAA,uBAAuB;EACjD;EACA;CACF,CAAC;CAED,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,iBAAA,GAAA,kBAAA,MAAC,cAAD;EAAc,OAAO;YAArB,CACE,iBAAA,GAAA,kBAAA,KAAC,gBAAD;GAAgB,SAAA;GAAQ,GAAI,gBAAgB;GACzC;EACa,CAAA,GAEhB,iBAAA,GAAA,kBAAA,KAACC,aAAAA,iBAAD,EAAA,UACG,OACC,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;GAAQ,GAAI;aACV,iBAAA,GAAA,kBAAA,KAAC,mBAAD;IAAmB,GAAI,mBAAmB;cACxC,iBAAA,GAAA,kBAAA,KAAC,gBAAD;KACE,GAAI;KACJ,IAAA,GAAA,oBAAA,cAAA,MACE,iBAAA,GAAA,oBAAA,cAAA,MAAgC,YAAY,CAAC,CAC/C;eAEC;IACa,CAAA;GACC,CAAA;EACb,CAAA,IACN,KACW,CAAA,CACL;;AAElB;AAIA,MAAM,oBAAoB,YACxB,OACA,YACF,EAAE;AAIF,MAAM,iBAAiB,YACrB,UACA,SACF,EAAE;AAOF,MAAM,iBAAiB,YACrBC,gBAAAA,OAAO,KACP,SACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tooltip/tooltip.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tooltipStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      fontSize: \"sm\",\n      maxW: \"xs\",\n      position: \"relative\",\n      px: \"sm\",\n      py: \"xs\",\n      rounded: \"l2\",\n    },\n    positioner: {\n      zIndex: \"ginyu\",\n    },\n  },\n})\n\nexport type TooltipStyle = typeof tooltipStyle\n"],"mappings":";AAEA,MAAa,sDAAeA,CAAAA,yBAAyB,EACnD,MAAM;CACJ,SAAS;EACP,IAAI;EACJ,aAAa;EACb,aAAa;EACb,WAAW;EACX,UAAU;EACV,MAAM;EACN,UAAU;EACV,IAAI;EACJ,IAAI;EACJ,SAAS;EACV;CACD,YAAY,EACV,QAAQ,SACT;CACF,EACF,CAAC"}
+{"version":3,"file":"tooltip.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/tooltip/tooltip.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const tooltipStyle = defineComponentSlotStyle({\n  base: {\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.muted\",\n      borderWidth: \"1px\",\n      boxShadow: \"sm\",\n      fontSize: \"sm\",\n      maxW: \"xs\",\n      position: \"relative\",\n      px: \"sm\",\n      py: \"xs\",\n      rounded: \"l2\",\n    },\n    positioner: {\n      zIndex: \"ginyu\",\n    },\n  },\n})\n\nexport type TooltipStyle = typeof tooltipStyle\n"],"mappings":";AAEA,MAAa,qDAAeA,EAAAA,yBAAyB,EACnD,MAAM;CACJ,SAAS;EACP,IAAI;EACJ,aAAa;EACb,aAAa;EACb,WAAW;EACX,UAAU;EACV,MAAM;EACN,UAAU;EACV,IAAI;EACJ,IAAI;EACJ,SAAS;CACX;CACA,YAAY,EACV,QAAQ,QACV;AACF,EACF,CAAC"}

package/dist/cjs/components/tooltip/use-tooltip.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_effect = require("../../utils/effect.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");