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

package/dist/esm/components/toggle/toggle-group.js

@@ -1,12 +1,9 @@
 "use client";
-
 import { Group } from "../group/group.js";
-import "../group/index.js";
 import { ToggleGroupContext, useToggleGroup } from "./use-toggle-group.js";
 import { TogglePropsContext, component, useRootComponentProps } from "./toggle.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/toggle/toggle-group.tsx
 const ToggleGroupRoot = component((props) => {
 	const [, { colorScheme, size, variant, attached, ...rest }] = useRootComponentProps(props, "group", { transferProps: [
@@ -48,7 +45,7 @@ const ToggleGroupRoot = component((props) => {
 		})
 	});
 }, "group")();
-
 //#endregion
 export { ToggleGroupRoot };
+
 //# sourceMappingURL=toggle-group.js.map

package/dist/esm/components/toggle/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":[],"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,kBAAkB,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClD,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;EAAc,EAClD,CAAC;CACJ,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACE,eAAe,KAAK;AAqBxB,QACE,oBAAC;EAAmB,OArBN,eACP;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW;GACzC,GACD;GAAC;GAAS;GAAM;GAAa;GAAS,CACvC;YAcG,oBAAC;GAAmB,OAbH,eACZ;IACL;IACA;IACA;IACA;IACA;IACD,GACD;IAAC;IAAO;IAAU;IAAU;IAAU;IAAe,CACtD;aAKK,oBAAC;IAAgB;IAAU,GAAI,eAAe;KAAI;IAC/B;GACF;GAGzB,QACD,EAAE"}
+{"version":3,"file":"toggle-group.js","names":[],"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,kBAAkB,WAC5B,UAAgC;CAC/B,MAAM,GAAG,EAAE,aAAa,MAAM,SAAS,UAAU,GAAG,UAClD,sBAAsB,OAAO,SAAS,EACpC,eAAe;EAAC;EAAQ;EAAW;EAAc,EAClD,CAAC;CACJ,MAAM,EACJ,UACA,UACA,OACA,eACA,UACA,mBACE,eAAe,KAAK;CAqBxB,OACE,oBAAC,oBAAD;EAAoB,OArBN,eACP;GACL;GACA;GACA;GACA,kBAAkB,WAAW,WAAW,KAAA;GACzC,GACD;GAAC;GAAS;GAAM;GAAa;GAAS,CAcJ;YAChC,oBAAC,oBAAD;GAAoB,OAbH,eACZ;IACL;IACA;IACA;IACA;IACA;IACD,GACD;IAAC;IAAO;IAAU;IAAU;IAAU;IAAe,CAKZ;aACrC,oBAAC,OAAD;IAAiB;IAAU,GAAI,eAAe;IAAI,CAAA;GAC/B,CAAA;EACF,CAAA;GAGzB,QACD,EAAE"}

package/dist/esm/components/toggle/toggle.js

@@ -1,18 +1,12 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { Portal } from "../portal/portal.js";
-import "../portal/index.js";
 import { IconButton } from "../button/icon-button.js";
-import "../button/index.js";
 import { useInputBorder } from "../input/use-input-border.js";
-import "../input/index.js";
 import { toggleStyle } from "./toggle.style.js";
 import { useToggle } from "./use-toggle.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/toggle/toggle.tsx
 const { component, PropsContext: TogglePropsContext, usePropsContext: useTogglePropsContext, withProvider, useRootComponentProps } = createSlotComponent("toggle", toggleStyle);
 /**
@@ -29,7 +23,7 @@ const Toggle = withProvider(({ errorBorderColor, icon, ...rest }) => {
 		...getButtonProps()
 	})] });
 }, "root")();
-
 //#endregion
 export { Toggle, TogglePropsContext, component, useRootComponentProps, useTogglePropsContext };
+
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"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,0BACE,oBAA8C,UAAU,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,kBAAkB,MAAM,GAAG,WAAwB;CACpD,MAAM,EAAE,gBAAgB,kBAAkB,UAAU,KAAK;CACzD,MAAM,WAAW,eAAe,EAAE,kBAAkB,CAAC;AAErD,QACE,4CACE,oBAAC,oBACC,oBAAC,OAAO,SAAM,GAAI,eAAe,GAAI,GAC9B,EAET,oBAAC;EAAiB;EAAM,GAAI;EAAU,GAAI,gBAAgB;GAAI,IAC7D;GAGP,OACD,EAAE"}
+{"version":3,"file":"toggle.js","names":[],"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,0BACE,oBAA8C,UAAU,YAAY;;;;;;AAcxE,MAAa,SAAS,cACnB,EAAE,kBAAkB,MAAM,GAAG,WAAwB;CACpD,MAAM,EAAE,gBAAgB,kBAAkB,UAAU,KAAK;CACzD,MAAM,WAAW,eAAe,EAAE,kBAAkB,CAAC;CAErD,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,OAAR,EAAc,GAAI,eAAe,EAAI,CAAA,EAC9B,CAAA,EAET,oBAAC,YAAD;EAAkB;EAAM,GAAI;EAAU,GAAI,gBAAgB;EAAI,CAAA,CAC7D,EAAA,CAAA;GAGP,OACD,EAAE"}

package/dist/esm/components/toggle/toggle.style.js

@@ -1,8 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { iconButtonStyle } from "../button/icon-button.style.js";
-import "../button/index.js";
-
 //#region src/components/toggle/toggle.style.ts
 const toggleStyle = defineComponentSlotStyle({
 	base: {
@@ -12,7 +9,13 @@ const toggleStyle = defineComponentSlotStyle({
 			gap: "2"
 		}
 	},
-	props: { fullRounded: { true: { root: { rounded: "full" } } } },
+	props: { 
+	/**
+	* If true, the toggle button is full rounded. Else, it'll be slightly round.
+	*
+	* @default false
+	*/
+fullRounded: { true: { root: { rounded: "full" } } } },
 	variants: {
 		ghost: { root: {
 			_checked: {
@@ -121,7 +124,7 @@ const toggleStyle = defineComponentSlotStyle({
 		variant: "ghost"
 	}
 });
-
 //#endregion
 export { toggleStyle };
+
 //# sourceMappingURL=toggle.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.style.js","names":[],"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,cAAc,yBAAyB;CAClD,MAAM;EACJ,OAAO,EAAE;EACT,MAAM;GACJ,wBAAwB;GACxB,KAAK;GACN;EACF;CAED,OAAO,EAML,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,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,QAAQ;GAC3B,KAAK;GACN,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"toggle.style.js","names":[],"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,cAAc,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,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,GAAG,gBAAgB,OAAO;GAC1B,KAAK;GACN,EACF;EACD,OAAO,EACL,MAAM;GACJ,GAAG,gBAAgB,QAAQ;GAC3B,KAAK;GACN,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/toggle/use-toggle-group.js

@@ -1,13 +1,10 @@
 "use client";
-
 import { createContext as createContext$1 } from "../../utils/context.js";
 import { useUpdateEffect } from "../../utils/effect.js";
 import { utils_exports } from "../../utils/index.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { useCallback, useRef } from "react";
-
 //#region src/components/toggle/use-toggle-group.ts
 const [ToggleGroupContext, useToggleGroupContext] = createContext$1({
 	name: "ToggleGroupContext",
@@ -21,29 +18,29 @@ const useToggleGroup = ({ defaultValue, disabled, readOnly, value: valueProp, on
 		onChange: onChangeProp
 	});
 	const onReset = useCallback((targetValue) => {
-		onChangeMapRef.current.forEach((onChange$1, value$1) => {
-			if (targetValue?.includes(value$1)) onChange$1(true);
-			else onChange$1(false);
+		onChangeMapRef.current.forEach((onChange, value) => {
+			if (targetValue?.includes(value)) onChange(true);
+			else onChange(false);
 		});
 	}, []);
-	const onChange = useCallback((value$1) => {
-		if ((0, utils_exports.isUndefined)(value$1)) return;
+	const onChange = useCallback((value) => {
+		if ((0, utils_exports.isUndefined)(value)) return;
 		setValue((prev) => {
-			if ((0, utils_exports.isArray)(prev)) if (prev.includes(value$1)) {
-				const nextValue = prev.filter((prevValue) => prevValue !== value$1);
+			if ((0, utils_exports.isArray)(prev)) if (prev.includes(value)) {
+				const nextValue = prev.filter((prevValue) => prevValue !== value);
 				onReset(nextValue);
 				return nextValue;
 			} else {
-				const nextValue = [...prev, value$1];
+				const nextValue = [...prev, value];
 				onReset(nextValue);
 				return nextValue;
 			}
-			else if (String(value$1) === prev) {
+			else if (String(value) === prev) {
 				onReset();
 				return;
 			} else {
-				onReset([value$1]);
-				return value$1;
+				onReset([value]);
+				return value;
 			}
 		});
 	}, [setValue, onReset]);
@@ -68,7 +65,7 @@ const useToggleGroup = ({ defaultValue, disabled, readOnly, value: valueProp, on
 		onChangeMapRef
 	};
 };
-
 //#endregion
 export { ToggleGroupContext, useToggleGroup, useToggleGroupContext };
+
 //# sourceMappingURL=use-toggle-group.js.map

package/dist/esm/components/toggle/use-toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle-group.js","names":["createContext","value"],"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,gBAAkC;CAChC,MAAM;CACN,QAAQ;CACT,CAAC;AAiCJ,MAAa,kBAAwD,EACnE,cACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,WACyB;CAG5B,MAAM,iBAAiB,uBACrB,IAAI,KAAK,CACV;CACD,MAAM,CAAC,OAAO,YAAY,qBAA4B;EACpD;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,UAAU,aAAa,gBAA2B;AACtD,iBAAe,QAAQ,SAAS,YAAU,YAAU;AAClD,OAAI,aAAa,SAASC,QAAM,CAC9B,YAAS,KAAK;OAEd,YAAS,MAAM;IAEjB;IACD,EAAE,CAAC;CAEN,MAAM,WAAW,aAEb,YACG;AACH,qCAAgBA,QAAM,CAAE;AAExB,YAAU,SAAS;AACjB,kCAAY,KAAK,CAGf,KAFiB,KAAK,SAASA,QAAM,EAEvB;IACZ,MAAM,YAAY,KAAK,QAAQ,cAAc,cAAcA,QAAM;AAEjE,YAAQ,UAAU;AAElB,WAAO;UACF;IACL,MAAM,YAAY,CAAC,GAAG,MAAMA,QAAM;AAElC,YAAQ,UAAU;AAElB,WAAO;;YAGL,OAAOA,QAAM,KAAK,MAAM;AAC1B,aAAS;AAET;UACK;AACL,YAAQ,CAACA,QAAM,CAAC;AAEhB,WAAOA;;IAGX;IAEJ,CAAC,UAAU,QAAQ,CACpB;AAED,uBAAsB;AACpB,UAAQ,gCAAa,UAAU,8BAAW,UAAU,GAAG,OAAU;AAEjE,WAAS,UAAmB;IAC3B,CAAC,UAAU,CAAC;AAgBf,QAAO;EAAE;EAAU;EAAU;EAAO,eAdF,aAC/B,UACC,WACE;GACE,6CAA0B,SAAS;GACnC,6CAA0B,SAAS;GACnC,MAAM;GACP,EACD,MACA,MACD,EAAE,EACL;GAAC;GAAU;GAAU;GAAK,CAC3B;EAEkD;EAAU;EAAgB"}
+{"version":3,"file":"use-toggle-group.js","names":["createContext"],"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,gBAAkC;CAChC,MAAM;CACN,QAAQ;CACT,CAAC;AAiCJ,MAAa,kBAAwD,EACnE,cACA,UACA,UACA,OAAO,WACP,UAAU,cACV,GAAG,WACyB;CAG5B,MAAM,iBAAiB,uBACrB,IAAI,KAAK,CACV;CACD,MAAM,CAAC,OAAO,YAAY,qBAA4B;EACpD;EACA,OAAO;EACP,UAAU;EACX,CAAC;CAEF,MAAM,UAAU,aAAa,gBAA2B;EACtD,eAAe,QAAQ,SAAS,UAAU,UAAU;GAClD,IAAI,aAAa,SAAS,MAAM,EAC9B,SAAS,KAAK;QAEd,SAAS,MAAM;IAEjB;IACD,EAAE,CAAC;CAEN,MAAM,WAAW,aAEb,UACG;EACH,KAAA,GAAA,cAAA,aAAgB,MAAM,EAAE;EAExB,UAAU,SAAS;GACjB,KAAA,GAAA,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,sBAAsB;EACpB,QAAQ,EAAA,GAAA,cAAA,aAAa,UAAU,IAAA,GAAA,cAAA,SAAW,UAAU,GAAG,KAAA,EAAU;EAEjE,SAAS,UAAmB;IAC3B,CAAC,UAAU,CAAC;CAgBf,OAAO;EAAE;EAAU;EAAU;EAAO,eAdF,aAC/B,UACC,WACE;GACE,kBAAA,GAAA,cAAA,UAA0B,SAAS;GACnC,kBAAA,GAAA,cAAA,UAA0B,SAAS;GACnC,MAAM;GACP,EACD,MACA,MACD,EAAE,EACL;GAAC;GAAU;GAAU;GAAK,CAGqB;EAAE;EAAU;EAAgB"}

package/dist/esm/components/toggle/use-toggle.js

@@ -1,18 +1,13 @@
 "use client";
-
 import { visuallyHiddenAttributes } from "../../utils/dom.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { mergeProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { useFieldProps } from "../field/use-field-props.js";
-import "../field/index.js";
 import { useToggleGroupContext } from "./use-toggle-group.js";
 import { useCallback, useMemo, useRef } from "react";
-
 //#region src/components/toggle/use-toggle.ts
 const useToggle = (props = {}) => {
 	const { t } = useI18n("toggle");
@@ -59,7 +54,7 @@ const useToggle = (props = {}) => {
 		setChecked,
 		value
 	]);
-	const getInputProps = useCallback((props$1 = {}) => ({
+	const getInputProps = useCallback((props = {}) => ({
 		...visuallyHiddenAttributes,
 		...ariaProps,
 		...dataProps,
@@ -73,9 +68,9 @@ const useToggle = (props = {}) => {
 		readOnly,
 		required,
 		value,
-		...props$1,
-		ref: mergeRefs(inputRef, ref, props$1.ref),
-		onChange: (0, utils_exports.handlerAll)(props$1.onChange, onChange)
+		...props,
+		ref: mergeRefs(inputRef, ref, props.ref),
+		onChange: (0, utils_exports.handlerAll)(props.onChange, onChange)
 	}), [
 		ariaProps,
 		checked,
@@ -94,7 +89,7 @@ const useToggle = (props = {}) => {
 	return {
 		checked: trulyChecked,
 		setChecked,
-		getButtonProps: useCallback((props$1 = {}) => {
+		getButtonProps: useCallback((props = {}) => {
 			const ariaLabel = value?.toString() ?? t("Toggle button");
 			const mergedProps = mergeProps(dataProps, {
 				type: "button",
@@ -105,7 +100,7 @@ const useToggle = (props = {}) => {
 				"data-checked": (0, utils_exports.dataAttr)(trulyChecked),
 				disabled,
 				tabIndex: interactive ? void 0 : -1
-			}, rest, props$1, { onClick })();
+			}, rest, props, { onClick })();
 			return {
 				...mergedProps,
 				"aria-label": mergedProps["aria-label"] ?? ariaLabel
@@ -124,7 +119,7 @@ const useToggle = (props = {}) => {
 		getInputProps
 	};
 };
-
 //#endregion
 export { useToggle };
+
 //# sourceMappingURL=use-toggle.js.map

package/dist/esm/components/toggle/use-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle.js","names":["getInputProps: PropGetter<\"input\">","props"],"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,MAAM,QAAQ,SAAS;CAC/B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,mBACE,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,eACE,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;EACJ,CAAC;CACF,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,SAAS,cAAc,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,aAAa,gCAAa,WAAW;CAC3C,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,WACH,QAAO;MAEP,mCAAe,WAAW,GACtB,WAAW,SAAS,SAAS,GAAG,GAChC,UAAU;IAEf;EAAC;EAAY;EAAY;EAAS;EAAM,CAAC;AAE5C,KAAI,6CAA0B,MAAM,CAClC,SAAQ,KAAK,mDAAmD;AAElE,KAAI,MAAO,iBAAgB,QAAQ,IAAI,OAAO,WAAW;CAEzD,MAAM,UAAU,kBAAkB;AAChC,MAAI,CAAC,YAAa;AAElB,cAAY,SAAS,CAAC,KAAK;AAC3B,kBAAgB,MAAM;IACrB;EAAC;EAAe;EAAY;EAAO;EAAY,CAAC;CAEnD,MAAM,WAAW,aACd,OAAsC;AACrC,aAAW,GAAG,OAAO,QAAQ;AAC7B,kBAAgB,MAAM;IAExB;EAAC;EAAe;EAAY;EAAM,CACnC;CAED,MAAMA,gBAAqC,aACxC,UAAQ,EAAE,MAAM;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGC;EACH,KAAK,UAAU,UAAU,KAAKA,QAAM,IAAI;EACxC,wCAAqBA,QAAM,UAAU,SAAS;EAC/C,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA4CD,QAAO;EACL,SAAS;EACT;EACA,gBAzCE,aACD,UAAQ,EAAE,KAA2D;GACpE,MAAM,YAAY,OAAO,UAAU,IAAI,EAAE,gBAAgB;GACzD,MAAM,cAAc,WAClB,WACA;IACE,MAAM;IACN,6CAA0B,CAAC,YAAY;IACvC,cAAc;IACd,gBAAgB;IAChB,2CAAwB,OAAO;IAC/B,4CAAyB,aAAa;IACtC;IACA,UAAU,cAAc,SAAY;IACrC,EACD,MACAA,SACA,EAAE,SAAS,CACZ,EAAE;AAEH,UAAO;IACL,GAAG;IACH,cAAc,YAAY,iBAAiB;IAC5C;KAEH;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAMC;EACD"}
+{"version":3,"file":"use-toggle.js","names":[],"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,MAAM,QAAQ,SAAS;CAC/B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,mBACE,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,eACE,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;EACJ,CAAC;CACF,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,SAAS,cAAc,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,cAAc,EAAE,YAAY;CAClC,MAAM,aAAa,EAAA,GAAA,cAAA,aAAa,WAAW;CAC3C,MAAM,eAAe,cAAc;EACjC,IAAI,CAAC,YACH,OAAO;OAEP,QAAA,GAAA,cAAA,SAAe,WAAW,GACtB,WAAW,SAAS,SAAS,GAAG,GAChC,UAAU;IAEf;EAAC;EAAY;EAAY;EAAS;EAAM,CAAC;CAE5C,IAAI,eAAA,GAAA,cAAA,aAA0B,MAAM,EAClC,QAAQ,KAAK,mDAAmD;CAElE,IAAI,OAAO,gBAAgB,QAAQ,IAAI,OAAO,WAAW;CAEzD,MAAM,UAAU,kBAAkB;EAChC,IAAI,CAAC,aAAa;EAElB,YAAY,SAAS,CAAC,KAAK;EAC3B,gBAAgB,MAAM;IACrB;EAAC;EAAe;EAAY;EAAO;EAAY,CAAC;CAEnD,MAAM,WAAW,aACd,OAAsC;EACrC,WAAW,GAAG,OAAO,QAAQ;EAC7B,gBAAgB,MAAM;IAExB;EAAC;EAAe;EAAY;EAAM,CACnC;CAED,MAAM,gBAAqC,aACxC,QAAQ,EAAE,MAAM;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAG;EACH,KAAK,UAAU,UAAU,KAAK,MAAM,IAAI;EACxC,WAAA,GAAA,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,gBAzCE,aACD,QAAQ,EAAE,KAA2D;GACpE,MAAM,YAAY,OAAO,UAAU,IAAI,EAAE,gBAAgB;GACzD,MAAM,cAAc,WAClB,WACA;IACE,MAAM;IACN,kBAAA,GAAA,cAAA,UAA0B,CAAC,YAAY;IACvC,cAAc;IACd,gBAAgB;IAChB,gBAAA,GAAA,cAAA,UAAwB,OAAO;IAC/B,iBAAA,GAAA,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"}

package/dist/esm/components/tooltip/index.js

@@ -1,5 +1,4 @@
 import { tooltipStyle } from "./tooltip.style.js";
 import { tooltipProps, useTooltip, useTooltipProps } from "./use-tooltip.js";
 import { Tooltip, TooltipPropsContext, useTooltipPropsContext } from "./tooltip.js";
-
-export { Tooltip, TooltipPropsContext, tooltipProps, tooltipStyle, useTooltip, useTooltipProps, useTooltipPropsContext };
+export { Tooltip, TooltipPropsContext, tooltipProps, tooltipStyle, useTooltip, useTooltipProps, useTooltipPropsContext };

package/dist/esm/components/tooltip/tooltip.js

@@ -1,19 +1,13 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { motion as motion$1 } from "../motion/factory.js";
-import "../motion/index.js";
 import { Portal } from "../portal/portal.js";
-import "../portal/index.js";
 import { usePopupAnimationProps } from "../popover/popover.js";
-import "../popover/index.js";
 import { tooltipStyle } from "./tooltip.style.js";
 import { useTooltip } from "./use-tooltip.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence } from "motion/react";
-
 //#region src/components/tooltip/tooltip.tsx
 const { PropsContext: TooltipPropsContext, StyleContext, usePropsContext: useTooltipPropsContext, withContext, useRootComponentProps } = createSlotComponent("tooltip", tooltipStyle);
 /**
@@ -51,7 +45,7 @@ const Tooltip = (props) => {
 const TooltipPositioner = withContext("div", "positioner")();
 const TooltipTrigger = withContext("button", "trigger")();
 const TooltipContent = withContext(motion$1.div, "content")();
-
 //#endregion
 export { Tooltip, TooltipPropsContext, useTooltipPropsContext };
+
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Tooltip: FC<TooltipProps>","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,0BACE,oBAAgD,WAAW,aAAa;;;;;;AAS5E,MAAaA,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,oBACjD,WAAW,KAAK;CAClB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;EACD,CAAC;AAEF,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,qBAAC;EAAa,OAAO;aACnB,oBAAC;GAAe;GAAQ,GAAI,iBAAiB;GAC1C;IACc,EAEjB,oBAAC,6BACE,OACC,oBAAC;GAAO,GAAI;aACV,oBAAC;IAAkB,GAAI,oBAAoB;cACzC,oBAAC;KACC,GAAI;KACJ,2BACE,wCAAgC,aAAa,CAAC,CAC/C;eAEA;MACc;KACC;IACb,GACP,OACY;GACL;;AAMnB,MAAM,oBAAoB,YACxB,OACA,aACD,EAAE;AAIH,MAAM,iBAAiB,YACrB,UACA,UACD,EAAE;AAOH,MAAM,iBAAiB,YACrBC,SAAO,KACP,UACD,EAAE"}
+{"version":3,"file":"tooltip.js","names":["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,0BACE,oBAAgD,WAAW,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,oBACjD,WAAW,KAAK;CAClB,MAAM,sBAAsB,uBAAuB;EACjD;EACA;EACD,CAAC;CAEF,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,cAAD;EAAc,OAAO;YAArB,CACE,oBAAC,gBAAD;GAAgB,SAAA;GAAQ,GAAI,iBAAiB;GAC1C;GACc,CAAA,EAEjB,oBAAC,iBAAD,EAAA,UACG,OACC,oBAAC,QAAD;GAAQ,GAAI;aACV,oBAAC,mBAAD;IAAmB,GAAI,oBAAoB;cACzC,oBAAC,gBAAD;KACE,GAAI;KACJ,IAAA,GAAA,cAAA,MACE,iBAAA,GAAA,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,YACrBA,SAAO,KACP,UACD,EAAE"}

package/dist/esm/components/tooltip/tooltip.style.js

@@ -1,6 +1,4 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/tooltip/tooltip.style.ts
 const tooltipStyle = defineComponentSlotStyle({ base: {
 	content: {
@@ -17,7 +15,7 @@ const tooltipStyle = defineComponentSlotStyle({ base: {
 	},
 	positioner: { zIndex: "ginyu" }
 } });
-
 //#endregion
 export { tooltipStyle };
+
 //# sourceMappingURL=tooltip.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.style.js","names":[],"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,eAAe,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.js","names":[],"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,eAAe,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"}

package/dist/esm/components/tooltip/use-tooltip.js

@@ -1,20 +1,16 @@
 "use client";
-
 import { useUnmountEffect } from "../../utils/effect.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
 import { useSplitProps } from "../../core/components/props.js";
-import "../../core/index.js";
 import { popperProps, usePopper, usePopperProps } from "../../hooks/use-popper/index.js";
 import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
-import "../../hooks/use-disclosure/index.js";
 import { useEventListener } from "../../hooks/use-event-listener/index.js";
 import { useOutsideClick } from "../../hooks/use-outside-click/index.js";
 import { useCallback, useId, useRef } from "react";
-
 //#region src/components/tooltip/use-tooltip.tsx
 const useTooltip = (props = {}) => {
-	const [popperProps$1, { closeDelay = 0, closeOnClick = true, closeOnEsc = true, closeOnScroll, defaultOpen, disabled, open: openProp, openDelay = 0, onClose: onCloseProp, onOpen: onOpenProp }] = usePopperProps(props, ["open"]);
+	const [popperProps, { closeDelay = 0, closeOnClick = true, closeOnEsc = true, closeOnScroll, defaultOpen, disabled, open: openProp, openDelay = 0, onClose: onCloseProp, onOpen: onOpenProp }] = usePopperProps(props, ["open"]);
 	const describedbyId = useId();
 	const triggerRef = useRef(null);
 	const openTimeout = useRef(void 0);
@@ -27,7 +23,7 @@ const useTooltip = (props = {}) => {
 	});
 	const { getPopperProps, getReferenceProps } = usePopper({
 		open,
-		...popperProps$1
+		...popperProps
 	});
 	const onForceClose = useCallback(() => {
 		if (closeTimeout.current) {
@@ -74,18 +70,18 @@ const useTooltip = (props = {}) => {
 		clearTimeout(openTimeout.current);
 		clearTimeout(closeTimeout.current);
 	});
-	const getTriggerProps = useCallback(({ "aria-describedby": ariaDescribedby, ...props$1 } = {}) => {
+	const getTriggerProps = useCallback(({ "aria-describedby": ariaDescribedby, ...props } = {}) => {
 		return getReferenceProps({
-			...props$1,
-			ref: mergeRefs(props$1.ref, triggerRef),
+			...props,
+			ref: mergeRefs(props.ref, triggerRef),
 			"aria-describedby": (0, utils_exports.cx)(ariaDescribedby, open ? describedbyId : void 0),
-			onBlur: (0, utils_exports.handlerAll)(props$1.onBlur, onDelayClose),
-			onClick: (0, utils_exports.handlerAll)(props$1.onClick, closeOnClick ? onDelayClose : void 0),
-			onFocus: (0, utils_exports.handlerAll)(props$1.onFocus, onDelayOpen),
-			onPointerEnter: (0, utils_exports.handlerAll)(props$1.onPointerEnter, (ev) => {
+			onBlur: (0, utils_exports.handlerAll)(props.onBlur, onDelayClose),
+			onClick: (0, utils_exports.handlerAll)(props.onClick, closeOnClick ? onDelayClose : void 0),
+			onFocus: (0, utils_exports.handlerAll)(props.onFocus, onDelayOpen),
+			onPointerEnter: (0, utils_exports.handlerAll)(props.onPointerEnter, (ev) => {
 				if (ev.pointerType !== "touch") onDelayOpen();
 			}),
-			onPointerLeave: (0, utils_exports.handlerAll)(props$1.onPointerLeave, (ev) => {
+			onPointerLeave: (0, utils_exports.handlerAll)(props.onPointerLeave, (ev) => {
 				if (ev.pointerType !== "touch") onDelayClose();
 			})
 		});
@@ -97,18 +93,18 @@ const useTooltip = (props = {}) => {
 		closeOnClick,
 		onDelayClose
 	]);
-	const getPositionerProps = useCallback((props$1) => {
-		return getPopperProps(props$1);
+	const getPositionerProps = useCallback((props) => {
+		return getPopperProps(props);
 	}, [getPopperProps]);
 	return {
 		open,
-		getContentProps: useCallback((props$1 = {}) => ({
+		getContentProps: useCallback((props = {}) => ({
 			id: describedbyId,
 			"data-close": (0, utils_exports.dataAttr)(!open),
 			"data-open": (0, utils_exports.dataAttr)(open),
 			role: "tooltip",
-			onPointerLeave: (0, utils_exports.handlerAll)(props$1.onPointerLeave, onDelayClose),
-			...props$1
+			onPointerLeave: (0, utils_exports.handlerAll)(props.onPointerLeave, onDelayClose),
+			...props
 		}), [
 			describedbyId,
 			onDelayClose,
@@ -138,7 +134,7 @@ const tooltipProps = [
 const useTooltipProps = (props, omitKeys) => {
 	return useSplitProps(props, tooltipProps.filter((key) => !omitKeys?.includes(key)));
 };
-
 //#endregion
 export { tooltipProps, useTooltip, useTooltipProps };
+
 //# sourceMappingURL=use-tooltip.js.map

package/dist/esm/components/tooltip/use-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tooltip.js","names":["popperProps","getTriggerProps: PropGetter<\"button\">","props","getPositionerProps: PropGetter","tooltipProps: (keyof UseTooltipProps)[]"],"sources":["../../../../src/components/tooltip/use-tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper, usePopperProps } from \"../../hooks/use-popper\"\nimport {\n  cx,\n  dataAttr,\n  getDocument,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UseTooltipProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * The delay before hiding the tooltip.\n   *\n   * @default 100\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the tooltip will hide on click.\n   *\n   * @default true\n   */\n  closeOnClick?: boolean\n  /**\n   * If `true`, the tooltip will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the tooltip will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the tooltip will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The delay before showing the tooltip.\n   *\n   * @default 400\n   */\n  openDelay?: number\n}\n\nexport const useTooltip = (props: UseTooltipProps = {}) => {\n  const [\n    popperProps,\n    {\n      closeDelay = 0,\n      closeOnClick = true,\n      closeOnEsc = true,\n      closeOnScroll,\n      defaultOpen,\n      disabled,\n      open: openProp,\n      openDelay = 0,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n    },\n  ] = usePopperProps(props, [\"open\"])\n  const describedbyId = useId()\n  const triggerRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { getPopperProps, getReferenceProps } = usePopper({\n    open,\n    ...popperProps,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(triggerRef.current).setTimeout(\n        onOpen,\n        openDelay,\n      )\n    }\n  }, [disabled, open, onForceClose, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(triggerRef.current).setTimeout(() => {\n      onForceClose()\n    }, closeDelay)\n  }, [closeDelay, onForceClose])\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"keydown\",\n    ({ key }) => {\n      if (closeOnEsc && key === \"Escape\") onDelayClose()\n    },\n  )\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"scroll\",\n    () => {\n      if (open && closeOnScroll) onForceClose()\n    },\n  )\n\n  useOutsideClick({\n    ref: triggerRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ \"aria-describedby\": ariaDescribedby, ...props } = {}) => {\n      return getReferenceProps({\n        ...props,\n        ref: mergeRefs(props.ref, triggerRef),\n        \"aria-describedby\": cx(\n          ariaDescribedby,\n          open ? describedbyId : undefined,\n        ),\n        onBlur: handlerAll(props.onBlur, onDelayClose),\n        onClick: handlerAll(\n          props.onClick,\n          closeOnClick ? onDelayClose : undefined,\n        ),\n        onFocus: handlerAll(props.onFocus, onDelayOpen),\n        onPointerEnter: handlerAll(props.onPointerEnter, (ev) => {\n          if (ev.pointerType !== \"touch\") onDelayOpen()\n        }),\n        onPointerLeave: handlerAll(props.onPointerLeave, (ev) => {\n          if (ev.pointerType !== \"touch\") onDelayClose()\n        }),\n      })\n    },\n    [\n      getReferenceProps,\n      describedbyId,\n      onDelayOpen,\n      open,\n      closeOnClick,\n      onDelayClose,\n    ],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: describedbyId,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      role: \"tooltip\",\n      onPointerLeave: handlerAll(props.onPointerLeave, onDelayClose),\n      ...props,\n    }),\n    [describedbyId, onDelayClose, open],\n  )\n\n  return {\n    open,\n    getContentProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\n\nexport const tooltipProps: (keyof UseTooltipProps)[] = [\n  ...popperProps,\n  \"open\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"closeDelay\",\n  \"closeOnClick\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"disabled\",\n  \"openDelay\",\n]\n\nexport const useTooltipProps = <\n  Y extends Dict = Dict,\n  M extends keyof UseTooltipProps = keyof UseTooltipProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    tooltipProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UseTooltipProps extends M\n      ? UseTooltipProps\n      : Omit<UseTooltipProps, M>,\n    Omit<\n      Y,\n      keyof UseTooltipProps extends M\n        ? keyof UseTooltipProps\n        : Exclude<keyof UseTooltipProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-tooltip.js","names":[],"sources":["../../../../src/components/tooltip/use-tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport type { Dict } from \"../../utils\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useSplitProps } from \"../../core\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { popperProps, usePopper, usePopperProps } from \"../../hooks/use-popper\"\nimport {\n  cx,\n  dataAttr,\n  getDocument,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UseTooltipProps\n  extends Omit<UseDisclosureProps, \"timing\">, UsePopperProps<\"button\"> {\n  /**\n   * The delay before hiding the tooltip.\n   *\n   * @default 100\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the tooltip will hide on click.\n   *\n   * @default true\n   */\n  closeOnClick?: boolean\n  /**\n   * If `true`, the tooltip will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the tooltip will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the tooltip will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The delay before showing the tooltip.\n   *\n   * @default 400\n   */\n  openDelay?: number\n}\n\nexport const useTooltip = (props: UseTooltipProps = {}) => {\n  const [\n    popperProps,\n    {\n      closeDelay = 0,\n      closeOnClick = true,\n      closeOnEsc = true,\n      closeOnScroll,\n      defaultOpen,\n      disabled,\n      open: openProp,\n      openDelay = 0,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n    },\n  ] = usePopperProps(props, [\"open\"])\n  const describedbyId = useId()\n  const triggerRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { getPopperProps, getReferenceProps } = usePopper({\n    open,\n    ...popperProps,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(triggerRef.current).setTimeout(\n        onOpen,\n        openDelay,\n      )\n    }\n  }, [disabled, open, onForceClose, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(triggerRef.current).setTimeout(() => {\n      onForceClose()\n    }, closeDelay)\n  }, [closeDelay, onForceClose])\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"keydown\",\n    ({ key }) => {\n      if (closeOnEsc && key === \"Escape\") onDelayClose()\n    },\n  )\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"scroll\",\n    () => {\n      if (open && closeOnScroll) onForceClose()\n    },\n  )\n\n  useOutsideClick({\n    ref: triggerRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ \"aria-describedby\": ariaDescribedby, ...props } = {}) => {\n      return getReferenceProps({\n        ...props,\n        ref: mergeRefs(props.ref, triggerRef),\n        \"aria-describedby\": cx(\n          ariaDescribedby,\n          open ? describedbyId : undefined,\n        ),\n        onBlur: handlerAll(props.onBlur, onDelayClose),\n        onClick: handlerAll(\n          props.onClick,\n          closeOnClick ? onDelayClose : undefined,\n        ),\n        onFocus: handlerAll(props.onFocus, onDelayOpen),\n        onPointerEnter: handlerAll(props.onPointerEnter, (ev) => {\n          if (ev.pointerType !== \"touch\") onDelayOpen()\n        }),\n        onPointerLeave: handlerAll(props.onPointerLeave, (ev) => {\n          if (ev.pointerType !== \"touch\") onDelayClose()\n        }),\n      })\n    },\n    [\n      getReferenceProps,\n      describedbyId,\n      onDelayOpen,\n      open,\n      closeOnClick,\n      onDelayClose,\n    ],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: describedbyId,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      role: \"tooltip\",\n      onPointerLeave: handlerAll(props.onPointerLeave, onDelayClose),\n      ...props,\n    }),\n    [describedbyId, onDelayClose, open],\n  )\n\n  return {\n    open,\n    getContentProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\n\nexport const tooltipProps: (keyof UseTooltipProps)[] = [\n  ...popperProps,\n  \"open\",\n  \"defaultOpen\",\n  \"onOpen\",\n  \"onClose\",\n  \"closeDelay\",\n  \"closeOnClick\",\n  \"closeOnEsc\",\n  \"closeOnScroll\",\n  \"disabled\",\n  \"openDelay\",\n]\n\nexport const useTooltipProps = <\n  Y extends Dict = Dict,\n  M extends keyof UseTooltipProps = keyof UseTooltipProps,\n>(\n  props: Y,\n  omitKeys?: M[],\n) => {\n  return useSplitProps(\n    props,\n    tooltipProps.filter((key) => !omitKeys?.includes(key as M)),\n  ) as unknown as [\n    keyof UseTooltipProps extends M\n      ? UseTooltipProps\n      : Omit<UseTooltipProps, M>,\n    Omit<\n      Y,\n      keyof UseTooltipProps extends M\n        ? keyof UseTooltipProps\n        : Exclude<keyof UseTooltipProps, M>\n    >,\n  ]\n}\n"],"mappings":"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"}

package/dist/esm/components/tree/index.js

@@ -2,5 +2,4 @@ import { treeStyle } from "./tree.style.js";
 import { TreeContext, TreeDescendantsContext, TreeItemContext, useTree, useTreeContext, useTreeDescendant, useTreeDescendants, useTreeItem, useTreeItemContext } from "./use-tree.js";
 import { TreeItem, TreePropsContext, TreeRoot, useTreePropsContext } from "./tree.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as Tree, TreeContext, TreeDescendantsContext, TreeItem, TreeItemContext, TreePropsContext, TreeRoot, treeStyle, useTree, useTreeContext, useTreeDescendant, useTreeDescendants, useTreeItem, useTreeItemContext, useTreePropsContext };
+export { namespace_exports as Tree, TreeContext, TreeDescendantsContext, TreeItem, TreeItemContext, TreePropsContext, TreeRoot, treeStyle, useTree, useTreeContext, useTreeDescendant, useTreeDescendants, useTreeItem, useTreeItemContext, useTreePropsContext };

package/dist/esm/components/tree/namespace.js

@@ -1,7 +1,6 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { TreeContext, TreeDescendantsContext, useTreeContext, useTreeDescendant, useTreeDescendants, useTreeItemContext } from "./use-tree.js";
 import { TreeItem, TreePropsContext, TreeRoot, useTreePropsContext } from "./tree.js";
-
 //#region src/components/tree/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Context: () => TreeContext,
@@ -15,7 +14,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	useItemContext: () => useTreeItemContext,
 	usePropsContext: () => useTreePropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map