@cerberus-design/react 0.22.0 → 0.23.0

package/src/components/clipboard/parts.ts

@@ -0,0 +1,74 @@
+import type { ElementType } from 'react'
+import {
+  ClipboardRoot,
+  ClipboardLabel,
+  ClipboardControl,
+  ClipboardContext,
+  ClipboardInput,
+} from './primitives'
+import { CopyText } from './copy-text'
+import { CopyIndicator } from './copy-indicator'
+import { TriggerWithTooltip } from './trigger'
+
+/**
+ * This module contains the parts of the Clipboard component.
+ * @module 'clipboard/parts'
+ */
+
+interface ClipboardPartsValue {
+  /**
+   * The root context provider of the clipboard.
+   */
+  Root: ElementType
+  /**
+   * The label of the clipboard.
+   */
+  Label: ElementType
+  /**
+   * The control of the clipboard.
+   */
+  Control: ElementType
+  /**
+   * The input of the clipboard.
+   */
+  Input: ElementType
+  /**
+   * The raw context of the clipboard. Useful for obtaining the context state
+   * within the hierarchy of the clipboard component.
+   */
+  Context: ElementType
+  /**
+   * The trigger of the clipboard.
+   */
+  Trigger: ElementType
+  /**
+   * A simple abstraction around the `Clipboard.Indicator` component that
+   * provides default "Copy" and "Copied" icons.
+   */
+  Indicator: ElementType
+  /**
+   * A simple abstraction around the `Clipboard.Indicator` component that
+   * provides default "Copy" and "Copied" text.
+   */
+  CopyText: ElementType
+}
+
+/**
+ * An Object containing the parts of the Clipboard component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the Clipboard parts object and
+ * the entire family of components versus only what you use.
+ */
+export const Clipboard: ClipboardPartsValue = {
+  Root: ClipboardRoot,
+  Label: ClipboardLabel,
+  Control: ClipboardControl,
+  Context: ClipboardContext,
+  Input: ClipboardInput,
+  Trigger: TriggerWithTooltip,
+  Indicator: CopyIndicator,
+  CopyText: CopyText,
+}

package/src/components/clipboard/primitives.ts

@@ -0,0 +1,56 @@
+import {
+  Clipboard,
+  type ClipboardContextProps as ArkContextProps,
+  type ClipboardRootProps as ArkRootProps,
+  type ClipboardLabelProps as ArkLabelProps,
+  type ClipboardControlProps as ArkControlProps,
+  type ClipboardInputProps as ArkInputProps,
+  type ClipboardTriggerProps as ArkTriggerProps,
+  type ClipboardIndicatorProps as ArkIndicatorProps,
+} from '@ark-ui/react/clipboard'
+import {
+  createCerberusPrimitive,
+  type CerberusPrimitiveProps,
+} from '../../system/index'
+
+/**
+ * This module contains the Clipboard component primitives.
+ * @module @cerberus-design/react/components/clipboard/primitives
+ */
+
+const { withNoRecipe } = createCerberusPrimitive()
+
+// Context
+
+export type ClipboardContextProps = ArkContextProps
+export const ClipboardContext = Clipboard.Context
+
+// Root
+
+export type ClipboardRootProps = CerberusPrimitiveProps<ArkRootProps>
+export const ClipboardRoot = withNoRecipe(Clipboard.Root)
+
+// Label
+
+export type ClipboardLabelProps = CerberusPrimitiveProps<ArkLabelProps>
+export const ClipboardLabel = withNoRecipe(Clipboard.Label)
+
+// Control
+
+export type ClipboardControlProps = CerberusPrimitiveProps<ArkControlProps>
+export const ClipboardControl = withNoRecipe(Clipboard.Control)
+
+// Input
+
+export type ClipboardInputProps = CerberusPrimitiveProps<ArkInputProps>
+export const ClipboardInput = withNoRecipe(Clipboard.Input)
+
+// Trigger
+
+export type ClipboardTriggerProps = CerberusPrimitiveProps<ArkTriggerProps>
+export const ClipboardTrigger = withNoRecipe(Clipboard.Trigger)
+
+// Indicator
+
+export type ClipboardIndicatorProps = CerberusPrimitiveProps<ArkIndicatorProps>
+export const ClipboardIndicator = withNoRecipe(Clipboard.Indicator)

package/src/components/clipboard/trigger.tsx

@@ -0,0 +1,14 @@
+import { Tooltip } from '../tooltip/index'
+import { ClipboardTrigger, type ClipboardTriggerProps } from './primitives'
+import { CopyText } from './copy-text'
+
+/**
+ * A Clipboard trigger wrapped with a Tooltip that displays the copy status.
+ */
+export function TriggerWithTooltip(props: ClipboardTriggerProps) {
+  return (
+    <Tooltip closeOnClick={false} content={<CopyText />} asChild>
+      <ClipboardTrigger {...props} />
+    </Tooltip>
+  )
+}

package/src/components/collapsible/index.ts

@@ -0,0 +1,2 @@
+export * from './parts'
+export * from './primitives'

package/src/components/collapsible/parts.ts

@@ -0,0 +1,47 @@
+import type { ElementType } from 'react'
+import {
+  CollapsibleRoot,
+  CollapsibleTrigger,
+  CollapsibleIndicator,
+  CollapsibleContent,
+} from './primitives'
+
+/**
+ * This module contains the parts of the Collapsible component.
+ * @module 'collapsible/parts'
+ */
+
+interface CollapsiblePartsValue {
+  /**
+   * The context provider of the collapsible.
+   */
+  Root: ElementType
+  /**
+   * The button that toggles the collapsible.
+   */
+  Trigger: ElementType
+  /**
+   * The indicator that shows the state of the collapsible.
+   */
+  Indicator: ElementType
+  /**
+   * The content of the collapsible.
+   */
+  Content: ElementType
+}
+
+/**
+ * An Object containing the parts of the Collapsible component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CollapsibleParts object and
+ * the entire family of components vs. only what you use.
+ */
+export const Collapsible: CollapsiblePartsValue = {
+  Root: CollapsibleRoot,
+  Trigger: CollapsibleTrigger,
+  Indicator: CollapsibleIndicator,
+  Content: CollapsibleContent,
+}

package/src/components/collapsible/primitives.tsx

@@ -0,0 +1,47 @@
+import {
+  Collapsible,
+  type CollapsibleRootProps as ArkCollapsibleRootProps,
+  type CollapsibleTriggerProps as ArkCollapsibleTriggerProps,
+  type CollapsibleIndicatorProps as ArkCollapsibleIndicatorProps,
+  type CollapsibleContentProps as ArkCollapsibleContentProps,
+} from '@ark-ui/react/collapsible'
+import {
+  collapsible,
+  type CollapsibleVariantProps,
+} from 'styled-system/recipes'
+import {
+  createCerberusPrimitive,
+  type CerberusPrimitiveProps,
+} from '../../system/index'
+
+/**
+ * This module contains all the primitives of the Collapsible component.
+ * @module 'collapsible'
+ */
+
+const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(collapsible)
+
+// Root
+
+export type CollapsibleRootProps =
+  CerberusPrimitiveProps<ArkCollapsibleRootProps>
+export const CollapsibleRoot = withNoRecipe(Collapsible.Root)
+
+// Trigger
+
+export type CollapsibleTriggerProps =
+  CerberusPrimitiveProps<ArkCollapsibleTriggerProps>
+export const CollapsibleTrigger = withNoRecipe(Collapsible.Trigger)
+
+// Indicator
+
+export type CollapsibleIndicatorProps =
+  CerberusPrimitiveProps<ArkCollapsibleIndicatorProps>
+export const CollapsibleIndicator = withNoRecipe(Collapsible.Indicator)
+
+// Content
+
+export type CollapsibleContentProps = CerberusPrimitiveProps<
+  ArkCollapsibleContentProps & CollapsibleVariantProps
+>
+export const CollapsibleContent = withSlotRecipe(Collapsible.Content, 'content')

package/src/components/icon-button/button.tsx

@@ -5,23 +5,35 @@ import { IconButtonRoot, type IconButtonRootProps } from './primitives'
  * @module
  */
 
-export interface IconButtonProps extends IconButtonRootProps {
+type NonClipboardIconButtonProps = {
   /**
    * The aria-label attribute for the icon button.
    */
   ariaLabel: string
+  clipboard?: never
 }
 
+type ClipboardIconButtonProps = {
+  ariaLabel?: never
+  /**
+   * If true, the icon button is used as a clipboard trigger.
+   * In this case, the aria-label defaults to "Copy to clipboard".
+   */
+  clipboard: true
+}
+
+export type IconButtonProps = IconButtonRootProps &
+  (NonClipboardIconButtonProps | ClipboardIconButtonProps)
 /**
  * A component that allows the user to perform actions using an icon
  * @see https://cerberus.digitalu.design/react/icon-button
  */
 export function IconButton(props: IconButtonProps) {
-  const { ariaLabel, ...rootProps } = props
+  const { ariaLabel, clipboard, ...rootProps } = props
   return (
     <IconButtonRoot
       {...rootProps}
-      aria-label={ariaLabel ?? 'Icon Button'}
+      {...(!clipboard && { 'aria-label': ariaLabel })}
       data-scope="icon-button"
       data-part="root"
     />

package/src/components/split-button/button.tsx

@@ -1,11 +1,11 @@
 'use client'
 
-import type { PropsWithChildren } from 'react'
 import { useCerberusContext } from '../../context/cerberus'
 import { splitProps } from '../../utils'
 import { Button, ButtonGroup, type ButtonProps } from '../button/index'
 import { IconButton } from '../icon-button/index'
 import { Menu, MenuTrigger, MenuContent } from '../menu/index'
+import type { CerberusPrimitiveProps } from '../../system/types'
 
 /**
  * This module provides an abstraction for a SplitButton component.
@@ -21,7 +21,7 @@ export interface SplitButtonProps extends ButtonProps {
  * dropdown menu for additional actions.
  * @definition [Cerberus docs](https://cerberus.digitalu.designdocs/components/split-button)
  */
-export function SplitButton(props: PropsWithChildren<SplitButtonProps>) {
+export function SplitButton(props: CerberusPrimitiveProps<SplitButtonProps>) {
   const [elProps, { usage = 'filled', actionText }, actionProps] = splitProps(
     props,
     ['children'],

package/src/config/icons/checkbox.icons.tsx

@@ -39,3 +39,60 @@ export function IndeterminateIcon() {
     </svg>
   )
 }
+
+/**
+ * Animated checkmark icon for Clipboard.Indicator component
+ */
+export function AnimatedCheckmarkIcon() {
+  return (
+    <svg
+      aria-hidden="true"
+      role="img"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+    >
+      <path
+        fill="none"
+        stroke="currentColor"
+        strokeDasharray={24}
+        strokeDashoffset={24}
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M5 11l6 6l10 -10"
+      >
+        <animate
+          fill="freeze"
+          attributeName="stroke-dashoffset"
+          dur="0.28s"
+          values="24;0"
+        ></animate>
+      </path>
+    </svg>
+  )
+}
+
+/**
+ * Copy icon for Clipboard.Indicator component
+ */
+export function CopyIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      aria-hidden="true"
+      role="img"
+      viewBox="0 0 32 32"
+    >
+      <title>copy</title>
+      <path
+        d="M28 10v18H10V10zm0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2"
+        fill="currentColor"
+      />
+      <path d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" fill="currentColor" />
+      <path
+        fill="none"
+        d="M0 0h32v32H0z"
+        data-name="&lt;Transparent Rectangle&gt;"
+      />
+    </svg>
+  )
+}

package/src/index.ts

@@ -25,6 +25,8 @@ export * from './components/button/index'
 export * from './components/carousel/index'
 export * from './components/checkbox/index'
 export * from './components/circular-progress/index'
+export * from './components/clipboard/index'
+export * from './components/collapsible/index'
 export * from './components/combobox/index'
 export * from './components/cta-dialog/index'
 export * from './components/date-picker/index'

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-content.cjs

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const createSplitProps = require('../../utils/create-split-props.cjs');
-const collapsibleContent = require('../collapsible/collapsible-content.cjs');
-const useAccordionContext = require('./use-accordion-context.cjs');
-const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
-const index = require('../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.cjs');
-
-const splitVisibilityProps = createSplitProps.createSplitProps();
-const AccordionItemContent = React.forwardRef((props, ref) => {
-  const accordion = useAccordionContext.useAccordionContext();
-  const itemProps = useAccordionItemPropsContext.useAccordionItemPropsContext();
-  const contentProps = accordion.getItemContentProps(itemProps);
-  const [, itemContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-  const mergedProps = index.mergeProps(itemContentProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(collapsibleContent.CollapsibleContent, { ref, ...mergedProps });
-});
-AccordionItemContent.displayName = "AccordionItemContent";
-
-exports.AccordionItemContent = AccordionItemContent;

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-content.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../../utils/create-split-props.js';
-import { CollapsibleContent } from '../collapsible/collapsible-content.js';
-import { useAccordionContext } from './use-accordion-context.js';
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context.js';
-import { mergeProps } from '../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.js';
-
-const splitVisibilityProps = createSplitProps();
-const AccordionItemContent = forwardRef((props, ref) => {
-  const accordion = useAccordionContext();
-  const itemProps = useAccordionItemPropsContext();
-  const contentProps = accordion.getItemContentProps(itemProps);
-  const [, itemContentProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
-  const mergedProps = mergeProps(itemContentProps, props);
-  return /* @__PURE__ */ jsx(CollapsibleContent, { ref, ...mergedProps });
-});
-AccordionItemContent.displayName = "AccordionItemContent";
-
-export { AccordionItemContent };

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.cjs

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const factory = require('../factory.cjs');
-const useAccordionContext = require('./use-accordion-context.cjs');
-const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
-const index = require('../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.cjs');
-
-const AccordionItemIndicator = React.forwardRef((props, ref) => {
-  const accordion = useAccordionContext.useAccordionContext();
-  const itemProps = useAccordionItemPropsContext.useAccordionItemPropsContext();
-  const mergedProps = index.mergeProps(accordion.getItemIndicatorProps(itemProps), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
-AccordionItemIndicator.displayName = "AccordionItemIndicator";
-
-exports.AccordionItemIndicator = AccordionItemIndicator;

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-indicator.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ark } from '../factory.js';
-import { useAccordionContext } from './use-accordion-context.js';
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context.js';
-import { mergeProps } from '../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.js';
-
-const AccordionItemIndicator = forwardRef((props, ref) => {
-  const accordion = useAccordionContext();
-  const itemProps = useAccordionItemPropsContext();
-  const mergedProps = mergeProps(accordion.getItemIndicatorProps(itemProps), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-AccordionItemIndicator.displayName = "AccordionItemIndicator";
-
-export { AccordionItemIndicator };

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.cjs

@@ -1,30 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const useCollapsibleContext = require('../collapsible/use-collapsible-context.cjs');
-const factory = require('../factory.cjs');
-const useAccordionContext = require('./use-accordion-context.cjs');
-const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
-const index = require('../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.cjs');
-
-const AccordionItemTrigger = React.forwardRef((props, ref) => {
-  const accordion = useAccordionContext.useAccordionContext();
-  const itemProps = useAccordionItemPropsContext.useAccordionItemPropsContext();
-  const collapsible = useCollapsibleContext.useCollapsibleContext();
-  const triggerProps = accordion.getItemTriggerProps(itemProps);
-  const mergedProps = index.mergeProps(
-    {
-      ...triggerProps,
-      "aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
-    },
-    props
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
-AccordionItemTrigger.displayName = "AccordionItemTrigger";
-
-exports.AccordionItemTrigger = AccordionItemTrigger;

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item-trigger.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useCollapsibleContext } from '../collapsible/use-collapsible-context.js';
-import { ark } from '../factory.js';
-import { useAccordionContext } from './use-accordion-context.js';
-import { useAccordionItemPropsContext } from './use-accordion-item-props-context.js';
-import { mergeProps } from '../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.js';
-
-const AccordionItemTrigger = forwardRef((props, ref) => {
-  const accordion = useAccordionContext();
-  const itemProps = useAccordionItemPropsContext();
-  const collapsible = useCollapsibleContext();
-  const triggerProps = accordion.getItemTriggerProps(itemProps);
-  const mergedProps = mergeProps(
-    {
-      ...triggerProps,
-      "aria-controls": collapsible.isUnmounted ? void 0 : triggerProps["aria-controls"]
-    },
-    props
-  );
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
-AccordionItemTrigger.displayName = "AccordionItemTrigger";
-
-export { AccordionItemTrigger };

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item.cjs

@@ -1,36 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const useAccordionContext = require('./use-accordion-context.cjs');
-const useAccordionItemContext = require('./use-accordion-item-context.cjs');
-const collapsibleRoot = require('../collapsible/collapsible-root.cjs');
-const createSplitProps = require('../../utils/create-split-props.cjs');
-const renderStrategy = require('../../utils/render-strategy.cjs');
-const useAccordionItemPropsContext = require('./use-accordion-item-props-context.cjs');
-const index = require('../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.cjs');
-
-const AccordionItem = React.forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ["value", "disabled"]);
-  const accordion = useAccordionContext.useAccordionContext();
-  const renderStrategy$1 = renderStrategy.useRenderStrategyPropsContext();
-  const mergedProps = index.mergeProps(accordion.getItemProps(itemProps), localProps);
-  const item = accordion.getItemState(itemProps);
-  const itemContentProps = accordion.getItemContentProps(itemProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useAccordionItemPropsContext.AccordionItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(useAccordionItemContext.AccordionItemProvider, { value: item, children: /* @__PURE__ */ jsxRuntime.jsx(
-    collapsibleRoot.CollapsibleRoot,
-    {
-      ref,
-      open: item.expanded,
-      ids: { content: itemContentProps.id },
-      ...renderStrategy$1,
-      ...mergedProps
-    }
-  ) }) });
-});
-AccordionItem.displayName = "AccordionItem";
-
-exports.AccordionItem = AccordionItem;

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-item.js

@@ -1,32 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useAccordionContext } from './use-accordion-context.js';
-import { AccordionItemProvider } from './use-accordion-item-context.js';
-import { CollapsibleRoot } from '../collapsible/collapsible-root.js';
-import { createSplitProps } from '../../utils/create-split-props.js';
-import { useRenderStrategyPropsContext } from '../../utils/render-strategy.js';
-import { AccordionItemPropsProvider } from './use-accordion-item-props-context.js';
-import { mergeProps } from '../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.js';
-
-const AccordionItem = forwardRef((props, ref) => {
-  const [itemProps, localProps] = createSplitProps()(props, ["value", "disabled"]);
-  const accordion = useAccordionContext();
-  const renderStrategy = useRenderStrategyPropsContext();
-  const mergedProps = mergeProps(accordion.getItemProps(itemProps), localProps);
-  const item = accordion.getItemState(itemProps);
-  const itemContentProps = accordion.getItemContentProps(itemProps);
-  return /* @__PURE__ */ jsx(AccordionItemPropsProvider, { value: itemProps, children: /* @__PURE__ */ jsx(AccordionItemProvider, { value: item, children: /* @__PURE__ */ jsx(
-    CollapsibleRoot,
-    {
-      ref,
-      open: item.expanded,
-      ids: { content: itemContentProps.id },
-      ...renderStrategy,
-      ...mergedProps
-    }
-  ) }) });
-});
-AccordionItem.displayName = "AccordionItem";
-
-export { AccordionItem };

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-root.cjs

@@ -1,35 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const React = require('react');
-const createSplitProps = require('../../utils/create-split-props.cjs');
-const renderStrategy = require('../../utils/render-strategy.cjs');
-const factory = require('../factory.cjs');
-const useAccordion = require('./use-accordion.cjs');
-const useAccordionContext = require('./use-accordion-context.cjs');
-const index = require('../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.cjs');
-
-const AccordionRoot = React.forwardRef((props, ref) => {
-  const [renderStrategyProps, accordionProps] = renderStrategy.splitRenderStrategyProps(props);
-  const [useAccordionProps, localProps] = createSplitProps.createSplitProps()(accordionProps, [
-    "collapsible",
-    "defaultValue",
-    "disabled",
-    "id",
-    "ids",
-    "multiple",
-    "onFocusChange",
-    "onValueChange",
-    "orientation",
-    "value"
-  ]);
-  const accordion = useAccordion.useAccordion(useAccordionProps);
-  const mergedProps = index.mergeProps(accordion.getRootProps(), localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(useAccordionContext.AccordionProvider, { value: accordion, children: /* @__PURE__ */ jsxRuntime.jsx(renderStrategy.RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) }) });
-});
-AccordionRoot.displayName = "AccordionRoot";
-
-exports.AccordionRoot = AccordionRoot;

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.0_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ark-ui/react/dist/components/accordion/accordion-root.js

@@ -1,31 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../../utils/create-split-props.js';
-import { splitRenderStrategyProps, RenderStrategyPropsProvider } from '../../utils/render-strategy.js';
-import { ark } from '../factory.js';
-import { useAccordion } from './use-accordion.js';
-import { AccordionProvider } from './use-accordion-context.js';
-import { mergeProps } from '../../../../../../../@zag-js_core@1.24.1/node_modules/@zag-js/core/dist/index.js';
-
-const AccordionRoot = forwardRef((props, ref) => {
-  const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
-  const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
-    "collapsible",
-    "defaultValue",
-    "disabled",
-    "id",
-    "ids",
-    "multiple",
-    "onFocusChange",
-    "onValueChange",
-    "orientation",
-    "value"
-  ]);
-  const accordion = useAccordion(useAccordionProps);
-  const mergedProps = mergeProps(accordion.getRootProps(), localProps);
-  return /* @__PURE__ */ jsx(AccordionProvider, { value: accordion, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
-});
-AccordionRoot.displayName = "AccordionRoot";
-
-export { AccordionRoot };