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

package/dist/esm/components/grid/grid-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.js","names":[],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { GridItemStyle } from \"./grid-item.style\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { gridItemStyle } from \"./grid-item.style\"\n\nexport interface GridItemProps extends HTMLStyledProps {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-column-end` property.\n   */\n  colEnd?: CSSProps[\"gridColumnEnd\"]\n  /**\n   * The number of columns the grid item should `span`.\n   */\n  colSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-column-start` property.\n   */\n  colStart?: CSSProps[\"gridColumnStart\"]\n  /**\n   * The CSS `grid-row-end` property.\n   */\n  rowEnd?: CSSProps[\"gridRowEnd\"]\n  /**\n   * The number of rows the grid item should `span`.\n   */\n  rowSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-row-start` property.\n   */\n  rowStart?: CSSProps[\"gridRowStart\"]\n}\n\nconst {\n  PropsContext: GridItemPropsContext,\n  usePropsContext: useGridItemPropsContext,\n  withContext,\n} = createComponent<GridItemProps, GridItemStyle>(\"grid-item\", gridItemStyle)\n\nexport { GridItemPropsContext, useGridItemPropsContext }\n\nexport const GridItem = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    colEnd: gridColumnEnd,\n    colSpan,\n    colStart: gridColumnStart,\n    rowEnd: gridRowEnd,\n    rowSpan,\n    rowStart: gridRowStart,\n    ...rest\n  }) => ({\n    gridArea,\n    gridColumn: replaceObject(colSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridColumnEnd,\n    gridColumnStart,\n    gridRow: replaceObject(rowSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridRowEnd,\n    gridRowStart,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;;;AAuCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,aAAa,cAAc;AAI7E,MAAa,WAAW,YAAY,MAAM,CACxC,SACC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,cACV,GAAG,YACE;CACL;CACA,6CAA0B,UAAU,UAClC,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,OACjD;CACD;CACA;CACA,0CAAuB,UAAU,UAC/B,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,OACjD;CACD;CACA;CACA,GAAG;CACJ,EACF"}
+{"version":3,"file":"grid-item.js","names":[],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { GridItemStyle } from \"./grid-item.style\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { gridItemStyle } from \"./grid-item.style\"\n\nexport interface GridItemProps extends HTMLStyledProps {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-column-end` property.\n   */\n  colEnd?: CSSProps[\"gridColumnEnd\"]\n  /**\n   * The number of columns the grid item should `span`.\n   */\n  colSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-column-start` property.\n   */\n  colStart?: CSSProps[\"gridColumnStart\"]\n  /**\n   * The CSS `grid-row-end` property.\n   */\n  rowEnd?: CSSProps[\"gridRowEnd\"]\n  /**\n   * The number of rows the grid item should `span`.\n   */\n  rowSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-row-start` property.\n   */\n  rowStart?: CSSProps[\"gridRowStart\"]\n}\n\nconst {\n  PropsContext: GridItemPropsContext,\n  usePropsContext: useGridItemPropsContext,\n  withContext,\n} = createComponent<GridItemProps, GridItemStyle>(\"grid-item\", gridItemStyle)\n\nexport { GridItemPropsContext, useGridItemPropsContext }\n\nexport const GridItem = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    colEnd: gridColumnEnd,\n    colSpan,\n    colStart: gridColumnStart,\n    rowEnd: gridRowEnd,\n    rowSpan,\n    rowStart: gridRowStart,\n    ...rest\n  }) => ({\n    gridArea,\n    gridColumn: replaceObject(colSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridColumnEnd,\n    gridColumnStart,\n    gridRow: replaceObject(rowSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridRowEnd,\n    gridRowStart,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;AAuCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACE,gBAA8C,aAAa,cAAc;AAI7E,MAAa,WAAW,YAAY,MAAM,CACxC,KAAA,IACC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,cACV,GAAG,YACE;CACL;CACA,aAAA,GAAA,cAAA,eAA0B,UAAU,UAClC,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,EACjD;CACD;CACA;CACA,UAAA,GAAA,cAAA,eAAuB,UAAU,UAC/B,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,KAAA,EACjD;CACD;CACA;CACA,GAAG;CACJ,EACF"}

package/dist/esm/components/grid/grid-item.style.js

@@ -1,9 +1,7 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/grid/grid-item.style.ts
 const gridItemStyle = defineComponentStyle({});
-
 //#endregion
 export { gridItemStyle };
+
 //# sourceMappingURL=grid-item.style.js.map

package/dist/esm/components/grid/grid-item.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-item.style.js","names":[],"sources":["../../../../src/components/grid/grid-item.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const gridItemStyle = defineComponentStyle({})\n\nexport type GridItemStyle = typeof gridItemStyle\n"],"mappings":";;;;AAEA,MAAa,gBAAgB,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"grid-item.style.js","names":[],"sources":["../../../../src/components/grid/grid-item.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const gridItemStyle = defineComponentStyle({})\n\nexport type GridItemStyle = typeof gridItemStyle\n"],"mappings":";;AAEA,MAAa,gBAAgB,qBAAqB,EAAE,CAAC"}

package/dist/esm/components/grid/grid.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { gridStyle } from "./grid.style.js";
-
 //#region src/components/grid/grid.tsx
 const { PropsContext: GridPropsContext, usePropsContext: useGridPropsContext, withContext } = createComponent("grid", gridStyle);
 /**
@@ -23,7 +20,7 @@ const Grid = withContext("div")(void 0, ({ area: gridArea, autoColumns: gridAuto
 	gridTemplateRows,
 	...rest
 }));
-
 //#endregion
 export { Grid, GridPropsContext, useGridPropsContext };
+
 //# sourceMappingURL=grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/components/grid/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { GridStyle } from \"./grid.style\"\nimport { createComponent } from \"../../core\"\nimport { gridStyle } from \"./grid.style\"\n\nexport interface GridProps extends HTMLStyledProps, ThemeProps<GridStyle> {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-auto-columns` property.\n   */\n  autoColumns?: CSSProps[\"gridAutoColumns\"]\n  /**\n   * The CSS `grid-auto-flow` property.\n   */\n  autoFlow?: CSSProps[\"gridAutoFlow\"]\n  /**\n   * The CSS `grid-auto-rows` property.\n   */\n  autoRows?: CSSProps[\"gridAutoRows\"]\n  /**\n   * The CSS `grid-column` property.\n   */\n  column?: CSSProps[\"gridColumn\"]\n  /**\n   * The CSS `grid-row` property.\n   */\n  row?: CSSProps[\"gridRow\"]\n  /**\n   * The CSS `grid-template-areas` property.\n   */\n  templateAreas?: CSSProps[\"gridTemplateAreas\"]\n  /**\n   * The CSS `grid-template-columns` property.\n   */\n  templateColumns?: CSSProps[\"gridTemplateColumns\"]\n  /**\n   * The CSS `grid-template-rows` property.\n   */\n  templateRows?: CSSProps[\"gridTemplateRows\"]\n}\n\nconst {\n  PropsContext: GridPropsContext,\n  usePropsContext: useGridPropsContext,\n  withContext,\n} = createComponent<GridProps, GridStyle>(\"grid\", gridStyle)\n\nexport { GridPropsContext, useGridPropsContext }\n\n/**\n * `Grid` is a component for managing grid layouts. It also comes with handy style shorthand.\n *\n * @see https://yamada-ui.com/docs/components/grid\n */\nexport const Grid = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    autoColumns: gridAutoColumns,\n    autoFlow: gridAutoFlow,\n    autoRows: gridAutoRows,\n    column: gridColumn,\n    templateAreas: gridTemplateAreas,\n    templateColumns: gridTemplateColumns,\n    templateRows: gridTemplateRows,\n    ...rest\n  }) => ({\n    display: \"grid\",\n    gridArea,\n    gridAutoColumns,\n    gridAutoFlow,\n    gridAutoRows,\n    gridColumn,\n    gridTemplateAreas,\n    gridTemplateColumns,\n    gridTemplateRows,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;;AA8CA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,MAAM,CACpC,SACC,EACC,MAAM,UACN,aAAa,iBACb,UAAU,cACV,UAAU,cACV,QAAQ,YACR,eAAe,mBACf,iBAAiB,qBACjB,cAAc,kBACd,GAAG,YACE;CACL,SAAS;CACT;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACJ,EACF"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/components/grid/grid.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { GridStyle } from \"./grid.style\"\nimport { createComponent } from \"../../core\"\nimport { gridStyle } from \"./grid.style\"\n\nexport interface GridProps extends HTMLStyledProps, ThemeProps<GridStyle> {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-auto-columns` property.\n   */\n  autoColumns?: CSSProps[\"gridAutoColumns\"]\n  /**\n   * The CSS `grid-auto-flow` property.\n   */\n  autoFlow?: CSSProps[\"gridAutoFlow\"]\n  /**\n   * The CSS `grid-auto-rows` property.\n   */\n  autoRows?: CSSProps[\"gridAutoRows\"]\n  /**\n   * The CSS `grid-column` property.\n   */\n  column?: CSSProps[\"gridColumn\"]\n  /**\n   * The CSS `grid-row` property.\n   */\n  row?: CSSProps[\"gridRow\"]\n  /**\n   * The CSS `grid-template-areas` property.\n   */\n  templateAreas?: CSSProps[\"gridTemplateAreas\"]\n  /**\n   * The CSS `grid-template-columns` property.\n   */\n  templateColumns?: CSSProps[\"gridTemplateColumns\"]\n  /**\n   * The CSS `grid-template-rows` property.\n   */\n  templateRows?: CSSProps[\"gridTemplateRows\"]\n}\n\nconst {\n  PropsContext: GridPropsContext,\n  usePropsContext: useGridPropsContext,\n  withContext,\n} = createComponent<GridProps, GridStyle>(\"grid\", gridStyle)\n\nexport { GridPropsContext, useGridPropsContext }\n\n/**\n * `Grid` is a component for managing grid layouts. It also comes with handy style shorthand.\n *\n * @see https://yamada-ui.com/docs/components/grid\n */\nexport const Grid = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    autoColumns: gridAutoColumns,\n    autoFlow: gridAutoFlow,\n    autoRows: gridAutoRows,\n    column: gridColumn,\n    templateAreas: gridTemplateAreas,\n    templateColumns: gridTemplateColumns,\n    templateRows: gridTemplateRows,\n    ...rest\n  }) => ({\n    display: \"grid\",\n    gridArea,\n    gridAutoColumns,\n    gridAutoFlow,\n    gridAutoRows,\n    gridColumn,\n    gridTemplateAreas,\n    gridTemplateColumns,\n    gridTemplateRows,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;AA8CA,MAAM,EACJ,cAAc,kBACd,iBAAiB,qBACjB,gBACE,gBAAsC,QAAQ,UAAU;;;;;;AAS5D,MAAa,OAAO,YAAY,MAAM,CACpC,KAAA,IACC,EACC,MAAM,UACN,aAAa,iBACb,UAAU,cACV,UAAU,cACV,QAAQ,YACR,eAAe,mBACf,iBAAiB,qBACjB,cAAc,kBACd,GAAG,YACE;CACL,SAAS;CACT;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACJ,EACF"}

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

@@ -1,9 +1,7 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/grid/grid.style.ts
 const gridStyle = defineComponentStyle({ base: { display: "grid" } });
-
 //#endregion
 export { gridStyle };
+
 //# sourceMappingURL=grid.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid.style.js","names":[],"sources":["../../../../src/components/grid/grid.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const gridStyle = defineComponentStyle({\n  base: {\n    display: \"grid\",\n  },\n})\n\nexport type GridStyle = typeof gridStyle\n"],"mappings":";;;;AAEA,MAAa,YAAY,qBAAqB,EAC5C,MAAM,EACJ,SAAS,QACV,EACF,CAAC"}
+{"version":3,"file":"grid.style.js","names":[],"sources":["../../../../src/components/grid/grid.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const gridStyle = defineComponentStyle({\n  base: {\n    display: \"grid\",\n  },\n})\n\nexport type GridStyle = typeof gridStyle\n"],"mappings":";;AAEA,MAAa,YAAY,qBAAqB,EAC5C,MAAM,EACJ,SAAS,QACV,EACF,CAAC"}

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

@@ -2,5 +2,4 @@ import { gridItemStyle } from "./grid-item.style.js";
 import { gridStyle } from "./grid.style.js";
 import { Grid, GridPropsContext, useGridPropsContext } from "./grid.js";
 import { GridItem, GridItemPropsContext, useGridItemPropsContext } from "./grid-item.js";
-
-export { Grid, GridItem, GridItemPropsContext, GridPropsContext, gridItemStyle, gridStyle, useGridItemPropsContext, useGridPropsContext };
+export { Grid, GridItem, GridItemPropsContext, GridPropsContext, gridItemStyle, gridStyle, useGridItemPropsContext, useGridPropsContext };

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

@@ -1,14 +1,10 @@
 "use client";
-
 import { utils_exports } from "../../utils/index.js";
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
 import { groupStyle } from "./group.style.js";
 import { Flex } from "../flex/flex.js";
-import "../flex/index.js";
 import { useGroup } from "./use-group.js";
-
 //#region src/components/group/group.tsx
 const { PropsContext: GroupPropsContext, usePropsContext: useGroupPropsContext, withContext } = createComponent("group", groupStyle);
 /**
@@ -28,7 +24,7 @@ const Group = withContext(Flex, { transferProps: ["attached", "orientation"] })(
 		...rest
 	};
 });
-
 //#endregion
 export { Group, GroupPropsContext, useGroupPropsContext };
+
 //# sourceMappingURL=group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.js","names":[],"sources":["../../../../src/components/group/group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { GroupStyle } from \"./group.style\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr } from \"../../utils\"\nimport { Flex } from \"../flex\"\nimport { groupStyle } from \"./group.style\"\nimport { useGroup } from \"./use-group\"\n\nexport interface GroupProps\n  extends Omit<FlexProps, \"grow\">, ThemeProps<GroupStyle> {}\n\nconst {\n  PropsContext: GroupPropsContext,\n  usePropsContext: useGroupPropsContext,\n  withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\nexport { GroupPropsContext, useGroupPropsContext }\n\n/**\n * `Group` is a component that groups and attaches multiple elements together.\n *\n * @see https://yamada-ui.com/docs/components/group\n */\nexport const Group = withContext<\"div\", GroupProps, \"attached\" | \"orientation\">(\n  Flex,\n  { transferProps: [\"attached\", \"orientation\"] },\n)(\n  undefined,\n  ({\n    attached: attachedProp,\n    children,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const attached = useValue(attachedProp)\n    const cloneChildren = useGroup(children)\n\n    return {\n      \"data-attached\": dataAttr(attached),\n      \"data-orientation\": orientation,\n      children: cloneChildren,\n      role: \"group\",\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YACnB,MACA,EAAE,eAAe,CAAC,YAAY,cAAc,EAAE,CAC/C,CACC,SACC,EACC,UAAU,cACV,UACA,aAAa,iBACb,GAAG,WACC;CACJ,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,WAAW,SAAS,aAAa;CACvC,MAAM,gBAAgB,SAAS,SAAS;AAExC,QAAO;EACL,6CAA0B,SAAS;EACnC,oBAAoB;EACpB,UAAU;EACV,MAAM;EACN,GAAG;EACJ;EAEJ"}
+{"version":3,"file":"group.js","names":[],"sources":["../../../../src/components/group/group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps } from \"../../core\"\nimport type { FlexProps } from \"../flex\"\nimport type { GroupStyle } from \"./group.style\"\nimport { createComponent } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { dataAttr } from \"../../utils\"\nimport { Flex } from \"../flex\"\nimport { groupStyle } from \"./group.style\"\nimport { useGroup } from \"./use-group\"\n\nexport interface GroupProps\n  extends Omit<FlexProps, \"grow\">, ThemeProps<GroupStyle> {}\n\nconst {\n  PropsContext: GroupPropsContext,\n  usePropsContext: useGroupPropsContext,\n  withContext,\n} = createComponent<GroupProps, GroupStyle>(\"group\", groupStyle)\n\nexport { GroupPropsContext, useGroupPropsContext }\n\n/**\n * `Group` is a component that groups and attaches multiple elements together.\n *\n * @see https://yamada-ui.com/docs/components/group\n */\nexport const Group = withContext<\"div\", GroupProps, \"attached\" | \"orientation\">(\n  Flex,\n  { transferProps: [\"attached\", \"orientation\"] },\n)(\n  undefined,\n  ({\n    attached: attachedProp,\n    children,\n    orientation: orientationProp,\n    ...rest\n  }) => {\n    const orientation = useValue(orientationProp)\n    const attached = useValue(attachedProp)\n    const cloneChildren = useGroup(children)\n\n    return {\n      \"data-attached\": dataAttr(attached),\n      \"data-orientation\": orientation,\n      children: cloneChildren,\n      role: \"group\",\n      ...rest,\n    }\n  },\n)\n"],"mappings":";;;;;;;;AAeA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACE,gBAAwC,SAAS,WAAW;;;;;;AAShE,MAAa,QAAQ,YACnB,MACA,EAAE,eAAe,CAAC,YAAY,cAAc,EAAE,CAC/C,CACC,KAAA,IACC,EACC,UAAU,cACV,UACA,aAAa,iBACb,GAAG,WACC;CACJ,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,WAAW,SAAS,aAAa;CACvC,MAAM,gBAAgB,SAAS,SAAS;CAExC,OAAO;EACL,kBAAA,GAAA,cAAA,UAA0B,SAAS;EACnC,oBAAoB;EACpB,UAAU;EACV,MAAM;EACN,GAAG;EACJ;EAEJ"}

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

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/group/group.style.ts
 const groupStyle = defineComponentStyle({
 	base: {
@@ -12,15 +10,33 @@ const groupStyle = defineComponentStyle({
 		position: "relative"
 	},
 	props: {
+		/**
+		* If `true`, the borderRadius of button that are direct children will be altered to look flushed together.
+		*
+		* @default false
+		*/
 		attached: { true: { gap: "0px !important" } },
+		/**
+		* If `true`, the children will grow to fill the available space.
+		*
+		* @default false
+		*/
 		grow: { true: {
 			"& > *": { flex: 1 },
 			display: "flex"
 		} },
+		/**
+		* The orientation of the group.
+		*
+		* @default 'horizontal'
+		*/
 		orientation: {
 			horizontal: { flexDirection: "row" },
 			vertical: { flexDirection: "column" }
 		},
+		/**
+		* The stacking order of the group.
+		*/
 		stacking: {
 			"first-on-top": { "& > *": { zIndex: "calc({--group-count} - {--group-index})" } },
 			"last-on-top": { "& > *": { zIndex: "{--group-index}" } }
@@ -68,7 +84,7 @@ const groupStyle = defineComponentStyle({
 	}],
 	defaultProps: { orientation: "horizontal" }
 });
-
 //#endregion
 export { groupStyle };
+
 //# sourceMappingURL=group.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"group.style.js","names":[],"sources":["../../../../src/components/group/group.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const groupStyle = defineComponentStyle({\n  base: {\n    \"& > *\": {\n      _focusVisible: {\n        zIndex: \"yamcha\",\n      },\n    },\n    display: \"inline-flex\",\n    gap: \"sm\",\n    isolation: \"isolate\",\n    justifyContent: \"start\",\n    position: \"relative\",\n  },\n\n  props: {\n    /**\n     * If `true`, the borderRadius of button that are direct children will be altered to look flushed together.\n     *\n     * @default false\n     */\n    attached: {\n      true: {\n        gap: \"0px !important\",\n      },\n    },\n    /**\n     * If `true`, the children will grow to fill the available space.\n     *\n     * @default false\n     */\n    grow: {\n      true: {\n        \"& > *\": {\n          flex: 1,\n        },\n        display: \"flex\",\n      },\n    },\n    /**\n     * The orientation of the group.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\",\n      },\n      vertical: {\n        flexDirection: \"column\",\n      },\n    },\n    /**\n     * The stacking order of the group.\n     */\n    stacking: {\n      \"first-on-top\": {\n        \"& > *\": {\n          zIndex: \"calc({--group-count} - {--group-index})\",\n        },\n      },\n      \"last-on-top\": {\n        \"& > *\": {\n          zIndex: \"{--group-index}\",\n        },\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        \"& > *[data-group-between]\": {\n          \"& > *[data-group-propagate]\": {\n            borderRightWidth: \"0px !important\",\n            rounded: \"0px !important\",\n          },\n          borderRightWidth: \"0px !important\",\n          rounded: \"0px !important\",\n        },\n        \"& > *[data-group-end]:not([data-group-start])\": {\n          \"& > *[data-group-propagate]\": {\n            roundedLeft: \"0px !important\",\n          },\n          roundedLeft: \"0px !important\",\n        },\n        \"& > *[data-group-start]:not([data-group-end])\": {\n          \"& > *[data-group-propagate]\": {\n            borderRightWidth: \"0px !important\",\n            roundedRight: \"0px !important\",\n          },\n          borderRightWidth: \"0px !important\",\n          roundedRight: \"0px !important\",\n        },\n      },\n      attached: true,\n      orientation: \"horizontal\",\n    },\n    {\n      css: {\n        \"& > *[data-group-between]\": {\n          borderTopWidth: \"0px !important\",\n          rounded: \"0px !important\",\n        },\n        \"& > *[data-group-end]:not([data-group-start])\": {\n          borderTopWidth: \"0px !important\",\n          roundedTop: \"0px !important\",\n        },\n        \"& > *[data-group-start]:not([data-group-end])\": {\n          roundedBottom: \"0px !important\",\n        },\n      },\n      attached: true,\n      orientation: \"vertical\",\n    },\n  ],\n\n  defaultProps: {\n    orientation: \"horizontal\",\n  },\n})\n\nexport type GroupStyle = typeof groupStyle\n"],"mappings":";;;;AAEA,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,SAAS,EACP,eAAe,EACb,QAAQ,UACT,EACF;EACD,SAAS;EACT,KAAK;EACL,WAAW;EACX,gBAAgB;EAChB,UAAU;EACX;CAED,OAAO;EAML,UAAU,EACR,MAAM,EACJ,KAAK,kBACN,EACF;EAMD,MAAM,EACJ,MAAM;GACJ,SAAS,EACP,MAAM,GACP;GACD,SAAS;GACV,EACF;EAMD,aAAa;GACX,YAAY,EACV,eAAe,OAChB;GACD,UAAU,EACR,eAAe,UAChB;GACF;EAID,UAAU;GACR,gBAAgB,EACd,SAAS,EACP,QAAQ,2CACT,EACF;GACD,eAAe,EACb,SAAS,EACP,QAAQ,mBACT,EACF;GACF;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,6BAA6B;IAC3B,+BAA+B;KAC7B,kBAAkB;KAClB,SAAS;KACV;IACD,kBAAkB;IAClB,SAAS;IACV;GACD,iDAAiD;IAC/C,+BAA+B,EAC7B,aAAa,kBACd;IACD,aAAa;IACd;GACD,iDAAiD;IAC/C,+BAA+B;KAC7B,kBAAkB;KAClB,cAAc;KACf;IACD,kBAAkB;IAClB,cAAc;IACf;GACF;EACD,UAAU;EACV,aAAa;EACd,EACD;EACE,KAAK;GACH,6BAA6B;IAC3B,gBAAgB;IAChB,SAAS;IACV;GACD,iDAAiD;IAC/C,gBAAgB;IAChB,YAAY;IACb;GACD,iDAAiD,EAC/C,eAAe,kBAChB;GACF;EACD,UAAU;EACV,aAAa;EACd,CACF;CAED,cAAc,EACZ,aAAa,cACd;CACF,CAAC"}
+{"version":3,"file":"group.style.js","names":[],"sources":["../../../../src/components/group/group.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const groupStyle = defineComponentStyle({\n  base: {\n    \"& > *\": {\n      _focusVisible: {\n        zIndex: \"yamcha\",\n      },\n    },\n    display: \"inline-flex\",\n    gap: \"sm\",\n    isolation: \"isolate\",\n    justifyContent: \"start\",\n    position: \"relative\",\n  },\n\n  props: {\n    /**\n     * If `true`, the borderRadius of button that are direct children will be altered to look flushed together.\n     *\n     * @default false\n     */\n    attached: {\n      true: {\n        gap: \"0px !important\",\n      },\n    },\n    /**\n     * If `true`, the children will grow to fill the available space.\n     *\n     * @default false\n     */\n    grow: {\n      true: {\n        \"& > *\": {\n          flex: 1,\n        },\n        display: \"flex\",\n      },\n    },\n    /**\n     * The orientation of the group.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        flexDirection: \"row\",\n      },\n      vertical: {\n        flexDirection: \"column\",\n      },\n    },\n    /**\n     * The stacking order of the group.\n     */\n    stacking: {\n      \"first-on-top\": {\n        \"& > *\": {\n          zIndex: \"calc({--group-count} - {--group-index})\",\n        },\n      },\n      \"last-on-top\": {\n        \"& > *\": {\n          zIndex: \"{--group-index}\",\n        },\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        \"& > *[data-group-between]\": {\n          \"& > *[data-group-propagate]\": {\n            borderRightWidth: \"0px !important\",\n            rounded: \"0px !important\",\n          },\n          borderRightWidth: \"0px !important\",\n          rounded: \"0px !important\",\n        },\n        \"& > *[data-group-end]:not([data-group-start])\": {\n          \"& > *[data-group-propagate]\": {\n            roundedLeft: \"0px !important\",\n          },\n          roundedLeft: \"0px !important\",\n        },\n        \"& > *[data-group-start]:not([data-group-end])\": {\n          \"& > *[data-group-propagate]\": {\n            borderRightWidth: \"0px !important\",\n            roundedRight: \"0px !important\",\n          },\n          borderRightWidth: \"0px !important\",\n          roundedRight: \"0px !important\",\n        },\n      },\n      attached: true,\n      orientation: \"horizontal\",\n    },\n    {\n      css: {\n        \"& > *[data-group-between]\": {\n          borderTopWidth: \"0px !important\",\n          rounded: \"0px !important\",\n        },\n        \"& > *[data-group-end]:not([data-group-start])\": {\n          borderTopWidth: \"0px !important\",\n          roundedTop: \"0px !important\",\n        },\n        \"& > *[data-group-start]:not([data-group-end])\": {\n          roundedBottom: \"0px !important\",\n        },\n      },\n      attached: true,\n      orientation: \"vertical\",\n    },\n  ],\n\n  defaultProps: {\n    orientation: \"horizontal\",\n  },\n})\n\nexport type GroupStyle = typeof groupStyle\n"],"mappings":";;AAEA,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,SAAS,EACP,eAAe,EACb,QAAQ,UACT,EACF;EACD,SAAS;EACT,KAAK;EACL,WAAW;EACX,gBAAgB;EAChB,UAAU;EACX;CAED,OAAO;;;;;;EAML,UAAU,EACR,MAAM,EACJ,KAAK,kBACN,EACF;;;;;;EAMD,MAAM,EACJ,MAAM;GACJ,SAAS,EACP,MAAM,GACP;GACD,SAAS;GACV,EACF;;;;;;EAMD,aAAa;GACX,YAAY,EACV,eAAe,OAChB;GACD,UAAU,EACR,eAAe,UAChB;GACF;;;;EAID,UAAU;GACR,gBAAgB,EACd,SAAS,EACP,QAAQ,2CACT,EACF;GACD,eAAe,EACb,SAAS,EACP,QAAQ,mBACT,EACF;GACF;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,6BAA6B;IAC3B,+BAA+B;KAC7B,kBAAkB;KAClB,SAAS;KACV;IACD,kBAAkB;IAClB,SAAS;IACV;GACD,iDAAiD;IAC/C,+BAA+B,EAC7B,aAAa,kBACd;IACD,aAAa;IACd;GACD,iDAAiD;IAC/C,+BAA+B;KAC7B,kBAAkB;KAClB,cAAc;KACf;IACD,kBAAkB;IAClB,cAAc;IACf;GACF;EACD,UAAU;EACV,aAAa;EACd,EACD;EACE,KAAK;GACH,6BAA6B;IAC3B,gBAAgB;IAChB,SAAS;IACV;GACD,iDAAiD;IAC/C,gBAAgB;IAChB,YAAY;IACb;GACD,iDAAiD,EAC/C,eAAe,kBAChB;GACF;EACD,UAAU;EACV,aAAa;EACd,CACF;CAED,cAAc,EACZ,aAAa,cACd;CACF,CAAC"}

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

@@ -1,5 +1,4 @@
 import { groupStyle } from "./group.style.js";
 import { useGroup, useGroupItemProps } from "./use-group.js";
 import { Group, GroupPropsContext, useGroupPropsContext } from "./group.js";
-
-export { Group, GroupPropsContext, groupStyle, useGroup, useGroupItemProps, useGroupPropsContext };
+export { Group, GroupPropsContext, groupStyle, useGroup, useGroupItemProps, useGroupPropsContext };

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

@@ -1,7 +1,6 @@
 import { useValidChildren } from "../../utils/children.js";
 import { utils_exports } from "../../utils/index.js";
 import { cloneElement, useMemo } from "react";
-
 //#region src/components/group/use-group.ts
 const useGroup = (children) => {
 	const validChildren = useValidChildren(children);
@@ -53,7 +52,7 @@ const useGroupItemProps = ({ style: { "--group-count": groupCount, "--group-inde
 		...rest
 	}), [style, rest])];
 };
-
 //#endregion
 export { useGroup, useGroupItemProps };
+
 //# sourceMappingURL=use-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-group.js","names":[],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = useValidChildren(children)\n  const omittedChildren = useMemo(\n    () =>\n      validChildren.filter((child) => {\n        const ungrouped = child.props[\"data-ungrouped\"]\n\n        return isUndefined(ungrouped) || isNull(ungrouped)\n      }),\n    [validChildren],\n  )\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...child.props?.style,\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,kBAAkB,cAEpB,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;AAE9B,wCAAmB,UAAU,8BAAW,UAAU;GAClD,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,QAAQ,gBAAgB;AAyB9B,QAxBsB,cAElB,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;AAG5C,MAFkB,UAAU,GAEb,QAAO;AAEtB,SAAO,aAAa,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAG,MAAM,OAAO;IACjB;GACD,kDAA+B,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,8CAA2B,UAAU,QAAQ,EAAE;GAC/C,gDAA6B,UAAU,EAAE;GACzC,aAAa;GACd,CAAC;GACF,EACJ;EAAC;EAAe;EAAiB;EAAM,CACxC;;AAWH,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,EAAE,EACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;AAuBP,QAAO,CAtBa,eACX;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;GAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;EACd,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF,EACoB,eAAe;EAAE;EAAO,GAAG;EAAM,GAAG,CAAC,OAAO,KAAK,CAAC,CAErC"}
+{"version":3,"file":"use-group.js","names":[],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined, useValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = useValidChildren(children)\n  const omittedChildren = useMemo(\n    () =>\n      validChildren.filter((child) => {\n        const ungrouped = child.props[\"data-ungrouped\"]\n\n        return isUndefined(ungrouped) || isNull(ungrouped)\n      }),\n    [validChildren],\n  )\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...child.props?.style,\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;AAIA,MAAa,YAAY,aAAyB;CAChD,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,kBAAkB,cAEpB,cAAc,QAAQ,UAAU;EAC9B,MAAM,YAAY,MAAM,MAAM;EAE9B,QAAA,GAAA,cAAA,aAAmB,UAAU,KAAA,GAAA,cAAA,QAAW,UAAU;GAClD,EACJ,CAAC,cAAc,CAChB;CACD,MAAM,QAAQ,gBAAgB;CAyB9B,OAxBsB,cAElB,cAAc,KAAK,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;EAG5C,IAFkB,UAAU,IAEb,OAAO;EAEtB,OAAO,aAAa,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAG,MAAM,OAAO;IACjB;GACD,uBAAA,GAAA,cAAA,UAA+B,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,mBAAA,GAAA,cAAA,UAA2B,UAAU,QAAQ,EAAE;GAC/C,qBAAA,GAAA,cAAA,UAA6B,UAAU,EAAE;GACzC,aAAa;GACd,CAAC;GACF,EACJ;EAAC;EAAe;EAAiB;EAAM,CAGrB;;AAStB,MAAa,qBAAsC,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,YACjB,GAAG,UACD,EAAE,EACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,UACb,GAAG,WACI;CAuBP,OAAO,CAtBa,eACX;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;GAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;EACd,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CAIgB,EAFE,eAAe;EAAE;EAAO,GAAG;EAAM,GAAG,CAAC,OAAO,KAAK,CAErC,CAAC"}

package/dist/esm/components/heading/heading.js

@@ -1,9 +1,6 @@
 "use client";
-
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { headingStyle } from "./heading.style.js";
-
 //#region src/components/heading/heading.tsx
 const { PropsContext: HeadingPropsContext, usePropsContext: useHeadingPropsContext, withContext } = createComponent("heading", headingStyle);
 /**
@@ -12,7 +9,7 @@ const { PropsContext: HeadingPropsContext, usePropsContext: useHeadingPropsConte
 * @see https://yamada-ui.com/docs/components/heading
 */
 const Heading = withContext("h1")();
-
 //#endregion
 export { Heading, HeadingPropsContext, useHeadingPropsContext };
+
 //# sourceMappingURL=heading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../../../src/components/heading/heading.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HeadingStyle } from \"./heading.style\"\nimport { createComponent } from \"../../core\"\nimport { headingStyle } from \"./heading.style\"\n\nexport interface HeadingProps\n  extends HTMLStyledProps<\"h1\">, ThemeProps<HeadingStyle> {}\n\nconst {\n  PropsContext: HeadingPropsContext,\n  usePropsContext: useHeadingPropsContext,\n  withContext,\n} = createComponent<HeadingProps, HeadingStyle>(\"heading\", headingStyle)\n\nexport { HeadingPropsContext, useHeadingPropsContext }\n\n/**\n * `Heading` is a component that represents section headings. By default, it renders an `h1` element.\n *\n * @see https://yamada-ui.com/docs/components/heading\n */\nexport const Heading = withContext(\"h1\")()\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,cAAc,qBACd,iBAAiB,wBACjB,gBACE,gBAA4C,WAAW,aAAa;;;;;;AASxE,MAAa,UAAU,YAAY,KAAK,EAAE"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../../../src/components/heading/heading.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HeadingStyle } from \"./heading.style\"\nimport { createComponent } from \"../../core\"\nimport { headingStyle } from \"./heading.style\"\n\nexport interface HeadingProps\n  extends HTMLStyledProps<\"h1\">, ThemeProps<HeadingStyle> {}\n\nconst {\n  PropsContext: HeadingPropsContext,\n  usePropsContext: useHeadingPropsContext,\n  withContext,\n} = createComponent<HeadingProps, HeadingStyle>(\"heading\", headingStyle)\n\nexport { HeadingPropsContext, useHeadingPropsContext }\n\n/**\n * `Heading` is a component that represents section headings. By default, it renders an `h1` element.\n *\n * @see https://yamada-ui.com/docs/components/heading\n */\nexport const Heading = withContext(\"h1\")()\n"],"mappings":";;;;AAUA,MAAM,EACJ,cAAc,qBACd,iBAAiB,wBACjB,gBACE,gBAA4C,WAAW,aAAa;;;;;;AASxE,MAAa,UAAU,YAAY,KAAK,EAAE"}

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

@@ -1,6 +1,4 @@
 import { defineComponentStyle } from "../../core/system/config.js";
-import "../../core/index.js";
-
 //#region src/components/heading/heading.style.ts
 const headingStyle = defineComponentStyle({
 	base: {
@@ -63,7 +61,7 @@ const headingStyle = defineComponentStyle({
 	},
 	defaultProps: { size: "4xl" }
 });
-
 //#endregion
 export { headingStyle };
+
 //# sourceMappingURL=heading.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.style.js","names":[],"sources":["../../../../src/components/heading/heading.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const headingStyle = defineComponentStyle({\n  base: {\n    fontFamily: \"heading\",\n    fontWeight: \"semibold\",\n  },\n\n  sizes: {\n    xs: { fontSize: { base: \"xs\", sm: \"2xs\" } },\n    sm: { fontSize: { base: \"sm\", sm: \"xs\" } },\n    md: { fontSize: { base: \"md\", sm: \"sm\" } },\n    lg: { fontSize: { base: \"lg\", sm: \"md\" } },\n    xl: { fontSize: { base: \"xl\", sm: \"lg\" } },\n    \"2xl\": { fontSize: { base: \"2xl\", sm: \"xl\" } },\n    \"3xl\": { fontSize: { base: \"3xl\", sm: \"2xl\" } },\n    \"4xl\": { fontSize: { base: \"4xl\", sm: \"3xl\" } },\n    \"5xl\": { fontSize: { base: \"5xl\", sm: \"4xl\" } },\n    \"6xl\": { fontSize: { base: \"6xl\", sm: \"5xl\" } },\n    \"7xl\": { fontSize: { base: \"7xl\", sm: \"6xl\" } },\n    \"8xl\": { fontSize: { base: \"8xl\", sm: \"7xl\" } },\n    \"9xl\": { fontSize: { base: \"9xl\", sm: \"8xl\" } },\n  },\n\n  defaultProps: { size: \"4xl\" },\n})\n\nexport type HeadingStyle = typeof headingStyle\n"],"mappings":";;;;AAEA,MAAa,eAAe,qBAAqB;CAC/C,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,OAAO;EACL,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAO,EAAE;EAC3C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAM,EAAE;EAC9C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAChD;CAED,cAAc,EAAE,MAAM,OAAO;CAC9B,CAAC"}
+{"version":3,"file":"heading.style.js","names":[],"sources":["../../../../src/components/heading/heading.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const headingStyle = defineComponentStyle({\n  base: {\n    fontFamily: \"heading\",\n    fontWeight: \"semibold\",\n  },\n\n  sizes: {\n    xs: { fontSize: { base: \"xs\", sm: \"2xs\" } },\n    sm: { fontSize: { base: \"sm\", sm: \"xs\" } },\n    md: { fontSize: { base: \"md\", sm: \"sm\" } },\n    lg: { fontSize: { base: \"lg\", sm: \"md\" } },\n    xl: { fontSize: { base: \"xl\", sm: \"lg\" } },\n    \"2xl\": { fontSize: { base: \"2xl\", sm: \"xl\" } },\n    \"3xl\": { fontSize: { base: \"3xl\", sm: \"2xl\" } },\n    \"4xl\": { fontSize: { base: \"4xl\", sm: \"3xl\" } },\n    \"5xl\": { fontSize: { base: \"5xl\", sm: \"4xl\" } },\n    \"6xl\": { fontSize: { base: \"6xl\", sm: \"5xl\" } },\n    \"7xl\": { fontSize: { base: \"7xl\", sm: \"6xl\" } },\n    \"8xl\": { fontSize: { base: \"8xl\", sm: \"7xl\" } },\n    \"9xl\": { fontSize: { base: \"9xl\", sm: \"8xl\" } },\n  },\n\n  defaultProps: { size: \"4xl\" },\n})\n\nexport type HeadingStyle = typeof headingStyle\n"],"mappings":";;AAEA,MAAa,eAAe,qBAAqB;CAC/C,MAAM;EACJ,YAAY;EACZ,YAAY;EACb;CAED,OAAO;EACL,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAO,EAAE;EAC3C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,IAAI,EAAE,UAAU;GAAE,MAAM;GAAM,IAAI;GAAM,EAAE;EAC1C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAM,EAAE;EAC9C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAC/C,OAAO,EAAE,UAAU;GAAE,MAAM;GAAO,IAAI;GAAO,EAAE;EAChD;CAED,cAAc,EAAE,MAAM,OAAO;CAC9B,CAAC"}

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

@@ -1,4 +1,3 @@
 import { headingStyle } from "./heading.style.js";
 import { Heading, HeadingPropsContext, useHeadingPropsContext } from "./heading.js";
-
-export { Heading, HeadingPropsContext, headingStyle, useHeadingPropsContext };
+export { Heading, HeadingPropsContext, headingStyle, useHeadingPropsContext };

package/dist/esm/components/highlight/highlight.js

@@ -1,11 +1,8 @@
 import { Text } from "../text/text.js";
-import "../text/index.js";
 import { Mark } from "../mark/mark.js";
-import "../mark/index.js";
 import { useHighlight } from "./use-highlight.js";
 import { Fragment } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-
 //#region src/components/highlight/highlight.tsx
 /**
 * `Highlight` is a component that highlights specified strings within text. By default, it renders a `p` element.
@@ -18,21 +15,21 @@ const Highlight = ({ children: text, fragment = false, query, markProps, ...rest
 		text
 	});
 	const { colorScheme } = rest;
-	if (fragment) return /* @__PURE__ */ jsx(Fragment$1, { children: chunks.map(({ match, text: text$1 }, index) => match ? /* @__PURE__ */ jsx(Mark, {
+	if (fragment) return /* @__PURE__ */ jsx(Fragment$1, { children: chunks.map(({ match, text }, index) => match ? /* @__PURE__ */ jsx(Mark, {
 		colorScheme,
 		...markProps,
-		children: text$1
-	}, index) : /* @__PURE__ */ jsx(Fragment, { children: text$1 }, index)) });
+		children: text
+	}, index) : /* @__PURE__ */ jsx(Fragment, { children: text }, index)) });
 	else return /* @__PURE__ */ jsx(Text, {
 		...rest,
-		children: chunks.map(({ match, text: text$1 }, index) => match ? /* @__PURE__ */ jsx(Mark, {
+		children: chunks.map(({ match, text }, index) => match ? /* @__PURE__ */ jsx(Mark, {
 			colorScheme,
 			...markProps,
-			children: text$1
-		}, index) : /* @__PURE__ */ jsx(Fragment, { children: text$1 }, index))
+			children: text
+		}, index) : /* @__PURE__ */ jsx(Fragment, { children: text }, index))
 	});
 };
-
 //#endregion
 export { Highlight };
+
 //# sourceMappingURL=highlight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"highlight.js","names":["Highlight: FC<HighlightProps>","text"],"sources":["../../../../src/components/highlight/highlight.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { MarkProps } from \"../mark\"\nimport type { TextProps } from \"../text\"\nimport { Fragment } from \"react\"\nimport { Mark } from \"../mark\"\nimport { Text } from \"../text\"\nimport { useHighlight } from \"./use-highlight\"\n\nexport interface HighlightProps extends Omit<TextProps, \"children\"> {\n  /**\n   * The text used for searching.\n   */\n  children: string\n  /**\n   * Can be a single string or an array of strings. These are the terms that are highlighted in the text.\n   */\n  query: string | string[]\n  /**\n   * If `true`, `Fragment` is used for rendering.\n   *\n   * @default false\n   */\n  fragment?: boolean\n  /**\n   * Properties passed to the Mark component which is used to highlight the matched terms.\n   */\n  markProps?: MarkProps\n}\n\n/**\n * `Highlight` is a component that highlights specified strings within text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/highlight\n */\nexport const Highlight: FC<HighlightProps> = ({\n  children: text,\n  fragment = false,\n  query,\n  markProps,\n  ...rest\n}) => {\n  const chunks = useHighlight({ query, text })\n  const { colorScheme } = rest\n\n  if (fragment) {\n    return (\n      <>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </>\n    )\n  } else {\n    return (\n      <Text {...rest}>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </Text>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAkCA,MAAaA,aAAiC,EAC5C,UAAU,MACV,WAAW,OACX,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,aAAa;EAAE;EAAO;EAAM,CAAC;CAC5C,MAAM,EAAE,gBAAgB;AAExB,KAAI,SACF,QACE,4CACG,OAAO,KAAK,EAAE,OAAO,gBAAQ,UAC5B,QACE,oBAAC;EAA8B;EAAa,GAAI;YAC7CC;IADQ,MAEJ,GAEP,oBAAC,sBAAsBA,UAAR,MAAwB,CAE1C,GACA;KAGL,QACE,oBAAC;EAAK,GAAI;YACP,OAAO,KAAK,EAAE,OAAO,gBAAQ,UAC5B,QACE,oBAAC;GAA8B;GAAa,GAAI;aAC7CA;KADQ,MAEJ,GAEP,oBAAC,sBAAsBA,UAAR,MAAwB,CAE1C;GACI"}
+{"version":3,"file":"highlight.js","names":[],"sources":["../../../../src/components/highlight/highlight.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { MarkProps } from \"../mark\"\nimport type { TextProps } from \"../text\"\nimport { Fragment } from \"react\"\nimport { Mark } from \"../mark\"\nimport { Text } from \"../text\"\nimport { useHighlight } from \"./use-highlight\"\n\nexport interface HighlightProps extends Omit<TextProps, \"children\"> {\n  /**\n   * The text used for searching.\n   */\n  children: string\n  /**\n   * Can be a single string or an array of strings. These are the terms that are highlighted in the text.\n   */\n  query: string | string[]\n  /**\n   * If `true`, `Fragment` is used for rendering.\n   *\n   * @default false\n   */\n  fragment?: boolean\n  /**\n   * Properties passed to the Mark component which is used to highlight the matched terms.\n   */\n  markProps?: MarkProps\n}\n\n/**\n * `Highlight` is a component that highlights specified strings within text. By default, it renders a `p` element.\n *\n * @see https://yamada-ui.com/docs/components/highlight\n */\nexport const Highlight: FC<HighlightProps> = ({\n  children: text,\n  fragment = false,\n  query,\n  markProps,\n  ...rest\n}) => {\n  const chunks = useHighlight({ query, text })\n  const { colorScheme } = rest\n\n  if (fragment) {\n    return (\n      <>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </>\n    )\n  } else {\n    return (\n      <Text {...rest}>\n        {chunks.map(({ match, text }, index) =>\n          match ? (\n            <Mark key={index} colorScheme={colorScheme} {...markProps}>\n              {text}\n            </Mark>\n          ) : (\n            <Fragment key={index}>{text}</Fragment>\n          ),\n        )}\n      </Text>\n    )\n  }\n}\n"],"mappings":";;;;;;;;;;;AAkCA,MAAa,aAAiC,EAC5C,UAAU,MACV,WAAW,OACX,OACA,WACA,GAAG,WACC;CACJ,MAAM,SAAS,aAAa;EAAE;EAAO;EAAM,CAAC;CAC5C,MAAM,EAAE,gBAAgB;CAExB,IAAI,UACF,OACE,oBAAA,YAAA,EAAA,UACG,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,oBAAC,MAAD;EAA+B;EAAa,GAAI;YAC7C;EACI,EAFI,MAEJ,GAEP,oBAAC,UAAD,EAAA,UAAuB,MAAgB,EAAxB,MAAwB,CAE1C,EACA,CAAA;MAGL,OACE,oBAAC,MAAD;EAAM,GAAI;YACP,OAAO,KAAK,EAAE,OAAO,QAAQ,UAC5B,QACE,oBAAC,MAAD;GAA+B;GAAa,GAAI;aAC7C;GACI,EAFI,MAEJ,GAEP,oBAAC,UAAD,EAAA,UAAuB,MAAgB,EAAxB,MAAwB,CAE1C;EACI,CAAA"}

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

@@ -1,4 +1,3 @@
 import { useHighlight } from "./use-highlight.js";
 import { Highlight } from "./highlight.js";
-
-export { Highlight, useHighlight };
+export { Highlight, useHighlight };

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

@@ -1,6 +1,5 @@
 import { utils_exports } from "../../utils/index.js";
 import { useMemo } from "react";
-
 //#region src/components/highlight/use-highlight.ts
 const escapeRegexp = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
 const createRegexp = (query) => {
@@ -14,13 +13,13 @@ const useHighlight = ({ query, text }) => {
 			match: false,
 			text
 		}];
-		return text.split(regexp).filter(Boolean).map((text$1) => ({
-			match: regexp.test(text$1),
-			text: text$1
+		return text.split(regexp).filter(Boolean).map((text) => ({
+			match: regexp.test(text),
+			text
 		}));
 	}, [text, query]);
 };
-
 //#endregion
 export { useHighlight };
+
 //# sourceMappingURL=use-highlight.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-highlight.js","names":["text"],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;;AAQA,MAAM,gBAAgB,SACpB,KAAK,QAAQ,yBAAyB,SAAiB,KAAK,OAAO;AAErE,MAAM,gBAAgB,UAAwC;AAC5D,SAAQ,MAAM,OAAO,QAAQ,CAAC,KAAK,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC;AAEtE,KAAI,MAAM,OAAQ,QAAO,IAAI,OAAO,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,KAAK;;AAQnE,MAAa,gBAAgB,EAAE,OAAO,WAA8B;AAYlE,QAXe,cAAc;EAC3B,MAAM,SAAS,wCAAqB,MAAM,CAAC;AAE3C,MAAI,CAAC,OAAQ,QAAO,CAAC;GAAE,OAAO;GAAO;GAAM,CAAC;AAE5C,SAAO,KACJ,MAAM,OAAO,CACb,OAAO,QAAQ,CACf,KAAK,YAAU;GAAE,OAAO,OAAO,KAAKA,OAAK;GAAE;GAAM,EAAE;IACrD,CAAC,MAAM,MAAM,CAAC"}
+{"version":3,"file":"use-highlight.js","names":[],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;AAQA,MAAM,gBAAgB,SACpB,KAAK,QAAQ,yBAAyB,SAAiB,KAAK,OAAO;AAErE,MAAM,gBAAgB,UAAwC;CAC5D,QAAQ,MAAM,OAAO,QAAQ,CAAC,KAAK,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC;CAEtE,IAAI,MAAM,QAAQ,OAAO,IAAI,OAAO,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,KAAK;;AAQnE,MAAa,gBAAgB,EAAE,OAAO,WAA8B;CAYlE,OAXe,cAAc;EAC3B,MAAM,SAAS,cAAA,GAAA,cAAA,SAAqB,MAAM,CAAC;EAE3C,IAAI,CAAC,QAAQ,OAAO,CAAC;GAAE,OAAO;GAAO;GAAM,CAAC;EAE5C,OAAO,KACJ,MAAM,OAAO,CACb,OAAO,QAAQ,CACf,KAAK,UAAU;GAAE,OAAO,OAAO,KAAK,KAAK;GAAE;GAAM,EAAE;IACrD,CAAC,MAAM,MAAM,CAEH"}

package/dist/esm/components/hue-slider/hue-slider.js

@@ -1,18 +1,13 @@
 "use client";
-
 import { styled } from "../../core/system/factory.js";
 import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
-import "../../providers/i18n-provider/index.js";
 import { SliderRoot, SliderThumb, SliderTrack } from "../slider/slider.js";
-import "../slider/index.js";
 import { hueSliderStyle } from "./hue-slider.style.js";
 import { useCallback, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/hue-slider/hue-slider.tsx
 const { ComponentContext, PropsContext: HueSliderPropsContext, useComponentContext, usePropsContext: useHueSliderPropsContext, withContext, withProvider } = createSlotComponent("hue-slider", hueSliderStyle);
 /**
@@ -52,11 +47,10 @@ const HueSliderRoot = withProvider(({ children, max = 360, min = 0, orientation:
 		if (hue < 270) return t("Blue");
 		return t("Magenta");
 	}, [t]);
-	const getAriaValueText = useCallback((hue) => `${hue}°, ${getColorName(hue)}`, [getColorName]);
 	return /* @__PURE__ */ jsx(ComponentContext, {
 		value: context,
 		children: /* @__PURE__ */ jsx(SliderRoot, {
-			getAriaValueText,
+			getAriaValueText: useCallback((hue) => `${hue}°, ${getColorName(hue)}`, [getColorName]),
 			max,
 			min,
 			orientation,
@@ -81,7 +75,7 @@ const HueSliderOverlay = withContext(({ layers, ...rest }) => {
 	}, index)) });
 }, "overlay")();
 const HueSliderThumb = withContext(SliderThumb, "thumb")();
-
 //#endregion
 export { HueSliderOverlay, HueSliderPropsContext, HueSliderRoot, HueSliderThumb, HueSliderTrack, useHueSliderPropsContext };
+
 //# sourceMappingURL=hue-slider.js.map

package/dist/esm/components/hue-slider/hue-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.js","names":["Slider.Root","Slider.Track","Slider.Thumb"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<HueSliderRootProps>,\n  \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n  extends\n    WithoutThemeProps<\n      Omit<\n        Slider.RootProps,\n        | \"betweenThumbs\"\n        | \"marks\"\n        | \"marksProps\"\n        | \"max\"\n        | \"rangeFill\"\n        | \"rangeProps\"\n        | \"thumbFill\"\n        | \"thumbProps\"\n        | \"trackFill\"\n        | \"trackProps\"\n      >,\n      HueSliderStyle\n    >,\n    ThemeProps<HueSliderStyle> {\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 360\n   */\n  max?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: HueSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: HueSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: HueSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: HueSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useHueSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n  \"hue-slider\",\n  hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/**\n * `HueSlider` is a component used to allow the user to select a color hue.\n *\n * @see https://yamada-ui.com/docs/components/hue-slider\n */\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n  ({\n    children,\n    max = 360,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const { t } = useI18n(\"hueSlider\")\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <HueSliderTrack {...trackProps}>\n          <HueSliderThumb {...thumbProps} />\n\n          <HueSliderOverlay {...overlayProps} />\n        </HueSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ max, min, orientation }),\n      [max, min, orientation],\n    )\n    const getColorName = useCallback(\n      (hue: number): string => {\n        if (hue < 30 || hue >= 330) return t(\"Red\")\n        if (hue < 90) return t(\"Yellow\")\n        if (hue < 150) return t(\"Green\")\n        if (hue < 210) return t(\"Cyan\")\n        if (hue < 270) return t(\"Blue\")\n        return t(\"Magenta\")\n      },\n      [t],\n    )\n    const getAriaValueText = useCallback(\n      (hue: number) => `${hue}°, ${getColorName(hue)}`,\n      [getColorName],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Slider.Root\n          getAriaValueText={getAriaValueText}\n          max={max}\n          min={min}\n          orientation={orientation}\n          {...rest}\n        >\n          {computedChildren}\n        </Slider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({\n  \"--thumb-fill\": \"transparent\",\n  \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n  Slider.Track,\n  \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n  /**\n   * The layers used for the overlay element.\n   */\n  layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n  ({ layers, ...rest }) => {\n    const { max, min, orientation } = useComponentContext()\n\n    layers ??= [\n      {\n        bgGradient: `linear(${[\n          orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n          ...Array.from({ length: 7 }).map(\n            (_, index) =>\n              `hsl(${Math.round(min + ((max - min) / 6) * index)}, 100%, 50%)`,\n          ),\n        ].join(\", \")})`,\n        boxShadow: \"inner\",\n      },\n    ]\n\n    return (\n      <>\n        {layers.map((props, index) => (\n          <styled.div\n            key={index}\n            data-orientation={orientation}\n            {...mergeProps(rest, props)()}\n          />\n        ))}\n      </>\n    )\n  },\n  \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n  Slider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,eACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,QAAQ,YAAY;CAClC,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,mBAAmB,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,qBAAC;GAAe,GAAI;cAClB,oBAAC,kBAAe,GAAI,aAAc,EAElC,oBAAC,oBAAiB,GAAI,eAAgB;IACvB;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,UAAU,eACP;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,eAAe,aAClB,QAAwB;AACvB,MAAI,MAAM,MAAM,OAAO,IAAK,QAAO,EAAE,MAAM;AAC3C,MAAI,MAAM,GAAI,QAAO,EAAE,SAAS;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,QAAQ;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,SAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CACD,MAAM,mBAAmB,aACtB,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CACf;AAED,QACE,oBAAC;EAAiB,OAAO;YACvB,oBAACA;GACmB;GACb;GACA;GACQ;GACb,GAAI;aAEH;IACW;GACG;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;AAEvD,YAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;AAED,QACE,4CACG,OAAO,KAAK,OAAO,UAClB,oBAAC,OAAO;EAEN,oBAAkB;EAClB,GAAI,WAAW,MAAM,MAAM,EAAE;IAFxB,MAGL,CACF,GACD;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE"}
+{"version":3,"file":"hue-slider.js","names":["Slider.Root","Slider.Track","Slider.Thumb"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n  Required<HueSliderRootProps>,\n  \"max\" | \"min\" | \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n  extends\n    WithoutThemeProps<\n      Omit<\n        Slider.RootProps,\n        | \"betweenThumbs\"\n        | \"marks\"\n        | \"marksProps\"\n        | \"max\"\n        | \"rangeFill\"\n        | \"rangeProps\"\n        | \"thumbFill\"\n        | \"thumbProps\"\n        | \"trackFill\"\n        | \"trackProps\"\n      >,\n      HueSliderStyle\n    >,\n    ThemeProps<HueSliderStyle> {\n  /**\n   * The maximum allowed value of the slider. Cannot be less than min.\n   *\n   * @default 360\n   */\n  max?: number\n  /**\n   * Props for the overlay element.\n   */\n  overlayProps?: HueSliderOverlayProps\n  /**\n   * Props for the thumb element.\n   */\n  thumbProps?: HueSliderThumbProps\n  /**\n   * Props for the track element.\n   */\n  trackProps?: HueSliderTrackProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: HueSliderPropsContext,\n  useComponentContext,\n  usePropsContext: useHueSliderPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n  \"hue-slider\",\n  hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/**\n * `HueSlider` is a component used to allow the user to select a color hue.\n *\n * @see https://yamada-ui.com/docs/components/hue-slider\n */\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n  ({\n    children,\n    max = 360,\n    min = 0,\n    orientation: orientationProp = \"horizontal\",\n    overlayProps,\n    thumbProps,\n    trackProps,\n    ...rest\n  }) => {\n    const { t } = useI18n(\"hueSlider\")\n    const orientation = useValue(orientationProp)\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <HueSliderTrack {...trackProps}>\n          <HueSliderThumb {...thumbProps} />\n\n          <HueSliderOverlay {...overlayProps} />\n        </HueSliderTrack>\n      )\n    }, [children, overlayProps, thumbProps, trackProps])\n    const context = useMemo(\n      () => ({ max, min, orientation }),\n      [max, min, orientation],\n    )\n    const getColorName = useCallback(\n      (hue: number): string => {\n        if (hue < 30 || hue >= 330) return t(\"Red\")\n        if (hue < 90) return t(\"Yellow\")\n        if (hue < 150) return t(\"Green\")\n        if (hue < 210) return t(\"Cyan\")\n        if (hue < 270) return t(\"Blue\")\n        return t(\"Magenta\")\n      },\n      [t],\n    )\n    const getAriaValueText = useCallback(\n      (hue: number) => `${hue}°, ${getColorName(hue)}`,\n      [getColorName],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <Slider.Root\n          getAriaValueText={getAriaValueText}\n          max={max}\n          min={min}\n          orientation={orientation}\n          {...rest}\n        >\n          {computedChildren}\n        </Slider.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)({\n  \"--thumb-fill\": \"transparent\",\n  \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n  Slider.Track,\n  \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n  /**\n   * The layers used for the overlay element.\n   */\n  layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n  ({ layers, ...rest }) => {\n    const { max, min, orientation } = useComponentContext()\n\n    layers ??= [\n      {\n        bgGradient: `linear(${[\n          orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n          ...Array.from({ length: 7 }).map(\n            (_, index) =>\n              `hsl(${Math.round(min + ((max - min) / 6) * index)}, 100%, 50%)`,\n          ),\n        ].join(\", \")})`,\n        boxShadow: \"inner\",\n      },\n    ]\n\n    return (\n      <>\n        {layers.map((props, index) => (\n          <styled.div\n            key={index}\n            data-orientation={orientation}\n            {...mergeProps(rest, props)()}\n          />\n        ))}\n      </>\n    )\n  },\n  \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n  Slider.Thumb,\n  \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,eACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,QAAQ,YAAY;CAClC,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,mBAAmB,cAAc;EACrC,IAAI,UAAU,OAAO;EAErB,OACE,qBAAC,gBAAD;GAAgB,GAAI;aAApB,CACE,oBAAC,gBAAD,EAAgB,GAAI,YAAc,CAAA,EAElC,oBAAC,kBAAD,EAAkB,GAAI,cAAgB,CAAA,CACvB;;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,UAAU,eACP;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,eAAe,aAClB,QAAwB;EACvB,IAAI,MAAM,MAAM,OAAO,KAAK,OAAO,EAAE,MAAM;EAC3C,IAAI,MAAM,IAAI,OAAO,EAAE,SAAS;EAChC,IAAI,MAAM,KAAK,OAAO,EAAE,QAAQ;EAChC,IAAI,MAAM,KAAK,OAAO,EAAE,OAAO;EAC/B,IAAI,MAAM,KAAK,OAAO,EAAE,OAAO;EAC/B,OAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CAMD,OACE,oBAAC,kBAAD;EAAkB,OAAO;YACvB,oBAACA,YAAD;GACoB,kBARC,aACtB,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CAMQ;GACb;GACA;GACQ;GACb,GAAI;aAEH;GACW,CAAA;EACG,CAAA;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;CAEvD,WAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;CAED,OACE,oBAAA,YAAA,EAAA,UACG,OAAO,KAAK,OAAO,UAClB,oBAAC,OAAO,KAAR;EAEE,oBAAkB;EAClB,GAAI,WAAW,MAAM,MAAM,EAAE;EAC7B,EAHK,MAGL,CACF,EACD,CAAA;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE"}

package/dist/esm/components/hue-slider/hue-slider.style.js

@@ -1,8 +1,5 @@
 import { defineComponentSlotStyle } from "../../core/system/config.js";
-import "../../core/index.js";
 import { sliderStyle } from "../slider/slider.style.js";
-import "../slider/index.js";
-
 //#region src/components/hue-slider/hue-slider.style.ts
 const hueSliderStyle = defineComponentSlotStyle({
 	base: {
@@ -39,7 +36,13 @@ const hueSliderStyle = defineComponentSlotStyle({
 			}
 		}
 	},
-	props: { shape: {
+	props: { 
+	/**
+	* The shape of the thumb.
+	*
+	* @default 'circle'
+	*/
+shape: {
 		circle: { root: {
 			...sliderStyle.props?.shape.circle.root,
 			"--track-rounded": "{thumb-rounded}"
@@ -80,7 +83,7 @@ const hueSliderStyle = defineComponentSlotStyle({
 		shape: "circle"
 	}
 });
-
 //#endregion
 export { hueSliderStyle };
+
 //# sourceMappingURL=hue-slider.style.js.map

package/dist/esm/components/hue-slider/hue-slider.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.style.js","names":[],"sources":["../../../../src/components/hue-slider/hue-slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { sliderStyle } from \"../slider\"\n\nexport const hueSliderStyle = defineComponentSlotStyle({\n  base: {\n    overlay: {\n      position: \"absolute\",\n      rounded: \"{track-rounded}\",\n      top: \"0\",\n      _horizontal: {\n        h: \"full\",\n        left: \"calc({thumb-size} / 2 * -1)\",\n        w: \"calc(full + {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full + {thumb-size})\",\n        top: \"calc({thumb-size} / 2 * -1)\",\n        w: \"full\",\n      },\n    },\n    root: {},\n    thumb: {\n      \"--thumb-stroke\": \"colors.white\",\n      borderWidth: \"3px\",\n      boxShadow: \"md\",\n    },\n    track: {\n      flex: \"inherit\",\n      _horizontal: {\n        ms: \"calc({thumb-size} / 2)\",\n        w: \"calc(full - {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full - {thumb-size})\",\n        mt: \"calc({thumb-size} / 2)\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the thumb.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: {\n          ...sliderStyle.props?.shape.circle.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      rounded: {\n        root: {\n          ...sliderStyle.props?.shape.rounded.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      square: {\n        root: {\n          ...sliderStyle.props?.shape.square.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    sm: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    md: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n      },\n    },\n    lg: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n    xl: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    shape: \"circle\",\n  },\n})\n\nexport type HueSliderStyle = typeof hueSliderStyle\n"],"mappings":";;;;;;AAGA,MAAa,iBAAiB,yBAAyB;CACrD,MAAM;EACJ,SAAS;GACP,UAAU;GACV,SAAS;GACT,KAAK;GACL,aAAa;IACX,GAAG;IACH,MAAM;IACN,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,KAAK;IACL,GAAG;IACJ;GACF;EACD,MAAM,EAAE;EACR,OAAO;GACL,kBAAkB;GAClB,aAAa;GACb,WAAW;GACZ;EACD,OAAO;GACL,MAAM;GACN,aAAa;IACX,IAAI;IACJ,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,IAAI;IACL;GACF;EACF;CAED,OAAO,EAML,OAAO;EACL,QAAQ,EACN,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,QAAQ;GACpC,mBAAmB;GACpB,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACF,EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,CAAC"}
+{"version":3,"file":"hue-slider.style.js","names":[],"sources":["../../../../src/components/hue-slider/hue-slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { sliderStyle } from \"../slider\"\n\nexport const hueSliderStyle = defineComponentSlotStyle({\n  base: {\n    overlay: {\n      position: \"absolute\",\n      rounded: \"{track-rounded}\",\n      top: \"0\",\n      _horizontal: {\n        h: \"full\",\n        left: \"calc({thumb-size} / 2 * -1)\",\n        w: \"calc(full + {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full + {thumb-size})\",\n        top: \"calc({thumb-size} / 2 * -1)\",\n        w: \"full\",\n      },\n    },\n    root: {},\n    thumb: {\n      \"--thumb-stroke\": \"colors.white\",\n      borderWidth: \"3px\",\n      boxShadow: \"md\",\n    },\n    track: {\n      flex: \"inherit\",\n      _horizontal: {\n        ms: \"calc({thumb-size} / 2)\",\n        w: \"calc(full - {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full - {thumb-size})\",\n        mt: \"calc({thumb-size} / 2)\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the thumb.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: {\n          ...sliderStyle.props?.shape.circle.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      rounded: {\n        root: {\n          ...sliderStyle.props?.shape.rounded.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      square: {\n        root: {\n          ...sliderStyle.props?.shape.square.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    sm: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    md: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n      },\n    },\n    lg: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n    xl: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    shape: \"circle\",\n  },\n})\n\nexport type HueSliderStyle = typeof hueSliderStyle\n"],"mappings":";;;AAGA,MAAa,iBAAiB,yBAAyB;CACrD,MAAM;EACJ,SAAS;GACP,UAAU;GACV,SAAS;GACT,KAAK;GACL,aAAa;IACX,GAAG;IACH,MAAM;IACN,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,KAAK;IACL,GAAG;IACJ;GACF;EACD,MAAM,EAAE;EACR,OAAO;GACL,kBAAkB;GAClB,aAAa;GACb,WAAW;GACZ;EACD,OAAO;GACL,MAAM;GACN,aAAa;IACX,IAAI;IACJ,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,IAAI;IACL;GACF;EACF;CAED,OAAO;;;;;;AAML,OAAO;EACL,QAAQ,EACN,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,QAAQ;GACpC,mBAAmB;GACpB,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAG,YAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACF,EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgB,YAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,CAAC"}

package/dist/esm/components/hue-slider/index.js

@@ -1,5 +1,4 @@
 import { hueSliderStyle } from "./hue-slider.style.js";
 import { HueSliderOverlay, HueSliderPropsContext, HueSliderRoot, HueSliderThumb, HueSliderTrack, useHueSliderPropsContext } from "./hue-slider.js";
 import { namespace_exports } from "./namespace.js";
-
-export { namespace_exports as HueSlider, HueSliderOverlay, HueSliderPropsContext, HueSliderRoot, HueSliderThumb, HueSliderTrack, hueSliderStyle, useHueSliderPropsContext };
+export { namespace_exports as HueSlider, HueSliderOverlay, HueSliderPropsContext, HueSliderRoot, HueSliderThumb, HueSliderTrack, hueSliderStyle, useHueSliderPropsContext };

package/dist/esm/components/hue-slider/namespace.js

@@ -1,6 +1,5 @@
-import { __exportAll } from "../../_virtual/rolldown_runtime.js";
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
 import { HueSliderOverlay, HueSliderPropsContext, HueSliderRoot, HueSliderThumb, HueSliderTrack, useHueSliderPropsContext } from "./hue-slider.js";
-
 //#region src/components/hue-slider/namespace.ts
 var namespace_exports = /* @__PURE__ */ __exportAll({
 	Overlay: () => HueSliderOverlay,
@@ -10,7 +9,7 @@ var namespace_exports = /* @__PURE__ */ __exportAll({
 	Track: () => HueSliderTrack,
 	usePropsContext: () => useHueSliderPropsContext
 });
-
 //#endregion
 export { namespace_exports };
+
 //# sourceMappingURL=namespace.js.map

package/dist/esm/components/icon/icon.js

@@ -1,10 +1,7 @@
 "use client";
-
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "../../core/css/use-inject-vars.js";
 import { createComponent } from "../../core/components/create-component.js";
-import "../../core/index.js";
 import { iconStyle } from "./icon.style.js";
-
 //#region src/components/icon/icon.tsx
 const { component, PropsContext: IconPropsContext, usePropsContext: useIconPropsContext, withContext } = createComponent("icon", iconStyle);
 /**
@@ -25,7 +22,7 @@ const Icon = withContext("svg")({
 		css
 	};
 });
-
 //#endregion
 export { Icon, IconPropsContext, component, useIconPropsContext, withContext };
+
 //# sourceMappingURL=icon.js.map