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

package/dist/cjs/components/data-list/data-list.cjs

@@ -1,16 +1,13 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_props = require('../../core/components/props.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_data_list_style = require('./data-list.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_props = require("../../core/components/props.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_data_list_style = require("./data-list.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/data-list/data-list.tsx
 const { ComponentContext, PropsContext: DataListPropsContext, useComponentContext, usePropsContext: useDataListPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("data-list", require_data_list_style.dataListStyle);
 /**
@@ -20,17 +17,17 @@ const { ComponentContext, PropsContext: DataListPropsContext, useComponentContex
 */
 const DataListRoot = withProvider(({ style, children, items = [], descriptionProps, termProps, ...rest }) => {
 	const col = (0, react.useMemo)(() => {
-		let col$1 = 0;
+		let col = 0;
 		if (children) require_children.pickChildren(require_children.getValidChildren(children), DataListItem).forEach(({ props }) => {
 			const pickedChildren = require_children.pickChildren(require_children.getValidChildren(props.children), DataListTerm, DataListDescription);
-			col$1 = Math.max(col$1, pickedChildren.length);
+			col = Math.max(col, pickedChildren.length);
 		});
 		else items.forEach(({ description, term }) => {
 			const termCount = !term ? 0 : (0, require_utils_index.utils_exports.isArray)(term) ? term.length : 1;
 			const descriptionCount = !description ? 0 : (0, require_utils_index.utils_exports.isArray)(description) ? description.length : 1;
-			col$1 = Math.max(col$1, termCount + descriptionCount);
+			col = Math.max(col, termCount + descriptionCount);
 		});
-		return col$1;
+		return col;
 	}, [children, items]);
 	const computedChildren = (0, react.useMemo)(() => items.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListItem, { ...props }, index)), [items]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ComponentContext, {
@@ -53,12 +50,12 @@ const DataListItem = withContext(({ children, description, term, descriptionProp
 	const [omittedChildren, customTerms, customDescriptions] = (0, react.useMemo)(() => {
 		const validChildren = require_children.getValidChildren(children);
 		if ((0, require_utils_index.utils_exports.isEmpty)(validChildren)) return [children];
-		const customTerms$1 = require_children.pickChildren(validChildren, DataListTerm);
-		const customDescriptions$1 = require_children.pickChildren(validChildren, DataListDescription);
+		const customTerms = require_children.pickChildren(validChildren, DataListTerm);
+		const customDescriptions = require_children.pickChildren(validChildren, DataListDescription);
 		return [
 			require_children.omitChildren(validChildren, DataListTerm, DataListDescription),
-			customTerms$1,
-			customDescriptions$1
+			customTerms,
+			customDescriptions
 		];
 	}, [children]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory.styled.div, {
@@ -84,7 +81,6 @@ const DataListItem = withContext(({ children, description, term, descriptionProp
 }, "item")();
 const DataListTerm = withContext("dt", "term")();
 const DataListDescription = withContext("dd", "description")();
-
 //#endregion
 exports.DataListDescription = DataListDescription;
 exports.DataListItem = DataListItem;
@@ -92,4 +88,5 @@ exports.DataListPropsContext = DataListPropsContext;
 exports.DataListRoot = DataListRoot;
 exports.DataListTerm = DataListTerm;
 exports.useDataListPropsContext = useDataListPropsContext;
+
 //# sourceMappingURL=data-list.cjs.map

package/dist/cjs/components/data-list/data-list.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.cjs","names":["createSlotComponent","dataListStyle","col","pickChildren","getValidChildren","styled","customTerms","customDescriptions","omitChildren","mergeProps"],"sources":["../../../../src/components/data-list/data-list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { DataListStyle } from \"./data-list.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  getValidChildren,\n  isArray,\n  isEmpty,\n  omitChildren,\n  pickChildren,\n} from \"../../utils\"\nimport { dataListStyle } from \"./data-list.style\"\n\nexport interface DataListItem extends DataListItemProps {}\n\nexport interface DataListRootProps\n  extends HTMLStyledProps<\"dl\">, ThemeProps<DataListStyle> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: DataListItem[]\n  /**\n   * The props for the data list description component.\n   */\n  descriptionProps?: DataListDescriptionProps\n  /**\n   * The props for the data list term component.\n   */\n  termProps?: DataListTermProps\n}\n\ninterface ComponentContext extends Pick<\n  DataListRootProps,\n  \"descriptionProps\" | \"termProps\"\n> {}\n\nconst {\n  ComponentContext,\n  PropsContext: DataListPropsContext,\n  useComponentContext,\n  usePropsContext: useDataListPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DataListRootProps, DataListStyle, ComponentContext>(\n  \"data-list\",\n  dataListStyle,\n)\n\nexport { DataListPropsContext, useDataListPropsContext }\n\n/**\n * `DataList` is used to display a list of data items.\n *\n * @see https://yamada-ui.com/docs/components/data-list\n */\nexport const DataListRoot = withProvider<\"dl\", DataListRootProps>(\n  ({ style, children, items = [], descriptionProps, termProps, ...rest }) => {\n    const col = useMemo(() => {\n      let col = 0\n\n      if (children) {\n        const validChildren = getValidChildren(children)\n        const dataListItems = pickChildren(validChildren, DataListItem)\n\n        dataListItems.forEach(({ props }) => {\n          const validChildren = getValidChildren(props.children)\n          const pickedChildren = pickChildren(\n            validChildren,\n            DataListTerm,\n            DataListDescription,\n          )\n\n          col = Math.max(col, pickedChildren.length)\n        })\n      } else {\n        items.forEach(({ description, term }) => {\n          const termCount = !term ? 0 : isArray(term) ? term.length : 1\n          const descriptionCount = !description\n            ? 0\n            : isArray(description)\n              ? description.length\n              : 1\n\n          col = Math.max(col, termCount + descriptionCount)\n        })\n      }\n\n      return col\n    }, [children, items])\n    const computedChildren = useMemo(\n      () =>\n        items.map((props, index) => <DataListItem key={index} {...props} />),\n      [items],\n    )\n    const context = useMemo(\n      () => ({\n        descriptionProps,\n        termProps,\n      }),\n      [descriptionProps, termProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.dl style={{ \"--col\": col, ...style }} {...rest}>\n          {children ?? computedChildren}\n        </styled.dl>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DataListItemProps extends HTMLStyledProps {\n  /**\n   * The data list description to use.\n   */\n  description?: ReactNode | ReactNode[]\n  /**\n   * The data list term to use.\n   */\n  term?: ReactNode | ReactNode[]\n  /**\n   * The props for the data list description component.\n   */\n  descriptionProps?: DataListDescriptionProps\n  /**\n   * The props for the data list term component.\n   */\n  termProps?: DataListTermProps\n}\n\nexport const DataListItem = withContext<\"div\", DataListItemProps>(\n  ({\n    children,\n    description,\n    term,\n    descriptionProps: customDescriptionProps,\n    termProps: customTermProps,\n    ...rest\n  }) => {\n    const { descriptionProps, termProps } = useComponentContext()\n\n    const [omittedChildren, customTerms, customDescriptions] = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (isEmpty(validChildren)) return [children]\n\n      const customTerms = pickChildren(validChildren, DataListTerm)\n      const customDescriptions = pickChildren(\n        validChildren,\n        DataListDescription,\n      )\n      const omittedChildren = omitChildren(\n        validChildren,\n        DataListTerm,\n        DataListDescription,\n      )\n\n      return [omittedChildren, customTerms, customDescriptions] as const\n    }, [children])\n\n    return (\n      <styled.div {...rest}>\n        {!isEmpty(customTerms) ? (\n          customTerms\n        ) : isArray(term) ? (\n          term.map((item, index) => (\n            <DataListTerm\n              key={index}\n              {...mergeProps(termProps, customTermProps)()}\n            >\n              {item}\n            </DataListTerm>\n          ))\n        ) : (\n          <DataListTerm {...mergeProps(termProps, customTermProps)()}>\n            {term}\n          </DataListTerm>\n        )}\n\n        {!isEmpty(customDescriptions) ? (\n          customDescriptions\n        ) : isArray(description) ? (\n          description.map((item, index) => (\n            <DataListDescription\n              key={index}\n              {...mergeProps(descriptionProps, customDescriptionProps)()}\n            >\n              {item}\n            </DataListDescription>\n          ))\n        ) : (\n          <DataListDescription\n            {...mergeProps(descriptionProps, customDescriptionProps)()}\n          >\n            {description}\n          </DataListDescription>\n        )}\n\n        {omittedChildren}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface DataListTermProps extends HTMLStyledProps<\"dt\"> {}\n\nexport const DataListTerm = withContext<\"dt\", DataListTermProps>(\"dt\", \"term\")()\n\nexport interface DataListDescriptionProps extends HTMLStyledProps<\"dd\"> {}\n\nexport const DataListDescription = withContext<\"dd\", DataListDescriptionProps>(\n  \"dd\",\n  \"description\",\n)()\n"],"mappings":";;;;;;;;;;;;;;AAuCA,MAAM,EACJ,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,iBACEA,6CACF,aACAC,sCACD;;;;;;AASD,MAAa,eAAe,cACzB,EAAE,OAAO,UAAU,QAAQ,EAAE,EAAE,kBAAkB,WAAW,GAAG,WAAW;CACzE,MAAM,+BAAoB;EACxB,IAAIC,QAAM;AAEV,MAAI,SAIF,CAFsBC,8BADAC,kCAAiB,SAAS,EACE,aAAa,CAEjD,SAAS,EAAE,YAAY;GAEnC,MAAM,iBAAiBD,8BADDC,kCAAiB,MAAM,SAAS,EAGpD,cACA,oBACD;AAED,WAAM,KAAK,IAAIF,OAAK,eAAe,OAAO;IAC1C;MAEF,OAAM,SAAS,EAAE,aAAa,WAAW;GACvC,MAAM,YAAY,CAAC,OAAO,mDAAY,KAAK,GAAG,KAAK,SAAS;GAC5D,MAAM,mBAAmB,CAAC,cACtB,mDACQ,YAAY,GAClB,YAAY,SACZ;AAEN,WAAM,KAAK,IAAIA,OAAK,YAAY,iBAAiB;IACjD;AAGJ,SAAOA;IACN,CAAC,UAAU,MAAM,CAAC;CACrB,MAAM,4CAEF,MAAM,KAAK,OAAO,UAAU,2CAAC,gBAAyB,GAAI,SAAX,MAAoB,CAAC,EACtE,CAAC,MAAM,CACR;AASD,QACE,2CAAC;EAAiB,iCARX;GACL;GACA;GACD,GACD,CAAC,kBAAkB,UAAU,CAC9B;YAIG,2CAACG,uBAAO;GAAG,OAAO;IAAE,SAAS;IAAK,GAAG;IAAO;GAAE,GAAI;aAC/C,YAAY;IACH;GACK;GAGvB,OACD,EAAE;AAqBH,MAAa,eAAe,aACzB,EACC,UACA,aACA,MACA,kBAAkB,wBAClB,WAAW,iBACX,GAAG,WACC;CACJ,MAAM,EAAE,kBAAkB,cAAc,qBAAqB;CAE7D,MAAM,CAAC,iBAAiB,aAAa,+CAAoC;EACvE,MAAM,gBAAgBD,kCAAiB,SAAS;AAEhD,qDAAY,cAAc,CAAE,QAAO,CAAC,SAAS;EAE7C,MAAME,gBAAcH,8BAAa,eAAe,aAAa;EAC7D,MAAMI,uBAAqBJ,8BACzB,eACA,oBACD;AAOD,SAAO;GANiBK,8BACtB,eACA,cACA,oBACD;GAEwBF;GAAaC;GAAmB;IACxD,CAAC,SAAS,CAAC;AAEd,QACE,4CAACF,uBAAO;EAAI,GAAI;;GACb,gDAAS,YAAY,GACpB,6DACU,KAAK,GACf,KAAK,KAAK,MAAM,UACd,2CAAC;IAEC,GAAII,yBAAW,WAAW,gBAAgB,EAAE;cAE3C;MAHI,MAIQ,CACf,GAEF,2CAAC;IAAa,GAAIA,yBAAW,WAAW,gBAAgB,EAAE;cACvD;KACY;GAGhB,gDAAS,mBAAmB,GAC3B,oEACU,YAAY,GACtB,YAAY,KAAK,MAAM,UACrB,2CAAC;IAEC,GAAIA,yBAAW,kBAAkB,uBAAuB,EAAE;cAEzD;MAHI,MAIe,CACtB,GAEF,2CAAC;IACC,GAAIA,yBAAW,kBAAkB,uBAAuB,EAAE;cAEzD;KACmB;GAGvB;;GACU;GAGjB,OACD,EAAE;AAIH,MAAa,eAAe,YAAqC,MAAM,OAAO,EAAE;AAIhF,MAAa,sBAAsB,YACjC,MACA,cACD,EAAE"}
+{"version":3,"file":"data-list.cjs","names":["createSlotComponent","dataListStyle","pickChildren","getValidChildren","styled","omitChildren","mergeProps"],"sources":["../../../../src/components/data-list/data-list.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { DataListStyle } from \"./data-list.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport {\n  getValidChildren,\n  isArray,\n  isEmpty,\n  omitChildren,\n  pickChildren,\n} from \"../../utils\"\nimport { dataListStyle } from \"./data-list.style\"\n\nexport interface DataListItem extends DataListItemProps {}\n\nexport interface DataListRootProps\n  extends HTMLStyledProps<\"dl\">, ThemeProps<DataListStyle> {\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: DataListItem[]\n  /**\n   * The props for the data list description component.\n   */\n  descriptionProps?: DataListDescriptionProps\n  /**\n   * The props for the data list term component.\n   */\n  termProps?: DataListTermProps\n}\n\ninterface ComponentContext extends Pick<\n  DataListRootProps,\n  \"descriptionProps\" | \"termProps\"\n> {}\n\nconst {\n  ComponentContext,\n  PropsContext: DataListPropsContext,\n  useComponentContext,\n  usePropsContext: useDataListPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DataListRootProps, DataListStyle, ComponentContext>(\n  \"data-list\",\n  dataListStyle,\n)\n\nexport { DataListPropsContext, useDataListPropsContext }\n\n/**\n * `DataList` is used to display a list of data items.\n *\n * @see https://yamada-ui.com/docs/components/data-list\n */\nexport const DataListRoot = withProvider<\"dl\", DataListRootProps>(\n  ({ style, children, items = [], descriptionProps, termProps, ...rest }) => {\n    const col = useMemo(() => {\n      let col = 0\n\n      if (children) {\n        const validChildren = getValidChildren(children)\n        const dataListItems = pickChildren(validChildren, DataListItem)\n\n        dataListItems.forEach(({ props }) => {\n          const validChildren = getValidChildren(props.children)\n          const pickedChildren = pickChildren(\n            validChildren,\n            DataListTerm,\n            DataListDescription,\n          )\n\n          col = Math.max(col, pickedChildren.length)\n        })\n      } else {\n        items.forEach(({ description, term }) => {\n          const termCount = !term ? 0 : isArray(term) ? term.length : 1\n          const descriptionCount = !description\n            ? 0\n            : isArray(description)\n              ? description.length\n              : 1\n\n          col = Math.max(col, termCount + descriptionCount)\n        })\n      }\n\n      return col\n    }, [children, items])\n    const computedChildren = useMemo(\n      () =>\n        items.map((props, index) => <DataListItem key={index} {...props} />),\n      [items],\n    )\n    const context = useMemo(\n      () => ({\n        descriptionProps,\n        termProps,\n      }),\n      [descriptionProps, termProps],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        <styled.dl style={{ \"--col\": col, ...style }} {...rest}>\n          {children ?? computedChildren}\n        </styled.dl>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface DataListItemProps extends HTMLStyledProps {\n  /**\n   * The data list description to use.\n   */\n  description?: ReactNode | ReactNode[]\n  /**\n   * The data list term to use.\n   */\n  term?: ReactNode | ReactNode[]\n  /**\n   * The props for the data list description component.\n   */\n  descriptionProps?: DataListDescriptionProps\n  /**\n   * The props for the data list term component.\n   */\n  termProps?: DataListTermProps\n}\n\nexport const DataListItem = withContext<\"div\", DataListItemProps>(\n  ({\n    children,\n    description,\n    term,\n    descriptionProps: customDescriptionProps,\n    termProps: customTermProps,\n    ...rest\n  }) => {\n    const { descriptionProps, termProps } = useComponentContext()\n\n    const [omittedChildren, customTerms, customDescriptions] = useMemo(() => {\n      const validChildren = getValidChildren(children)\n\n      if (isEmpty(validChildren)) return [children]\n\n      const customTerms = pickChildren(validChildren, DataListTerm)\n      const customDescriptions = pickChildren(\n        validChildren,\n        DataListDescription,\n      )\n      const omittedChildren = omitChildren(\n        validChildren,\n        DataListTerm,\n        DataListDescription,\n      )\n\n      return [omittedChildren, customTerms, customDescriptions] as const\n    }, [children])\n\n    return (\n      <styled.div {...rest}>\n        {!isEmpty(customTerms) ? (\n          customTerms\n        ) : isArray(term) ? (\n          term.map((item, index) => (\n            <DataListTerm\n              key={index}\n              {...mergeProps(termProps, customTermProps)()}\n            >\n              {item}\n            </DataListTerm>\n          ))\n        ) : (\n          <DataListTerm {...mergeProps(termProps, customTermProps)()}>\n            {term}\n          </DataListTerm>\n        )}\n\n        {!isEmpty(customDescriptions) ? (\n          customDescriptions\n        ) : isArray(description) ? (\n          description.map((item, index) => (\n            <DataListDescription\n              key={index}\n              {...mergeProps(descriptionProps, customDescriptionProps)()}\n            >\n              {item}\n            </DataListDescription>\n          ))\n        ) : (\n          <DataListDescription\n            {...mergeProps(descriptionProps, customDescriptionProps)()}\n          >\n            {description}\n          </DataListDescription>\n        )}\n\n        {omittedChildren}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface DataListTermProps extends HTMLStyledProps<\"dt\"> {}\n\nexport const DataListTerm = withContext<\"dt\", DataListTermProps>(\"dt\", \"term\")()\n\nexport interface DataListDescriptionProps extends HTMLStyledProps<\"dd\"> {}\n\nexport const DataListDescription = withContext<\"dd\", DataListDescriptionProps>(\n  \"dd\",\n  \"description\",\n)()\n"],"mappings":"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"}

package/dist/cjs/components/data-list/data-list.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/data-list/data-list.style.ts
-const dataListStyle = require_config.defineComponentSlotStyle({
+const dataListStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({
 	base: {
 		description: {},
 		item: {},
@@ -12,7 +9,13 @@ const dataListStyle = require_config.defineComponentSlotStyle({
 		},
 		term: {}
 	},
-	props: { orientation: {
+	props: { 
+	/**
+	* The orientation of the data list.
+	*
+	* @default 'horizontal'
+	*/
+orientation: {
 		horizontal: {
 			item: { display: "contents" },
 			root: { gridTemplateColumns: "repeat({--col}, auto)" }
@@ -128,7 +131,7 @@ const dataListStyle = require_config.defineComponentSlotStyle({
 		orientation: "horizontal"
 	}
 });
-
 //#endregion
 exports.dataListStyle = dataListStyle;
+
 //# sourceMappingURL=data-list.style.cjs.map

package/dist/cjs/components/data-list/data-list.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"data-list.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/data-list/data-list.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const dataListStyle = defineComponentSlotStyle({\n  base: {\n    description: {},\n    item: {},\n    root: {\n      display: \"grid\",\n      w: \"fit-content\",\n    },\n    term: {},\n  },\n\n  props: {\n    /**\n     * The orientation of the data list.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        item: {\n          display: \"contents\",\n        },\n        root: {\n          gridTemplateColumns: \"repeat({--col}, auto)\",\n        },\n      },\n      vertical: {\n        item: {\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"xs\",\n        },\n        root: {\n          gridTemplateColumns: \"auto\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    bold: {\n      description: {\n        color: \"fg.muted\",\n      },\n      term: {\n        fontWeight: \"semibold\",\n      },\n    },\n    grid: {\n      root: {\n        borderWidth: \"1px\",\n        gap: \"0\",\n        rounded: \"l2\",\n      },\n      term: { color: \"fg.muted\" },\n    },\n    subtle: {\n      term: { color: \"fg.muted\" },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: {\n        fontSize: \"xs\",\n        gap: \"2\",\n      },\n    },\n    md: {\n      root: {\n        fontSize: \"sm\",\n        gap: \"4\",\n      },\n    },\n    lg: {\n      root: {\n        fontSize: \"md\",\n        gap: \"6\",\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        item: {\n          _notFirst: {\n            _child: {\n              borderTopWidth: \"1px\",\n            },\n          },\n          _notFirstChild: {\n            borderLeftWidth: \"1px\",\n          },\n        },\n      },\n      variant: \"grid\",\n      orientation: \"horizontal\",\n    },\n    {\n      css: {\n        item: {\n          gap: \"0\",\n          _notFirst: {\n            borderTopWidth: \"1px\",\n          },\n          _notFirstChild: {\n            borderTopWidth: \"1px\",\n          },\n        },\n      },\n      variant: \"grid\",\n      orientation: \"vertical\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"shorter\",\n          px: \"2\",\n          py: \"1\",\n        },\n        term: {\n          lineHeight: \"shorter\",\n          px: \"2\",\n          py: \"1\",\n        },\n      },\n      size: \"sm\",\n      variant: \"grid\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"shorter\",\n          px: \"3\",\n          py: \"2\",\n        },\n        term: {\n          lineHeight: \"shorter\",\n          px: \"3\",\n          py: \"2\",\n        },\n      },\n      size: \"md\",\n      variant: \"grid\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"moderate\",\n          px: \"4\",\n          py: \"3\",\n        },\n        term: {\n          lineHeight: \"moderate\",\n          px: \"4\",\n          py: \"3\",\n        },\n      },\n      size: \"lg\",\n      variant: \"grid\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"subtle\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type DataListStyle = typeof dataListStyle\n"],"mappings":";;;;AAEA,MAAa,gBAAgBA,wCAAyB;CACpD,MAAM;EACJ,aAAa,EAAE;EACf,MAAM,EAAE;EACR,MAAM;GACJ,SAAS;GACT,GAAG;GACJ;EACD,MAAM,EAAE;EACT;CAED,OAAO,EAML,aAAa;EACX,YAAY;GACV,MAAM,EACJ,SAAS,YACV;GACD,MAAM,EACJ,qBAAqB,yBACtB;GACF;EACD,UAAU;GACR,MAAM;IACJ,SAAS;IACT,eAAe;IACf,KAAK;IACN;GACD,MAAM,EACJ,qBAAqB,QACtB;GACF;EACF,EACF;CAED,UAAU;EACR,MAAM;GACJ,aAAa,EACX,OAAO,YACR;GACD,MAAM,EACJ,YAAY,YACb;GACF;EACD,MAAM;GACJ,MAAM;IACJ,aAAa;IACb,KAAK;IACL,SAAS;IACV;GACD,MAAM,EAAE,OAAO,YAAY;GAC5B;EACD,QAAQ,EACN,MAAM,EAAE,OAAO,YAAY,EAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACF;CAED,WAAW;EACT;GACE,KAAK,EACH,MAAM;IACJ,WAAW,EACT,QAAQ,EACN,gBAAgB,OACjB,EACF;IACD,gBAAgB,EACd,iBAAiB,OAClB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK,EACH,MAAM;IACJ,KAAK;IACL,WAAW,EACT,gBAAgB,OACjB;IACD,gBAAgB,EACd,gBAAgB,OACjB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}
+{"version":3,"file":"data-list.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/data-list/data-list.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const dataListStyle = defineComponentSlotStyle({\n  base: {\n    description: {},\n    item: {},\n    root: {\n      display: \"grid\",\n      w: \"fit-content\",\n    },\n    term: {},\n  },\n\n  props: {\n    /**\n     * The orientation of the data list.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        item: {\n          display: \"contents\",\n        },\n        root: {\n          gridTemplateColumns: \"repeat({--col}, auto)\",\n        },\n      },\n      vertical: {\n        item: {\n          display: \"flex\",\n          flexDirection: \"column\",\n          gap: \"xs\",\n        },\n        root: {\n          gridTemplateColumns: \"auto\",\n        },\n      },\n    },\n  },\n\n  variants: {\n    bold: {\n      description: {\n        color: \"fg.muted\",\n      },\n      term: {\n        fontWeight: \"semibold\",\n      },\n    },\n    grid: {\n      root: {\n        borderWidth: \"1px\",\n        gap: \"0\",\n        rounded: \"l2\",\n      },\n      term: { color: \"fg.muted\" },\n    },\n    subtle: {\n      term: { color: \"fg.muted\" },\n    },\n  },\n\n  sizes: {\n    sm: {\n      root: {\n        fontSize: \"xs\",\n        gap: \"2\",\n      },\n    },\n    md: {\n      root: {\n        fontSize: \"sm\",\n        gap: \"4\",\n      },\n    },\n    lg: {\n      root: {\n        fontSize: \"md\",\n        gap: \"6\",\n      },\n    },\n  },\n\n  compounds: [\n    {\n      css: {\n        item: {\n          _notFirst: {\n            _child: {\n              borderTopWidth: \"1px\",\n            },\n          },\n          _notFirstChild: {\n            borderLeftWidth: \"1px\",\n          },\n        },\n      },\n      variant: \"grid\",\n      orientation: \"horizontal\",\n    },\n    {\n      css: {\n        item: {\n          gap: \"0\",\n          _notFirst: {\n            borderTopWidth: \"1px\",\n          },\n          _notFirstChild: {\n            borderTopWidth: \"1px\",\n          },\n        },\n      },\n      variant: \"grid\",\n      orientation: \"vertical\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"shorter\",\n          px: \"2\",\n          py: \"1\",\n        },\n        term: {\n          lineHeight: \"shorter\",\n          px: \"2\",\n          py: \"1\",\n        },\n      },\n      size: \"sm\",\n      variant: \"grid\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"shorter\",\n          px: \"3\",\n          py: \"2\",\n        },\n        term: {\n          lineHeight: \"shorter\",\n          px: \"3\",\n          py: \"2\",\n        },\n      },\n      size: \"md\",\n      variant: \"grid\",\n    },\n    {\n      css: {\n        description: {\n          lineHeight: \"moderate\",\n          px: \"4\",\n          py: \"3\",\n        },\n        term: {\n          lineHeight: \"moderate\",\n          px: \"4\",\n          py: \"3\",\n        },\n      },\n      size: \"lg\",\n      variant: \"grid\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"subtle\",\n    orientation: \"horizontal\",\n  },\n})\n\nexport type DataListStyle = typeof dataListStyle\n"],"mappings":";AAEA,MAAa,uDAAgBA,CAAAA,yBAAyB;CACpD,MAAM;EACJ,aAAa,EAAE;EACf,MAAM,EAAE;EACR,MAAM;GACJ,SAAS;GACT,GAAG;GACJ;EACD,MAAM,EAAE;EACT;CAED,OAAO;;;;;;AAML,aAAa;EACX,YAAY;GACV,MAAM,EACJ,SAAS,YACV;GACD,MAAM,EACJ,qBAAqB,yBACtB;GACF;EACD,UAAU;GACR,MAAM;IACJ,SAAS;IACT,eAAe;IACf,KAAK;IACN;GACD,MAAM,EACJ,qBAAqB,QACtB;GACF;EACF,EACF;CAED,UAAU;EACR,MAAM;GACJ,aAAa,EACX,OAAO,YACR;GACD,MAAM,EACJ,YAAY,YACb;GACF;EACD,MAAM;GACJ,MAAM;IACJ,aAAa;IACb,KAAK;IACL,SAAS;IACV;GACD,MAAM,EAAE,OAAO,YAAY;GAC5B;EACD,QAAQ,EACN,MAAM,EAAE,OAAO,YAAY,EAC5B;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACD,IAAI,EACF,MAAM;GACJ,UAAU;GACV,KAAK;GACN,EACF;EACF;CAED,WAAW;EACT;GACE,KAAK,EACH,MAAM;IACJ,WAAW,EACT,QAAQ,EACN,gBAAgB,OACjB,EACF;IACD,gBAAgB,EACd,iBAAiB,OAClB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK,EACH,MAAM;IACJ,KAAK;IACL,WAAW,EACT,gBAAgB,OACjB;IACD,gBAAgB,EACd,gBAAgB,OACjB;IACF,EACF;GACD,SAAS;GACT,aAAa;GACd;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACD;GACE,KAAK;IACH,aAAa;KACX,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACD,MAAM;KACJ,YAAY;KACZ,IAAI;KACJ,IAAI;KACL;IACF;GACD,MAAM;GACN,SAAS;GACV;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}

package/dist/cjs/components/data-list/index.cjs

@@ -1,12 +1,12 @@
-const require_data_list_style = require('./data-list.style.cjs');
-const require_data_list = require('./data-list.cjs');
-const require_namespace = require('./namespace.cjs');
-
-Object.defineProperty(exports, 'DataList', {
-  enumerable: true,
-  get: function () {
-    return require_namespace.namespace_exports;
-  }
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_data_list_style = require("./data-list.style.cjs");
+const require_data_list = require("./data-list.cjs");
+const require_namespace = require("./namespace.cjs");
+Object.defineProperty(exports, "DataList", {
+	enumerable: true,
+	get: function() {
+		return require_namespace.namespace_exports;
+	}
 });
 exports.DataListDescription = require_data_list.DataListDescription;
 exports.DataListItem = require_data_list.DataListItem;
@@ -14,4 +14,4 @@ exports.DataListPropsContext = require_data_list.DataListPropsContext;
 exports.DataListRoot = require_data_list.DataListRoot;
 exports.DataListTerm = require_data_list.DataListTerm;
 exports.dataListStyle = require_data_list_style.dataListStyle;
-exports.useDataListPropsContext = require_data_list.useDataListPropsContext;
+exports.useDataListPropsContext = require_data_list.useDataListPropsContext;

package/dist/cjs/components/data-list/namespace.cjs

@@ -1,8 +1,7 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_data_list = require('./data-list.cjs');
-
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_data_list = require("./data-list.cjs");
 //#region src/components/data-list/namespace.ts
-var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+var namespace_exports = /* @__PURE__ */ require_runtime.__exportAll({
 	Description: () => require_data_list.DataListDescription,
 	Item: () => require_data_list.DataListItem,
 	PropsContext: () => require_data_list.DataListPropsContext,
@@ -10,12 +9,12 @@ var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
 	Term: () => require_data_list.DataListTerm,
 	usePropsContext: () => require_data_list.useDataListPropsContext
 });
-
 //#endregion
-Object.defineProperty(exports, 'namespace_exports', {
-  enumerable: true,
-  get: function () {
-    return namespace_exports;
-  }
+Object.defineProperty(exports, "namespace_exports", {
+	enumerable: true,
+	get: function() {
+		return namespace_exports;
+	}
 });
+
 //# sourceMappingURL=namespace.cjs.map

package/dist/cjs/components/date-picker/date-picker.cjs

@@ -1,32 +1,24 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_props = require('../../core/components/props.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_calendar_icon = require('../icon/icons/calendar-icon.cjs');
-const require_x_icon = require('../icon/icons/x-icon.cjs');
-require('../icon/index.cjs');
-const require_popover = require('../popover/popover.cjs');
-require('../popover/index.cjs');
-const require_use_group = require('../group/use-group.cjs');
-require('../group/index.cjs');
-const require_use_input_border = require('../input/use-input-border.cjs');
-const require_input = require('../input/input.cjs');
-const require_input_element = require('../input/input-element.cjs');
-const require_input_group = require('../input/input-group.cjs');
-require('../input/index.cjs');
-const require_calendar = require('../calendar/calendar.cjs');
-require('../calendar/index.cjs');
-const require_date_picker_style = require('./date-picker.style.cjs');
-const require_hooks_use_field_sizing_index = require('../../hooks/use-field-sizing/index.cjs');
-const require_use_date_picker = require('./use-date-picker.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_props = require("../../core/components/props.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_calendar_icon = require("../icon/icons/calendar-icon.cjs");
+const require_x_icon = require("../icon/icons/x-icon.cjs");
+const require_popover = require("../popover/popover.cjs");
+const require_use_group = require("../group/use-group.cjs");
+const require_use_input_border = require("../input/use-input-border.cjs");
+const require_input = require("../input/input.cjs");
+const require_input_element = require("../input/input-element.cjs");
+const require_input_group = require("../input/input-group.cjs");
+const require_calendar = require("../calendar/calendar.cjs");
+const require_date_picker_style = require("./date-picker.style.cjs");
+const require_hooks_use_field_sizing_index = require("../../hooks/use-field-sizing/index.cjs");
+const require_use_date_picker = require("./use-date-picker.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/date-picker/date-picker.tsx
 const { ComponentContext, PropsContext: DatePickerPropsContext, useComponentContext, usePropsContext: useDatePickerPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("date-picker", require_date_picker_style.datePickerStyle);
 /**
@@ -150,9 +142,9 @@ const DatePickerIcon = withContext("div", "icon")(void 0, ({ children, icon, ...
 	...rest
 }));
 const DatePickerContent = withContext(require_popover.PopoverContent, "content")();
-
 //#endregion
 exports.DatePicker = DatePicker;
 exports.DatePickerPropsContext = DatePickerPropsContext;
 exports.useDatePickerPropsContext = useDatePickerPropsContext;
+
 //# sourceMappingURL=date-picker.cjs.map

package/dist/cjs/components/date-picker/date-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.cjs","names":["createSlotComponent","datePickerStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useDatePicker","useInputBorder","mergeProps","useInputPropsContext","useFieldSizing","styled","mergeRefs","CalendarIcon"],"sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { DatePickerStyle } from \"./date-picker.style\"\nimport type { UseDatePickerProps, UseDatePickerReturn } from \"./use-date-picker\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useFieldSizing } from \"../../hooks/use-field-sizing\"\nimport { cast, isArray, isDate, isObject, mergeRefs } from \"../../utils\"\nimport { Calendar } from \"../calendar\"\nimport { useGroupItemProps } from \"../group\"\nimport { CalendarIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { datePickerStyle } from \"./date-picker.style\"\nimport { useDatePicker } from \"./use-date-picker\"\n\ninterface ComponentContext\n  extends\n    Pick<UseDatePickerReturn, \"getInputProps\" | \"range\" | \"separator\">,\n    Pick<DatePickerProps, \"inputProps\"> {}\n\nexport interface DatePickerProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"defaultValue\" | \"offset\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    Merge<UseDatePickerProps<Multiple, Range>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<DatePickerStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default true\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the date picker.\n   */\n  icon?: ReactNode\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n  /**\n   * The size of the calendar component.\n   */\n  calendarProps?: Calendar.RootProps<Multiple, Range>\n  /**\n   * Props for content element.\n   */\n  contentProps?: DatePickerContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: DatePickerIconProps\n  /**\n   * The props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DatePickerPropsContext,\n  useComponentContext,\n  usePropsContext: useDatePickerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DatePickerProps, DatePickerStyle, ComponentContext>(\n  \"date-picker\",\n  datePickerStyle,\n)\n\nexport { DatePickerPropsContext, useDatePickerPropsContext }\n\n/**\n * `DatePicker` is a component used for users to select a date.\n *\n * @see https://yamada-ui.com/docs/components/date-picker\n */\nexport const DatePicker = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: DatePickerProps<Multiple, Range>,\n  ) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        size,\n        animationScheme = \"block-start\",\n        children,\n        clearable = true,\n        clearIcon = <XIcon />,\n        duration,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        calendarProps,\n        contentProps,\n        elementProps,\n        iconProps,\n        inputProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const {\n      children: fieldChildren,\n      range,\n      separator,\n      value,\n      getCalendarProps,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      popoverProps,\n    } = useDatePicker({ ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const selectProps = useMemo<Calendar.RootProps[\"selectProps\"]>(\n      () => ({ contentProps: { portalProps: { disabled: true } } }),\n      [],\n    )\n    const componentContext = useMemo(\n      () => ({ range, separator, getInputProps, inputProps }),\n      [getInputProps, inputProps, range, separator],\n    )\n    const hasValue = isArray(value)\n      ? !!value.length\n      : isObject(value) && !isDate(value)\n        ? !!value.end || !!value.start\n        : !!value\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Popover.Root {...mergedPopoverProps}>\n          <InputGroup.Root\n            {...mergeProps(\n              { className, css, colorScheme },\n              getRootProps(groupItemProps),\n              rootProps,\n            )()}\n          >\n            <Popover.Trigger>\n              <DatePickerField {...getFieldProps({ ...varProps })}>\n                {fieldChildren}\n              </DatePickerField>\n            </Popover.Trigger>\n\n            <InputGroup.Element\n              {...{ clickable: clearable && hasValue, ...elementProps }}\n            >\n              {clearable && hasValue ? (\n                <DatePickerIcon\n                  icon={clearIcon}\n                  {...getClearIconProps(iconProps)}\n                />\n              ) : (\n                <DatePickerIcon icon={icon} {...getIconProps(iconProps)} />\n              )}\n            </InputGroup.Element>\n          </InputGroup.Root>\n\n          <DatePickerContent\n            {...cast<DatePickerContentProps>(\n              getContentProps(cast<HTMLProps>(contentProps)),\n            )}\n          >\n            <Calendar.Root\n              colorScheme={colorScheme}\n              size={size}\n              fixed={false}\n              selectProps={selectProps}\n              {...getCalendarProps(calendarProps)}\n            >\n              {children}\n            </Calendar.Root>\n          </DatePickerContent>\n        </Popover.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\"] },\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: DatePickerProps<Multiple, Range>,\n  ): ReactElement\n}>\n\ninterface DatePickerFieldProps extends HTMLStyledProps {}\n\nconst DatePickerField = withContext<\"div\", DatePickerFieldProps>(\n  \"div\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n  const { range, separator, getInputProps, inputProps } = useComponentContext()\n  const computedChildren = useMemo(() => {\n    if (range) {\n      return (\n        <>\n          <DatePickerAdjustInput\n            {...getInputProps({ align: \"start\", ...inputProps })}\n          />\n          <DatePickerSeparator>{separator}</DatePickerSeparator>\n          <DatePickerAdjustInput\n            {...getInputProps({ align: \"end\", ...inputProps })}\n          />\n        </>\n      )\n    } else {\n      return (\n        <>\n          {children}\n          <DatePickerInput {...getInputProps(inputProps)} />\n        </>\n      )\n    }\n  }, [children, getInputProps, inputProps, range, separator])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\ninterface DatePickerInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst DatePickerInput = withContext<\"input\", DatePickerInputProps>(\n  \"input\",\n  \"input\",\n)()\n\ninterface DatePickerAdjustInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst DatePickerAdjustInput = withContext<\"input\", DatePickerAdjustInputProps>(\n  ({ ref, placeholder, value, ...rest }) => {\n    const { ref: inputRef, text } = useFieldSizing({\n      value: value?.toString() || placeholder,\n    })\n\n    return (\n      <>\n        {text}\n\n        <styled.input\n          ref={mergeRefs(ref, inputRef)}\n          placeholder={placeholder}\n          value={value}\n          {...rest}\n        />\n      </>\n    )\n  },\n  [\"input\", \"adjust\"],\n)()\n\ninterface DatePickerSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst DatePickerSeparator = withContext<\"span\", DatePickerSeparatorProps>(\n  \"span\",\n  \"separator\",\n)()\n\ninterface DatePickerIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst DatePickerIcon = withContext<\"div\", DatePickerIconProps>(\"div\", \"icon\")(\n  undefined,\n  ({ children, icon, ...rest }) => ({\n    children: icon || children || <CalendarIcon />,\n    ...rest,\n  }),\n)\n\ninterface DatePickerContentProps extends Popover.ContentProps {}\n\nconst DatePickerContent = withContext<\"div\", DatePickerContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.cjs","names":["createSlotComponent","datePickerStyle","XIcon","useGroupItemProps","usePopoverStyleProps","useDatePicker","useInputBorder","mergeProps","useInputPropsContext","useFieldSizing","styled","mergeRefs","CalendarIcon"],"sources":["../../../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n} from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { UsePopoverStyleProps, UsePopupAnimationProps } from \"../popover\"\nimport type { DatePickerStyle } from \"./date-picker.style\"\nimport type { UseDatePickerProps, UseDatePickerReturn } from \"./use-date-picker\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useFieldSizing } from \"../../hooks/use-field-sizing\"\nimport { cast, isArray, isDate, isObject, mergeRefs } from \"../../utils\"\nimport { Calendar } from \"../calendar\"\nimport { useGroupItemProps } from \"../group\"\nimport { CalendarIcon, XIcon } from \"../icon\"\nimport { InputGroup, useInputBorder, useInputPropsContext } from \"../input\"\nimport { Popover, usePopoverStyleProps } from \"../popover\"\nimport { datePickerStyle } from \"./date-picker.style\"\nimport { useDatePicker } from \"./use-date-picker\"\n\ninterface ComponentContext\n  extends\n    Pick<UseDatePickerReturn, \"getInputProps\" | \"range\" | \"separator\">,\n    Pick<DatePickerProps, \"inputProps\"> {}\n\nexport interface DatePickerProps<\n  Multiple extends boolean = false,\n  Range extends boolean = false,\n>\n  extends\n    Omit<\n      HTMLStyledProps,\n      \"defaultValue\" | \"offset\" | \"onChange\" | \"ref\" | \"value\"\n    >,\n    Merge<UseDatePickerProps<Multiple, Range>, UsePopoverStyleProps>,\n    UsePopupAnimationProps,\n    ThemeProps<DatePickerStyle>,\n    UseInputBorderProps {\n  /**\n   * If `true`, display the clear icon.\n   *\n   * @default true\n   */\n  clearable?: boolean\n  /**\n   * The icon to be used in the clear button.\n   */\n  clearIcon?: ReactNode\n  /**\n   * The icon to be used in the date picker.\n   */\n  icon?: ReactNode\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n  /**\n   * The size of the calendar component.\n   */\n  calendarProps?: Calendar.RootProps<Multiple, Range>\n  /**\n   * Props for content element.\n   */\n  contentProps?: DatePickerContentProps\n  /**\n   * The props for the end element.\n   */\n  elementProps?: InputGroup.ElementProps\n  /**\n   * Props for icon element.\n   */\n  iconProps?: DatePickerIconProps\n  /**\n   * The props for the input element.\n   */\n  inputProps?: HTMLStyledProps<\"input\">\n  /**\n   * Props for root element.\n   */\n  rootProps?: InputGroup.RootProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: DatePickerPropsContext,\n  useComponentContext,\n  usePropsContext: useDatePickerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DatePickerProps, DatePickerStyle, ComponentContext>(\n  \"date-picker\",\n  datePickerStyle,\n)\n\nexport { DatePickerPropsContext, useDatePickerPropsContext }\n\n/**\n * `DatePicker` is a component used for users to select a date.\n *\n * @see https://yamada-ui.com/docs/components/date-picker\n */\nexport const DatePicker = withProvider(\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: DatePickerProps<Multiple, Range>,\n  ) => {\n    const [\n      groupItemProps,\n      {\n        className,\n        css,\n        colorScheme,\n        size,\n        animationScheme = \"block-start\",\n        children,\n        clearable = true,\n        clearIcon = <XIcon />,\n        duration,\n        errorBorderColor,\n        focusBorderColor,\n        icon,\n        calendarProps,\n        contentProps,\n        elementProps,\n        iconProps,\n        inputProps,\n        rootProps,\n        ...rest\n      },\n    ] = useGroupItemProps(props)\n    const popoverStyleProps = usePopoverStyleProps(rest)\n    const {\n      children: fieldChildren,\n      range,\n      separator,\n      value,\n      getCalendarProps,\n      getClearIconProps,\n      getContentProps,\n      getFieldProps,\n      getIconProps,\n      getInputProps,\n      getRootProps,\n      popoverProps,\n    } = useDatePicker({ ...rest, ...popoverStyleProps })\n    const mergedPopoverProps = useMemo<Popover.RootProps>(\n      () => ({\n        animationScheme,\n        duration,\n        ...popoverProps,\n      }),\n      [animationScheme, duration, popoverProps],\n    )\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const selectProps = useMemo<Calendar.RootProps[\"selectProps\"]>(\n      () => ({ contentProps: { portalProps: { disabled: true } } }),\n      [],\n    )\n    const componentContext = useMemo(\n      () => ({ range, separator, getInputProps, inputProps }),\n      [getInputProps, inputProps, range, separator],\n    )\n    const hasValue = isArray(value)\n      ? !!value.length\n      : isObject(value) && !isDate(value)\n        ? !!value.end || !!value.start\n        : !!value\n\n    return (\n      <ComponentContext value={componentContext}>\n        <Popover.Root {...mergedPopoverProps}>\n          <InputGroup.Root\n            {...mergeProps(\n              { className, css, colorScheme },\n              getRootProps(groupItemProps),\n              rootProps,\n            )()}\n          >\n            <Popover.Trigger>\n              <DatePickerField {...getFieldProps({ ...varProps })}>\n                {fieldChildren}\n              </DatePickerField>\n            </Popover.Trigger>\n\n            <InputGroup.Element\n              {...{ clickable: clearable && hasValue, ...elementProps }}\n            >\n              {clearable && hasValue ? (\n                <DatePickerIcon\n                  icon={clearIcon}\n                  {...getClearIconProps(iconProps)}\n                />\n              ) : (\n                <DatePickerIcon icon={icon} {...getIconProps(iconProps)} />\n              )}\n            </InputGroup.Element>\n          </InputGroup.Root>\n\n          <DatePickerContent\n            {...cast<DatePickerContentProps>(\n              getContentProps(cast<HTMLProps>(contentProps)),\n            )}\n          >\n            <Calendar.Root\n              colorScheme={colorScheme}\n              size={size}\n              fixed={false}\n              selectProps={selectProps}\n              {...getCalendarProps(calendarProps)}\n            >\n              {children}\n            </Calendar.Root>\n          </DatePickerContent>\n        </Popover.Root>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"size\"] },\n)((props) => {\n  const context = useInputPropsContext()\n\n  return mergeProps(context, props)()\n}) as GenericsComponent<{\n  <Multiple extends boolean = false, Range extends boolean = false>(\n    props: DatePickerProps<Multiple, Range>,\n  ): ReactElement\n}>\n\ninterface DatePickerFieldProps extends HTMLStyledProps {}\n\nconst DatePickerField = withContext<\"div\", DatePickerFieldProps>(\n  \"div\",\n  \"field\",\n)({ \"data-group-propagate\": \"\" }, ({ children, ...rest }) => {\n  const { range, separator, getInputProps, inputProps } = useComponentContext()\n  const computedChildren = useMemo(() => {\n    if (range) {\n      return (\n        <>\n          <DatePickerAdjustInput\n            {...getInputProps({ align: \"start\", ...inputProps })}\n          />\n          <DatePickerSeparator>{separator}</DatePickerSeparator>\n          <DatePickerAdjustInput\n            {...getInputProps({ align: \"end\", ...inputProps })}\n          />\n        </>\n      )\n    } else {\n      return (\n        <>\n          {children}\n          <DatePickerInput {...getInputProps(inputProps)} />\n        </>\n      )\n    }\n  }, [children, getInputProps, inputProps, range, separator])\n\n  return {\n    ...rest,\n    children: computedChildren,\n  }\n})\n\ninterface DatePickerInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst DatePickerInput = withContext<\"input\", DatePickerInputProps>(\n  \"input\",\n  \"input\",\n)()\n\ninterface DatePickerAdjustInputProps extends HTMLStyledProps<\"input\"> {}\n\nconst DatePickerAdjustInput = withContext<\"input\", DatePickerAdjustInputProps>(\n  ({ ref, placeholder, value, ...rest }) => {\n    const { ref: inputRef, text } = useFieldSizing({\n      value: value?.toString() || placeholder,\n    })\n\n    return (\n      <>\n        {text}\n\n        <styled.input\n          ref={mergeRefs(ref, inputRef)}\n          placeholder={placeholder}\n          value={value}\n          {...rest}\n        />\n      </>\n    )\n  },\n  [\"input\", \"adjust\"],\n)()\n\ninterface DatePickerSeparatorProps extends HTMLStyledProps<\"span\"> {}\n\nconst DatePickerSeparator = withContext<\"span\", DatePickerSeparatorProps>(\n  \"span\",\n  \"separator\",\n)()\n\ninterface DatePickerIconProps extends HTMLStyledProps {\n  icon?: ReactNode\n}\n\nconst DatePickerIcon = withContext<\"div\", DatePickerIconProps>(\"div\", \"icon\")(\n  undefined,\n  ({ children, icon, ...rest }) => ({\n    children: icon || children || <CalendarIcon />,\n    ...rest,\n  }),\n)\n\ninterface DatePickerContentProps extends Popover.ContentProps {}\n\nconst DatePickerContent = withContext<\"div\", DatePickerContentProps>(\n  Popover.Content,\n  \"content\",\n)()\n"],"mappings":"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"}

package/dist/cjs/components/date-picker/date-picker.style.cjs

@@ -1,10 +1,6 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-const require_native_select_style = require('../native-select/native-select.style.cjs');
-require('../native-select/index.cjs');
-const require_autocomplete_style = require('../autocomplete/autocomplete.style.cjs');
-require('../autocomplete/index.cjs');
-
+const require_config = require("../../core/system/config.cjs");
+const require_native_select_style = require("../native-select/native-select.style.cjs");
+const require_autocomplete_style = require("../autocomplete/autocomplete.style.cjs");
 //#region src/components/date-picker/date-picker.style.ts
 const datePickerStyle = require_config.defineComponentSlotStyle({
 	base: {
@@ -43,7 +39,7 @@ const datePickerStyle = require_config.defineComponentSlotStyle({
 		variant: "outline"
 	}
 });
-
 //#endregion
 exports.datePickerStyle = datePickerStyle;
+
 //# sourceMappingURL=date-picker.style.cjs.map

package/dist/cjs/components/date-picker/date-picker.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.style.cjs","names":["defineComponentSlotStyle","nativeSelectStyle","autocompleteStyle"],"sources":["../../../../src/components/date-picker/date-picker.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { autocompleteStyle } from \"../autocomplete\"\nimport { nativeSelectStyle } from \"../native-select\"\n\nexport const datePickerStyle = defineComponentSlotStyle({\n  base: {\n    ...nativeSelectStyle.base,\n    adjust: { fieldSizing: \"content\", flex: \"inherit\", w: \"fit-content\" },\n    content: { p: \"1\" },\n    field: autocompleteStyle.base?.field,\n    input: {\n      ...autocompleteStyle.base?.input,\n      '&[tabindex=\"-1\"]': { caret: \"transparent\" },\n    },\n    separator: { color: \"fg.subtle\", mx: \"{gap}\" },\n  },\n\n  variants: {\n    filled: autocompleteStyle.variants?.filled,\n    flushed: autocompleteStyle.variants?.flushed,\n    outline: autocompleteStyle.variants?.outline,\n    plain: autocompleteStyle.variants?.plain,\n  },\n\n  sizes: {\n    xs: nativeSelectStyle.sizes?.xs,\n    sm: nativeSelectStyle.sizes?.sm,\n    md: nativeSelectStyle.sizes?.md,\n    lg: nativeSelectStyle.sizes?.lg,\n    xl: nativeSelectStyle.sizes?.xl,\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type DatePickerStyle = typeof datePickerStyle\n"],"mappings":";;;;;;;;AAIA,MAAa,kBAAkBA,wCAAyB;CACtD,MAAM;EACJ,GAAGC,8CAAkB;EACrB,QAAQ;GAAE,aAAa;GAAW,MAAM;GAAW,GAAG;GAAe;EACrE,SAAS,EAAE,GAAG,KAAK;EACnB,OAAOC,6CAAkB,MAAM;EAC/B,OAAO;GACL,GAAGA,6CAAkB,MAAM;GAC3B,sBAAoB,EAAE,OAAO,eAAe;GAC7C;EACD,WAAW;GAAE,OAAO;GAAa,IAAI;GAAS;EAC/C;CAED,UAAU;EACR,QAAQA,6CAAkB,UAAU;EACpC,SAASA,6CAAkB,UAAU;EACrC,SAASA,6CAAkB,UAAU;EACrC,OAAOA,6CAAkB,UAAU;EACpC;CAED,OAAO;EACL,IAAID,8CAAkB,OAAO;EAC7B,IAAIA,8CAAkB,OAAO;EAC7B,IAAIA,8CAAkB,OAAO;EAC7B,IAAIA,8CAAkB,OAAO;EAC7B,IAAIA,8CAAkB,OAAO;EAC9B;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
+{"version":3,"file":"date-picker.style.cjs","names":["defineComponentSlotStyle","nativeSelectStyle","autocompleteStyle"],"sources":["../../../../src/components/date-picker/date-picker.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { autocompleteStyle } from \"../autocomplete\"\nimport { nativeSelectStyle } from \"../native-select\"\n\nexport const datePickerStyle = defineComponentSlotStyle({\n  base: {\n    ...nativeSelectStyle.base,\n    adjust: { fieldSizing: \"content\", flex: \"inherit\", w: \"fit-content\" },\n    content: { p: \"1\" },\n    field: autocompleteStyle.base?.field,\n    input: {\n      ...autocompleteStyle.base?.input,\n      '&[tabindex=\"-1\"]': { caret: \"transparent\" },\n    },\n    separator: { color: \"fg.subtle\", mx: \"{gap}\" },\n  },\n\n  variants: {\n    filled: autocompleteStyle.variants?.filled,\n    flushed: autocompleteStyle.variants?.flushed,\n    outline: autocompleteStyle.variants?.outline,\n    plain: autocompleteStyle.variants?.plain,\n  },\n\n  sizes: {\n    xs: nativeSelectStyle.sizes?.xs,\n    sm: nativeSelectStyle.sizes?.sm,\n    md: nativeSelectStyle.sizes?.md,\n    lg: nativeSelectStyle.sizes?.lg,\n    xl: nativeSelectStyle.sizes?.xl,\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type DatePickerStyle = typeof datePickerStyle\n"],"mappings":";;;;AAIA,MAAa,kBAAkBA,eAAAA,yBAAyB;CACtD,MAAM;EACJ,GAAGC,4BAAAA,kBAAkB;EACrB,QAAQ;GAAE,aAAa;GAAW,MAAM;GAAW,GAAG;GAAe;EACrE,SAAS,EAAE,GAAG,KAAK;EACnB,OAAOC,2BAAAA,kBAAkB,MAAM;EAC/B,OAAO;GACL,GAAGA,2BAAAA,kBAAkB,MAAM;GAC3B,sBAAoB,EAAE,OAAO,eAAe;GAC7C;EACD,WAAW;GAAE,OAAO;GAAa,IAAI;GAAS;EAC/C;CAED,UAAU;EACR,QAAQA,2BAAAA,kBAAkB,UAAU;EACpC,SAASA,2BAAAA,kBAAkB,UAAU;EACrC,SAASA,2BAAAA,kBAAkB,UAAU;EACrC,OAAOA,2BAAAA,kBAAkB,UAAU;EACpC;CAED,OAAO;EACL,IAAID,4BAAAA,kBAAkB,OAAO;EAC7B,IAAIA,4BAAAA,kBAAkB,OAAO;EAC7B,IAAIA,4BAAAA,kBAAkB,OAAO;EAC7B,IAAIA,4BAAAA,kBAAkB,OAAO;EAC7B,IAAIA,4BAAAA,kBAAkB,OAAO;EAC9B;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/cjs/components/date-picker/index.cjs

@@ -1,9 +1,9 @@
-const require_date_picker_style = require('./date-picker.style.cjs');
-const require_use_date_picker = require('./use-date-picker.cjs');
-const require_date_picker = require('./date-picker.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_date_picker_style = require("./date-picker.style.cjs");
+const require_use_date_picker = require("./use-date-picker.cjs");
+const require_date_picker = require("./date-picker.cjs");
 exports.DatePicker = require_date_picker.DatePicker;
 exports.DatePickerPropsContext = require_date_picker.DatePickerPropsContext;
 exports.datePickerStyle = require_date_picker_style.datePickerStyle;
 exports.useDatePicker = require_use_date_picker.useDatePicker;
-exports.useDatePickerPropsContext = require_date_picker.useDatePickerPropsContext;
+exports.useDatePickerPropsContext = require_date_picker.useDatePickerPropsContext;