@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

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

@@ -4,7 +4,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_data_list_data_list_style = require('./data-list.style.cjs');
@@ -15,8 +15,8 @@ const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-ru
 const getComputeCol = (items) => {
 	let col = 0;
 	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;
+		const termCount = !term ? 0 : require_utils_common_assertion.isArray(term) ? term.length : 1;
+		const descriptionCount = !description ? 0 : require_utils_common_assertion.isArray(description) ? description.length : 1;
 		col = Math.max(col, termCount + descriptionCount);
 	});
 	return col;
@@ -29,7 +29,7 @@ const { ComponentContext, PropsContext: DataListPropsContext, useComponentContex
 */
 const DataListRoot = withProvider(({ style, children, col: colProp, items = [], descriptionProps, termProps,...rest }) => {
 	const [col, setCol] = (0, react.useState)(() => {
-		if ((0, require_utils_index.utils_exports.isNumber)(colProp)) return colProp;
+		if (require_utils_common_assertion.isNumber(colProp)) return colProp;
 		return getComputeCol(items);
 	});
 	const computedChildren = (0, react.useMemo)(() => items.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListItem, { ...props }, index)), [items]);
@@ -38,7 +38,7 @@ const DataListRoot = withProvider(({ style, children, col: colProp, items = [],
 		termProps
 	}), [descriptionProps, termProps]);
 	require_utils_effect.useUpdateEffect(() => {
-		if ((0, require_utils_index.utils_exports.isNumber)(colProp)) {
+		if (require_utils_common_assertion.isNumber(colProp)) {
 			setCol(colProp);
 			return;
 		}
@@ -61,11 +61,11 @@ const DataListItem = withContext(({ children, description, term, descriptionProp
 	const validChildren = require_utils_children.getValidChildren(children);
 	const customTerms = require_utils_children.pickChildren(validChildren, DataListTerm);
 	const customDescriptions = require_utils_children.pickChildren(validChildren, DataListDescription);
-	const computedChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, DataListTerm, DataListDescription) : children;
+	const computedChildren = !require_utils_common_assertion.isEmpty(validChildren) ? require_utils_children.omitChildren(validChildren, DataListTerm, DataListDescription) : children;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.div, {
 		...rest,
 		children: [
-			!(0, require_utils_index.utils_exports.isEmpty)(customTerms) ? customTerms : (0, require_utils_index.utils_exports.isArray)(term) ? term.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListTerm, {
+			!require_utils_common_assertion.isEmpty(customTerms) ? customTerms : require_utils_common_assertion.isArray(term) ? term.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListTerm, {
 				...termProps,
 				...customTermProps,
 				children: item
@@ -74,7 +74,7 @@ const DataListItem = withContext(({ children, description, term, descriptionProp
 				...customTermProps,
 				children: term
 			}),
-			!(0, require_utils_index.utils_exports.isEmpty)(customDescriptions) ? customDescriptions : (0, require_utils_index.utils_exports.isArray)(description) ? description.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListDescription, {
+			!require_utils_common_assertion.isEmpty(customDescriptions) ? customDescriptions : require_utils_common_assertion.isArray(description) ? description.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataListDescription, {
 				...descriptionProps,
 				...customDescriptionProps,
 				children: item

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

@@ -1 +1 @@
-{"version":3,"file":"data-list.cjs","names":["items: DataListItemProps[]","dataListStyle","styled"],"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, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  getValidChildren,\n  isArray,\n  isEmpty,\n  isNumber,\n  omitChildren,\n  pickChildren,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { dataListStyle } from \"./data-list.style\"\n\nconst getComputeCol = (items: DataListItemProps[]) => {\n  let col = 0\n\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  return col\n}\n\nexport interface DataListRootProps\n  extends HTMLStyledProps<\"dl\">,\n    ThemeProps<DataListStyle> {\n  /**\n   * The number of columns.\n   * If `orientation` is `\"horizontal\"` and `items` is not set, please set this.\n   */\n  col?: number\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: DataListItemProps[]\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\n  extends Pick<DataListRootProps, \"descriptionProps\" | \"termProps\"> {}\n\nexport const {\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\n/**\n * `DataList` is used to display a list of data items.\n *\n * @see https://yamada-ui.com/components/data-list\n */\nexport const DataListRoot = withProvider(\n  ({\n    style,\n    children,\n    col: colProp,\n    items = [],\n    descriptionProps,\n    termProps,\n    ...rest\n  }) => {\n    const [col, setCol] = useState(() => {\n      if (isNumber(colProp)) return colProp\n\n      return getComputeCol(items)\n    })\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    useUpdateEffect(() => {\n      if (isNumber(colProp)) {\n        setCol(colProp)\n\n        return\n      }\n\n      setCol(getComputeCol(items))\n    }, [items, colProp])\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 validChildren = getValidChildren(children)\n    const customTerms = pickChildren(validChildren, DataListTerm)\n    const customDescriptions = pickChildren(validChildren, DataListDescription)\n    const computedChildren = !isEmpty(validChildren)\n      ? omitChildren(validChildren, DataListTerm, DataListDescription)\n      : children\n\n    return (\n      <styled.div {...rest}>\n        {!isEmpty(customTerms) ? (\n          customTerms\n        ) : isArray(term) ? (\n          term.map((item, index) => (\n            <DataListTerm key={index} {...termProps} {...customTermProps}>\n              {item}\n            </DataListTerm>\n          ))\n        ) : (\n          <DataListTerm {...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              {...descriptionProps}\n              {...customDescriptionProps}\n            >\n              {item}\n            </DataListDescription>\n          ))\n        ) : (\n          <DataListDescription\n            {...descriptionProps}\n            {...customDescriptionProps}\n          >\n            {description}\n          </DataListDescription>\n        )}\n\n        {computedChildren}\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":";;;;;;;;;;;;;;AAkBA,MAAM,gBAAgB,CAACA,UAA+B;CACpD,IAAI,MAAM;AAEV,OAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,KAAK;EACvC,MAAM,aAAa,OAAO,IAAI,+CAAQ,KAAK,GAAG,KAAK,SAAS;EAC5D,MAAM,oBAAoB,cACtB,IACA,+CAAQ,YAAY,GAClB,YAAY,SACZ;AAEN,QAAM,KAAK,IAAI,KAAK,YAAY,iBAAiB;CAClD,EAAC;AAEF,QAAO;AACR;AA2BD,MAAa,EACX,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,aACAC,2DACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EACC,OACA,UACA,KAAK,SACL,QAAQ,CAAE,GACV,kBACA,UACA,GAAG,MACJ,KAAK;CACJ,MAAM,CAAC,KAAK,OAAO,GAAG,oBAAS,MAAM;AACnC,MAAI,gDAAS,QAAQ,CAAE,QAAO;AAE9B,SAAO,cAAc,MAAM;CAC5B,EAAC;CACF,MAAM,mBAAmB,mBACvB,MACE,MAAM,IAAI,CAAC,OAAO,0BAAU,2BAAC,gBAAyB,GAAI,SAAX,MAAoB,CAAC,EACtE,CAAC,KAAM,EACR;CACD,MAAM,UAAU,mBACd,OAAO;EACL;EACA;CACD,IACD,CAAC,kBAAkB,SAAU,EAC9B;AAED,sCAAgB,MAAM;AACpB,MAAI,gDAAS,QAAQ,EAAE;AACrB,UAAO,QAAQ;AAEf;EACD;AAED,SAAO,cAAc,MAAM,CAAC;CAC7B,GAAE,CAAC,OAAO,OAAQ,EAAC;AAEpB,wBACE,2BAAC;EAAiB,OAAO;4BACvB,2BAACC,mCAAO;GAAG,OAAO;IAAE,SAAS;IAAK,GAAG;GAAO;GAAE,GAAI;aAC/C,YAAY;IACH;GACK;AAEtB,GACD,OACD,EAAE;AAqBH,MAAa,eAAe,YAC1B,CAAC,EACC,UACA,aACA,MACA,kBAAkB,wBAClB,WAAW,gBACX,GAAG,MACJ,KAAK;CACJ,MAAM,EAAE,kBAAkB,WAAW,GAAG,qBAAqB;CAE7D,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,cAAc,oCAAa,eAAe,aAAa;CAC7D,MAAM,qBAAqB,oCAAa,eAAe,oBAAoB;CAC3E,MAAM,oBAAoB,+CAAQ,cAAc,GAC5C,oCAAa,eAAe,cAAc,oBAAoB,GAC9D;AAEJ,wBACE,4BAACA,mCAAO;EAAI,GAAI;;IACZ,+CAAQ,YAAY,GACpB,cACE,+CAAQ,KAAK,GACf,KAAK,IAAI,CAAC,MAAM,0BACd,2BAAC;IAAyB,GAAI;IAAW,GAAI;cAC1C;MADgB,MAEJ,CACf,mBAEF,2BAAC;IAAa,GAAI;IAAW,GAAI;cAC9B;KACY;IAGf,+CAAQ,mBAAmB,GAC3B,qBACE,+CAAQ,YAAY,GACtB,YAAY,IAAI,CAAC,MAAM,0BACrB,2BAAC;IAEC,GAAI;IACJ,GAAI;cAEH;MAJI,MAKe,CACtB,mBAEF,2BAAC;IACC,GAAI;IACJ,GAAI;cAEH;KACmB;GAGvB;;GACU;AAEhB,GACD,OACD,EAAE;AAIH,MAAa,eAAe,YAAqC,MAAM,OAAO,EAAE;AAIhF,MAAa,sBAAsB,YACjC,MACA,cACD,EAAE"}
+{"version":3,"file":"data-list.cjs","names":["items: DataListItemProps[]","dataListStyle","styled"],"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, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  getValidChildren,\n  isArray,\n  isEmpty,\n  isNumber,\n  omitChildren,\n  pickChildren,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { dataListStyle } from \"./data-list.style\"\n\nconst getComputeCol = (items: DataListItemProps[]) => {\n  let col = 0\n\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  return col\n}\n\nexport interface DataListRootProps\n  extends HTMLStyledProps<\"dl\">,\n    ThemeProps<DataListStyle> {\n  /**\n   * The number of columns.\n   * If `orientation` is `\"horizontal\"` and `items` is not set, please set this.\n   */\n  col?: number\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: DataListItemProps[]\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\n  extends Pick<DataListRootProps, \"descriptionProps\" | \"termProps\"> {}\n\nexport const {\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\n/**\n * `DataList` is used to display a list of data items.\n *\n * @see https://yamada-ui.com/components/data-list\n */\nexport const DataListRoot = withProvider(\n  ({\n    style,\n    children,\n    col: colProp,\n    items = [],\n    descriptionProps,\n    termProps,\n    ...rest\n  }) => {\n    const [col, setCol] = useState(() => {\n      if (isNumber(colProp)) return colProp\n\n      return getComputeCol(items)\n    })\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    useUpdateEffect(() => {\n      if (isNumber(colProp)) {\n        setCol(colProp)\n\n        return\n      }\n\n      setCol(getComputeCol(items))\n    }, [items, colProp])\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 validChildren = getValidChildren(children)\n    const customTerms = pickChildren(validChildren, DataListTerm)\n    const customDescriptions = pickChildren(validChildren, DataListDescription)\n    const computedChildren = !isEmpty(validChildren)\n      ? omitChildren(validChildren, DataListTerm, DataListDescription)\n      : children\n\n    return (\n      <styled.div {...rest}>\n        {!isEmpty(customTerms) ? (\n          customTerms\n        ) : isArray(term) ? (\n          term.map((item, index) => (\n            <DataListTerm key={index} {...termProps} {...customTermProps}>\n              {item}\n            </DataListTerm>\n          ))\n        ) : (\n          <DataListTerm {...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              {...descriptionProps}\n              {...customDescriptionProps}\n            >\n              {item}\n            </DataListDescription>\n          ))\n        ) : (\n          <DataListDescription\n            {...descriptionProps}\n            {...customDescriptionProps}\n          >\n            {description}\n          </DataListDescription>\n        )}\n\n        {computedChildren}\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":";;;;;;;;;;;;;;AAkBA,MAAM,gBAAgB,CAACA,UAA+B;CACpD,IAAI,MAAM;AAEV,OAAM,QAAQ,CAAC,EAAE,aAAa,MAAM,KAAK;EACvC,MAAM,aAAa,OAAO,IAAI,uCAAQ,KAAK,GAAG,KAAK,SAAS;EAC5D,MAAM,oBAAoB,cACtB,IACA,uCAAQ,YAAY,GAClB,YAAY,SACZ;AAEN,QAAM,KAAK,IAAI,KAAK,YAAY,iBAAiB;CAClD,EAAC;AAEF,QAAO;AACR;AA2BD,MAAa,EACX,kBACA,cAAc,sBACd,qBACA,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,aACAC,2DACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EACC,OACA,UACA,KAAK,SACL,QAAQ,CAAE,GACV,kBACA,UACA,GAAG,MACJ,KAAK;CACJ,MAAM,CAAC,KAAK,OAAO,GAAG,oBAAS,MAAM;AACnC,MAAI,wCAAS,QAAQ,CAAE,QAAO;AAE9B,SAAO,cAAc,MAAM;CAC5B,EAAC;CACF,MAAM,mBAAmB,mBACvB,MACE,MAAM,IAAI,CAAC,OAAO,0BAAU,2BAAC,gBAAyB,GAAI,SAAX,MAAoB,CAAC,EACtE,CAAC,KAAM,EACR;CACD,MAAM,UAAU,mBACd,OAAO;EACL;EACA;CACD,IACD,CAAC,kBAAkB,SAAU,EAC9B;AAED,sCAAgB,MAAM;AACpB,MAAI,wCAAS,QAAQ,EAAE;AACrB,UAAO,QAAQ;AAEf;EACD;AAED,SAAO,cAAc,MAAM,CAAC;CAC7B,GAAE,CAAC,OAAO,OAAQ,EAAC;AAEpB,wBACE,2BAAC;EAAiB,OAAO;4BACvB,2BAACC,mCAAO;GAAG,OAAO;IAAE,SAAS;IAAK,GAAG;GAAO;GAAE,GAAI;aAC/C,YAAY;IACH;GACK;AAEtB,GACD,OACD,EAAE;AAqBH,MAAa,eAAe,YAC1B,CAAC,EACC,UACA,aACA,MACA,kBAAkB,wBAClB,WAAW,gBACX,GAAG,MACJ,KAAK;CACJ,MAAM,EAAE,kBAAkB,WAAW,GAAG,qBAAqB;CAE7D,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,cAAc,oCAAa,eAAe,aAAa;CAC7D,MAAM,qBAAqB,oCAAa,eAAe,oBAAoB;CAC3E,MAAM,oBAAoB,uCAAQ,cAAc,GAC5C,oCAAa,eAAe,cAAc,oBAAoB,GAC9D;AAEJ,wBACE,4BAACA,mCAAO;EAAI,GAAI;;IACZ,uCAAQ,YAAY,GACpB,cACE,uCAAQ,KAAK,GACf,KAAK,IAAI,CAAC,MAAM,0BACd,2BAAC;IAAyB,GAAI;IAAW,GAAI;cAC1C;MADgB,MAEJ,CACf,mBAEF,2BAAC;IAAa,GAAI;IAAW,GAAI;cAC9B;KACY;IAGf,uCAAQ,mBAAmB,GAC3B,qBACE,uCAAQ,YAAY,GACtB,YAAY,IAAI,CAAC,MAAM,0BACrB,2BAAC;IAEC,GAAI;IACJ,GAAI;cAEH;MAJI,MAKe,CACtB,mBAEF,2BAAC;IACC,GAAI;IACJ,GAAI;cAEH;KACmB;GAGvB;;GACU;AAEhB,GACD,OACD,EAAE;AAIH,MAAa,eAAe,YAAqC,MAAM,OAAO,EAAE;AAIhF,MAAa,sBAAsB,YACjC,MACA,cACD,EAAE"}

package/dist/cjs/components/drawer/drawer.cjs

@@ -3,7 +3,7 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
@@ -131,7 +131,7 @@ const DrawerOverlay = withContext((props) => {
 		exit: "exit",
 		initial: "exit",
 		variants: require_components_fade_fade.fadeVariants,
-		...(0, require_utils_index.utils_exports.cast)(getOverlayProps((0, require_utils_index.utils_exports.cast)(props)))
+		...require_utils_common_assertion.cast(getOverlayProps(require_utils_common_assertion.cast(props)))
 	});
 }, "overlay")();
 const DrawerContent = withContext(({ children,...rest }) => {

package/dist/cjs/components/drawer/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.cjs","names":["drawerStyle","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","Slide","ShorthandDrawerContent: FC<ShorthandDrawerContentProps>","Button"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  findChildren,\n  getValidChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: StyleValue<SimplePlacement>\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nexport const {\n  component,\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/components/drawer\n */\nexport const DrawerRoot = withProvider(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const validChildren = getValidChildren(children)\n    const [openTrigger, ...omittedChildren] = findChildren(\n      validChildren,\n      DrawerOpenTrigger,\n    )\n    const [customOverlay, ...cloneChildren] = findChildren(\n      omittedChildren,\n      DrawerOverlay,\n    )\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const hasChildren = !!cloneChildren.length\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      cloneChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">,\n    PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const validChildren = getValidChildren(children)\n    const [customCloseButton, ...omittedChildren] = findChildren(\n      validChildren,\n      DrawerCloseButton,\n    )\n    const [customDragBar, ...cloneChildren] = findChildren(\n      omittedChildren,\n      DrawerDragBar,\n    )\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {cloneChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}
+{"version":3,"file":"drawer.cjs","names":["drawerStyle","AnimatePresence","Portal","FocusLock","RemoveScroll","styled","CloseButton","motion","fadeVariants","Slide","ShorthandDrawerContent: FC<ShorthandDrawerContentProps>","Button"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type {\n  HTMLProps,\n  HTMLStyledProps,\n  SimplePlacement,\n  StyleValue,\n  ThemeProps,\n} from \"../../core\"\nimport type { ButtonProps } from \"../button\"\nimport type { CloseButtonProps } from \"../button\"\nimport type { FocusLockProps } from \"../focus-lock\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { SlideProps } from \"../slide\"\nimport type { DrawerStyle } from \"./drawer.style\"\nimport type { UseDrawerProps, UseDrawerReturn } from \"./use-drawer\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport {\n  cast,\n  findChildren,\n  getValidChildren,\n  wrapOrPassProps,\n} from \"../../utils\"\nimport { Button } from \"../button\"\nimport { CloseButton } from \"../button\"\nimport { fadeVariants } from \"../fade\"\nimport { FocusLock } from \"../focus-lock\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { Slide } from \"../slide\"\nimport { drawerStyle } from \"./drawer.style\"\nimport { useDrawer } from \"./use-drawer\"\n\ninterface ComponentContext\n  extends Omit<UseDrawerReturn, \"getRootProps\">,\n    Pick<\n      DrawerRootProps,\n      \"duration\" | \"placement\" | \"withCloseButton\" | \"withDragBar\"\n    > {}\n\nexport interface DrawerRootProps\n  extends ThemeProps<DrawerStyle>,\n    Omit<UseDrawerProps, \"placement\" | \"title\">,\n    Pick<\n      FocusLockProps,\n      | \"autoFocus\"\n      | \"finalFocusRef\"\n      | \"initialFocusRef\"\n      | \"lockFocusAcrossFrames\"\n      | \"restoreFocus\"\n    >,\n    ShorthandDrawerContentProps {\n  /**\n   * Handle zoom or pinch gestures on iOS devices when scroll locking is enabled.\n   *\n   * @default false.\n   */\n  allowPinchZoom?: boolean\n  /**\n   * If `true`, scrolling will be disabled on the `body` when the drawer opens.\n   *\n   * @default true\n   */\n  blockScrollOnMount?: boolean\n  /**\n   * The animation duration.\n   */\n  duration?: MotionTransitionProps[\"duration\"]\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: StyleValue<SimplePlacement>\n  /**\n   * The modal trigger to use.\n   */\n  trigger?: ReactNode\n  /**\n   * If `true`, display the drawer close button.\n   *\n   * @default true\n   */\n  withCloseButton?: boolean\n  /**\n   * If `true`, display the drag bar when `closeOnDrag` is `true`.\n   *\n   * @default true\n   */\n  withDragBar?: boolean\n  /**\n   * If `true`, display the drawer overlay.\n   *\n   * @default true\n   */\n  withOverlay?: boolean\n  /**\n   * Props to be forwarded to the portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n  /**\n   * Callback function to run side effects after the drawer has closed.\n   */\n  onCloseComplete?: () => void\n}\n\nexport const {\n  component,\n  ComponentContext,\n  PropsContext: DrawerPropsContext,\n  useComponentContext,\n  usePropsContext: useDrawerPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<DrawerRootProps, DrawerStyle, ComponentContext>(\n  \"drawer\",\n  drawerStyle,\n)\n\n/**\n * `Drawer` is a component for a panel that appears from the edge of the screen.\n *\n * @see https://yamada-ui.com/components/drawer\n */\nexport const DrawerRoot = withProvider(\n  ({\n    allowPinchZoom = false,\n    autoFocus,\n    blockScrollOnMount = true,\n    body,\n    cancel,\n    children,\n    closeOnDrag,\n    dragConstraints,\n    dragElastic,\n    dragOffset,\n    dragVelocity,\n    duration = { enter: 0.4, exit: 0.3 },\n    finalFocusRef,\n    footer,\n    header,\n    initialFocusRef,\n    lockFocusAcrossFrames = true,\n    middle,\n    placement: placementProp,\n    restoreFocus,\n    success,\n    title,\n    trigger,\n    withCloseButton = !closeOnDrag,\n    withDragBar = true,\n    withOverlay = true,\n    portalProps,\n    onCancel,\n    onCloseComplete,\n    onMiddle,\n    onSuccess,\n    ...props\n  }) => {\n    const placement = useValue(placementProp)\n    const validChildren = getValidChildren(children)\n    const [openTrigger, ...omittedChildren] = findChildren(\n      validChildren,\n      DrawerOpenTrigger,\n    )\n    const [customOverlay, ...cloneChildren] = findChildren(\n      omittedChildren,\n      DrawerOverlay,\n    )\n    const { open, getRootProps, ...rest } = useDrawer({\n      closeOnDrag,\n      dragConstraints,\n      dragElastic,\n      dragOffset,\n      dragVelocity,\n      placement,\n      ...props,\n    })\n    const hasChildren = !!cloneChildren.length\n    const customOpenTrigger = trigger ? (\n      <DrawerOpenTrigger>{trigger}</DrawerOpenTrigger>\n    ) : null\n\n    const context = useMemo(\n      () => ({\n        duration,\n        open,\n        placement,\n        withCloseButton,\n        withDragBar,\n        ...rest,\n      }),\n      [duration, open, withDragBar, placement, withCloseButton, rest],\n    )\n\n    return (\n      <ComponentContext value={context}>\n        {openTrigger ?? customOpenTrigger}\n\n        <AnimatePresence onExitComplete={onCloseComplete}>\n          {open ? (\n            <Portal {...portalProps}>\n              <FocusLock\n                autoFocus={autoFocus}\n                finalFocusRef={finalFocusRef}\n                initialFocusRef={initialFocusRef}\n                lockFocusAcrossFrames={lockFocusAcrossFrames}\n                restoreFocus={restoreFocus}\n              >\n                <RemoveScroll\n                  allowPinchZoom={allowPinchZoom}\n                  enabled={blockScrollOnMount}\n                  forwardProps\n                >\n                  <styled.div {...getRootProps()}>\n                    {customOverlay ?? (withOverlay ? <DrawerOverlay /> : null)}\n\n                    {hasChildren ? (\n                      cloneChildren\n                    ) : (\n                      <ShorthandDrawerContent\n                        body={body}\n                        cancel={cancel}\n                        footer={footer}\n                        header={header}\n                        middle={middle}\n                        success={success}\n                        title={title}\n                        onCancel={onCancel}\n                        onMiddle={onMiddle}\n                        onSuccess={onSuccess}\n                      />\n                    )}\n                  </styled.div>\n                </RemoveScroll>\n              </FocusLock>\n            </Portal>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n  { transferProps: [\"placement\"] },\n)()\n\nexport interface DrawerOpenTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerOpenTrigger = withContext<\"button\", DrawerOpenTriggerProps>(\n  \"button\",\n  { name: \"OpenTrigger\", slot: [\"trigger\", \"open\"] },\n)(undefined, (props) => {\n  const { getOpenTriggerProps } = useComponentContext()\n\n  return { asChild: true, ...getOpenTriggerProps(props) }\n})\n\nexport interface DrawerCloseTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const DrawerCloseTrigger = withContext<\n  \"button\",\n  DrawerCloseTriggerProps\n>(\"button\", { name: \"CloseTrigger\", slot: [\"trigger\", \"close\"] })(\n  undefined,\n  (props) => {\n    const { getCloseTriggerProps } = useComponentContext()\n\n    return { asChild: true, ...getCloseTriggerProps(props) }\n  },\n)\n\nexport interface DrawerCloseButtonProps extends CloseButtonProps {}\n\nexport const DrawerCloseButton = withContext<\"button\", DrawerCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)(undefined, (props) => {\n  const { getCloseButtonProps } = useComponentContext()\n\n  return { ...getCloseButtonProps(props) }\n})\n\nexport interface DrawerOverlayProps extends HTMLMotionProps {}\n\nexport const DrawerOverlay = withContext<\"div\", DrawerOverlayProps>((props) => {\n  const { duration, getOverlayProps } = useComponentContext()\n\n  return (\n    <motion.div\n      animate=\"enter\"\n      custom={{ duration }}\n      exit=\"exit\"\n      initial=\"exit\"\n      variants={fadeVariants}\n      {...cast<HTMLMotionProps>(getOverlayProps(cast<HTMLProps>(props)))}\n    />\n  )\n}, \"overlay\")()\n\nexport interface DrawerContentProps\n  extends Omit<HTMLMotionProps<\"section\">, \"children\">,\n    PropsWithChildren {}\n\nexport const DrawerContent = withContext<\"div\", DrawerContentProps>(\n  ({ children, ...rest }) => {\n    const {\n      closeOnDrag,\n      duration,\n      open,\n      placement,\n      withCloseButton,\n      withDragBar,\n      getContentProps,\n    } = useComponentContext()\n    const validChildren = getValidChildren(children)\n    const [customCloseButton, ...omittedChildren] = findChildren(\n      validChildren,\n      DrawerCloseButton,\n    )\n    const [customDragBar, ...cloneChildren] = findChildren(\n      omittedChildren,\n      DrawerDragBar,\n    )\n\n    return (\n      <Slide\n        as=\"section\"\n        duration={duration}\n        open={open}\n        placement={placement}\n        {...(getContentProps(rest) as SlideProps)}\n      >\n        {customCloseButton ?? (withCloseButton ? <DrawerCloseButton /> : null)}\n        {customDragBar ??\n          (withDragBar && closeOnDrag ? <DrawerDragBar /> : null)}\n\n        {cloneChildren}\n      </Slide>\n    )\n  },\n  \"content\",\n)()\n\ninterface ShorthandDrawerContentProps {\n  /**\n   * The drawer body to use.\n   */\n  body?: DrawerBodyProps | ReactNode\n  /**\n   * The drawer cancel button to use.\n   */\n  cancel?: ButtonProps | ReactNode\n  /**\n   * The drawer footer to use.\n   */\n  footer?: DrawerFooterProps | ReactNode\n  /**\n   * The drawer header to use.\n   */\n  header?: DrawerHeaderProps | ReactNode\n  /**\n   * The drawer middle button to use.\n   */\n  middle?: ButtonProps | ReactNode\n  /**\n   * The drawer success button to use.\n   */\n  success?: ButtonProps | ReactNode\n  /**\n   * The drawer title to use.\n   */\n  title?: DrawerTitleProps | ReactNode\n  /**\n   * The callback invoked when cancel button clicked.\n   */\n  onCancel?: (onClose: () => void) => void\n  /**\n   * The callback invoked when middle button clicked.\n   */\n  onMiddle?: (onClose: () => void) => void\n  /**\n   * The callback invoked when success button clicked.\n   */\n  onSuccess?: (onClose: () => void) => void\n}\n\nexport const ShorthandDrawerContent: FC<ShorthandDrawerContentProps> = ({\n  body,\n  cancel,\n  footer,\n  header,\n  middle,\n  success,\n  title,\n  onCancel,\n  onMiddle,\n  onSuccess,\n}) => {\n  const { onClose } = useComponentContext()\n  const customHeader = wrapOrPassProps(DrawerHeader, header)\n  const customTitle = wrapOrPassProps(DrawerTitle, title)\n  const customBody = wrapOrPassProps(DrawerBody, body)\n  const customFooter = wrapOrPassProps(DrawerFooter, footer)\n  const customCancel = wrapOrPassProps(Button, cancel, {\n    variant: \"ghost\",\n    onClick: () => (onCancel ? onCancel(onClose) : onClose()),\n  })\n  const customMiddle = wrapOrPassProps(Button, middle, {\n    colorScheme: \"secondary\",\n    onClick: () => (onMiddle ? onMiddle(onClose) : onClose()),\n  })\n  const customSuccess = wrapOrPassProps(Button, success, {\n    colorScheme: \"primary\",\n    onClick: () => (onSuccess ? onSuccess(onClose) : onClose()),\n  })\n\n  return (\n    <DrawerContent>\n      {customHeader ??\n        (customTitle ? <DrawerHeader>{customTitle}</DrawerHeader> : null)}\n      {customBody}\n      {customFooter ??\n        (customCancel || customMiddle || customSuccess ? (\n          <DrawerFooter>\n            {customCancel}\n            {customMiddle}\n            {customSuccess}\n          </DrawerFooter>\n        ) : null)}\n    </DrawerContent>\n  )\n}\n\nexport interface DrawerDragBarProps extends HTMLStyledProps {}\n\nexport const DrawerDragBar = withContext<\"div\", DrawerDragBarProps>(\n  \"div\",\n  \"dragBar\",\n)(undefined, (props) => {\n  const { getDragBarProps } = useComponentContext()\n\n  return { ...getDragBarProps(props) }\n})\n\nexport interface DrawerHeaderProps extends HTMLStyledProps<\"header\"> {}\n\nexport const DrawerHeader = withContext<\"header\", DrawerHeaderProps>(\n  \"header\",\n  \"header\",\n)(undefined, (props) => {\n  const { getHeaderProps } = useComponentContext()\n\n  return { ...getHeaderProps(props) }\n})\n\nexport interface DrawerTitleProps extends HTMLStyledProps<\"h2\"> {}\n\nexport const DrawerTitle = withContext<\"h2\", DrawerTitleProps>(\"h2\", \"title\")(\n  undefined,\n  (props) => {\n    const { getTitleProps } = useComponentContext()\n\n    return { ...getTitleProps(props) }\n  },\n)\n\nexport interface DrawerBodyProps extends HTMLStyledProps {}\n\nexport const DrawerBody = withContext<\"div\", DrawerBodyProps>(\"div\", \"body\")(\n  undefined,\n  (props) => {\n    const { getBodyProps } = useComponentContext()\n\n    return { ...getBodyProps(props) }\n  },\n)\n\nexport interface DrawerFooterProps extends HTMLStyledProps<\"footer\"> {}\n\nexport const DrawerFooter = withContext<\"footer\", DrawerFooterProps>(\n  \"footer\",\n  \"footer\",\n)(undefined, (props) => {\n  const { getFooterProps } = useComponentContext()\n\n  return { ...getFooterProps(props) }\n})\n"],"mappings":"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"}

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

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_components_modal_use_modal = require('../modal/use-modal.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
@@ -58,8 +59,8 @@ const useDrawer = ({ closeOnDrag = false, closeOnEsc, closeOnOverlay, dragConstr
 		dragElastic: getDragRestriction(dragElastic),
 		dragMomentum: false,
 		dragSnapToOrigin: true,
-		...(0, require_utils_index.utils_exports.cast)(getModalContentProps((0, require_utils_index.utils_exports.cast)(props))),
-		onDragEnd: (0, require_utils_index.utils_exports.handlerAll)(props.onDragEnd, onDragEnd)
+		...require_utils_common_assertion.cast(getModalContentProps(require_utils_common_assertion.cast(props))),
+		onDragEnd: require_utils_common_function.handlerAll(props.onDragEnd, onDragEnd)
 	}), [
 		drag,
 		getDragRestriction,

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

@@ -1 +1 @@
-{"version":3,"file":"use-drawer.cjs","names":["value: number","onDragEnd: DragEndEventHandler","getContentProps: PropGetter<HTMLMotionProps<\"section\">>","getDragBarProps: PropGetter"],"sources":["../../../../src/components/drawer/use-drawer.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, SimplePlacement } from \"../../core\"\nimport type { UseModalProps } from \"../modal\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport { useCallback, useMemo } from \"react\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { useModal } from \"../modal\"\n\ntype DragEndEventHandler = Required<HTMLMotionProps>[\"onDragEnd\"]\n\nexport interface UseDrawerProps extends UseModalProps {\n  /**\n   * If `true`, then the drawer will close on drag.\n   *\n   * @default false\n   */\n  closeOnDrag?: boolean\n  /**\n   * Applies constraints on the permitted draggable area.\n   *\n   * @default 0\n   */\n  dragConstraints?: number\n  /**\n   * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement.\n   *\n   * @default 0.1\n   */\n  dragElastic?: number\n  /**\n   * Offset from being dragged to closing.\n   *\n   * @default 80\n   */\n  dragOffset?: number\n  /**\n   * Velocity of the drag that triggers close.\n   *\n   * @default 100\n   */\n  dragVelocity?: number\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: SimplePlacement\n}\n\nexport const useDrawer = ({\n  closeOnDrag = false,\n  closeOnEsc,\n  closeOnOverlay,\n  dragConstraints = 0,\n  dragElastic = 0.1,\n  dragOffset = 80,\n  dragVelocity = 100,\n  placement = \"inline-end\",\n  onEsc,\n  ...rest\n}: UseDrawerProps = {}) => {\n  const {\n    getContentProps: getModalContentProps,\n    onClose,\n    ...modalProps\n  } = useModal({\n    closeOnEsc,\n    closeOnOverlay,\n    onEsc,\n    ...rest,\n  })\n\n  const drag = useMemo<HTMLMotionProps[\"drag\"]>(() => {\n    if (!closeOnDrag) return false\n\n    switch (placement) {\n      case \"block-start\":\n      case \"block-end\":\n        return \"y\"\n      case \"inline-start\":\n      case \"inline-end\":\n        return \"x\"\n    }\n  }, [placement, closeOnDrag])\n\n  const getDragRestriction = useCallback(\n    (value: number) => {\n      switch (placement) {\n        case \"block-start\":\n          return { bottom: value }\n        case \"block-end\":\n          return { top: value }\n        case \"inline-start\":\n          return { right: value }\n        case \"inline-end\":\n          return { left: value }\n      }\n    },\n    [placement],\n  )\n\n  const onDragEnd: DragEndEventHandler = useCallback(\n    (_, info) => {\n      switch (placement) {\n        case \"block-start\":\n          if (\n            info.velocity.y <= dragVelocity * -1 ||\n            info.offset.y <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"block-end\":\n          if (info.velocity.y >= dragVelocity || info.offset.y >= dragOffset)\n            onClose()\n          break\n\n        case \"inline-start\":\n          if (\n            info.velocity.x <= dragVelocity * -1 ||\n            info.offset.x <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"inline-end\":\n          if (info.velocity.x >= dragVelocity || info.offset.x >= dragOffset)\n            onClose()\n          break\n      }\n    },\n    [placement, dragVelocity, dragOffset, onClose],\n  )\n\n  const getContentProps: PropGetter<HTMLMotionProps<\"section\">> = useCallback(\n    (props = {}) => ({\n      drag,\n      dragConstraints: getDragRestriction(dragConstraints),\n      dragElastic: getDragRestriction(dragElastic),\n      dragMomentum: false,\n      dragSnapToOrigin: true,\n      ...cast<HTMLMotionProps<\"section\">>(\n        getModalContentProps(cast<HTMLProps<\"section\">>(props)),\n      ),\n      onDragEnd: handlerAll(props.onDragEnd, onDragEnd),\n    }),\n    [\n      drag,\n      getDragRestriction,\n      dragConstraints,\n      dragElastic,\n      onDragEnd,\n      getModalContentProps,\n    ],\n  )\n\n  const getDragBarProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    ...modalProps,\n    closeOnDrag,\n    getContentProps,\n    getDragBarProps,\n    onClose,\n  }\n}\n\nexport type UseDrawerReturn = ReturnType<typeof useDrawer>\n"],"mappings":";;;;;;;;;AAkDA,MAAa,YAAY,CAAC,EACxB,cAAc,OACd,YACA,gBACA,kBAAkB,GAClB,cAAc,IACd,aAAa,IACb,eAAe,KACf,YAAY,cACZ,MACA,GAAG,MACY,GAAG,CAAE,MAAK;CACzB,MAAM,EACJ,iBAAiB,sBACjB,QACA,GAAG,YACJ,GAAG,4CAAS;EACX;EACA;EACA;EACA,GAAG;CACJ,EAAC;CAEF,MAAM,OAAO,mBAAiC,MAAM;AAClD,OAAK,YAAa,QAAO;AAEzB,UAAQ,WAAR;GACE,KAAK;GACL,KAAK,YACH,QAAO;GACT,KAAK;GACL,KAAK,aACH,QAAO;EACV;CACF,GAAE,CAAC,WAAW,WAAY,EAAC;CAE5B,MAAM,qBAAqB,uBACzB,CAACA,UAAkB;AACjB,UAAQ,WAAR;GACE,KAAK,cACH,QAAO,EAAE,QAAQ,MAAO;GAC1B,KAAK,YACH,QAAO,EAAE,KAAK,MAAO;GACvB,KAAK,eACH,QAAO,EAAE,OAAO,MAAO;GACzB,KAAK,aACH,QAAO,EAAE,MAAM,MAAO;EACzB;CACF,GACD,CAAC,SAAU,EACZ;CAED,MAAMC,YAAiC,uBACrC,CAAC,GAAG,SAAS;AACX,UAAQ,WAAR;GACE,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;GAEF,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;EACH;CACF,GACD;EAAC;EAAW;EAAc;EAAY;CAAQ,EAC/C;CAED,MAAMC,kBAA0D,uBAC9D,CAAC,QAAQ,CAAE,OAAM;EACf;EACA,iBAAiB,mBAAmB,gBAAgB;EACpD,aAAa,mBAAmB,YAAY;EAC5C,cAAc;EACd,kBAAkB;EAClB,GAAG,4CACD,qBAAqB,4CAA2B,MAAM,CAAC,CACxD;EACD,WAAW,kDAAW,MAAM,WAAW,UAAU;CAClD,IACD;EACE;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMC,kBAA8B,uBAClC,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;AAED,QAAO;EACL,GAAG;EACH;EACA;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-drawer.cjs","names":["value: number","onDragEnd: DragEndEventHandler","getContentProps: PropGetter<HTMLMotionProps<\"section\">>","getDragBarProps: PropGetter"],"sources":["../../../../src/components/drawer/use-drawer.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, SimplePlacement } from \"../../core\"\nimport type { UseModalProps } from \"../modal\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport { useCallback, useMemo } from \"react\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { useModal } from \"../modal\"\n\ntype DragEndEventHandler = Required<HTMLMotionProps>[\"onDragEnd\"]\n\nexport interface UseDrawerProps extends UseModalProps {\n  /**\n   * If `true`, then the drawer will close on drag.\n   *\n   * @default false\n   */\n  closeOnDrag?: boolean\n  /**\n   * Applies constraints on the permitted draggable area.\n   *\n   * @default 0\n   */\n  dragConstraints?: number\n  /**\n   * The degree of movement allowed outside constraints. 0 = no movement, 1 = full movement.\n   *\n   * @default 0.1\n   */\n  dragElastic?: number\n  /**\n   * Offset from being dragged to closing.\n   *\n   * @default 80\n   */\n  dragOffset?: number\n  /**\n   * Velocity of the drag that triggers close.\n   *\n   * @default 100\n   */\n  dragVelocity?: number\n  /**\n   * The placement of the drawer.\n   *\n   * @default 'inline-end'\n   */\n  placement?: SimplePlacement\n}\n\nexport const useDrawer = ({\n  closeOnDrag = false,\n  closeOnEsc,\n  closeOnOverlay,\n  dragConstraints = 0,\n  dragElastic = 0.1,\n  dragOffset = 80,\n  dragVelocity = 100,\n  placement = \"inline-end\",\n  onEsc,\n  ...rest\n}: UseDrawerProps = {}) => {\n  const {\n    getContentProps: getModalContentProps,\n    onClose,\n    ...modalProps\n  } = useModal({\n    closeOnEsc,\n    closeOnOverlay,\n    onEsc,\n    ...rest,\n  })\n\n  const drag = useMemo<HTMLMotionProps[\"drag\"]>(() => {\n    if (!closeOnDrag) return false\n\n    switch (placement) {\n      case \"block-start\":\n      case \"block-end\":\n        return \"y\"\n      case \"inline-start\":\n      case \"inline-end\":\n        return \"x\"\n    }\n  }, [placement, closeOnDrag])\n\n  const getDragRestriction = useCallback(\n    (value: number) => {\n      switch (placement) {\n        case \"block-start\":\n          return { bottom: value }\n        case \"block-end\":\n          return { top: value }\n        case \"inline-start\":\n          return { right: value }\n        case \"inline-end\":\n          return { left: value }\n      }\n    },\n    [placement],\n  )\n\n  const onDragEnd: DragEndEventHandler = useCallback(\n    (_, info) => {\n      switch (placement) {\n        case \"block-start\":\n          if (\n            info.velocity.y <= dragVelocity * -1 ||\n            info.offset.y <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"block-end\":\n          if (info.velocity.y >= dragVelocity || info.offset.y >= dragOffset)\n            onClose()\n          break\n\n        case \"inline-start\":\n          if (\n            info.velocity.x <= dragVelocity * -1 ||\n            info.offset.x <= dragOffset * -1\n          )\n            onClose()\n          break\n\n        case \"inline-end\":\n          if (info.velocity.x >= dragVelocity || info.offset.x >= dragOffset)\n            onClose()\n          break\n      }\n    },\n    [placement, dragVelocity, dragOffset, onClose],\n  )\n\n  const getContentProps: PropGetter<HTMLMotionProps<\"section\">> = useCallback(\n    (props = {}) => ({\n      drag,\n      dragConstraints: getDragRestriction(dragConstraints),\n      dragElastic: getDragRestriction(dragElastic),\n      dragMomentum: false,\n      dragSnapToOrigin: true,\n      ...cast<HTMLMotionProps<\"section\">>(\n        getModalContentProps(cast<HTMLProps<\"section\">>(props)),\n      ),\n      onDragEnd: handlerAll(props.onDragEnd, onDragEnd),\n    }),\n    [\n      drag,\n      getDragRestriction,\n      dragConstraints,\n      dragElastic,\n      onDragEnd,\n      getModalContentProps,\n    ],\n  )\n\n  const getDragBarProps: PropGetter = useCallback(\n    (props) => ({\n      ...props,\n    }),\n    [],\n  )\n\n  return {\n    ...modalProps,\n    closeOnDrag,\n    getContentProps,\n    getDragBarProps,\n    onClose,\n  }\n}\n\nexport type UseDrawerReturn = ReturnType<typeof useDrawer>\n"],"mappings":";;;;;;;;;;AAkDA,MAAa,YAAY,CAAC,EACxB,cAAc,OACd,YACA,gBACA,kBAAkB,GAClB,cAAc,IACd,aAAa,IACb,eAAe,KACf,YAAY,cACZ,MACA,GAAG,MACY,GAAG,CAAE,MAAK;CACzB,MAAM,EACJ,iBAAiB,sBACjB,QACA,GAAG,YACJ,GAAG,4CAAS;EACX;EACA;EACA;EACA,GAAG;CACJ,EAAC;CAEF,MAAM,OAAO,mBAAiC,MAAM;AAClD,OAAK,YAAa,QAAO;AAEzB,UAAQ,WAAR;GACE,KAAK;GACL,KAAK,YACH,QAAO;GACT,KAAK;GACL,KAAK,aACH,QAAO;EACV;CACF,GAAE,CAAC,WAAW,WAAY,EAAC;CAE5B,MAAM,qBAAqB,uBACzB,CAACA,UAAkB;AACjB,UAAQ,WAAR;GACE,KAAK,cACH,QAAO,EAAE,QAAQ,MAAO;GAC1B,KAAK,YACH,QAAO,EAAE,KAAK,MAAO;GACvB,KAAK,eACH,QAAO,EAAE,OAAO,MAAO;GACzB,KAAK,aACH,QAAO,EAAE,MAAM,MAAO;EACzB;CACF,GACD,CAAC,SAAU,EACZ;CAED,MAAMC,YAAiC,uBACrC,CAAC,GAAG,SAAS;AACX,UAAQ,WAAR;GACE,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;GAEF,KAAK;AACH,QACE,KAAK,SAAS,KAAK,eAAe,MAClC,KAAK,OAAO,KAAK,aAAa,GAE9B,UAAS;AACX;GAEF,KAAK;AACH,QAAI,KAAK,SAAS,KAAK,gBAAgB,KAAK,OAAO,KAAK,WACtD,UAAS;AACX;EACH;CACF,GACD;EAAC;EAAW;EAAc;EAAY;CAAQ,EAC/C;CAED,MAAMC,kBAA0D,uBAC9D,CAAC,QAAQ,CAAE,OAAM;EACf;EACA,iBAAiB,mBAAmB,gBAAgB;EACpD,aAAa,mBAAmB,YAAY;EAC5C,cAAc;EACd,kBAAkB;EAClB,GAAG,oCACD,qBAAqB,oCAA2B,MAAM,CAAC,CACxD;EACD,WAAW,yCAAW,MAAM,WAAW,UAAU;CAClD,IACD;EACE;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMC,kBAA8B,uBAClC,CAAC,WAAW,EACV,GAAG,MACJ,IACD,CAAE,EACH;AAED,QAAO;EACL,GAAG;EACH;EACA;EACA;EACA;CACD;AACF"}

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

@@ -2,7 +2,7 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_input_use_input_border = require('../input/use-input-border.cjs');
@@ -23,7 +23,7 @@ const EditableRoot = withProvider(({ children, errorBorderColor, focusBorderColo
 		errorBorderColor,
 		focusBorderColor
 	});
-	const cloneChildren = (0, require_utils_index.utils_exports.runIfFn)(children, {
+	const cloneChildren = require_utils_common_function.runIfFn(children, {
 		editing,
 		onCancel,
 		onEdit,

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

@@ -1 +1 @@
-{"version":3,"file":"editable.cjs","names":["editableStyle","EditableContext","styled"],"sources":["../../../../src/components/editable/editable.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { EditableStyle } from \"./editable.style\"\nimport type { UseEditableProps, UseEditableReturn } from \"./use-editable\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { useInputBorder } from \"../input\"\nimport { editableStyle } from \"./editable.style\"\nimport {\n  EditableContext,\n  useEditable,\n  useEditableContext,\n} from \"./use-editable\"\n\ninterface EditableElementProps\n  extends Pick<\n    UseEditableReturn,\n    \"editing\" | \"onCancel\" | \"onEdit\" | \"onSubmit\"\n  > {}\n\nexport interface EditableRootProps\n  extends Omit<\n      HTMLStyledProps,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"onSubmit\" | \"value\"\n    >,\n    ThemeProps<EditableStyle>,\n    UseInputBorderProps,\n    UseEditableProps {\n  /**\n   * The editable children to use.\n   */\n  children?: ReactNodeOrFunction<EditableElementProps>\n}\n\nexport const {\n  PropsContext: EditablePropsContext,\n  usePropsContext: useEditablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EditableRootProps, EditableStyle>(\n  \"editable\",\n  editableStyle,\n)\n\n/**\n * `Editable` is a component used to obtain inline editable text input.\n *\n * @see https://yamada-ui.com/components/editable\n */\nexport const EditableRoot = withProvider(\n  ({ children, errorBorderColor, focusBorderColor, ...props }) => {\n    const {\n      editing,\n      value: _value,\n      getRootProps,\n      onCancel,\n      onEdit,\n      onSubmit,\n      ...rest\n    } = useEditable(props)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const cloneChildren = runIfFn(children, {\n      editing,\n      onCancel,\n      onEdit,\n      onSubmit,\n    })\n\n    return (\n      <EditableContext value={{ editing, ...rest }}>\n        <styled.div {...getRootProps()} {...varProps}>\n          {cloneChildren}\n        </styled.div>\n      </EditableContext>\n    )\n  },\n)()\n\nexport interface EditablePreviewProps extends HTMLStyledProps<\"span\"> {}\n\nexport const EditablePreview = withContext<\"span\", EditablePreviewProps>(\n  \"span\",\n  \"preview\",\n)(undefined, (props) => {\n  const { getPreviewProps } = useEditableContext()\n\n  return { ...getPreviewProps(props) }\n})\n\nexport interface EditableInputProps extends HTMLStyledProps<\"input\"> {}\n\nexport const EditableInput = withContext<\"input\", EditableInputProps>(\n  \"input\",\n  \"input\",\n)(undefined, (props) => {\n  const { getInputProps } = useEditableContext()\n\n  return { ...getInputProps(props) }\n})\n\nexport interface EditableTextareaProps extends HTMLStyledProps<\"textarea\"> {}\n\nexport const EditableTextarea = withContext<\"textarea\", EditableTextareaProps>(\n  \"textarea\",\n  \"textarea\",\n)(undefined, (props) => {\n  const { getTextareaProps } = useEditableContext()\n\n  return { ...getTextareaProps(props) }\n})\n\nexport interface EditableControlProps extends HTMLStyledProps {}\n\nexport const EditableControl = withContext<\"div\", EditableControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, (props) => {\n  const { getControlProps } = useEditableContext()\n\n  return { ...getControlProps(props) }\n})\n\nexport interface EditableEditTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableEditTrigger = withContext<\n  \"button\",\n  EditableEditTriggerProps\n>(\"button\", { name: \"EditTrigger\", slot: [\"trigger\", \"edit\"] })(\n  undefined,\n  (props) => {\n    const { getEditProps } = useEditableContext()\n\n    return { asChild: true, ...getEditProps(props) }\n  },\n)\n\nexport interface EditableCancelTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableCancelTrigger = withContext<\n  \"button\",\n  EditableCancelTriggerProps\n>(\"button\", { name: \"CancelTrigger\", slot: [\"trigger\", \"cancel\"] })(\n  undefined,\n  (props) => {\n    const { getCancelProps } = useEditableContext()\n\n    return { asChild: true, ...getCancelProps(props) }\n  },\n)\n\nexport interface EditableSubmitTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableSubmitTrigger = withContext<\n  \"button\",\n  EditableSubmitTriggerProps\n>(\"button\", { name: \"SubmitTrigger\", slot: [\"trigger\", \"submit\"] })(\n  undefined,\n  (props) => {\n    const { getSubmitProps } = useEditableContext()\n\n    return { asChild: true, ...getSubmitProps(props) }\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,YACAA,yDACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EAAE,UAAU,kBAAkB,iBAAkB,GAAG,OAAO,KAAK;CAC9D,MAAM,EACJ,SACA,OAAO,QACP,cACA,UACA,QACA,SACA,GAAG,MACJ,GAAG,qDAAY,MAAM;CACtB,MAAM,WAAW,yDAAe;EAAE;EAAkB;CAAkB,EAAC;CACvE,MAAM,gBAAgB,+CAAQ,UAAU;EACtC;EACA;EACA;EACA;CACD,EAAC;AAEF,wBACE,2BAACC;EAAgB,OAAO;GAAE;GAAS,GAAG;EAAM;4BAC1C,2BAACC,mCAAO;GAAI,GAAI,cAAc;GAAE,GAAI;aACjC;IACU;GACG;AAErB,EACF,EAAE;AAIH,MAAa,kBAAkB,YAC7B,QACA,UACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,iBAAiB,GAAG,6DAAoB;AAEhD,QAAO,EAAE,GAAG,gBAAgB,MAAM,CAAE;AACrC,EAAC;AAIF,MAAa,gBAAgB,YAC3B,SACA,QACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,eAAe,GAAG,6DAAoB;AAE9C,QAAO,EAAE,GAAG,cAAc,MAAM,CAAE;AACnC,EAAC;AAIF,MAAa,mBAAmB,YAC9B,YACA,WACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,kBAAkB,GAAG,6DAAoB;AAEjD,QAAO,EAAE,GAAG,iBAAiB,MAAM,CAAE;AACtC,EAAC;AAIF,MAAa,kBAAkB,YAC7B,OACA,UACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,iBAAiB,GAAG,6DAAoB;AAEhD,QAAO,EAAE,GAAG,gBAAgB,MAAM,CAAE;AACrC,EAAC;AAIF,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAO;AAAE,EAAC,SAE7D,CAAC,UAAU;CACT,MAAM,EAAE,cAAc,GAAG,6DAAoB;AAE7C,QAAO;EAAE,SAAS;EAAM,GAAG,aAAa,MAAM;CAAE;AACjD,EACF;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAS;AAAE,EAAC,SAEjE,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,GAAG,6DAAoB;AAE/C,QAAO;EAAE,SAAS;EAAM,GAAG,eAAe,MAAM;CAAE;AACnD,EACF;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAS;AAAE,EAAC,SAEjE,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,GAAG,6DAAoB;AAE/C,QAAO;EAAE,SAAS;EAAM,GAAG,eAAe,MAAM;CAAE;AACnD,EACF"}
+{"version":3,"file":"editable.cjs","names":["editableStyle","EditableContext","styled"],"sources":["../../../../src/components/editable/editable.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { UseInputBorderProps } from \"../input\"\nimport type { EditableStyle } from \"./editable.style\"\nimport type { UseEditableProps, UseEditableReturn } from \"./use-editable\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { runIfFn } from \"../../utils\"\nimport { useInputBorder } from \"../input\"\nimport { editableStyle } from \"./editable.style\"\nimport {\n  EditableContext,\n  useEditable,\n  useEditableContext,\n} from \"./use-editable\"\n\ninterface EditableElementProps\n  extends Pick<\n    UseEditableReturn,\n    \"editing\" | \"onCancel\" | \"onEdit\" | \"onSubmit\"\n  > {}\n\nexport interface EditableRootProps\n  extends Omit<\n      HTMLStyledProps,\n      \"children\" | \"defaultValue\" | \"onChange\" | \"onSubmit\" | \"value\"\n    >,\n    ThemeProps<EditableStyle>,\n    UseInputBorderProps,\n    UseEditableProps {\n  /**\n   * The editable children to use.\n   */\n  children?: ReactNodeOrFunction<EditableElementProps>\n}\n\nexport const {\n  PropsContext: EditablePropsContext,\n  usePropsContext: useEditablePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EditableRootProps, EditableStyle>(\n  \"editable\",\n  editableStyle,\n)\n\n/**\n * `Editable` is a component used to obtain inline editable text input.\n *\n * @see https://yamada-ui.com/components/editable\n */\nexport const EditableRoot = withProvider(\n  ({ children, errorBorderColor, focusBorderColor, ...props }) => {\n    const {\n      editing,\n      value: _value,\n      getRootProps,\n      onCancel,\n      onEdit,\n      onSubmit,\n      ...rest\n    } = useEditable(props)\n    const varProps = useInputBorder({ errorBorderColor, focusBorderColor })\n    const cloneChildren = runIfFn(children, {\n      editing,\n      onCancel,\n      onEdit,\n      onSubmit,\n    })\n\n    return (\n      <EditableContext value={{ editing, ...rest }}>\n        <styled.div {...getRootProps()} {...varProps}>\n          {cloneChildren}\n        </styled.div>\n      </EditableContext>\n    )\n  },\n)()\n\nexport interface EditablePreviewProps extends HTMLStyledProps<\"span\"> {}\n\nexport const EditablePreview = withContext<\"span\", EditablePreviewProps>(\n  \"span\",\n  \"preview\",\n)(undefined, (props) => {\n  const { getPreviewProps } = useEditableContext()\n\n  return { ...getPreviewProps(props) }\n})\n\nexport interface EditableInputProps extends HTMLStyledProps<\"input\"> {}\n\nexport const EditableInput = withContext<\"input\", EditableInputProps>(\n  \"input\",\n  \"input\",\n)(undefined, (props) => {\n  const { getInputProps } = useEditableContext()\n\n  return { ...getInputProps(props) }\n})\n\nexport interface EditableTextareaProps extends HTMLStyledProps<\"textarea\"> {}\n\nexport const EditableTextarea = withContext<\"textarea\", EditableTextareaProps>(\n  \"textarea\",\n  \"textarea\",\n)(undefined, (props) => {\n  const { getTextareaProps } = useEditableContext()\n\n  return { ...getTextareaProps(props) }\n})\n\nexport interface EditableControlProps extends HTMLStyledProps {}\n\nexport const EditableControl = withContext<\"div\", EditableControlProps>(\n  \"div\",\n  \"control\",\n)(undefined, (props) => {\n  const { getControlProps } = useEditableContext()\n\n  return { ...getControlProps(props) }\n})\n\nexport interface EditableEditTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableEditTrigger = withContext<\n  \"button\",\n  EditableEditTriggerProps\n>(\"button\", { name: \"EditTrigger\", slot: [\"trigger\", \"edit\"] })(\n  undefined,\n  (props) => {\n    const { getEditProps } = useEditableContext()\n\n    return { asChild: true, ...getEditProps(props) }\n  },\n)\n\nexport interface EditableCancelTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableCancelTrigger = withContext<\n  \"button\",\n  EditableCancelTriggerProps\n>(\"button\", { name: \"CancelTrigger\", slot: [\"trigger\", \"cancel\"] })(\n  undefined,\n  (props) => {\n    const { getCancelProps } = useEditableContext()\n\n    return { asChild: true, ...getCancelProps(props) }\n  },\n)\n\nexport interface EditableSubmitTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const EditableSubmitTrigger = withContext<\n  \"button\",\n  EditableSubmitTriggerProps\n>(\"button\", { name: \"SubmitTrigger\", slot: [\"trigger\", \"submit\"] })(\n  undefined,\n  (props) => {\n    const { getSubmitProps } = useEditableContext()\n\n    return { asChild: true, ...getSubmitProps(props) }\n  },\n)\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAa,EACX,cAAc,sBACd,iBAAiB,yBACjB,aACA,cACD,GAAG,6DACF,YACAA,yDACD;;;;;;AAOD,MAAa,eAAe,aAC1B,CAAC,EAAE,UAAU,kBAAkB,iBAAkB,GAAG,OAAO,KAAK;CAC9D,MAAM,EACJ,SACA,OAAO,QACP,cACA,UACA,QACA,SACA,GAAG,MACJ,GAAG,qDAAY,MAAM;CACtB,MAAM,WAAW,yDAAe;EAAE;EAAkB;CAAkB,EAAC;CACvE,MAAM,gBAAgB,sCAAQ,UAAU;EACtC;EACA;EACA;EACA;CACD,EAAC;AAEF,wBACE,2BAACC;EAAgB,OAAO;GAAE;GAAS,GAAG;EAAM;4BAC1C,2BAACC,mCAAO;GAAI,GAAI,cAAc;GAAE,GAAI;aACjC;IACU;GACG;AAErB,EACF,EAAE;AAIH,MAAa,kBAAkB,YAC7B,QACA,UACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,iBAAiB,GAAG,6DAAoB;AAEhD,QAAO,EAAE,GAAG,gBAAgB,MAAM,CAAE;AACrC,EAAC;AAIF,MAAa,gBAAgB,YAC3B,SACA,QACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,eAAe,GAAG,6DAAoB;AAE9C,QAAO,EAAE,GAAG,cAAc,MAAM,CAAE;AACnC,EAAC;AAIF,MAAa,mBAAmB,YAC9B,YACA,WACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,kBAAkB,GAAG,6DAAoB;AAEjD,QAAO,EAAE,GAAG,iBAAiB,MAAM,CAAE;AACtC,EAAC;AAIF,MAAa,kBAAkB,YAC7B,OACA,UACD,SAAY,CAAC,UAAU;CACtB,MAAM,EAAE,iBAAiB,GAAG,6DAAoB;AAEhD,QAAO,EAAE,GAAG,gBAAgB,MAAM,CAAE;AACrC,EAAC;AAIF,MAAa,sBAAsB,YAGjC,UAAU;CAAE,MAAM;CAAe,MAAM,CAAC,WAAW,MAAO;AAAE,EAAC,SAE7D,CAAC,UAAU;CACT,MAAM,EAAE,cAAc,GAAG,6DAAoB;AAE7C,QAAO;EAAE,SAAS;EAAM,GAAG,aAAa,MAAM;CAAE;AACjD,EACF;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAS;AAAE,EAAC,SAEjE,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,GAAG,6DAAoB;AAE/C,QAAO;EAAE,SAAS;EAAM,GAAG,eAAe,MAAM;CAAE;AACnD,EACF;AAID,MAAa,wBAAwB,YAGnC,UAAU;CAAE,MAAM;CAAiB,MAAM,CAAC,WAAW,QAAS;AAAE,EAAC,SAEjE,CAAC,UAAU;CACT,MAAM,EAAE,gBAAgB,GAAG,6DAAoB;AAE/C,QAAO;EAAE,SAAS;EAAM,GAAG,eAAe,MAAM;CAAE;AACnD,EACF"}

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

@@ -5,7 +5,8 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_context = require('../../utils/context.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_hooks_use_focus_index = require('../../hooks/use-focus/index.cjs');
 const require_components_field_use_field_props = require('../field/use-field-props.cjs');
@@ -67,8 +68,8 @@ const useEditable = (props = {}) => {
 		if (!editing) return;
 		const ownerDocument = ev.currentTarget.ownerDocument;
 		const relatedTarget = ev.relatedTarget ?? ownerDocument.activeElement;
-		const targetIsCancel = (0, require_utils_index.utils_exports.contains)(cancelRef.current, relatedTarget);
-		const targetIsSubmit = (0, require_utils_index.utils_exports.contains)(submitRef.current, relatedTarget);
+		const targetIsCancel = require_utils_common_dom.contains(cancelRef.current, relatedTarget);
+		const targetIsSubmit = require_utils_common_dom.contains(submitRef.current, relatedTarget);
 		const validBlur = !targetIsCancel && !targetIsSubmit;
 		if (!validBlur) return;
 		if (submitOnBlur) onSubmit();
@@ -120,7 +121,7 @@ const useEditable = (props = {}) => {
 		children: emptyValue ? placeholder : value,
 		hidden: editing,
 		tabIndex: interactive && previewFocusable ? 0 : void 0,
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(props$1.onFocus, onEdit, onUpdatePrevValue)
+		onFocus: require_utils_common_function.handlerAll(props$1.onFocus, onEdit, onUpdatePrevValue)
 	}), [
 		dataProps,
 		editing,
@@ -144,10 +145,10 @@ const useEditable = (props = {}) => {
 		readOnly,
 		required,
 		value,
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onUpdatePrevValue),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props$1.onKeyDown, onKeyDown)
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur, onBlur),
+		onChange: require_utils_common_function.handlerAll(props$1.onChange, onChange),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus, onUpdatePrevValue),
+		onKeyDown: require_utils_common_function.handlerAll(props$1.onKeyDown, onKeyDown)
 	}), [
 		dataProps,
 		ariaProps,
@@ -177,10 +178,10 @@ const useEditable = (props = {}) => {
 		readOnly,
 		required,
 		value,
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onUpdatePrevValue),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props$1.onKeyDown, onKeyDownWithoutSubmit)
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur, onBlur),
+		onChange: require_utils_common_function.handlerAll(props$1.onChange, onChange),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus, onUpdatePrevValue),
+		onKeyDown: require_utils_common_function.handlerAll(props$1.onKeyDown, onKeyDownWithoutSubmit)
 	}), [
 		dataProps,
 		ariaProps,
@@ -209,7 +210,7 @@ const useEditable = (props = {}) => {
 		ref: require_utils_ref.mergeRefs(editRef, ref),
 		disabled,
 		hidden: editing,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props$1.onClick, onEdit)
+		onClick: require_utils_common_function.handlerAll(props$1.onClick, onEdit)
 	}), [
 		dataProps,
 		disabled,
@@ -222,7 +223,7 @@ const useEditable = (props = {}) => {
 		ref: require_utils_ref.mergeRefs(submitRef, ref),
 		disabled,
 		hidden: !editing,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props$1.onClick, onSubmit)
+		onClick: require_utils_common_function.handlerAll(props$1.onClick, onSubmit)
 	}), [
 		dataProps,
 		disabled,
@@ -235,7 +236,7 @@ const useEditable = (props = {}) => {
 		ref: require_utils_ref.mergeRefs(cancelRef, ref),
 		disabled,
 		hidden: !editing,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props$1.onClick, onCancel)
+		onClick: require_utils_common_function.handlerAll(props$1.onClick, onCancel)
 	}), [
 		dataProps,
 		disabled,

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

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

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

@@ -3,7 +3,7 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_empty_state_empty_state_style = require('./empty-state.style.cjs');
@@ -22,7 +22,7 @@ const EmptyStateRoot = withProvider(({ children, description, indicator, title,
 	const customContent = require_utils_children.findChild(validChildren, EmptyStateContent);
 	const customTitle = require_utils_children.findChild(validChildren, EmptyStateTitle);
 	const customDescription = require_utils_children.findChild(validChildren, EmptyStateDescription);
-	const computedChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, EmptyStateIndicator, EmptyStateTitle, EmptyStateContent, EmptyStateDescription) : children;
+	const computedChildren = !require_utils_common_assertion.isEmpty(validChildren) ? require_utils_children.omitChildren(validChildren, EmptyStateIndicator, EmptyStateTitle, EmptyStateContent, EmptyStateDescription) : children;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.div, {
 		...rest,
 		children: [

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

@@ -1 +1 @@
-{"version":3,"file":"empty-state.cjs","names":["emptyState","styled"],"sources":["../../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmptyState } from \"./empty-state.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { findChild, getValidChildren, isEmpty, omitChildren } from \"../../utils\"\nimport { emptyState } from \"./empty-state.style\"\n\nexport interface EmptyStateRootProps\n  extends Omit<HTMLStyledProps, \"title\">,\n    ThemeProps<EmptyState> {\n  /**\n   * The empty state description to use.\n   */\n  description?: ReactNode\n  /**\n   * The empty state indicator to use.\n   */\n  indicator?: ReactNode\n  /**\n   * The empty state title to use.\n   */\n  title?: ReactNode\n  /**\n   * The props for the empty state content component.\n   */\n  contentProps?: EmptyStateContentProps\n  /**\n   * The props for the empty state description component.\n   */\n  descriptionProps?: EmptyStateDescriptionProps\n  /**\n   * The props for the empty state indicator component.\n   */\n  indicatorProps?: EmptyStateIndicatorProps\n  /**\n   * The props for the empty state title component.\n   */\n  titleProps?: EmptyStateTitleProps\n}\n\nexport const {\n  PropsContext: EmptyStatePropsContext,\n  usePropsContext: useEmptyStatePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EmptyStateRootProps, EmptyState>(\n  \"empty-state\",\n  emptyState,\n)\n\n/**\n * `EmptyState` is used to display when a resource is empty or not available.\n *\n * @see https://yamada-ui.com/components/empty-state\n */\nexport const EmptyStateRoot = withProvider<\"div\", EmptyStateRootProps>(\n  ({\n    children,\n    description,\n    indicator,\n    title,\n    contentProps,\n    descriptionProps,\n    indicatorProps,\n    titleProps,\n    ...rest\n  }) => {\n    const validChildren = getValidChildren(children)\n    const customIndicator = findChild(validChildren, EmptyStateIndicator)\n    const customContent = findChild(validChildren, EmptyStateContent)\n    const customTitle = findChild(validChildren, EmptyStateTitle)\n    const customDescription = findChild(validChildren, EmptyStateDescription)\n\n    const computedChildren = !isEmpty(validChildren)\n      ? omitChildren(\n          validChildren,\n          EmptyStateIndicator,\n          EmptyStateTitle,\n          EmptyStateContent,\n          EmptyStateDescription,\n        )\n      : children\n\n    return (\n      <styled.div {...rest}>\n        {customIndicator ?? (\n          <EmptyStateIndicator {...indicatorProps}>\n            {indicator}\n          </EmptyStateIndicator>\n        )}\n\n        {customContent ?? (\n          <EmptyStateContent {...contentProps}>\n            {customTitle ?? (\n              <EmptyStateTitle {...titleProps}>{title}</EmptyStateTitle>\n            )}\n\n            {customDescription ?? (\n              <EmptyStateDescription {...descriptionProps}>\n                {description}\n              </EmptyStateDescription>\n            )}\n          </EmptyStateContent>\n        )}\n\n        {computedChildren}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface EmptyStateIndicatorProps extends HTMLStyledProps {}\n\nexport const EmptyStateIndicator = withContext<\"div\", EmptyStateIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface EmptyStateContentProps extends HTMLStyledProps {}\n\nexport const EmptyStateContent = withContext<\"div\", EmptyStateContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface EmptyStateTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const EmptyStateTitle = withContext<\"h3\", EmptyStateTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface EmptyStateDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const EmptyStateDescription = withContext<\n  \"p\",\n  EmptyStateDescriptionProps\n>(\"p\", \"description\")()\n"],"mappings":";;;;;;;;;;;;AA0CA,MAAa,EACX,cAAc,wBACd,iBAAiB,2BACjB,aACA,cACD,GAAG,6DACF,eACAA,4DACD;;;;;;AAOD,MAAa,iBAAiB,aAC5B,CAAC,EACC,UACA,aACA,WACA,OACA,cACA,kBACA,gBACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,kBAAkB,iCAAU,eAAe,oBAAoB;CACrE,MAAM,gBAAgB,iCAAU,eAAe,kBAAkB;CACjE,MAAM,cAAc,iCAAU,eAAe,gBAAgB;CAC7D,MAAM,oBAAoB,iCAAU,eAAe,sBAAsB;CAEzE,MAAM,oBAAoB,+CAAQ,cAAc,GAC5C,oCACE,eACA,qBACA,iBACA,mBACA,sBACD,GACD;AAEJ,wBACE,4BAACC,mCAAO;EAAI,GAAI;;GACb,mCACC,2BAAC;IAAoB,GAAI;cACtB;KACmB;GAGvB,iCACC,4BAAC;IAAkB,GAAI;eACpB,+BACC,2BAAC;KAAgB,GAAI;eAAa;MAAwB,EAG3D,qCACC,2BAAC;KAAsB,GAAI;eACxB;MACqB;KAER;GAGrB;;GACU;AAEhB,GACD,OACD,EAAE;AAIH,MAAa,sBAAsB,YACjC,OACA,YACD,EAAE;AAIH,MAAa,oBAAoB,YAC/B,OACA,UACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,MACA,QACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,KAAK,cAAc,EAAE"}
+{"version":3,"file":"empty-state.cjs","names":["emptyState","styled"],"sources":["../../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { EmptyState } from \"./empty-state.style\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { findChild, getValidChildren, isEmpty, omitChildren } from \"../../utils\"\nimport { emptyState } from \"./empty-state.style\"\n\nexport interface EmptyStateRootProps\n  extends Omit<HTMLStyledProps, \"title\">,\n    ThemeProps<EmptyState> {\n  /**\n   * The empty state description to use.\n   */\n  description?: ReactNode\n  /**\n   * The empty state indicator to use.\n   */\n  indicator?: ReactNode\n  /**\n   * The empty state title to use.\n   */\n  title?: ReactNode\n  /**\n   * The props for the empty state content component.\n   */\n  contentProps?: EmptyStateContentProps\n  /**\n   * The props for the empty state description component.\n   */\n  descriptionProps?: EmptyStateDescriptionProps\n  /**\n   * The props for the empty state indicator component.\n   */\n  indicatorProps?: EmptyStateIndicatorProps\n  /**\n   * The props for the empty state title component.\n   */\n  titleProps?: EmptyStateTitleProps\n}\n\nexport const {\n  PropsContext: EmptyStatePropsContext,\n  usePropsContext: useEmptyStatePropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<EmptyStateRootProps, EmptyState>(\n  \"empty-state\",\n  emptyState,\n)\n\n/**\n * `EmptyState` is used to display when a resource is empty or not available.\n *\n * @see https://yamada-ui.com/components/empty-state\n */\nexport const EmptyStateRoot = withProvider<\"div\", EmptyStateRootProps>(\n  ({\n    children,\n    description,\n    indicator,\n    title,\n    contentProps,\n    descriptionProps,\n    indicatorProps,\n    titleProps,\n    ...rest\n  }) => {\n    const validChildren = getValidChildren(children)\n    const customIndicator = findChild(validChildren, EmptyStateIndicator)\n    const customContent = findChild(validChildren, EmptyStateContent)\n    const customTitle = findChild(validChildren, EmptyStateTitle)\n    const customDescription = findChild(validChildren, EmptyStateDescription)\n\n    const computedChildren = !isEmpty(validChildren)\n      ? omitChildren(\n          validChildren,\n          EmptyStateIndicator,\n          EmptyStateTitle,\n          EmptyStateContent,\n          EmptyStateDescription,\n        )\n      : children\n\n    return (\n      <styled.div {...rest}>\n        {customIndicator ?? (\n          <EmptyStateIndicator {...indicatorProps}>\n            {indicator}\n          </EmptyStateIndicator>\n        )}\n\n        {customContent ?? (\n          <EmptyStateContent {...contentProps}>\n            {customTitle ?? (\n              <EmptyStateTitle {...titleProps}>{title}</EmptyStateTitle>\n            )}\n\n            {customDescription ?? (\n              <EmptyStateDescription {...descriptionProps}>\n                {description}\n              </EmptyStateDescription>\n            )}\n          </EmptyStateContent>\n        )}\n\n        {computedChildren}\n      </styled.div>\n    )\n  },\n  \"root\",\n)()\n\nexport interface EmptyStateIndicatorProps extends HTMLStyledProps {}\n\nexport const EmptyStateIndicator = withContext<\"div\", EmptyStateIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface EmptyStateContentProps extends HTMLStyledProps {}\n\nexport const EmptyStateContent = withContext<\"div\", EmptyStateContentProps>(\n  \"div\",\n  \"content\",\n)()\n\nexport interface EmptyStateTitleProps extends HTMLStyledProps<\"h3\"> {}\n\nexport const EmptyStateTitle = withContext<\"h3\", EmptyStateTitleProps>(\n  \"h3\",\n  \"title\",\n)()\n\nexport interface EmptyStateDescriptionProps extends HTMLStyledProps<\"p\"> {}\n\nexport const EmptyStateDescription = withContext<\n  \"p\",\n  EmptyStateDescriptionProps\n>(\"p\", \"description\")()\n"],"mappings":";;;;;;;;;;;;AA0CA,MAAa,EACX,cAAc,wBACd,iBAAiB,2BACjB,aACA,cACD,GAAG,6DACF,eACAA,4DACD;;;;;;AAOD,MAAa,iBAAiB,aAC5B,CAAC,EACC,UACA,aACA,WACA,OACA,cACA,kBACA,gBACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,kBAAkB,iCAAU,eAAe,oBAAoB;CACrE,MAAM,gBAAgB,iCAAU,eAAe,kBAAkB;CACjE,MAAM,cAAc,iCAAU,eAAe,gBAAgB;CAC7D,MAAM,oBAAoB,iCAAU,eAAe,sBAAsB;CAEzE,MAAM,oBAAoB,uCAAQ,cAAc,GAC5C,oCACE,eACA,qBACA,iBACA,mBACA,sBACD,GACD;AAEJ,wBACE,4BAACC,mCAAO;EAAI,GAAI;;GACb,mCACC,2BAAC;IAAoB,GAAI;cACtB;KACmB;GAGvB,iCACC,4BAAC;IAAkB,GAAI;eACpB,+BACC,2BAAC;KAAgB,GAAI;eAAa;MAAwB,EAG3D,qCACC,2BAAC;KAAsB,GAAI;eACxB;MACqB;KAER;GAGrB;;GACU;AAEhB,GACD,OACD,EAAE;AAIH,MAAa,sBAAsB,YACjC,OACA,YACD,EAAE;AAIH,MAAa,oBAAoB,YAC/B,OACA,UACD,EAAE;AAIH,MAAa,kBAAkB,YAC7B,MACA,QACD,EAAE;AAIH,MAAa,wBAAwB,YAGnC,KAAK,cAAc,EAAE"}

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

@@ -4,7 +4,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
 const require_utils_context = require('../../utils/context.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_field_field_style = require('./field.style.cjs');
@@ -31,7 +32,7 @@ const FieldRoot = withProvider(({ id, children, disabled, errorMessage, helperMe
 	const customLabel = require_utils_children.findChild(validChildren, FieldLabel);
 	const customHelperMessage = require_utils_children.findChild(validChildren, FieldHelperMessage);
 	const customErrorMessage = require_utils_children.findChild(validChildren, FieldErrorMessage);
-	const cloneChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, FieldLabel, FieldHelperMessage, FieldErrorMessage) : children;
+	const cloneChildren = !require_utils_common_assertion.isEmpty(validChildren) ? require_utils_children.omitChildren(validChildren, FieldLabel, FieldHelperMessage, FieldErrorMessage) : children;
 	id ??= uuid;
 	const context = (0, react.useMemo)(() => ({
 		id,
@@ -59,10 +60,10 @@ const FieldRoot = withProvider(({ id, children, disabled, errorMessage, helperMe
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldContext, {
 		value: context,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.div, {
-			"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(disabled),
-			"data-focus": (0, require_utils_index.utils_exports.dataAttr)(focused),
-			"data-invalid": (0, require_utils_index.utils_exports.dataAttr)(invalid),
-			"data-readonly": (0, require_utils_index.utils_exports.dataAttr)(readOnly),
+			"data-disabled": require_utils_common_dom.dataAttr(disabled),
+			"data-focus": require_utils_common_dom.dataAttr(focused),
+			"data-invalid": require_utils_common_dom.dataAttr(invalid),
+			"data-readonly": require_utils_common_dom.dataAttr(readOnly),
 			...rest,
 			children: [
 				customLabel || (label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldLabel, {
@@ -90,10 +91,10 @@ const FieldLabel = withContext(({ id, htmlFor, children, optionalIndicator = nul
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.label, {
 		id,
 		htmlFor: htmlFor ?? context?.id,
-		"data-disabled": (0, require_utils_index.utils_exports.dataAttr)(context?.disabled),
-		"data-focus": (0, require_utils_index.utils_exports.dataAttr)(context?.focused),
-		"data-invalid": (0, require_utils_index.utils_exports.dataAttr)(context?.invalid),
-		"data-readonly": (0, require_utils_index.utils_exports.dataAttr)(context?.readOnly),
+		"data-disabled": require_utils_common_dom.dataAttr(context?.disabled),
+		"data-focus": require_utils_common_dom.dataAttr(context?.focused),
+		"data-invalid": require_utils_common_dom.dataAttr(context?.invalid),
+		"data-readonly": require_utils_common_dom.dataAttr(context?.readOnly),
 		...rest,
 		children: [children, required ? requiredIndicator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRequiredIndicator, { children: requiredIndicator }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldRequiredIndicator, {}) : optionalIndicator]
 	});