@yamada-ui/react 1.7.7 → 2.0.0-dev-20250626070331

package/README.md

@@ -66,36 +66,6 @@ npm install @yamada-ui/react
 bun add @yamada-ui/react
 ```
 
-`@yamada-ui/table` and `@yamada-ui/calendar`, among others,
-are not included with `@yamada-ui/react`.
-You will need to install them separately.
-
-```sh
-# Provide a convenient Table component using `@tanstack/react-table`.
-pnpm add @yamada-ui/table
-
-# Provide a convenient Calendar and datePicker, MonthPicker component
-pnpm add @yamada-ui/calendar
-
-# Provide a convenient Carousel component using `embla-carousel-react`.
-pnpm add @yamada-ui/carousel
-
-# Provide a convenient Dropzone component using `react-dropzone`.
-pnpm add @yamada-ui/dropzone
-
-# Provide a convenient Chart component using `recharts`.
-pnpm add @yamada-ui/charts
-
-# Provide a convenient Markdown component using `react-markdown` and `react-syntax-highlighter`.
-pnpm add @yamada-ui/markdown
-
-# Provide a convenient Icon component using `Lucide`.
-pnpm add @yamada-ui/lucide
-
-# a package for conveniently using `Font Awesome`.
-pnpm add @yamada-ui/fontawesome
-```
-
 ## Usage
 
 To get started with using the components, please follow the steps below:

package/dist/cjs/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,49 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__export', {
+  enumerable: true,
+  get: function () {
+    return __export;
+  }
+});
+Object.defineProperty(exports, '__reExport', {
+  enumerable: true,
+  get: function () {
+    return __reExport;
+  }
+});
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/cjs/components/accordion/accordion.cjs

@@ -0,0 +1,158 @@
+"use client";
+
+
+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_core_system_factory = require('../../core/system/factory.cjs');
+const require_core_components_create_component = require('../../core/components/create-component.cjs');
+const require_components_collapse_collapse = require('../collapse/collapse.cjs');
+const require_chevron_down_icon = require('../icon/icons/chevron-down-icon.cjs');
+const require_components_accordion_accordion_style = require('./accordion.style.cjs');
+const require_components_accordion_use_accordion = require('./use-accordion.cjs');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+
+//#region src/components/accordion/accordion.tsx
+const [AccordionItemComponentContext, useAccordionItemComponentContext] = require_utils_context.createContext({ name: "AccordionItemComponentContext" });
+const { ComponentContext: AccordionComponentContext, PropsContext: AccordionPropsContext, useComponentContext: useAccordionComponentContext, usePropsContext: useAccordionPropsContext, withContext, withProvider } = require_core_components_create_component.createSlotComponent("accordion", require_components_accordion_accordion_style.accordionStyle);
+/**
+* `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
+*
+* @see https://yamada-ui.com/components/accordion
+*/
+const AccordionRoot = withProvider(({ icon, iconHidden,...props }) => {
+	const { descendants, focusedIndex, index, multiple, setFocusedIndex, setIndex, toggle, getRootProps } = require_components_accordion_use_accordion.useAccordion(props);
+	const context = (0, react.useMemo)(() => ({
+		focusedIndex,
+		icon,
+		iconHidden,
+		index,
+		multiple,
+		setFocusedIndex,
+		setIndex,
+		toggle
+	}), [
+		focusedIndex,
+		icon,
+		iconHidden,
+		index,
+		multiple,
+		setFocusedIndex,
+		setIndex,
+		toggle
+	]);
+	const componentContext = (0, react.useMemo)(() => ({
+		icon,
+		iconHidden
+	}), [icon, iconHidden]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_accordion_use_accordion.AccordionDescendantsContext, {
+		value: descendants,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_accordion_use_accordion.AccordionContext, {
+			value: context,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionComponentContext, {
+				value: componentContext,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.div, { ...getRootProps() })
+			})
+		})
+	});
+}, "root")();
+const AccordionItem = withContext(({ button, children, icon,...rest }) => {
+	const { disabled, open, getButtonProps, getIconProps, getItemProps, getPanelProps } = require_components_accordion_use_accordion.useAccordionItem(rest);
+	children = (0, require_utils_index.utils_exports.runIfFn)(children, {
+		disabled,
+		expanded: open
+	});
+	const validChildren = require_utils_children.getValidChildren(children);
+	const customAccordionButton = require_utils_children.findChild(validChildren, AccordionButton);
+	const customAccordionPanel = require_utils_children.findChild(validChildren, AccordionPanel);
+	const cloneChildren = !(0, require_utils_index.utils_exports.isEmpty)(validChildren) ? require_utils_children.omitChildren(validChildren, AccordionButton, AccordionPanel) : children;
+	const context = (0, react.useMemo)(() => ({
+		disabled,
+		icon,
+		open,
+		getButtonProps,
+		getIconProps,
+		getPanelProps
+	}), [
+		disabled,
+		getButtonProps,
+		getPanelProps,
+		getIconProps,
+		icon,
+		open
+	]);
+	const componentContext = (0, react.useMemo)(() => ({ icon }), [icon]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_accordion_use_accordion.AccordionItemContext, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionItemComponentContext, {
+			value: componentContext,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.div, {
+				...getItemProps(),
+				children: [customAccordionButton ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionButton, { children: (0, require_utils_index.utils_exports.runIfFn)(button, {
+					disabled,
+					expanded: open
+				}) }), customAccordionPanel ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionPanel, { children: cloneChildren })]
+			})
+		})
+	});
+}, "item")();
+const AccordionButton = withContext(({ children, icon: customIcon, containerProps,...rest }) => {
+	const { icon: rootIcon } = useAccordionComponentContext();
+	const { icon: itemIcon } = useAccordionItemComponentContext();
+	const { disabled, open, getButtonProps } = require_components_accordion_use_accordion.useAccordionItemContext();
+	const props = {
+		disabled,
+		expanded: open
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.h3, {
+		...containerProps,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_core_system_factory.styled.button, {
+			...getButtonProps(rest),
+			children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionIcon, { children: (0, require_utils_index.utils_exports.runIfFn)(itemIcon, props) ?? (0, require_utils_index.utils_exports.runIfFn)(rootIcon, props) ?? (0, require_utils_index.utils_exports.runIfFn)(customIcon, props) })]
+		})
+	});
+}, "button")();
+const AccordionIcon = withContext(({ children = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_chevron_down_icon.ChevronDownIcon, {}),...rest }) => {
+	const { iconHidden } = useAccordionComponentContext();
+	const { getIconProps } = require_components_accordion_use_accordion.useAccordionItemContext();
+	if (iconHidden) return null;
+	if ((0, react.isValidElement)(children)) return (0, react.cloneElement)(children, getIconProps({
+		...rest,
+		...children.props
+	}));
+	return react.Children.count(children) > 1 ? react.Children.only(null) : null;
+}, "icon")();
+const AccordionPanel = withContext(({ animationOpacity, children, delay, duration, endingHeight, startingHeight, transition, transitionEnd, unmountOnExit,...rest }) => {
+	const { open, getPanelProps } = require_components_accordion_use_accordion.useAccordionItemContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_collapse_collapse.Collapse, {
+		animationOpacity,
+		delay,
+		duration,
+		endingHeight,
+		open,
+		startingHeight,
+		transition,
+		transitionEnd,
+		unmountOnExit,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.div, {
+			...getPanelProps(rest),
+			children: (0, require_utils_index.utils_exports.isString)(children) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.p, { children }) : children
+		})
+	});
+}, "panel")();
+
+//#endregion
+exports.AccordionButton = AccordionButton;
+exports.AccordionComponentContext = AccordionComponentContext;
+exports.AccordionIcon = AccordionIcon;
+exports.AccordionItem = AccordionItem;
+exports.AccordionPanel = AccordionPanel;
+exports.AccordionPropsContext = AccordionPropsContext;
+exports.AccordionRoot = AccordionRoot;
+exports.useAccordionComponentContext = useAccordionComponentContext;
+exports.useAccordionPropsContext = useAccordionPropsContext;
+exports.withContext = withContext;
+exports.withProvider = withProvider;
+//# sourceMappingURL=accordion.cjs.map

package/dist/cjs/components/accordion/accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.cjs","names":["accordionStyle","AccordionDescendantsContext","AccordionContext","styled","AccordionItemContext","ChevronDownIcon","Collapse"],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n  createContext,\n  findChild,\n  getValidChildren,\n  isEmpty,\n  omitChildren,\n  runIfFn,\n} from \"../../utils\"\nimport { isString } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n  AccordionContext,\n  AccordionDescendantsContext,\n  AccordionItemContext,\n  useAccordion,\n  useAccordionItem,\n  useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n  disabled?: boolean\n  expanded?: boolean\n}\n\ninterface AccordionComponentContext\n  extends Pick<AccordionRootProps, \"icon\" | \"iconHidden\"> {}\n\nexport interface AccordionRootProps\n  extends Omit<HTMLStyledProps, \"onChange\">,\n    ThemeProps<AccordionStyle>,\n    UseAccordionProps {\n  /**\n   * The accordion icon for all items to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * If `true`, hide the accordion icon for all items.\n   *\n   * @default false\n   */\n  iconHidden?: boolean\n}\n\ninterface AccordionItemComponentContext\n  extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [AccordionItemComponentContext, useAccordionItemComponentContext] =\n  createContext<AccordionItemComponentContext>({\n    name: \"AccordionItemComponentContext\",\n  })\n\nexport const {\n  ComponentContext: AccordionComponentContext,\n  PropsContext: AccordionPropsContext,\n  useComponentContext: useAccordionComponentContext,\n  usePropsContext: useAccordionPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<\n  AccordionRootProps,\n  AccordionStyle,\n  AccordionComponentContext\n>(\"accordion\", accordionStyle)\n\n/**\n * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n *\n * @see https://yamada-ui.com/components/accordion\n */\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n  ({ icon, iconHidden, ...props }) => {\n    const {\n      descendants,\n      focusedIndex,\n      index,\n      multiple,\n      setFocusedIndex,\n      setIndex,\n      toggle,\n      getRootProps,\n    } = useAccordion(props)\n\n    const context = useMemo(\n      () => ({\n        focusedIndex,\n        icon,\n        iconHidden,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      }),\n      [\n        focusedIndex,\n        icon,\n        iconHidden,\n        index,\n        multiple,\n        setFocusedIndex,\n        setIndex,\n        toggle,\n      ],\n    )\n    const componentContext = useMemo(\n      () => ({ icon, iconHidden }),\n      [icon, iconHidden],\n    )\n\n    return (\n      <AccordionDescendantsContext value={descendants}>\n        <AccordionContext value={context}>\n          <AccordionComponentContext value={componentContext}>\n            <styled.div {...getRootProps()} />\n          </AccordionComponentContext>\n        </AccordionContext>\n      </AccordionDescendantsContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface AccordionItemProps\n  extends Omit<HTMLStyledProps, \"children\">,\n    Omit<UseAccordionItemProps, \"children\"> {\n  /**\n   * The accordion button to use.\n   */\n  button?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion children to use.\n   */\n  children?: ReactNodeOrFunction<AccordionCallBackProps>\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n  ({ button, children, icon, ...rest }) => {\n    const {\n      disabled,\n      open,\n      getButtonProps,\n      getIconProps,\n      getItemProps,\n      getPanelProps,\n    } = useAccordionItem(rest)\n\n    children = runIfFn(children, { disabled, expanded: open })\n\n    const validChildren = getValidChildren(children)\n    const customAccordionButton = findChild(validChildren, AccordionButton)\n    const customAccordionPanel = findChild(validChildren, AccordionPanel)\n    const cloneChildren = !isEmpty(validChildren)\n      ? omitChildren(validChildren, AccordionButton, AccordionPanel)\n      : children\n\n    const context = useMemo(\n      () => ({\n        disabled,\n        icon,\n        open,\n        getButtonProps,\n        getIconProps,\n        getPanelProps,\n      }),\n      [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n    )\n    const componentContext = useMemo(() => ({ icon }), [icon])\n\n    return (\n      <AccordionItemContext value={context}>\n        <AccordionItemComponentContext value={componentContext}>\n          <styled.div {...getItemProps()}>\n            {customAccordionButton ?? (\n              <AccordionButton>\n                {runIfFn(button, { disabled, expanded: open })}\n              </AccordionButton>\n            )}\n            {customAccordionPanel ?? (\n              <AccordionPanel>{cloneChildren}</AccordionPanel>\n            )}\n          </styled.div>\n        </AccordionItemComponentContext>\n      </AccordionItemContext>\n    )\n  },\n  \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n  /**\n   * The accordion icon to use.\n   */\n  icon?: ReactNodeOrFunction<{ disabled?: boolean; expanded?: boolean }>\n  /**\n   * Props the container element.\n   */\n  containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n  ({ children, icon: customIcon, containerProps, ...rest }) => {\n    const { icon: rootIcon } = useAccordionComponentContext()\n    const { icon: itemIcon } = useAccordionItemComponentContext()\n    const { disabled, open, getButtonProps } = useAccordionItemContext()\n    const props = { disabled, expanded: open }\n\n    return (\n      <styled.h3 {...containerProps}>\n        <styled.button {...getButtonProps(rest)}>\n          {children}\n\n          <AccordionIcon>\n            {runIfFn(itemIcon, props) ??\n              runIfFn(rootIcon, props) ??\n              runIfFn(customIcon, props)}\n          </AccordionIcon>\n        </styled.button>\n      </styled.h3>\n    )\n  },\n  \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n  ({ children = <ChevronDownIcon />, ...rest }) => {\n    const { iconHidden } = useAccordionComponentContext()\n    const { getIconProps } = useAccordionItemContext()\n\n    if (iconHidden) return null\n\n    if (isValidElement<HTMLProps<\"svg\">>(children))\n      return cloneElement(\n        children,\n        getIconProps({\n          ...rest,\n          ...children.props,\n        }),\n      )\n\n    return Children.count(children) > 1 ? Children.only(null) : null\n  },\n  \"icon\",\n)()\n\nexport interface AccordionPanelProps\n  extends Omit<HTMLStyledProps, \"transition\">,\n    Pick<\n      CollapseProps,\n      | \"animationOpacity\"\n      | \"endingHeight\"\n      | \"startingHeight\"\n      | keyof WithTransitionProps\n    > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n  ({\n    animationOpacity,\n    children,\n    delay,\n    duration,\n    endingHeight,\n    startingHeight,\n    transition,\n    transitionEnd,\n    unmountOnExit,\n    ...rest\n  }) => {\n    const { open, getPanelProps } = useAccordionItemContext()\n\n    return (\n      <Collapse\n        {...{\n          animationOpacity,\n          delay,\n          duration,\n          endingHeight,\n          open,\n          startingHeight,\n          transition,\n          transitionEnd,\n          unmountOnExit,\n        }}\n      >\n        <styled.div {...getPanelProps(rest)}>\n          {isString(children) ? <styled.p>{children}</styled.p> : children}\n        </styled.div>\n      </Collapse>\n    )\n  },\n  \"panel\",\n)()\n"],"mappings":"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"}

package/dist/cjs/components/accordion/accordion.style.cjs

@@ -0,0 +1,54 @@
+const require_core_system_config = require('../../core/system/config.cjs');
+
+//#region src/components/accordion/accordion.style.ts
+const accordionStyle = require_core_system_config.defineComponentSlotStyle({
+	base: {
+		button: {
+			"&[aria-disabled=true]": { cursor: "default" },
+			alignItems: "center",
+			display: "inline-flex",
+			focusVisibleRing: "inside",
+			px: "4",
+			py: "3",
+			transitionDuration: "moderate",
+			transitionProperty: "common",
+			w: "100%",
+			_nativeDisabled: { layerStyle: "disabled" }
+		},
+		icon: {
+			color: "fg.subtle",
+			fontSize: "xl",
+			ml: "auto",
+			transformOrigin: "center",
+			transitionDuration: "moderate",
+			transitionProperty: "transform",
+			_expanded: { transform: "rotate(180deg)" },
+			_disabled: { layerStyle: "disabled" }
+		},
+		item: { overflowAnchor: "none" },
+		panel: {
+			pb: "3",
+			px: "4"
+		},
+		root: {}
+	},
+	variants: {
+		panel: {
+			button: { rounded: "l2" },
+			item: {
+				layerStyle: "panel",
+				rounded: "l2",
+				_notFirst: { mt: "md" }
+			}
+		},
+		plain: { item: {
+			borderTopWidth: "1px",
+			_last: { borderBottomWidth: "1px" }
+		} }
+	},
+	defaultProps: { variant: "plain" }
+});
+
+//#endregion
+exports.accordionStyle = accordionStyle;
+//# sourceMappingURL=accordion.style.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.style.cjs","names":[],"sources":["../../../../src/components/accordion/accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const accordionStyle = defineComponentSlotStyle({\n  base: {\n    button: {\n      \"&[aria-disabled=true]\": {\n        cursor: \"default\",\n      },\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      focusVisibleRing: \"inside\",\n      px: \"4\",\n      py: \"3\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"common\",\n      w: \"100%\",\n      _nativeDisabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    icon: {\n      color: \"fg.subtle\",\n      fontSize: \"xl\",\n      ml: \"auto\",\n      transformOrigin: \"center\",\n      transitionDuration: \"moderate\",\n      transitionProperty: \"transform\",\n      _expanded: {\n        transform: \"rotate(180deg)\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n    item: {\n      overflowAnchor: \"none\",\n    },\n    panel: {\n      pb: \"3\",\n      px: \"4\",\n    },\n    root: {},\n  },\n\n  variants: {\n    panel: {\n      button: {\n        rounded: \"l2\",\n      },\n      item: {\n        layerStyle: \"panel\",\n        rounded: \"l2\",\n        _notFirst: {\n          mt: \"md\",\n        },\n      },\n    },\n    plain: {\n      item: {\n        borderTopWidth: \"1px\",\n        _last: {\n          borderBottomWidth: \"1px\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    variant: \"plain\",\n  },\n})\n\nexport type AccordionStyle = typeof accordionStyle\n"],"mappings":";;;AAEA,MAAa,iBAAiB,oDAAyB;CACrD,MAAM;EACJ,QAAQ;GACN,yBAAyB,EACvB,QAAQ,UACT;GACD,YAAY;GACZ,SAAS;GACT,kBAAkB;GAClB,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,iBAAiB,EACf,YAAY,WACb;EACF;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,WAAW,EACT,WAAW,iBACZ;GACD,WAAW,EACT,YAAY,WACb;EACF;EACD,MAAM,EACJ,gBAAgB,OACjB;EACD,OAAO;GACL,IAAI;GACJ,IAAI;EACL;EACD,MAAM,CAAE;CACT;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EACN,SAAS,KACV;GACD,MAAM;IACJ,YAAY;IACZ,SAAS;IACT,WAAW,EACT,IAAI,KACL;GACF;EACF;EACD,OAAO,EACL,MAAM;GACJ,gBAAgB;GAChB,OAAO,EACL,mBAAmB,MACpB;EACF,EACF;CACF;CAED,cAAc,EACZ,SAAS,QACV;AACF,EAAC"}

package/dist/cjs/components/accordion/index.cjs

@@ -0,0 +1,27 @@
+const require_components_accordion_accordion_style = require('./accordion.style.cjs');
+const require_components_accordion_use_accordion = require('./use-accordion.cjs');
+const require_components_accordion_accordion = require('./accordion.cjs');
+const require_components_accordion_namespace = require('./namespace.cjs');
+
+Object.defineProperty(exports, 'Accordion', {
+  enumerable: true,
+  get: function () {
+    return require_components_accordion_namespace.namespace_exports;
+  }
+});
+exports.AccordionButton = require_components_accordion_accordion.AccordionButton;
+exports.AccordionContext = require_components_accordion_use_accordion.AccordionContext;
+exports.AccordionDescendantsContext = require_components_accordion_use_accordion.AccordionDescendantsContext;
+exports.AccordionItem = require_components_accordion_accordion.AccordionItem;
+exports.AccordionItemContext = require_components_accordion_use_accordion.AccordionItemContext;
+exports.AccordionPanel = require_components_accordion_accordion.AccordionPanel;
+exports.AccordionPropsContext = require_components_accordion_accordion.AccordionPropsContext;
+exports.AccordionRoot = require_components_accordion_accordion.AccordionRoot;
+exports.accordionStyle = require_components_accordion_accordion_style.accordionStyle;
+exports.useAccordion = require_components_accordion_use_accordion.useAccordion;
+exports.useAccordionContext = require_components_accordion_use_accordion.useAccordionContext;
+exports.useAccordionDescendant = require_components_accordion_use_accordion.useAccordionDescendant;
+exports.useAccordionDescendants = require_components_accordion_use_accordion.useAccordionDescendants;
+exports.useAccordionItem = require_components_accordion_use_accordion.useAccordionItem;
+exports.useAccordionItemContext = require_components_accordion_use_accordion.useAccordionItemContext;
+exports.useAccordionPropsContext = require_components_accordion_accordion.useAccordionPropsContext;

package/dist/cjs/components/accordion/namespace.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_accordion_use_accordion = require('./use-accordion.cjs');
+const require_components_accordion_accordion = require('./accordion.cjs');
+
+//#region src/components/accordion/namespace.ts
+var namespace_exports = {};
+require_rolldown_runtime.__export(namespace_exports, {
+	Button: () => require_components_accordion_accordion.AccordionButton,
+	Context: () => require_components_accordion_use_accordion.AccordionContext,
+	DescendantsContext: () => require_components_accordion_use_accordion.AccordionDescendantsContext,
+	Item: () => require_components_accordion_accordion.AccordionItem,
+	ItemContext: () => require_components_accordion_use_accordion.AccordionItemContext,
+	Panel: () => require_components_accordion_accordion.AccordionPanel,
+	PropsContext: () => require_components_accordion_accordion.AccordionPropsContext,
+	Root: () => require_components_accordion_accordion.AccordionRoot,
+	useContext: () => require_components_accordion_use_accordion.useAccordionContext,
+	useDescendant: () => require_components_accordion_use_accordion.useAccordionDescendant,
+	useDescendants: () => require_components_accordion_use_accordion.useAccordionDescendants,
+	useItemContext: () => require_components_accordion_use_accordion.useAccordionItemContext,
+	usePropsContext: () => require_components_accordion_accordion.useAccordionPropsContext
+});
+
+//#endregion
+exports.Button = require_components_accordion_accordion.AccordionButton;
+exports.Context = require_components_accordion_use_accordion.AccordionContext;
+exports.DescendantsContext = require_components_accordion_use_accordion.AccordionDescendantsContext;
+exports.Item = require_components_accordion_accordion.AccordionItem;
+exports.ItemContext = require_components_accordion_use_accordion.AccordionItemContext;
+exports.Panel = require_components_accordion_accordion.AccordionPanel;
+exports.PropsContext = require_components_accordion_accordion.AccordionPropsContext;
+exports.Root = require_components_accordion_accordion.AccordionRoot;
+Object.defineProperty(exports, 'namespace_exports', {
+  enumerable: true,
+  get: function () {
+    return namespace_exports;
+  }
+});
+exports.useContext = require_components_accordion_use_accordion.useAccordionContext;
+exports.useDescendant = require_components_accordion_use_accordion.useAccordionDescendant;
+exports.useDescendants = require_components_accordion_use_accordion.useAccordionDescendants;
+exports.useItemContext = require_components_accordion_use_accordion.useAccordionItemContext;
+exports.usePropsContext = require_components_accordion_accordion.useAccordionPropsContext;
+//# sourceMappingURL=namespace.cjs.map

package/dist/cjs/components/accordion/namespace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/accordion/namespace.ts"],"sourcesContent":["export {\n  AccordionButton as Button,\n  AccordionItem as Item,\n  AccordionPanel as Panel,\n  AccordionPropsContext as PropsContext,\n  AccordionRoot as Root,\n  useAccordionPropsContext as usePropsContext,\n} from \"./accordion\"\nexport type {\n  AccordionButtonProps as ButtonProps,\n  AccordionItemProps as ItemProps,\n  AccordionPanelProps as PanelProps,\n  AccordionRootProps as RootProps,\n} from \"./accordion\"\nexport {\n  AccordionContext as Context,\n  AccordionDescendantsContext as DescendantsContext,\n  AccordionItemContext as ItemContext,\n  useAccordionContext as useContext,\n  useAccordionDescendant as useDescendant,\n  useAccordionDescendants as useDescendants,\n  useAccordionItemContext as useItemContext,\n} from \"./use-accordion\"\n"],"mappings":""}

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

@@ -0,0 +1,163 @@
+"use client";
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils_context = require('../../utils/context.cjs');
+const require_utils_ref = require('../../utils/ref.cjs');
+const require_utils_index = require('../../utils/index.cjs');
+const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
+const require_hooks_use_descendant_index = require('../../hooks/use-descendant/index.cjs');
+const react = require_rolldown_runtime.__toESM(require("react"));
+
+//#region src/components/accordion/use-accordion.ts
+const { DescendantsContext: AccordionDescendantsContext, useDescendant: useAccordionDescendant, useDescendants: useAccordionDescendants } = require_hooks_use_descendant_index.createDescendant();
+const [AccordionContext, useAccordionContext] = require_utils_context.createContext({ name: "AccordionContext" });
+const [AccordionItemContext, useAccordionItemContext] = require_utils_context.createContext({ name: "AccordionItemContext" });
+const useAccordion = ({ defaultIndex: defaultIndexProp, index: indexProp, multiple, toggle, onChange,...rest } = {}) => {
+	if ((indexProp || defaultIndexProp) != null && !(0, require_utils_index.utils_exports.isArray)(indexProp || defaultIndexProp) && multiple) console.warn(`Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`);
+	if (multiple && toggle) console.warn(`Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`);
+	const descendants = useAccordionDescendants();
+	const [focusedIndex, setFocusedIndex] = (0, react.useState)(-1);
+	const [index, setIndex] = require_hooks_use_controllable_state_index.useControllableState({
+		defaultValue: () => multiple ? defaultIndexProp ?? [] : defaultIndexProp ?? -1,
+		value: indexProp,
+		onChange
+	});
+	const getRootProps = (0, react.useCallback)(({ ref,...props } = {}) => ({
+		...props,
+		...rest,
+		ref: require_utils_ref.mergeRefs(ref, rest.ref)
+	}), [rest]);
+	(0, react.useEffect)(() => {
+		return () => setFocusedIndex(-1);
+	}, []);
+	return {
+		descendants,
+		focusedIndex,
+		index,
+		multiple,
+		setFocusedIndex,
+		setIndex,
+		toggle,
+		getRootProps
+	};
+};
+const useAccordionItem = ({ disabled,...rest } = {}) => {
+	const itemId = (0, react.useId)();
+	const panelId = (0, react.useId)();
+	const { index: selectedIndex, multiple, setFocusedIndex, setIndex, toggle } = useAccordionContext();
+	const { descendants, index, register } = useAccordionDescendant({ disabled });
+	const open = index !== -1 ? (0, require_utils_index.utils_exports.isArray)(selectedIndex) ? selectedIndex.includes(index) : selectedIndex === index : false;
+	if (open && disabled) console.warn(`Accordion: Cannot open a disabled accordion item`);
+	const onChange = (0, react.useCallback)((open$1) => {
+		if (index === -1) return;
+		if (multiple && (0, require_utils_index.utils_exports.isArray)(selectedIndex)) setIndex(open$1 ? selectedIndex.concat(index) : selectedIndex.filter((i) => i !== index));
+		else if (open$1) setIndex(index);
+		else if (toggle) setIndex(-1);
+	}, [
+		multiple,
+		toggle,
+		index,
+		selectedIndex,
+		setIndex
+	]);
+	const onFocus = (0, react.useCallback)(() => {
+		setFocusedIndex(index);
+	}, [setFocusedIndex, index]);
+	const onClick = (0, react.useCallback)(() => {
+		onChange(!open);
+		setFocusedIndex(index);
+	}, [
+		index,
+		setFocusedIndex,
+		open,
+		onChange
+	]);
+	const onKeyDown = (0, react.useCallback)((ev) => {
+		const actions = {
+			ArrowDown: () => {
+				const next = descendants.enabledNextValue(index);
+				next?.node.focus();
+			},
+			ArrowUp: () => {
+				const prev = descendants.enabledPrevValue(index);
+				prev?.node.focus();
+			},
+			End: () => {
+				const last = descendants.enabledLastValue();
+				last?.node.focus();
+			},
+			Home: () => {
+				const first = descendants.enabledFirstValue();
+				first?.node.focus();
+			}
+		};
+		const action = actions[ev.key];
+		if (!action) return;
+		ev.preventDefault();
+		action(ev);
+	}, [descendants, index]);
+	const getItemProps = (0, react.useCallback)(({ ref,...props } = {}) => ({
+		"data-expanded": (0, require_utils_index.utils_exports.dataAttr)(open),
+		...props,
+		...rest,
+		ref: require_utils_ref.mergeRefs(ref, rest.ref)
+	}), [open, rest]);
+	const getButtonProps = (0, react.useCallback)(({ ref,...props } = {}) => ({
+		id: itemId,
+		type: "button",
+		"aria-controls": panelId,
+		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(!multiple && !toggle && open || disabled),
+		"aria-expanded": open,
+		...props,
+		ref: require_utils_ref.mergeRefs(register, ref),
+		disabled,
+		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onClick),
+		onFocus: (0, require_utils_index.utils_exports.handlerAll)(props.onFocus, onFocus),
+		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown, onKeyDown)
+	}), [
+		itemId,
+		open,
+		panelId,
+		multiple,
+		toggle,
+		disabled,
+		register,
+		onClick,
+		onFocus,
+		onKeyDown
+	]);
+	const getPanelProps = (0, react.useCallback)(({ "aria-labelledby": ariaLabelledby,...props } = {}) => ({
+		id: panelId,
+		"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, itemId),
+		role: "region",
+		...props
+	}), [itemId, panelId]);
+	const getIconProps = (0, react.useCallback)((props) => ({
+		"aria-disabled": (0, require_utils_index.utils_exports.ariaAttr)(disabled),
+		"aria-expanded": open,
+		"aria-hidden": true,
+		role: "presentation",
+		...props
+	}), [open, disabled]);
+	return {
+		disabled,
+		open,
+		getButtonProps,
+		getIconProps,
+		getItemProps,
+		getPanelProps
+	};
+};
+
+//#endregion
+exports.AccordionContext = AccordionContext;
+exports.AccordionDescendantsContext = AccordionDescendantsContext;
+exports.AccordionItemContext = AccordionItemContext;
+exports.useAccordion = useAccordion;
+exports.useAccordionContext = useAccordionContext;
+exports.useAccordionDescendant = useAccordionDescendant;
+exports.useAccordionDescendants = useAccordionDescendants;
+exports.useAccordionItem = useAccordionItem;
+exports.useAccordionItemContext = useAccordionItemContext;
+//# sourceMappingURL=use-accordion.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-accordion.cjs","names":["getRootProps: PropGetter","open: boolean","open","ev: KeyboardEvent<HTMLButtonElement>","actions: { [key: string]: KeyboardEventHandler }","getItemProps: PropGetter","getButtonProps: PropGetter<\"button\">","getPanelProps: PropGetter","getIconProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, KeyboardEventHandler } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  handlerAll,\n  isArray,\n  mergeRefs,\n} from \"../../utils\"\n\nexport const {\n  DescendantsContext: AccordionDescendantsContext,\n  useDescendant: useAccordionDescendant,\n  useDescendants: useAccordionDescendants,\n} = createDescendant<HTMLButtonElement>()\n\ninterface AccordionContext\n  extends Omit<UseAccordionReturn, \"descendants\" | \"getRootProps\"> {}\n\nexport const [AccordionContext, useAccordionContext] =\n  createContext<AccordionContext>({\n    name: \"AccordionContext\",\n  })\n\ninterface AccordionItemContext\n  extends Omit<UseAccordionItemReturn, \"getItemProps\"> {}\n\nexport const [AccordionItemContext, useAccordionItemContext] =\n  createContext<AccordionItemContext>({\n    name: \"AccordionItemContext\",\n  })\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n  /**\n   * The initial index(es) of the accordion item to expand.\n   */\n  defaultIndex?: number | number[]\n  /**\n   * The index(es) of the accordion item to expand.\n   */\n  index?: number | number[]\n  /**\n   * If `true`, multiple accordion items can be expanded at once.\n   *\n   * @default false\n   */\n  multiple?: boolean\n  /**\n   * If `true`, any expanded accordion item can be collapsed again.\n   *\n   * @default false\n   */\n  toggle?: boolean\n  /**\n   * The callback invoked when accordion items are expanded or collapsed.\n   */\n  onChange?: (index: number | number[]) => void\n}\n\nexport const useAccordion = ({\n  defaultIndex: defaultIndexProp,\n  index: indexProp,\n  multiple,\n  toggle,\n  onChange,\n  ...rest\n}: UseAccordionProps = {}) => {\n  if (\n    (indexProp || defaultIndexProp) != null &&\n    !isArray(indexProp || defaultIndexProp) &&\n    multiple\n  ) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n    )\n  }\n\n  if (multiple && toggle) {\n    console.warn(\n      `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n    )\n  }\n\n  const descendants = useAccordionDescendants()\n\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n  const [index, setIndex] = useControllableState({\n    defaultValue: () =>\n      multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n    value: indexProp,\n    onChange,\n  })\n\n  const getRootProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\n    [rest],\n  )\n\n  useEffect(() => {\n    return () => setFocusedIndex(-1)\n  }, [])\n\n  return {\n    descendants,\n    focusedIndex,\n    index,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n    getRootProps,\n  }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n  /**\n   * If `true`, the accordion item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n  disabled,\n  ...rest\n}: UseAccordionItemProps = {}) => {\n  const itemId = useId()\n  const panelId = useId()\n  const {\n    index: selectedIndex,\n    multiple,\n    setFocusedIndex,\n    setIndex,\n    toggle,\n  } = useAccordionContext()\n  const { descendants, index, register } = useAccordionDescendant({ disabled })\n  const open =\n    index !== -1\n      ? isArray(selectedIndex)\n        ? selectedIndex.includes(index)\n        : selectedIndex === index\n      : false\n\n  if (open && disabled)\n    console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n  const onChange = useCallback(\n    (open: boolean) => {\n      if (index === -1) return\n\n      if (multiple && isArray(selectedIndex)) {\n        setIndex(\n          open\n            ? selectedIndex.concat(index)\n            : selectedIndex.filter((i) => i !== index),\n        )\n      } else if (open) {\n        setIndex(index)\n      } else if (toggle) {\n        setIndex(-1)\n      }\n    },\n    [multiple, toggle, index, selectedIndex, setIndex],\n  )\n\n  const onFocus = useCallback(() => {\n    setFocusedIndex(index)\n  }, [setFocusedIndex, index])\n\n  const onClick = useCallback(() => {\n    onChange(!open)\n    setFocusedIndex(index)\n  }, [index, setFocusedIndex, open, onChange])\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLButtonElement>) => {\n      const actions: { [key: string]: KeyboardEventHandler } = {\n        ArrowDown: () => {\n          const next = descendants.enabledNextValue(index)\n\n          next?.node.focus()\n        },\n        ArrowUp: () => {\n          const prev = descendants.enabledPrevValue(index)\n\n          prev?.node.focus()\n        },\n        End: () => {\n          const last = descendants.enabledLastValue()\n\n          last?.node.focus()\n        },\n        Home: () => {\n          const first = descendants.enabledFirstValue()\n\n          first?.node.focus()\n        },\n      }\n\n      const action = actions[ev.key]\n\n      if (!action) return\n\n      ev.preventDefault()\n      action(ev)\n    },\n    [descendants, index],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      \"data-expanded\": dataAttr(open),\n      ...props,\n      ...rest,\n      ref: mergeRefs(ref, rest.ref),\n    }),\n    [open, rest],\n  )\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: itemId,\n      type: \"button\",\n      \"aria-controls\": panelId,\n      \"aria-disabled\": ariaAttr((!multiple && !toggle && open) || disabled),\n      \"aria-expanded\": open,\n      ...props,\n      ref: mergeRefs(register, ref),\n      disabled,\n      onClick: handlerAll(props.onClick, onClick),\n      onFocus: handlerAll(props.onFocus, onFocus),\n      onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n    }),\n    [\n      itemId,\n      open,\n      panelId,\n      multiple,\n      toggle,\n      disabled,\n      register,\n      onClick,\n      onFocus,\n      onKeyDown,\n    ],\n  )\n\n  const getPanelProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      id: panelId,\n      \"aria-labelledby\": cx(ariaLabelledby, itemId),\n      role: \"region\",\n      ...props,\n    }),\n    [itemId, panelId],\n  )\n\n  const getIconProps: PropGetter<\"svg\"> = useCallback(\n    (props) => ({\n      \"aria-disabled\": ariaAttr(disabled),\n      \"aria-expanded\": open,\n      \"aria-hidden\": true,\n      role: \"presentation\",\n      ...props,\n    }),\n    [open, disabled],\n  )\n\n  return {\n    disabled,\n    open,\n    getButtonProps,\n    getIconProps,\n    getItemProps,\n    getPanelProps,\n  }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}