@cerberus-design/react 1.0.0-rc.5 → 1.0.0-rc.7

package/dist/panda.buildinfo.json

@@ -0,0 +1,349 @@
+{
+  "schemaVersion": "1.9.0",
+  "styles": {
+    "atomic": [
+      "display]___[value:flex",
+      "alignItems]___[value:flex-start",
+      "justifyContent]___[value:space-between",
+      "gap]___[value:md",
+      "flexDirection]___[value:column",
+      "width]___[value:full",
+      "alignItems]___[value:center",
+      "justifyContent]___[value:center",
+      "gap]___[value:8px",
+      "flexDirection]___[value:row",
+      "alignSelf]___[value:center",
+      "paddingBlockEnd]___[value:md",
+      "paddingTop]___[value:md",
+      "size]___[value:24",
+      "color]___[value:colorPalette.text.200",
+      "color]___[value:colorPalette.text.inverse]___[cond:_hover<___>_notDisabled",
+      "color]___[value:colorPalette.text.initial",
+      "color]___[value:colorPalette.text.100]___[cond:_hover<___>_notDisabled",
+      "width]___[value:1/2",
+      "position]___[value:relative",
+      "height]___[value:full",
+      "marginBlockStart]___[value:md",
+      "marginBlockEnd]___[value:lg",
+      "gap]___[value:xs",
+      "justifyContent]___[value:stretch",
+      "justifyContent]___[value:flex-start",
+      "marginBlockEnd]___[value:xs",
+      "textStyle]___[value:label-md",
+      "width]___[value:initial",
+      "userSelect]___[value:text",
+      "borderRadius]___[value:xs",
+      "borderColor]___[value:transparent",
+      "backgroundOrigin]___[value:border-box",
+      "backgroundClip]___[value:padding-box, border-box",
+      "backgroundColor]___[value:page.surface.initial",
+      "borderGradient]___[value:charon-light",
+      "color]___[value:page.text.initial",
+      "borderGradient]___[value:charon-dark",
+      "borderGradient]___[value:nyx-light",
+      "borderGradient]___[value:nyx-dark",
+      "borderGradient]___[value:amphiaraus-light",
+      "borderGradient]___[value:amphiaraus-dark",
+      "borderGradient]___[value:styx-light",
+      "borderGradient]___[value:styx-dark",
+      "borderGradient]___[value:thanatos-light",
+      "borderGradient]___[value:thanatos-dark",
+      "borderGradient]___[value:hades-light",
+      "borderGradient]___[value:hades-dark",
+      "borderGradient]___[value:asphodel-light",
+      "borderGradient]___[value:asphodel-dark",
+      "size]___[value:16",
+      "width]___[value:4",
+      "height]___[value:1em",
+      "width]___[value:1em",
+      "gap]___[value:xl",
+      "gap]___[value:lg",
+      "textAlign]___[value:center",
+      "height]___[value:2rem",
+      "paddingInline]___[value:md",
+      "srOnly]___[value:true",
+      "gap]___[value:0.12rem",
+      "textStyle]___[value:label-sm",
+      "color]___[value:page.text.100",
+      "flex]___[value:1",
+      "paddingBlock]___[value:sm",
+      "size]___[value:1rem",
+      "borderEndRadius]___[value:0]___[cond:& > *:first-child",
+      "marginInlineEnd]___[value:-1px]___[cond:& > *:first-child",
+      "borderRadius]___[value:0]___[cond:& > *:not(:first-child):not(:last-child)",
+      "marginInlineEnd]___[value:-1px]___[cond:& > *:not(:first-child):not(:last-child)",
+      "borderStartRadius]___[value:0]___[cond:& > *:last-child",
+      "borderBottomRadius]___[value:0!]___[cond:& > *:first-child",
+      "marginBottom]___[value:-1px]___[cond:& > *:first-child",
+      "borderRadius]___[value:0!]___[cond:& > *:not(:first-child):not(:last-child)",
+      "marginBottom]___[value:-1px]___[cond:& > *:not(:first-child):not(:last-child)",
+      "borderTopRadius]___[value:0!]___[cond:& > *:last-child",
+      "borderBottomRightRadius]___[value:0!]___[cond:& > :is([data-scope=\"icon-button\"])",
+      "paddingInlineEnd]___[value:0",
+      "transform]___[value:scaleX(-1)",
+      "transform]___[value:rotate(180deg)",
+      "colorPalette]___[value:page",
+      "colorPalette]___[value:action",
+      "colorPalette]___[value:secondary-action",
+      "colorPalette]___[value:info",
+      "colorPalette]___[value:success",
+      "colorPalette]___[value:warning",
+      "colorPalette]___[value:danger",
+      "backgroundColor]___[value:page.surface.200",
+      "backgroundColor]___[value:page.surface.100",
+      "borderColor]___[value:page.border.200"
+    ],
+    "recipes": {
+      "dialog": [
+        "size]___[value:md]___[recipe:dialog",
+        "size]___[value:sm]___[recipe:dialog",
+        "size]___[value:auto]___[recipe:dialog",
+        "size]___[value:xs]___[recipe:dialog",
+        "size]___[value:lg]___[recipe:dialog",
+        "size]___[value:full]___[recipe:dialog"
+      ],
+      "avatar": [
+        "gradient]___[value:charon-light]___[recipe:avatar",
+        "size]___[value:md]___[recipe:avatar",
+        "shape]___[value:circle]___[recipe:avatar",
+        "gradient]___[value:hades-dark]___[recipe:avatar",
+        "size]___[value:sm]___[recipe:avatar",
+        "gradient]___[value:amphiaraus-dark]___[recipe:avatar",
+        "gradient]___[value:thanatos-dark]___[recipe:avatar",
+        "gradient]___[value:asphodel-light]___[recipe:avatar",
+        "gradient]___[value:hades-light]___[recipe:avatar",
+        "gradient]___[value:none]___[recipe:avatar",
+        "gradient]___[value:charon-dark]___[recipe:avatar",
+        "gradient]___[value:nyx-light]___[recipe:avatar",
+        "gradient]___[value:nyx-dark]___[recipe:avatar",
+        "gradient]___[value:amphiaraus-light]___[recipe:avatar",
+        "gradient]___[value:styx-light]___[recipe:avatar",
+        "gradient]___[value:styx-dark]___[recipe:avatar",
+        "gradient]___[value:thanatos-light]___[recipe:avatar",
+        "gradient]___[value:asphodel-dark]___[recipe:avatar",
+        "size]___[value:xs]___[recipe:avatar",
+        "size]___[value:lg]___[recipe:avatar",
+        "size]___[value:xl]___[recipe:avatar",
+        "size]___[value:2xl]___[recipe:avatar",
+        "size]___[value:3xl]___[recipe:avatar",
+        "size]___[value:4xl]___[recipe:avatar",
+        "shape]___[value:square]___[recipe:avatar"
+      ],
+      "button": [
+        "palette]___[value:action]___[recipe:button",
+        "usage]___[value:filled]___[recipe:button",
+        "shape]___[value:sharp]___[recipe:button",
+        "size]___[value:md]___[recipe:button",
+        "usage]___[value:outlined]___[recipe:button",
+        "usage]___[value:ghost]___[recipe:button",
+        "shape]___[value:rounded]___[recipe:button",
+        "size]___[value:sm]___[recipe:button",
+        "usage]___[value:outlined-subtle]___[recipe:button",
+        "shape]___[value:default]___[recipe:button",
+        "palette]___[value:secondaryAction]___[recipe:button",
+        "palette]___[value:info]___[recipe:button",
+        "palette]___[value:success]___[recipe:button",
+        "palette]___[value:warning]___[recipe:button",
+        "palette]___[value:danger]___[recipe:button"
+      ],
+      "field": [
+        "size]___[value:lg]___[recipe:field",
+        "size]___[value:sm]___[recipe:field",
+        "size]___[value:md]___[recipe:field"
+      ],
+      "iconButton": [
+        "palette]___[value:action]___[recipe:iconButton",
+        "usage]___[value:ghost]___[recipe:iconButton",
+        "shape]___[value:square]___[recipe:iconButton",
+        "size]___[value:sm]___[recipe:iconButton",
+        "shape]___[value:circle]___[recipe:iconButton",
+        "size]___[value:lg]___[recipe:iconButton",
+        "usage]___[value:outlined-subtle]___[recipe:iconButton",
+        "usage]___[value:filled]___[recipe:iconButton",
+        "palette]___[value:secondaryAction]___[recipe:iconButton",
+        "palette]___[value:info]___[recipe:iconButton",
+        "palette]___[value:success]___[recipe:iconButton",
+        "palette]___[value:warning]___[recipe:iconButton",
+        "palette]___[value:danger]___[recipe:iconButton",
+        "usage]___[value:outlined]___[recipe:iconButton"
+      ],
+      "input": [
+        "size]___[value:lg]___[recipe:input",
+        "size]___[value:sm]___[recipe:input",
+        "size]___[value:md]___[recipe:input"
+      ],
+      "tag": [
+        "palette]___[value:page]___[recipe:tag",
+        "shape]___[value:pill]___[recipe:tag",
+        "usage]___[value:filled]___[recipe:tag",
+        "palette]___[value:secondaryAction]___[recipe:tag",
+        "palette]___[value:info]___[recipe:tag",
+        "palette]___[value:success]___[recipe:tag",
+        "palette]___[value:warning]___[recipe:tag",
+        "palette]___[value:danger]___[recipe:tag",
+        "gradient]___[value:charon-light]___[recipe:tag",
+        "gradient]___[value:charon-dark]___[recipe:tag",
+        "gradient]___[value:nyx-light]___[recipe:tag",
+        "gradient]___[value:nyx-dark]___[recipe:tag",
+        "gradient]___[value:amphiaraus-light]___[recipe:tag",
+        "gradient]___[value:amphiaraus-dark]___[recipe:tag",
+        "gradient]___[value:styx-light]___[recipe:tag",
+        "gradient]___[value:styx-dark]___[recipe:tag",
+        "gradient]___[value:thanatos-light]___[recipe:tag",
+        "gradient]___[value:thanatos-dark]___[recipe:tag",
+        "gradient]___[value:hades-light]___[recipe:tag",
+        "gradient]___[value:hades-dark]___[recipe:tag",
+        "gradient]___[value:asphodel-light]___[recipe:tag",
+        "gradient]___[value:asphodel-dark]___[recipe:tag",
+        "usage]___[value:outlined]___[recipe:tag",
+        "shape]___[value:square]___[recipe:tag"
+      ],
+      "accordion": [
+        "size]___[value:lg]___[recipe:accordion",
+        "size]___[value:sm]___[recipe:accordion"
+      ],
+      "circularProgress": [
+        "usage]___[value:filled]___[recipe:circularProgress",
+        "size]___[value:xs]___[recipe:circularProgress",
+        "usage]___[value:transparent]___[recipe:circularProgress",
+        "size]___[value:sm]___[recipe:circularProgress",
+        "size]___[value:md]___[recipe:circularProgress",
+        "size]___[value:lg]___[recipe:circularProgress"
+      ],
+      "tooltip": [],
+      "combobox": [
+        "size]___[value:md]___[recipe:combobox",
+        "size]___[value:sm]___[recipe:combobox",
+        "size]___[value:lg]___[recipe:combobox"
+      ],
+      "datePicker": [],
+      "fileStatus": [
+        "status]___[value:todo]___[recipe:fileStatus",
+        "status]___[value:processing]___[recipe:fileStatus",
+        "status]___[value:done]___[recipe:fileStatus",
+        "status]___[value:error]___[recipe:fileStatus"
+      ],
+      "progressBar": [
+        "size]___[value:sm]___[recipe:progressBar",
+        "usage]___[value:rounded]___[recipe:progressBar",
+        "size]___[value:md]___[recipe:progressBar",
+        "usage]___[value:block]___[recipe:progressBar"
+      ],
+      "toast": [],
+      "group": [
+        "orientation]___[value:horizontal]___[recipe:group",
+        "layout]___[value:default]___[recipe:group",
+        "layout]___[value:attached]___[recipe:group",
+        "orientation]___[value:vertical]___[recipe:group",
+        "layout]___[value:grow]___[recipe:group"
+      ],
+      "radioGroup": [
+        "orientation]___[value:horizontal]___[recipe:radioGroup",
+        "size]___[value:sm]___[recipe:radioGroup",
+        "orientation]___[value:vertical]___[recipe:radioGroup",
+        "size]___[value:md]___[recipe:radioGroup"
+      ],
+      "buttonGroup": [
+        "layout]___[value:attached]___[recipe:buttonGroup",
+        "shape]___[value:sharp]___[recipe:buttonGroup",
+        "layout]___[value:default]___[recipe:buttonGroup",
+        "shape]___[value:default]___[recipe:buttonGroup",
+        "shape]___[value:rounded]___[recipe:buttonGroup"
+      ],
+      "menu": [],
+      "table": [
+        "decoration]___[value:default]___[recipe:table",
+        "size]___[value:md]___[recipe:table",
+        "size]___[value:sm]___[recipe:table",
+        "size]___[value:lg]___[recipe:table",
+        "decoration]___[value:zebra]___[recipe:table"
+      ],
+      "fieldMessage": [],
+      "label": [
+        "usage]___[value:visible]___[recipe:label",
+        "size]___[value:sm]___[recipe:label",
+        "usage]___[value:hidden]___[recipe:label",
+        "size]___[value:md]___[recipe:label"
+      ],
+      "thead": [],
+      "th": [
+        "size]___[value:md]___[recipe:th",
+        "size]___[value:lg]___[recipe:th"
+      ],
+      "tbody": [
+        "decoration]___[value:default]___[recipe:tbody",
+        "decoration]___[value:zebra]___[recipe:tbody"
+      ],
+      "td": [
+        "size]___[value:md]___[recipe:td",
+        "size]___[value:sm]___[recipe:td",
+        "size]___[value:lg]___[recipe:td"
+      ],
+      "admonition": [
+        "palette]___[value:page]___[recipe:admonition",
+        "usage]___[value:filled]___[recipe:admonition",
+        "palette]___[value:info]___[recipe:admonition",
+        "palette]___[value:success]___[recipe:admonition",
+        "palette]___[value:warning]___[recipe:admonition",
+        "palette]___[value:danger]___[recipe:admonition",
+        "usage]___[value:outlined]___[recipe:admonition"
+      ],
+      "carousel": [],
+      "checkbox": [
+        "size]___[value:sm]___[recipe:checkbox",
+        "size]___[value:md]___[recipe:checkbox"
+      ],
+      "collapsible": [
+        "effect]___[value:expandIn]___[recipe:collapsible",
+        "effect]___[value:none]___[recipe:collapsible",
+        "effect]___[value:fade]___[recipe:collapsible"
+      ],
+      "fieldset": [
+        "usage]___[value:fieldGroup]___[recipe:fieldset",
+        "usage]___[value:formSection]___[recipe:fieldset"
+      ],
+      "fileUploader": [],
+      "modal": [],
+      "notification": [
+        "palette]___[value:info]___[recipe:notification",
+        "palette]___[value:success]___[recipe:notification",
+        "palette]___[value:warning]___[recipe:notification",
+        "palette]___[value:danger]___[recipe:notification"
+      ],
+      "numberInput": [
+        "size]___[value:md]___[recipe:numberInput",
+        "size]___[value:sm]___[recipe:numberInput",
+        "size]___[value:lg]___[recipe:numberInput"
+      ],
+      "pinInput": [
+        "size]___[value:lg]___[recipe:pinInput",
+        "size]___[value:md]___[recipe:pinInput"
+      ],
+      "ratingGroup": [
+        "palette]___[value:action]___[recipe:ratingGroup",
+        "orientation]___[value:vertical]___[recipe:ratingGroup",
+        "size]___[value:sm]___[recipe:ratingGroup",
+        "palette]___[value:warning]___[recipe:ratingGroup",
+        "orientation]___[value:horizontal]___[recipe:ratingGroup",
+        "size]___[value:md]___[recipe:ratingGroup"
+      ],
+      "select": [
+        "size]___[value:md]___[recipe:select",
+        "size]___[value:sm]___[recipe:select",
+        "size]___[value:lg]___[recipe:select"
+      ],
+      "switchRecipe": [
+        "size]___[value:sm]___[recipe:switchRecipe",
+        "size]___[value:lg]___[recipe:switchRecipe"
+      ],
+      "tabs": [
+        "palette]___[value:action]___[recipe:tabs",
+        "palette]___[value:secondaryAction]___[recipe:tabs"
+      ],
+      "toggle": [
+        "size]___[value:sm]___[recipe:toggle",
+        "size]___[value:lg]___[recipe:toggle"
+      ]
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.7",
   "description": "The Cerberus Design React component library.",
   "keywords": [
     "css",
@@ -21,7 +21,7 @@
   },
   "files": [
     "dist",
-    "src/**/*"
+    "package.json"
   ],
   "type": "module",
   "sideEffects": false,
@@ -36,6 +36,7 @@
   },
   "devDependencies": {
     "@internationalized/date": "^3.11.0",
+    "@pandacss/dev": "^1.9.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
@@ -44,16 +45,18 @@
     "react-dom": "^19.2.4",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "styled-system": "0.0.0"
+    "styled-system": "0.0.0",
+    "@cerberus/panda-preset": "1.0.0-rc.7"
   },
   "peerDependencies": {
-    "@pandacss/dev": "^1.8.2",
+    "@pandacss/dev": "^1.9.0",
     "react": "*",
     "react-dom": "*"
   },
   "browserslist": "> 0.25%, not dead",
   "scripts": {
-    "build": "vite build",
+    "generate:info": "pnpm panda ship --outfile dist/panda.buildinfo.json",
+    "build": "vite build && pnpm generate:info",
     "clean": "rm -rf ./dist",
     "lint:ts": "tsc --project tsconfig.lint.json --noEmit"
   },

package/src/components/AnimatingUploadIcon.tsx

@@ -1,83 +0,0 @@
-/**
- * This module contains an animating icon to use for the FileStatus component.
- * @module
- */
-
-export interface AnimatingUploadIconProps {
-  size?: 16 | 20 | 24 | 32
-}
-
-export function AnimatingUploadIcon(props: AnimatingUploadIconProps) {
-  return (
-    <svg
-      aria-hidden="true"
-      xmlns="http://www.w3.org/2000/svg"
-      width={props.size ?? '1em'}
-      height={props.size ?? '1em'}
-      viewBox="0 0 24 24"
-    >
-      <g
-        fill="none"
-        stroke="currentColor"
-        strokeLinecap="square"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-      >
-        <path
-          data-name="animating-trail"
-          strokeDasharray="2 4"
-          strokeDashoffset={6}
-          d="M12 21c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9"
-        >
-          <animate
-            attributeName="stroke-dashoffset"
-            dur="0.45s"
-            repeatCount="indefinite"
-            values="6;0"
-          ></animate>
-        </path>
-
-        <path
-          data-name="half-circle"
-          strokeDasharray={32}
-          strokeDashoffset={32}
-          d="M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9"
-        >
-          <animate
-            fill="freeze"
-            attributeName="stroke-dashoffset"
-            begin="0.075s"
-            dur="0.3s"
-            values="32;0"
-          ></animate>
-        </path>
-
-        <svg
-          aria-hidden="true"
-          xmlns="http://www.w3.org/2000/svg"
-          width="1.1em"
-          height="1.1em"
-          x="27%"
-          y="27%"
-          viewBox="0 0 24 24"
-        >
-          <polygon
-            fill="currentColor"
-            stroke="currentColor"
-            strokeWidth={0.8}
-            opacity="1"
-            points="3.7,6.7 7.5,2.9 7.5,15 8.5,15 8.5,2.9 12.3,6.7 13,6 8,1 3,6 "
-          >
-            <animate
-              fill="freeze"
-              attributeName="opacity"
-              values="1;0;1"
-              dur="2s"
-              repeatCount="indefinite"
-            ></animate>
-          </polygon>
-        </svg>
-      </g>
-    </svg>
-  )
-}

package/src/components/accordion/index.ts

@@ -1,3 +0,0 @@
-export * from './parts'
-export * from './primitives'
-export * from './item-group'

package/src/components/accordion/item-group.tsx

@@ -1,70 +0,0 @@
-import type {
-  AccordionItemProps,
-  AccordionRootProps,
-} from '@ark-ui/react/accordion'
-import { type AccordionVariantProps } from 'styled-system/recipes'
-import { splitProps } from '../../utils/index'
-import { Show } from '../show/index'
-import { AccordionParts } from './parts'
-import { AccordionChevronItemIndicator } from './item-indicator'
-
-/**
- * This module contains an abstraction of the AccordionItem components.
- * @module
- */
-
-export function Accordion(props: AccordionRootProps & AccordionVariantProps) {
-  return <AccordionParts.Root {...props} />
-}
-
-export interface AccordionItemGroupProps
-  extends AccordionItemProps,
-    AccordionVariantProps {
-  /**
-   * The heading of the accordion item to open and close the content.
-   */
-  heading: string
-  /**
-   * The position of the arrow indicator.
-   */
-  indicatorPosition?: 'start' | 'end'
-}
-
-/**
- * The AccordionItemGroup component is an abstraction of the Accordion primitive
- * components which renders an accordion item with a heading and an indicator.
- *
- * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.
- * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.
- *
- * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)
- * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)
- */
-export function AccordionItemGroup(props: AccordionItemGroupProps) {
-  const [groupProps, itemProps] = splitProps(props, [
-    'heading',
-    'children',
-    'indicatorPosition',
-  ])
-  const indicatorPosition = groupProps.indicatorPosition ?? 'end'
-
-  return (
-    <AccordionParts.Item {...itemProps}>
-      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>
-        <Show when={indicatorPosition === 'start'}>
-          <AccordionChevronItemIndicator />
-        </Show>
-
-        {groupProps.heading}
-
-        <Show when={indicatorPosition === 'end'}>
-          <AccordionChevronItemIndicator />
-        </Show>
-      </AccordionParts.ItemTrigger>
-
-      <AccordionParts.ItemContent>
-        {groupProps.children}
-      </AccordionParts.ItemContent>
-    </AccordionParts.Item>
-  )
-}

package/src/components/accordion/item-indicator.tsx

@@ -1,27 +0,0 @@
-'use client'
-
-import { type AccordionItemIndicatorProps } from '@ark-ui/react/accordion'
-import { type AccordionVariantProps } from 'styled-system/recipes'
-import { useCerberusContext } from '../../context/cerberus'
-import { AccordionParts } from './parts'
-
-/**
- * This module contains the internal AccordionItemIndicator component.
- * @module 'accordion/item-indicator'
- */
-
-export function AccordionChevronItemIndicator(
-  props: AccordionItemIndicatorProps & AccordionVariantProps,
-) {
-  const { size, ...indicatorProps } = props
-  const iconSize = size === 'sm' ? 16 : '24'
-
-  const { icons } = useCerberusContext()
-  const { accordionIndicator: ChevronDown } = icons
-
-  return (
-    <AccordionParts.ItemIndicator {...indicatorProps}>
-      <ChevronDown size={iconSize} />
-    </AccordionParts.ItemIndicator>
-  )
-}

package/src/components/accordion/parts.ts

@@ -1,53 +0,0 @@
-import type { ElementType } from 'react'
-import {
-  AccordionItem,
-  AccordionItemContent,
-  AccordionItemIndicator,
-  AccordionItemTrigger,
-  AccordionRoot,
-} from './primitives'
-
-/**
- * This module contains the parts of the Accordion component.
- * @module 'accordion/parts'
- */
-
-interface AccordionPartsValue {
-  /**
-   * The context provider of the accordion.
-   */
-  Root: ElementType
-  /**
-   * The item of the accordion.
-   */
-  Item: ElementType
-  /**
-   * The trigger of the accordion item.
-   */
-  ItemTrigger: ElementType
-  /**
-   * The content of the accordion item.
-   */
-  ItemContent: ElementType
-  /**
-   * The indicator of the accordion item.
-   */
-  ItemIndicator: ElementType
-}
-
-/**
- * An Object containing the parts of the Accordion component. For users that
- * prefer Object component syntax.
- *
- * @remarks
- *
- * When using object component syntax, you import the AccordionParts object and
- * the entire family of components vs. only what you use.
- */
-export const AccordionParts: AccordionPartsValue = {
-  Root: AccordionRoot,
-  Item: AccordionItem,
-  ItemTrigger: AccordionItemTrigger,
-  ItemContent: AccordionItemContent,
-  ItemIndicator: AccordionItemIndicator,
-}