@cerberus-design/react 0.23.0 → 0.24.0

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

@@ -2,7 +2,7 @@
 
 import { useCerberusContext } from '../../context/cerberus'
 import { splitProps } from '../../utils'
-import { Button, ButtonGroup, type ButtonProps } from '../button/index'
+import { ButtonGroup, ButtonParts, type ButtonProps } from '../button/index'
 import { IconButton } from '../icon-button/index'
 import { Menu, MenuTrigger, MenuContent } from '../menu/index'
 import type { CerberusPrimitiveProps } from '../../system/types'
@@ -13,6 +13,9 @@ import type { CerberusPrimitiveProps } from '../../system/types'
  */
 
 export interface SplitButtonProps extends ButtonProps {
+  /** T
+   * he text for the primary action button.
+   */
   actionText: string
 }
 
@@ -35,21 +38,24 @@ export function SplitButton(props: CerberusPrimitiveProps<SplitButtonProps>) {
 
   return (
     <ButtonGroup layout="attached" shape={actionProps.shape}>
-      <Button usage={usage} {...actionProps}>
+      <ButtonParts.Root usage={usage} {...actionProps}>
+        <ButtonParts.Icon />
         {actionText}
-      </Button>
+      </ButtonParts.Root>
 
       <Menu>
         <MenuTrigger>
           <IconButton
             ariaLabel="More options"
             palette={actionProps.palette}
+            disabled={actionProps.pending}
             shape={iconShape}
             usage={usage}
           >
             <SelectArrow />
           </IconButton>
         </MenuTrigger>
+
         <MenuContent>{elProps.children}</MenuContent>
       </Menu>
     </ButtonGroup>

package/src/components/tag/closable.tsx

@@ -0,0 +1,47 @@
+'use client'
+
+import { type ButtonHTMLAttributes } from 'react'
+import { useCerberusContext } from '../../context/cerberus'
+import { IconButton, type IconButtonProps } from '../icon-button'
+import { TagRoot, TagRootProps } from './primitives'
+
+export interface ClosableTagProps extends TagRootProps {
+  /**
+   * The action to be performed when the close button is clicked.
+   */
+  onClick: ButtonHTMLAttributes<HTMLButtonElement>['onClick']
+}
+
+export function ClosableTag(props: ClosableTagProps) {
+  const { onClick, children, ...rootProps } = props
+
+  const { icons } = useCerberusContext()
+  const { close: Close } = icons
+
+  const palette =
+    rootProps.palette === 'page'
+      ? 'secondaryAction'
+      : (rootProps.palette ?? 'secondaryAction')
+
+  return (
+    <TagRoot
+      data-palette={palette}
+      palette={palette}
+      shape="pill"
+      pe="0"
+      {...rootProps}
+    >
+      {children}
+
+      <IconButton
+        ariaLabel="Close"
+        onClick={onClick}
+        palette={palette as IconButtonProps['palette']}
+        usage="filled"
+        size="sm"
+      >
+        <Close />
+      </IconButton>
+    </TagRoot>
+  )
+}

package/src/components/tag/index.ts

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

package/src/components/tag/primitives.ts

@@ -0,0 +1,19 @@
+import {
+  createCerberusPrimitive,
+  type CerberusPrimitiveProps,
+} from '../../system/index'
+import { tag, type TagVariantProps } from 'styled-system/recipes'
+import type { HTMLAttributes } from 'react'
+
+const { withRecipe } = createCerberusPrimitive(tag)
+
+export type TagRootProps = CerberusPrimitiveProps<
+  Omit<HTMLAttributes<HTMLSpanElement>, 'onClick'> & TagVariantProps
+>
+
+export const TagRoot = withRecipe('span', {
+  defaultProps: {
+    'data-scope': 'tag',
+    'data-part': 'root',
+  },
+})

package/src/components/tag/tag.tsx

@@ -1,108 +1,39 @@
-'use client'
+import type { PropsWithChildren } from 'react'
+import { TagRoot, type TagRootProps } from './primitives'
+import { ClosableTag, type ClosableTagProps } from './closable'
 
-import { ark, type HTMLArkProps } from '@ark-ui/react/factory'
-import type { MouseEventHandler, PropsWithChildren } from 'react'
-import { css, cx } from 'styled-system/css'
-import { tag, type TagVariantProps } from 'styled-system/recipes'
-import { useCerberusContext } from '../../context/cerberus'
-import { IconButton } from '../icon-button/index'
-import { Show } from '../show/index'
-
-/**
- * This module contains the tag component.
- * @module
- */
-
-export type StaticTagProps = HTMLArkProps<'span'> &
-  TagVariantProps & {
-    /**
-     * The action to be performed when the tag is clicked. Not available when
-     * the palette or gradient props are provided.
-     */
-    onClick?: never
-  }
-
-export type ClickableTagProps = HTMLArkProps<'span'> & {
-  /**
-   * The gradient to apply to the tag. Not available when the onClick prop is
-   * provided.
-   */
-  gradient?: never
-  /**
-   * The palette to use for the tag. Not available when the onClick prop is
-   * provided.
-   */
-  palette?: never
-  /**
-   * The action to be performed when the tag is clicked.
-   */
-  onClick: MouseEventHandler<HTMLSpanElement>
-  /**
-   * The shape of the tag. Not available when the onClick prop is provided.
-   * @type 'pill' | 'rounded'
-   * @default 'pill'
-   */
-  shape?: never
-  /**
-   * The usage of the tag. Not available when the onClick prop is provided.
-   * @type 'filled' | 'outlined'
-   * @default 'filled'
-   */
-  usage?: never
+function isClosableTag(props: TagProps): props is ClosableTagProps {
+  return 'onClick' in props && typeof props.onClick !== 'undefined'
 }
 
-export type TagProps = StaticTagProps | ClickableTagProps
+// Component
+
+export type TagProps = TagRootProps | ClosableTagProps
 
 /**
  * The Tag component is used to display a meta descriptions.
- * @see https://cerberus.digitalu.design/react/tag
+ * @see https://cerberus.digitalu.design/docs/components/tag
  * @example
  * ```tsx
  * <Tag>Tag</Tag>
  * ```
  */
 export function Tag(props: PropsWithChildren<TagProps>) {
-  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props
-  const palette = props?.palette ?? 'page'
-  const isClosable = Boolean(onClick)
-  const shape = isClosable ? 'pill' : initShape
-  const closableStyles = isClosable ? closableCss : ''
-  const { icons } = useCerberusContext()
-  const { close: Close } = icons
+  const { children } = props
+
+  if (isClosableTag(props)) {
+    const { onClick, ...rootProps } = props
+    return (
+      <ClosableTag onClick={onClick} {...rootProps}>
+        {children}
+      </ClosableTag>
+    )
+  }
 
+  const rootProps = props as TagRootProps
   return (
-    <ark.span
-      {...nativeProps}
-      className={cx(
-        nativeProps.className,
-        tag({
-          gradient,
-          palette,
-          shape,
-          usage,
-        }),
-        closableStyles,
-      )}
-    >
-      {props.children}
-
-      <Show when={isClosable}>
-        <IconButton
-          ariaLabel="Close"
-          onClick={onClick}
-          palette="action"
-          usage="filled"
-          size="sm"
-        >
-          <Close />
-        </IconButton>
-      </Show>
-    </ark.span>
+    <TagRoot data-palette={rootProps.palette ?? 'page'} {...rootProps}>
+      {children}
+    </TagRoot>
   )
 }
-
-const closableCss = css({
-  bgColor: 'action.bg.active',
-  color: 'action.text.initial',
-  paddingInlineEnd: '0',
-})

package/src/context/confirm-modal.tsx

@@ -178,7 +178,12 @@ export function ConfirmModal(
     <ConfirmModalContext.Provider value={value}>
       {props.children}
 
-      <DialogProvider open={open} onOpenChange={handleOpenChange}>
+      <DialogProvider
+        lazyMount
+        open={open}
+        onOpenChange={handleOpenChange}
+        unmountOnExit
+      >
         <Dialog
           size="sm"
           style={{

package/src/context/prompt-modal.tsx

@@ -17,9 +17,11 @@ import { css } from 'styled-system/css'
 import { hstack } from 'styled-system/patterns'
 import { FieldLabel, FieldRoot, Input } from '../components/field/index'
 import { Button } from '../components/button/button'
+import { Clipboard } from '../components/clipboard/index'
 import { Show } from '../components/show/index'
 import { Avatar } from '../components/avatar/avatar'
 import { Text } from '../components/text/index'
+import { IconButton } from '../components/icon-button/index'
 import {
   Dialog,
   DialogDescription,
@@ -172,7 +174,12 @@ export function PromptModal(
     <PromptModalContext.Provider value={value}>
       {props.children}
 
-      <DialogProvider open={open} onOpenChange={(e) => setOpen(e.open)}>
+      <DialogProvider
+        lazyMount
+        open={open}
+        onOpenChange={(e) => setOpen(e.open)}
+        unmountOnExit
+      >
         <Dialog
           size="sm"
           style={{
@@ -227,9 +234,28 @@ export function PromptModal(
                   })}
                 >
                   Type
-                  <Text as="strong" textTransform="uppercase">
-                    {content?.key}
-                  </Text>
+                  <Clipboard.Root value={content?.key || ''}>
+                    <Clipboard.Control asChild>
+                      <HStack gap="xs" w="full">
+                        <Clipboard.Label asChild>
+                          <Text as="strong" userSelect="text">
+                            {content?.key}
+                          </Text>
+                        </Clipboard.Label>
+
+                        <Clipboard.Trigger asChild>
+                          <IconButton
+                            clipboard
+                            shape="square"
+                            size="sm"
+                            rounded="xs"
+                          >
+                            <Clipboard.Indicator />
+                          </IconButton>
+                        </Clipboard.Trigger>
+                      </HStack>
+                    </Clipboard.Control>
+                  </Clipboard.Root>
                   to confirm
                 </FieldLabel>
                 <Input name="confirm" onChange={handleChange} type="text" />

package/src/index.client.ts

@@ -0,0 +1,5 @@
+'use client'
+
+// 3rd party client exports
+
+export * from '@dnd-kit/core'

package/src/index.ts

@@ -82,6 +82,6 @@ export * from './system/index'
 
 export * from './types'
 
-// 3rd party
+// 3rd party exports
 
-export * from '@dnd-kit/core'
+export * from './index.client'

package/dist/node_modules/.pnpm/@ark-ui_react@5.25.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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.1_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.2/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 };

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../../utils/create-context.cjs');
-
-const [AccordionItemProvider, useAccordionItemContext] = createContext.createContext({
-  name: "AccordionItemContext",
-  hookName: "useAccordionItemContext",
-  providerName: "<AccordionItemProvider />"
-});
-
-exports.AccordionItemProvider = AccordionItemProvider;
-exports.useAccordionItemContext = useAccordionItemContext;

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

@@ -1,10 +0,0 @@
-'use client';
-import { createContext } from '../../utils/create-context.js';
-
-const [AccordionItemProvider, useAccordionItemContext] = createContext({
-  name: "AccordionItemContext",
-  hookName: "useAccordionItemContext",
-  providerName: "<AccordionItemProvider />"
-});
-
-export { AccordionItemProvider, useAccordionItemContext };