@saas-ui/react 3.0.0-next.2 → 3.0.0-next.3

package/dist/preset.cjs

@@ -3075,7 +3075,6 @@ var cardSlotRecipe = (0, import_styled_system28.defineSlotRecipe)({
 // src/components/checkbox-card/checkbox-card.recipe.ts
 var import_anatomy8 = require("@chakra-ui/react/anatomy");
 var import_styled_system29 = require("@chakra-ui/react/styled-system");
-var _a, _b, _c, _d, _e, _f, _g;
 var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
   slots: import_anatomy8.checkboxCardAnatomy.keys(),
   className: "chakra-checkbox-card",
@@ -3148,7 +3147,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
           py: "1.5",
           borderTopWidth: "1px"
         },
-        indicator: (_a = checkmarkRecipe.variants) == null ? void 0 : _a.size.sm
+        indicator: checkmarkRecipe.variants?.size.sm
       },
       md: {
         root: {
@@ -3163,7 +3162,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
           py: "2",
           borderTopWidth: "1px"
         },
-        indicator: (_b = checkmarkRecipe.variants) == null ? void 0 : _b.size.md
+        indicator: checkmarkRecipe.variants?.size.md
       },
       lg: {
         root: {
@@ -3178,7 +3177,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
           py: "2",
           borderTopWidth: "1px"
         },
-        indicator: (_c = checkmarkRecipe.variants) == null ? void 0 : _c.size.lg
+        indicator: checkmarkRecipe.variants?.size.lg
       }
     },
     variant: {
@@ -3195,7 +3194,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
             bg: "bg.muted"
           }
         },
-        indicator: (_d = checkmarkRecipe.variants) == null ? void 0 : _d.variant.solid
+        indicator: checkmarkRecipe.variants?.variant.solid
       },
       subtle: {
         root: {
@@ -3207,7 +3206,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
             color: "colorPalette.fg"
           }
         },
-        indicator: (_e = checkmarkRecipe.variants) == null ? void 0 : _e.variant.plain
+        indicator: checkmarkRecipe.variants?.variant.plain
       },
       outline: {
         root: {
@@ -3219,7 +3218,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
             borderColor: "colorPalette.solid"
           }
         },
-        indicator: (_f = checkmarkRecipe.variants) == null ? void 0 : _f.variant.solid
+        indicator: checkmarkRecipe.variants?.variant.solid
       },
       solid: {
         root: {
@@ -3230,7 +3229,7 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
             borderColor: "colorPalette.solid"
           }
         },
-        indicator: (_g = checkmarkRecipe.variants) == null ? void 0 : _g.variant.inverted
+        indicator: checkmarkRecipe.variants?.variant.inverted
       }
     },
     justify: {
@@ -3278,7 +3277,6 @@ var checkboxCardSlotRecipe = (0, import_styled_system29.defineSlotRecipe)({
 // src/components/checkbox/checkbox.recipe.ts
 var import_anatomy9 = require("@chakra-ui/react/anatomy");
 var import_styled_system30 = require("@chakra-ui/react/styled-system");
-var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l, _m, _n;
 var checkboxSlotRecipe = (0, import_styled_system30.defineSlotRecipe)({
   slots: import_anatomy9.checkboxAnatomy.keys(),
   className: "chakra-checkbox",
@@ -3305,33 +3303,33 @@ var checkboxSlotRecipe = (0, import_styled_system30.defineSlotRecipe)({
       xs: {
         root: { gap: "1.5" },
         label: { textStyle: "xs" },
-        control: (_b2 = (_a2 = checkmarkRecipe.variants) == null ? void 0 : _a2.size) == null ? void 0 : _b2.xs
+        control: checkmarkRecipe.variants?.size?.xs
       },
       sm: {
         root: { gap: "2" },
         label: { textStyle: "sm" },
-        control: (_d2 = (_c2 = checkmarkRecipe.variants) == null ? void 0 : _c2.size) == null ? void 0 : _d2.sm
+        control: checkmarkRecipe.variants?.size?.sm
       },
       md: {
         root: { gap: "2.5" },
         label: { textStyle: "sm" },
-        control: (_f2 = (_e2 = checkmarkRecipe.variants) == null ? void 0 : _e2.size) == null ? void 0 : _f2.md
+        control: checkmarkRecipe.variants?.size?.md
       },
       lg: {
         root: { gap: "3" },
         label: { textStyle: "md" },
-        control: (_h = (_g2 = checkmarkRecipe.variants) == null ? void 0 : _g2.size) == null ? void 0 : _h.lg
+        control: checkmarkRecipe.variants?.size?.lg
       }
     },
     variant: {
       outline: {
-        control: (_j = (_i = checkmarkRecipe.variants) == null ? void 0 : _i.variant) == null ? void 0 : _j.outline
+        control: checkmarkRecipe.variants?.variant?.outline
       },
       solid: {
-        control: (_l = (_k = checkmarkRecipe.variants) == null ? void 0 : _k.variant) == null ? void 0 : _l.solid
+        control: checkmarkRecipe.variants?.variant?.solid
       },
       subtle: {
-        control: (_n = (_m = checkmarkRecipe.variants) == null ? void 0 : _m.variant) == null ? void 0 : _n.subtle
+        control: checkmarkRecipe.variants?.variant?.subtle
       }
     }
   },
@@ -5002,7 +5000,6 @@ var selectSlotRecipe = (0, import_styled_system43.defineSlotRecipe)({
 });
 
 // src/components/native-select/native-select.recipe.ts
-var _a3, _b3;
 var nativeSelectSlotRecipe = (0, import_styled_system44.defineSlotRecipe)({
   className: "chakra-native-select",
   slots: import_anatomy22.nativeSelectAnatomy.keys(),
@@ -5056,10 +5053,10 @@ var nativeSelectSlotRecipe = (0, import_styled_system44.defineSlotRecipe)({
   variants: {
     variant: {
       outline: {
-        field: (_a3 = selectSlotRecipe.variants) == null ? void 0 : _a3.variant.outline.trigger
+        field: selectSlotRecipe.variants?.variant.outline.trigger
       },
       subtle: {
-        field: (_b3 = selectSlotRecipe.variants) == null ? void 0 : _b3.variant.subtle.trigger
+        field: selectSlotRecipe.variants?.variant.subtle.trigger
       },
       plain: {
         field: {
@@ -5816,7 +5813,6 @@ var progressSlotRecipe = (0, import_styled_system50.defineSlotRecipe)({
 // src/components/radio-card/radio-card.recipe.ts
 var import_anatomy28 = require("@chakra-ui/react/anatomy");
 var import_styled_system51 = require("@chakra-ui/react/styled-system");
-var _a4, _b4, _c3, _d3, _e3, _f3, _g3;
 var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
   className: "chakra-radio-card",
   slots: import_anatomy28.radioCardAnatomy.keys(),
@@ -5902,7 +5898,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
           py: "1.5",
           borderTopWidth: "1px"
         },
-        itemIndicator: (_a4 = radiomarkRecipe.variants) == null ? void 0 : _a4.size.sm
+        itemIndicator: radiomarkRecipe.variants?.size.sm
       },
       md: {
         item: {
@@ -5917,7 +5913,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
           py: "2",
           borderTopWidth: "1px"
         },
-        itemIndicator: (_b4 = radiomarkRecipe.variants) == null ? void 0 : _b4.size.md
+        itemIndicator: radiomarkRecipe.variants?.size.md
       },
       lg: {
         item: {
@@ -5932,7 +5928,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
           py: "2",
           borderTopWidth: "1px"
         },
-        itemIndicator: (_c3 = radiomarkRecipe.variants) == null ? void 0 : _c3.size.lg
+        itemIndicator: radiomarkRecipe.variants?.size.lg
       }
     },
     variant: {
@@ -5945,7 +5941,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
             borderColor: "colorPalette.muted"
           }
         },
-        itemIndicator: (_d3 = radiomarkRecipe.variants) == null ? void 0 : _d3.variant.solid
+        itemIndicator: radiomarkRecipe.variants?.variant.solid
       },
       subtle: {
         item: {
@@ -5957,7 +5953,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
             color: "colorPalette.fg"
           }
         },
-        itemIndicator: (_e3 = radiomarkRecipe.variants) == null ? void 0 : _e3.variant.outline
+        itemIndicator: radiomarkRecipe.variants?.variant.outline
       },
       outline: {
         item: {
@@ -5968,7 +5964,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
             borderColor: "colorPalette.solid"
           }
         },
-        itemIndicator: (_f3 = radiomarkRecipe.variants) == null ? void 0 : _f3.variant.solid
+        itemIndicator: radiomarkRecipe.variants?.variant.solid
       },
       solid: {
         item: {
@@ -5979,7 +5975,7 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
             borderColor: "colorPalette.solid"
           }
         },
-        itemIndicator: (_g3 = radiomarkRecipe.variants) == null ? void 0 : _g3.variant.inverted
+        itemIndicator: radiomarkRecipe.variants?.variant.inverted
       }
     },
     justify: {
@@ -6027,7 +6023,6 @@ var radioCardSlotRecipe = (0, import_styled_system51.defineSlotRecipe)({
 // src/components/radio-group/radio-group.recipe.ts
 var import_anatomy29 = require("@chakra-ui/react/anatomy");
 var import_styled_system52 = require("@chakra-ui/react/styled-system");
-var _a5, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
 var radioGroupSlotRecipe = (0, import_styled_system52.defineSlotRecipe)({
   className: "chakra-radio-group",
   slots: import_anatomy29.radioGroupAnatomy.keys(),
@@ -6053,31 +6048,31 @@ var radioGroupSlotRecipe = (0, import_styled_system52.defineSlotRecipe)({
   variants: {
     variant: {
       outline: {
-        itemControl: (_b5 = (_a5 = radiomarkRecipe.variants) == null ? void 0 : _a5.variant) == null ? void 0 : _b5.outline
+        itemControl: radiomarkRecipe.variants?.variant?.outline
       },
       subtle: {
-        itemControl: (_d4 = (_c4 = radiomarkRecipe.variants) == null ? void 0 : _c4.variant) == null ? void 0 : _d4.subtle
+        itemControl: radiomarkRecipe.variants?.variant?.subtle
       },
       solid: {
-        itemControl: (_f4 = (_e4 = radiomarkRecipe.variants) == null ? void 0 : _e4.variant) == null ? void 0 : _f4.solid
+        itemControl: radiomarkRecipe.variants?.variant?.solid
       }
     },
     size: {
       xs: {
         item: { textStyle: "xs", gap: "1.5" },
-        itemControl: (_h2 = (_g4 = radiomarkRecipe.variants) == null ? void 0 : _g4.size) == null ? void 0 : _h2.xs
+        itemControl: radiomarkRecipe.variants?.size?.xs
       },
       sm: {
         item: { textStyle: "sm", gap: "2" },
-        itemControl: (_j2 = (_i2 = radiomarkRecipe.variants) == null ? void 0 : _i2.size) == null ? void 0 : _j2.sm
+        itemControl: radiomarkRecipe.variants?.size?.sm
       },
       md: {
         item: { textStyle: "sm", gap: "2.5" },
-        itemControl: (_l2 = (_k2 = radiomarkRecipe.variants) == null ? void 0 : _k2.size) == null ? void 0 : _l2.md
+        itemControl: radiomarkRecipe.variants?.size?.md
       },
       lg: {
         item: { textStyle: "md", gap: "3" },
-        itemControl: (_n2 = (_m2 = radiomarkRecipe.variants) == null ? void 0 : _m2.size) == null ? void 0 : _n2.lg
+        itemControl: radiomarkRecipe.variants?.size?.lg
       }
     }
   },
@@ -6495,6 +6490,7 @@ var sidebarSlotRecipe = (0, import_styled_system55.defineSlotRecipe)({
       fontSize: "xs",
       transitionProperty: "common",
       transitionDuration: "fast",
+      // @ts-expect-error
       _groupCollapsible: {
         cursor: "button",
         userSelect: "none",
@@ -7804,8 +7800,7 @@ var tabsSlotRecipe = (0, import_styled_system62.defineSlotRecipe)({
 // src/components/tag/tag.recipe.ts
 var import_anatomy39 = require("@chakra-ui/react/anatomy");
 var import_styled_system63 = require("@chakra-ui/react/styled-system");
-var _a6;
-var badgeVariant = (_a6 = badgeRecipe.variants) == null ? void 0 : _a6.variant;
+var badgeVariant = badgeRecipe.variants?.variant;
 var tagSlotRecipe = (0, import_styled_system63.defineSlotRecipe)({
   slots: import_anatomy39.tagAnatomy.keys(),
   className: "chakra-tag",
@@ -7938,16 +7933,16 @@ var tagSlotRecipe = (0, import_styled_system63.defineSlotRecipe)({
     },
     variant: {
       subtle: {
-        root: badgeVariant == null ? void 0 : badgeVariant.subtle
+        root: badgeVariant?.subtle
       },
       solid: {
-        root: badgeVariant == null ? void 0 : badgeVariant.solid
+        root: badgeVariant?.solid
       },
       outline: {
-        root: badgeVariant == null ? void 0 : badgeVariant.outline
+        root: badgeVariant?.outline
       },
       surface: {
-        root: badgeVariant == null ? void 0 : badgeVariant.surface
+        root: badgeVariant?.surface
       }
     }
   },
@@ -9132,7 +9127,6 @@ var createFocusRing = (selector) => {
   return {
     values: ["outside", "inside", "mixed", "none"],
     transform(value, { token }) {
-      var _a8;
       const focusRingColor = token("colors.colorPalette.focusRing");
       const styles = {
         inside: {
@@ -9170,7 +9164,7 @@ var createFocusRing = (selector) => {
           }
         }
       };
-      return (_a8 = styles[value]) != null ? _a8 : {};
+      return styles[value] ?? {};
     }
   };
 };
@@ -9226,9 +9220,8 @@ var defaultThemeConfig = (0, import_react30.defineConfig)({
 
 // src/preset.ts
 var defaultConfig = (0, import_react31.mergeConfigs)(import_react31.defaultBaseConfig, defaultThemeConfig);
-var _a7;
 defaultConfig.utilities = Object.assign(
-  (_a7 = defaultConfig.utilities) != null ? _a7 : {},
+  defaultConfig.utilities ?? {},
   utilities
 );
 var defaultSystem = (0, import_react31.createSystem)(defaultConfig);

package/dist/preset.d.cts

@@ -1,6 +1,3 @@
-import * as _chakra_ui_react from '@chakra-ui/react';
-
-declare const defaultConfig: _chakra_ui_react.SystemConfig;
-declare const defaultSystem: _chakra_ui_react.SystemContext;
-
-export { defaultConfig, defaultSystem, defaultSystem as system };
+export { defaultSystem_alias_1 as defaultSystem } from './_tsup-dts-rollup.cjs';
+export { system } from './_tsup-dts-rollup.cjs';
+export { defaultConfig_alias_1 as defaultConfig } from './_tsup-dts-rollup.cjs';

package/dist/preset.d.ts

@@ -1,6 +1,3 @@
-import * as _chakra_ui_react from '@chakra-ui/react';
-
-declare const defaultConfig: _chakra_ui_react.SystemConfig;
-declare const defaultSystem: _chakra_ui_react.SystemContext;
-
-export { defaultConfig, defaultSystem, defaultSystem as system };
+export { defaultSystem_alias_1 as defaultSystem } from './_tsup-dts-rollup.js';
+export { system } from './_tsup-dts-rollup.js';
+export { defaultConfig_alias_1 as defaultConfig } from './_tsup-dts-rollup.js';

package/dist/preset.js

@@ -2,8 +2,9 @@
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-M5ROLN3M.js";
-import "./chunk-KNFGYOLD.js";
+} from "./chunk-NKUBVRXY.js";
+import "./chunk-QAAKAKP7.js";
+import "./chunk-RTMS5TJN.js";
 export {
   defaultConfig,
   defaultSystem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.2",
+  "version": "3.0.0-next.3",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -16,11 +16,11 @@
       "require": "./dist/preset.cjs",
       "import": "./dist/preset.js"
     },
-    "./preset/colors": {
-      "sui": "./src/theme/tokens/colors.ts",
-      "types": "./dist/theme/tokens/colors.d.ts",
-      "require": "./dist/theme/tokens/colors.cjs",
-      "import": "./dist/theme/tokens/colors.js"
+    "./colors": {
+      "sui": "./src/colors.ts",
+      "types": "./dist/colors.d.ts",
+      "require": "./dist/colors.cjs",
+      "import": "./dist/colors.js"
     },
     "./*": {
       "sui": "./src/components/*/index.ts",
@@ -30,15 +30,21 @@
     }
   },
   "imports": {
-    "#system": "./src/system",
-    "#components/*": "./src/components/*"
+    "#components/*": [
+      "./src/components/*",
+      "./src/components/*/index.ts",
+      "./dist/components/*/index.cjs",
+      "./dist/components/*/index.js"
+    ]
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
     "clean": "rimraf --no-glob ./dist",
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup --config tsup.config.ts",
+    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup --config tsup.config.ts ",
+    "build:components": "tsup --config tsup.components.config.ts --dts-only",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist --project tsconfig.json",
     "lint": "eslint src --ext .ts,.tsx,.js,.jsx --config ../../.eslintrc.js",
     "lint:staged": "lint-staged --allow-empty --config ../../lint-staged.config.js",
     "typecheck": "tsc --noEmit"
@@ -76,7 +82,7 @@
   },
   "dependencies": {
     "@ark-ui/react": "^5.1.0",
-    "@saas-ui/core": "3.0.0-next.0",
+    "@saas-ui/core": "3.0.0-next.1",
     "@saas-ui/hooks": "3.0.0-next.0"
   },
   "peerDependencies": {
@@ -87,6 +93,8 @@
   },
   "devDependencies": {
     "react-icons": "^5.5.0",
-    "tsup": "^8.4.0"
+    "rimraf": "^6.0.1",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.2"
   }
 }

package/dist/accordion/index.d.cts

@@ -1,29 +0,0 @@
-import * as react from 'react';
-import { Accordion } from '@chakra-ui/react/accordion';
-
-interface ItemTriggerProps extends Accordion.ItemTriggerProps {
-    indicatorIcon?: react.ReactNode;
-    indicatorPlacement?: 'start' | 'end';
-}
-declare const ItemTrigger: react.ForwardRefExoticComponent<ItemTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-interface ItemContentProps extends Accordion.ItemContentProps {
-}
-declare const ItemContent: react.ForwardRefExoticComponent<ItemContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const Root: react.ForwardRefExoticComponent<Accordion.RootProps & react.RefAttributes<HTMLDivElement>>;
-declare const Item: react.ForwardRefExoticComponent<Accordion.ItemProps & react.RefAttributes<HTMLDivElement>>;
-type RootProps = Accordion.RootProps;
-type ItemProps = Accordion.ItemProps;
-
-declare const accordion_Item: typeof Item;
-declare const accordion_ItemContent: typeof ItemContent;
-type accordion_ItemContentProps = ItemContentProps;
-type accordion_ItemProps = ItemProps;
-declare const accordion_ItemTrigger: typeof ItemTrigger;
-type accordion_ItemTriggerProps = ItemTriggerProps;
-declare const accordion_Root: typeof Root;
-type accordion_RootProps = RootProps;
-declare namespace accordion {
-  export { accordion_Item as Item, accordion_ItemContent as ItemContent, type accordion_ItemContentProps as ItemContentProps, type accordion_ItemProps as ItemProps, accordion_ItemTrigger as ItemTrigger, type accordion_ItemTriggerProps as ItemTriggerProps, accordion_Root as Root, type accordion_RootProps as RootProps };
-}
-
-export { accordion as Accordion };

package/dist/accordion/index.d.ts

@@ -1,29 +0,0 @@
-import * as react from 'react';
-import { Accordion } from '@chakra-ui/react/accordion';
-
-interface ItemTriggerProps extends Accordion.ItemTriggerProps {
-    indicatorIcon?: react.ReactNode;
-    indicatorPlacement?: 'start' | 'end';
-}
-declare const ItemTrigger: react.ForwardRefExoticComponent<ItemTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-interface ItemContentProps extends Accordion.ItemContentProps {
-}
-declare const ItemContent: react.ForwardRefExoticComponent<ItemContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const Root: react.ForwardRefExoticComponent<Accordion.RootProps & react.RefAttributes<HTMLDivElement>>;
-declare const Item: react.ForwardRefExoticComponent<Accordion.ItemProps & react.RefAttributes<HTMLDivElement>>;
-type RootProps = Accordion.RootProps;
-type ItemProps = Accordion.ItemProps;
-
-declare const accordion_Item: typeof Item;
-declare const accordion_ItemContent: typeof ItemContent;
-type accordion_ItemContentProps = ItemContentProps;
-type accordion_ItemProps = ItemProps;
-declare const accordion_ItemTrigger: typeof ItemTrigger;
-type accordion_ItemTriggerProps = ItemTriggerProps;
-declare const accordion_Root: typeof Root;
-type accordion_RootProps = RootProps;
-declare namespace accordion {
-  export { accordion_Item as Item, accordion_ItemContent as ItemContent, type accordion_ItemContentProps as ItemContentProps, type accordion_ItemProps as ItemProps, accordion_ItemTrigger as ItemTrigger, type accordion_ItemTriggerProps as ItemTriggerProps, accordion_Root as Root, type accordion_RootProps as RootProps };
-}
-
-export { accordion as Accordion };

package/dist/accordion/index.js

@@ -1,43 +0,0 @@
-'use client'
-import {
-  ChevronRightIcon
-} from "../chunk-V5WPZT25.js";
-import {
-  __export
-} from "../chunk-RTMS5TJN.js";
-
-// src/components/accordion/accordion.tsx
-var accordion_exports = {};
-__export(accordion_exports, {
-  Item: () => Item,
-  ItemContent: () => ItemContent,
-  ItemTrigger: () => ItemTrigger,
-  Root: () => Root
-});
-import * as React from "react";
-import { Accordion } from "@chakra-ui/react/accordion";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ItemTrigger = React.forwardRef(function AccordionItemTrigger(props, ref) {
-  const {
-    children,
-    indicatorPlacement = "end",
-    indicatorIcon = /* @__PURE__ */ jsx(ChevronRightIcon, {}),
-    ...rest
-  } = props;
-  const indicator = /* @__PURE__ */ jsx(Accordion.ItemIndicator, { children: indicatorIcon });
-  return /* @__PURE__ */ jsxs(Accordion.ItemTrigger, { ...rest, ref, children: [
-    indicatorPlacement === "start" && indicator,
-    children,
-    indicatorPlacement === "end" && indicator
-  ] });
-});
-var ItemContent = React.forwardRef(
-  function AccordionItemContent(props, ref) {
-    return /* @__PURE__ */ jsx(Accordion.ItemContent, { children: /* @__PURE__ */ jsx(Accordion.ItemBody, { ...props, ref }) });
-  }
-);
-var Root = Accordion.Root;
-var Item = Accordion.Item;
-export {
-  accordion_exports as Accordion
-};