@cerberus-design/react 0.19.2 → 0.20.0

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -20,6 +20,15 @@ import { AvatarRootProps as AvatarRootProps_2 } from '@ark-ui/react/avatar';
 import { ButtonHTMLAttributes } from 'react';
 import { CalendarDate } from '@internationalized/date';
 import { CancelDrop } from '@dnd-kit/core';
+import { Carousel as Carousel_2 } from '@ark-ui/react/carousel';
+import { CarouselControlProps as CarouselControlProps_2 } from '@ark-ui/react/carousel';
+import { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_2 } from '@ark-ui/react/carousel';
+import { CarouselIndicatorProps as CarouselIndicatorProps_2 } from '@ark-ui/react/carousel';
+import { CarouselItemGroupProps as CarouselItemGroupProps_2 } from '@ark-ui/react/carousel';
+import { CarouselItemProps as CarouselItemProps_2 } from '@ark-ui/react/carousel';
+import { CarouselNextTriggerProps as CarouselNextTriggerProps_2 } from '@ark-ui/react/carousel';
+import { CarouselPrevTriggerProps as CarouselPrevTriggerProps_2 } from '@ark-ui/react/carousel';
+import { CarouselRootProps as CarouselRootProps_2 } from '@ark-ui/react/carousel';
 import { CerberusPrimitiveEl as CerberusPrimitiveEl_2 } from '../..';
 import { CerberusPrimitiveEl as CerberusPrimitiveEl_3 } from './types';
 import { ChangeEvent } from 'react';
@@ -1043,6 +1052,226 @@ export { CaptionProps }
 export { CaptionProps as CaptionProps_alias_1 }
 export { CaptionProps as CaptionProps_alias_2 }
 
+declare const Carousel: {
+    Root: typeof CarouselEl;
+    ItemGroup: ElementType;
+    Item: ElementType;
+    Control: ElementType;
+    PrevTrigger: ElementType;
+    NextTrigger: ElementType;
+};
+export { Carousel }
+export { Carousel as Carousel_alias_1 }
+export { Carousel as Carousel_alias_2 }
+
+declare const CarouselControl: {
+    (internalProps: Carousel_2.ControlProps & RefAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselControl }
+export { CarouselControl as CarouselControl_alias_1 }
+export { CarouselControl as CarouselControl_alias_2 }
+
+declare type CarouselControlProps = CarouselVariantProps & CarouselControlProps_2;
+export { CarouselControlProps }
+export { CarouselControlProps as CarouselControlProps_alias_1 }
+export { CarouselControlProps as CarouselControlProps_alias_2 }
+
+/**
+ * The Carousel component is an abstraction of the carousel family of
+ * components. It provides a simple interface for creating carousels with
+ * various configurations.
+ *
+ * @remarks
+ * This component uses the `CarouselParts` object to provide the necessary
+ * parts. For customization, we recommend using the `CarouselParts` object
+ * directly in combination with the `css` prop.
+ */
+declare function CarouselEl(props: PropsWithChildren<CarouselProps>): JSX.Element;
+
+declare const CarouselIndicator: {
+    (internalProps: Carousel_2.IndicatorProps & RefAttributes<HTMLButtonElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselIndicator }
+export { CarouselIndicator as CarouselIndicator_alias_1 }
+export { CarouselIndicator as CarouselIndicator_alias_2 }
+
+declare const CarouselIndicatorGroup: {
+    (internalProps: Carousel_2.IndicatorGroupProps & RefAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselIndicatorGroup }
+export { CarouselIndicatorGroup as CarouselIndicatorGroup_alias_1 }
+export { CarouselIndicatorGroup as CarouselIndicatorGroup_alias_2 }
+
+declare type CarouselIndicatorGroupProps = CarouselVariantProps & CarouselIndicatorGroupProps_2;
+export { CarouselIndicatorGroupProps }
+export { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_alias_1 }
+export { CarouselIndicatorGroupProps as CarouselIndicatorGroupProps_alias_2 }
+
+declare type CarouselIndicatorProps = CarouselVariantProps & CarouselIndicatorProps_2;
+export { CarouselIndicatorProps }
+export { CarouselIndicatorProps as CarouselIndicatorProps_alias_1 }
+export { CarouselIndicatorProps as CarouselIndicatorProps_alias_2 }
+
+declare const CarouselItem: {
+    (internalProps: Carousel_2.ItemProps & RefAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselItem }
+export { CarouselItem as CarouselItem_alias_1 }
+export { CarouselItem as CarouselItem_alias_2 }
+
+declare const CarouselItemGroup: {
+    (internalProps: Carousel_2.ItemGroupProps & RefAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselItemGroup }
+export { CarouselItemGroup as CarouselItemGroup_alias_1 }
+export { CarouselItemGroup as CarouselItemGroup_alias_2 }
+
+declare type CarouselItemGroupProps = CarouselVariantProps & CarouselItemGroupProps_2;
+export { CarouselItemGroupProps }
+export { CarouselItemGroupProps as CarouselItemGroupProps_alias_1 }
+export { CarouselItemGroupProps as CarouselItemGroupProps_alias_2 }
+
+declare type CarouselItemProps = CarouselVariantProps & CarouselItemProps_2;
+export { CarouselItemProps }
+export { CarouselItemProps as CarouselItemProps_alias_1 }
+export { CarouselItemProps as CarouselItemProps_alias_2 }
+
+declare const CarouselNextTrigger: {
+    (internalProps: Carousel_2.NextTriggerProps & RefAttributes<HTMLButtonElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselNextTrigger }
+export { CarouselNextTrigger as CarouselNextTrigger_alias_1 }
+export { CarouselNextTrigger as CarouselNextTrigger_alias_2 }
+
+declare type CarouselNextTriggerProps = CarouselVariantProps & CarouselNextTriggerProps_2;
+export { CarouselNextTriggerProps }
+export { CarouselNextTriggerProps as CarouselNextTriggerProps_alias_1 }
+export { CarouselNextTriggerProps as CarouselNextTriggerProps_alias_2 }
+
+/**
+ * An Object containing the parts of the Button component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the CarouselParts object and
+ * the entire family of components vs. only what you use.
+ */
+declare const CarouselParts: CarouselPartsValue;
+export { CarouselParts }
+export { CarouselParts as CarouselParts_alias_1 }
+export { CarouselParts as CarouselParts_alias_2 }
+
+/**
+ * This module contains the parts of the Carousel component.
+ * @module 'carousel/parts'
+ */
+declare interface CarouselPartsValue {
+    /**
+     * The context provider of the carousel.
+     */
+    Root: ElementType;
+    /**
+     * The control of the carousel.
+     */
+    Control: ElementType;
+    /**
+     * The previous trigger of the carousel.
+     */
+    PrevTrigger: ElementType;
+    /**
+     * The next trigger of the carousel.
+     */
+    NextTrigger: ElementType;
+    /**
+     * The indicator group of the carousel.
+     */
+    IndicatorGroup: ElementType;
+    /**
+     * The indicator of the carousel.
+     */
+    Indicator: ElementType;
+    /**
+     * The item group of the carousel.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The item of the carousel.
+     */
+    Item: ElementType;
+}
+
+declare const CarouselPrevTrigger: {
+    (internalProps: Carousel_2.PrevTriggerProps & RefAttributes<HTMLButtonElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselPrevTrigger }
+export { CarouselPrevTrigger as CarouselPrevTrigger_alias_1 }
+export { CarouselPrevTrigger as CarouselPrevTrigger_alias_2 }
+
+declare type CarouselPrevTriggerProps = CarouselVariantProps & CarouselPrevTriggerProps_2;
+export { CarouselPrevTriggerProps }
+export { CarouselPrevTriggerProps as CarouselPrevTriggerProps_alias_1 }
+export { CarouselPrevTriggerProps as CarouselPrevTriggerProps_alias_2 }
+
+/**
+ * This module contains an abstraction of the carousel family of components.
+ * @module carousel
+ */
+declare interface CarouselProps extends CarouselRootProps {
+    /**
+     * Whether to show the carousel indicators (dot list).
+     * @default false
+     */
+    showIndicators?: boolean;
+}
+export { CarouselProps }
+export { CarouselProps as CarouselProps_alias_1 }
+export { CarouselProps as CarouselProps_alias_2 }
+
+declare const CarouselRoot: {
+    (internalProps: Carousel_2.RootProps & RefAttributes<HTMLDivElement> & {
+        children?: ReactNode | undefined;
+    } & WithCss_2): JSX.Element;
+    displayName: string;
+};
+export { CarouselRoot }
+export { CarouselRoot as CarouselRoot_alias_1 }
+export { CarouselRoot as CarouselRoot_alias_2 }
+
+declare type CarouselRootProps = CarouselVariantProps & CarouselRootProps_2;
+export { CarouselRootProps }
+export { CarouselRootProps as CarouselRootProps_alias_1 }
+export { CarouselRootProps as CarouselRootProps_alias_2 }
+
+declare interface CarouselVariant {
+
+}
+
+declare type CarouselVariantProps = {
+    [key in keyof CarouselVariant]?: ConditionalValue<CarouselVariant[key]> | undefined
+}
+
 /**
  * A utility function to access Cerberus components by their name.
  * @param component - The name of the Cerberus component to access.
@@ -1112,15 +1341,17 @@ export declare class CerberusPrimitive {
     /**
      * Creates a Cerberus component with bare features and no recipe.
      * @param Component - The React component to enhance with Cerberus features.
+     * Can be a string or a component reference.
      * @returns A new React component that applies Cerberus features to the
      * original component.
+     *
      * @example
-     * ```typescript
-     * const { withNoRecipe } = createCerberusPrimitive(button)
-     * const Button = withNoRecipe(RawButton)
+     * ```ts
+     * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)
+     * const Button = withNoRecipe('button')
      * ```
      */
-    withNoRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P>, options?: WithRecipeOptions) => CerberusPrimitiveEl<P>;
+    withNoRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P> | string, options?: WithRecipeOptions) => CerberusPrimitiveEl<P>;
     /**
      * Creates a Cerberus component with the given recipe.
      * @param Component - The React component to enhance with the recipe.
@@ -1128,7 +1359,7 @@ export declare class CerberusPrimitive {
      * @returns A new React component that applies the recipe to the original
      * component.
      */
-    withRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P>, options?: WithRecipeOptions) => CerberusPrimitiveEl<P & WithRecipeOptions["defaultProps"]>;
+    withRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P> | string, options?: WithRecipeOptions) => CerberusPrimitiveEl<P & WithRecipeOptions["defaultProps"]>;
     /**
      * Creates a Cerberus component with a slot recipe applied.
      * @param Component - The React component to enhance with Cerberus features.
@@ -1141,7 +1372,7 @@ export declare class CerberusPrimitive {
      * const Field = withSlotRecipe(RawField, field)
      * ```
      */
-    withSlotRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P>, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => {
+    withSlotRecipe: <P extends HTMLAttributes<unknown>>(Component: ComponentType<P> | string, slot: keyof RecipeVariantRecord, options?: WithRecipeOptions) => {
         (internalProps: PropsWithChildren<P> & WithCss): JSX.Element;
         displayName: string;
     };
@@ -1596,7 +1827,7 @@ declare type ColorModes = 'light' | 'dark' | 'system';
 export { ColorModes }
 export { ColorModes as ColorModes_alias_1 }
 
-declare type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "acheron.neutral.0" | "acheron.neutral.5" | "acheron.neutral.10" | "acheron.neutral.20" | "acheron.neutral.30" | "acheron.neutral.40" | "acheron.neutral.50" | "acheron.neutral.60" | "acheron.neutral.70" | "acheron.neutral.80" | "acheron.neutral.90" | "acheron.neutral.100" | "acheron.neutral.white" | "acheron.brand.5" | "acheron.brand.10" | "acheron.brand.20" | "acheron.brand.30" | "acheron.brand.40" | "acheron.brand.50" | "acheron.brand.60" | "acheron.brand.70" | "acheron.brand.80" | "acheron.brand.90" | "acheron.brand.100" | "acheron.accent.10" | "acheron.accent.20" | "acheron.accent.30" | "acheron.accent.40" | "acheron.accent.50" | "acheron.accent.60" | "acheron.accent.70" | "acheron.accent.80" | "acheron.accent.90" | "acheron.accent.100" | "acheron.success.10" | "acheron.success.20" | "acheron.success.30" | "acheron.success.40" | "acheron.success.50" | "acheron.success.60" | "acheron.success.70" | "acheron.success.80" | "acheron.success.90" | "acheron.success.100" | "acheron.danger.10" | "acheron.danger.20" | "acheron.danger.30" | "acheron.danger.40" | "acheron.danger.50" | "acheron.danger.60" | "acheron.danger.70" | "acheron.danger.80" | "acheron.danger.90" | "acheron.danger.100" | "acheron.warning.10" | "acheron.warning.20" | "acheron.warning.30" | "acheron.warning.40" | "acheron.warning.50" | "acheron.warning.60" | "acheron.warning.70" | "acheron.warning.80" | "acheron.warning.90" | "acheron.warning.100" | "acheron.drop-shadow.100" | "acheron.drop-shadow.200" | "acheron.drop-shadow.300" | "acheron.drop-shadow.400" | "acheron.drop-shadow.500" | "acheron.drop-shadow.600" | "acheron.drop-shadow.700" | "acheron.drop-shadow.800" | "acheron.drop-shadow.900" | "acheron.drop-shadow.1000" | "acheron.info.10" | "acheron.info.20" | "acheron.info.30" | "acheron.info.40" | "acheron.info.50" | "acheron.info.60" | "acheron.info.70" | "acheron.info.80" | "acheron.info.90" | "acheron.info.100" | "cerberus.neutral.5" | "cerberus.neutral.10" | "cerberus.neutral.15" | "cerberus.neutral.20" | "cerberus.neutral.30" | "cerberus.neutral.40" | "cerberus.neutral.50" | "cerberus.neutral.60" | "cerberus.neutral.70" | "cerberus.neutral.80" | "cerberus.neutral.90" | "cerberus.neutral.100" | "cerberus.neutral.white" | "cerberus.brand.5" | "cerberus.brand.10" | "cerberus.brand.20" | "cerberus.brand.30" | "cerberus.brand.40" | "cerberus.brand.50" | "cerberus.brand.60" | "cerberus.brand.70" | "cerberus.brand.80" | "cerberus.brand.90" | "cerberus.brand.100" | "cerberus.teal.10" | "cerberus.teal.20" | "cerberus.teal.30" | "cerberus.teal.40" | "cerberus.teal.50" | "cerberus.teal.60" | "cerberus.teal.70" | "cerberus.teal.80" | "cerberus.teal.90" | "cerberus.teal.100" | "cerberus.success.10" | "cerberus.success.20" | "cerberus.success.30" | "cerberus.success.40" | "cerberus.success.50" | "cerberus.success.60" | "cerberus.success.70" | "cerberus.success.80" | "cerberus.success.90" | "cerberus.success.100" | "cerberus.danger.10" | "cerberus.danger.20" | "cerberus.danger.30" | "cerberus.danger.40" | "cerberus.danger.50" | "cerberus.danger.60" | "cerberus.danger.70" | "cerberus.danger.80" | "cerberus.danger.90" | "cerberus.danger.100" | "cerberus.warning.10" | "cerberus.warning.20" | "cerberus.warning.30" | "cerberus.warning.40" | "cerberus.warning.50" | "cerberus.warning.60" | "cerberus.warning.70" | "cerberus.warning.80" | "cerberus.warning.90" | "cerberus.warning.100" | "cerberus.info.10" | "cerberus.info.20" | "cerberus.info.30" | "cerberus.info.40" | "cerberus.info.50" | "cerberus.info.60" | "cerberus.info.70" | "cerberus.info.80" | "cerberus.info.90" | "cerberus.info.100" | "cerberus.drop-shadow.100" | "cerberus.drop-shadow.200" | "cerberus.drop-shadow.300" | "cerberus.drop-shadow.400" | "cerberus.drop-shadow.500" | "cerberus.drop-shadow.600" | "cerberus.drop-shadow.700" | "cerberus.drop-shadow.800" | "cerberus.drop-shadow.900" | "cerberus.drop-shadow.1000" | "page.backdrop.initial" | "page.bg.100" | "page.bg.200" | "page.bg.300" | "page.bg.initial" | "page.border.100" | "page.border.200" | "page.border.initial" | "page.surface.100" | "page.surface.200" | "page.surface.300" | "page.surface.400" | "page.surface.initial" | "page.surface.inverse" | "page.text.100" | "page.text.200" | "page.text.300" | "page.text.initial" | "page.text.inverse" | "action.bg.initial" | "action.bg.hover" | "action.bg.active" | "action.border.100" | "action.border.initial" | "action.border.focus" | "action.ghost.initial" | "action.ghost.hover" | "action.ghost.active" | "action.navigation.initial" | "action.navigation.hover" | "action.navigation.visited" | "action.text.100" | "action.text.200" | "action.text.initial" | "action.text.inverse" | "action.text.static" | "secondaryAction.bg.initial" | "secondaryAction.bg.hover" | "secondaryAction.bg.active" | "secondaryAction.border.100" | "secondaryAction.border.initial" | "secondaryAction.ghost.initial" | "secondaryAction.ghost.hover" | "secondaryAction.ghost.active" | "secondaryAction.navigation.initial" | "secondaryAction.navigation.hover" | "secondaryAction.navigation.visited" | "secondaryAction.text.100" | "secondaryAction.text.200" | "secondaryAction.text.initial" | "secondaryAction.text.static" | "info.border.initial" | "info.bg.initial" | "info.bg.hover" | "info.bg.active" | "info.ghost.initial" | "info.ghost.hover" | "info.ghost.active" | "info.surface.100" | "info.surface.200" | "info.surface.initial" | "info.text.100" | "info.text.200" | "info.text.initial" | "info.text.static" | "success.border.initial" | "success.bg.initial" | "success.bg.hover" | "success.bg.active" | "success.ghost.initial" | "success.ghost.hover" | "success.ghost.active" | "success.surface.100" | "success.surface.200" | "success.surface.initial" | "success.text.100" | "success.text.200" | "success.text.initial" | "success.text.inverse" | "success.text.static" | "warning.border.initial" | "warning.bg.initial" | "warning.bg.hover" | "warning.bg.active" | "warning.ghost.initial" | "warning.ghost.hover" | "warning.ghost.active" | "warning.surface.100" | "warning.surface.200" | "warning.surface.initial" | "warning.text.100" | "warning.text.200" | "warning.text.initial" | "warning.text.inverse" | "warning.text.static" | "danger.bg.initial" | "danger.bg.hover" | "danger.bg.active" | "danger.border.initial" | "danger.ghost.initial" | "danger.ghost.hover" | "danger.ghost.active" | "danger.surface.100" | "danger.surface.200" | "danger.surface.initial" | "danger.text.100" | "danger.text.200" | "danger.text.initial" | "danger.text.inverse" | "danger.text.static" | "gradient.charon-light.text.initial" | "gradient.charon-dark.text.initial" | "gradient.nyx-light.text.initial" | "gradient.nyx-dark.text.initial" | "gradient.amphiaraus-light.text.initial" | "gradient.amphiaraus-dark.text.initial" | "gradient.styx-light.text.initial" | "gradient.styx-dark.text.initial" | "gradient.thanatos-light.text.initial" | "gradient.thanatos-dark.text.initial" | "gradient.hades-light.text.initial" | "gradient.hades-dark.text.initial" | "gradient.asphodel-light.text.initial" | "gradient.asphodel-dark.text.initial" | "dataViz.diverging.50" | "dataViz.diverging.100" | "dataViz.diverging.200" | "dataViz.diverging.300" | "dataViz.diverging.400" | "dataViz.diverging.500" | "dataViz.diverging.600" | "dataViz.diverging.700" | "dataViz.diverging.800" | "dataViz.diverging.900" | "dataViz.sequential.100" | "dataViz.sequential.200" | "dataViz.sequential.300" | "dataViz.sequential.400" | "dataViz.sequential.500" | "dataViz.sequential.600" | "dataViz.qualitative.100" | "dataViz.qualitative.200" | "dataViz.qualitative.300" | "dataViz.qualitative.400" | "dataViz.qualitative.500" | "dataViz.qualitative.600" | "dataViz.qualitative.700" | "dataViz.progress.start" | "dataViz.progress.end" | "dataViz.progress.complete" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.neutral.0" | "colorPalette.0" | "colorPalette.neutral.5" | "colorPalette.5" | "colorPalette.neutral.10" | "colorPalette.10" | "colorPalette.neutral.20" | "colorPalette.20" | "colorPalette.neutral.30" | "colorPalette.30" | "colorPalette.neutral.40" | "colorPalette.40" | "colorPalette.neutral.50" | "colorPalette.neutral.60" | "colorPalette.60" | "colorPalette.neutral.70" | "colorPalette.70" | "colorPalette.neutral.80" | "colorPalette.80" | "colorPalette.neutral.90" | "colorPalette.90" | "colorPalette.neutral.100" | "colorPalette.neutral.white" | "colorPalette.white" | "colorPalette.brand.5" | "colorPalette.brand.10" | "colorPalette.brand.20" | "colorPalette.brand.30" | "colorPalette.brand.40" | "colorPalette.brand.50" | "colorPalette.brand.60" | "colorPalette.brand.70" | "colorPalette.brand.80" | "colorPalette.brand.90" | "colorPalette.brand.100" | "colorPalette.accent.10" | "colorPalette.accent.20" | "colorPalette.accent.30" | "colorPalette.accent.40" | "colorPalette.accent.50" | "colorPalette.accent.60" | "colorPalette.accent.70" | "colorPalette.accent.80" | "colorPalette.accent.90" | "colorPalette.accent.100" | "colorPalette.success.10" | "colorPalette.success.20" | "colorPalette.success.30" | "colorPalette.success.40" | "colorPalette.success.50" | "colorPalette.success.60" | "colorPalette.success.70" | "colorPalette.success.80" | "colorPalette.success.90" | "colorPalette.success.100" | "colorPalette.danger.10" | "colorPalette.danger.20" | "colorPalette.danger.30" | "colorPalette.danger.40" | "colorPalette.danger.50" | "colorPalette.danger.60" | "colorPalette.danger.70" | "colorPalette.danger.80" | "colorPalette.danger.90" | "colorPalette.danger.100" | "colorPalette.warning.10" | "colorPalette.warning.20" | "colorPalette.warning.30" | "colorPalette.warning.40" | "colorPalette.warning.50" | "colorPalette.warning.60" | "colorPalette.warning.70" | "colorPalette.warning.80" | "colorPalette.warning.90" | "colorPalette.warning.100" | "colorPalette.drop-shadow.100" | "colorPalette.drop-shadow.200" | "colorPalette.drop-shadow.300" | "colorPalette.drop-shadow.400" | "colorPalette.drop-shadow.500" | "colorPalette.drop-shadow.600" | "colorPalette.drop-shadow.700" | "colorPalette.drop-shadow.800" | "colorPalette.drop-shadow.900" | "colorPalette.drop-shadow.1000" | "colorPalette.1000" | "colorPalette.info.10" | "colorPalette.info.20" | "colorPalette.info.30" | "colorPalette.info.40" | "colorPalette.info.50" | "colorPalette.info.60" | "colorPalette.info.70" | "colorPalette.info.80" | "colorPalette.info.90" | "colorPalette.info.100" | "colorPalette.neutral.15" | "colorPalette.15" | "colorPalette.teal.10" | "colorPalette.teal.20" | "colorPalette.teal.30" | "colorPalette.teal.40" | "colorPalette.teal.50" | "colorPalette.teal.60" | "colorPalette.teal.70" | "colorPalette.teal.80" | "colorPalette.teal.90" | "colorPalette.teal.100" | "colorPalette.backdrop.initial" | "colorPalette.initial" | "colorPalette.bg.100" | "colorPalette.bg.200" | "colorPalette.bg.300" | "colorPalette.bg.initial" | "colorPalette.border.100" | "colorPalette.border.200" | "colorPalette.border.initial" | "colorPalette.surface.100" | "colorPalette.surface.200" | "colorPalette.surface.300" | "colorPalette.surface.400" | "colorPalette.surface.initial" | "colorPalette.surface.inverse" | "colorPalette.inverse" | "colorPalette.text.100" | "colorPalette.text.200" | "colorPalette.text.300" | "colorPalette.text.initial" | "colorPalette.text.inverse" | "colorPalette.bg.hover" | "colorPalette.hover" | "colorPalette.bg.active" | "colorPalette.active" | "colorPalette.border.focus" | "colorPalette.focus" | "colorPalette.ghost.initial" | "colorPalette.ghost.hover" | "colorPalette.ghost.active" | "colorPalette.navigation.initial" | "colorPalette.navigation.hover" | "colorPalette.navigation.visited" | "colorPalette.visited" | "colorPalette.text.static" | "colorPalette.static" | "colorPalette.charon-light.text.initial" | "colorPalette.charon-dark.text.initial" | "colorPalette.nyx-light.text.initial" | "colorPalette.nyx-dark.text.initial" | "colorPalette.amphiaraus-light.text.initial" | "colorPalette.amphiaraus-dark.text.initial" | "colorPalette.styx-light.text.initial" | "colorPalette.styx-dark.text.initial" | "colorPalette.thanatos-light.text.initial" | "colorPalette.thanatos-dark.text.initial" | "colorPalette.hades-light.text.initial" | "colorPalette.hades-dark.text.initial" | "colorPalette.asphodel-light.text.initial" | "colorPalette.asphodel-dark.text.initial" | "colorPalette.diverging.50" | "colorPalette.diverging.100" | "colorPalette.diverging.200" | "colorPalette.diverging.300" | "colorPalette.diverging.400" | "colorPalette.diverging.500" | "colorPalette.diverging.600" | "colorPalette.diverging.700" | "colorPalette.diverging.800" | "colorPalette.diverging.900" | "colorPalette.sequential.100" | "colorPalette.sequential.200" | "colorPalette.sequential.300" | "colorPalette.sequential.400" | "colorPalette.sequential.500" | "colorPalette.sequential.600" | "colorPalette.qualitative.100" | "colorPalette.qualitative.200" | "colorPalette.qualitative.300" | "colorPalette.qualitative.400" | "colorPalette.qualitative.500" | "colorPalette.qualitative.600" | "colorPalette.qualitative.700" | "colorPalette.progress.start" | "colorPalette.start" | "colorPalette.progress.end" | "colorPalette.end" | "colorPalette.progress.complete" | "colorPalette.complete"
+declare type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "acheron.neutral.0" | "acheron.neutral.5" | "acheron.neutral.10" | "acheron.neutral.20" | "acheron.neutral.30" | "acheron.neutral.40" | "acheron.neutral.50" | "acheron.neutral.60" | "acheron.neutral.70" | "acheron.neutral.80" | "acheron.neutral.90" | "acheron.neutral.100" | "acheron.neutral.white" | "acheron.brand.5" | "acheron.brand.10" | "acheron.brand.20" | "acheron.brand.30" | "acheron.brand.40" | "acheron.brand.50" | "acheron.brand.60" | "acheron.brand.70" | "acheron.brand.80" | "acheron.brand.90" | "acheron.brand.100" | "acheron.accent.10" | "acheron.accent.20" | "acheron.accent.30" | "acheron.accent.40" | "acheron.accent.50" | "acheron.accent.60" | "acheron.accent.70" | "acheron.accent.80" | "acheron.accent.90" | "acheron.accent.100" | "acheron.success.10" | "acheron.success.20" | "acheron.success.30" | "acheron.success.40" | "acheron.success.50" | "acheron.success.60" | "acheron.success.70" | "acheron.success.80" | "acheron.success.90" | "acheron.success.100" | "acheron.danger.10" | "acheron.danger.20" | "acheron.danger.30" | "acheron.danger.40" | "acheron.danger.50" | "acheron.danger.60" | "acheron.danger.70" | "acheron.danger.80" | "acheron.danger.90" | "acheron.danger.100" | "acheron.warning.10" | "acheron.warning.20" | "acheron.warning.30" | "acheron.warning.40" | "acheron.warning.50" | "acheron.warning.60" | "acheron.warning.70" | "acheron.warning.80" | "acheron.warning.90" | "acheron.warning.100" | "acheron.drop-shadow.100" | "acheron.drop-shadow.200" | "acheron.drop-shadow.300" | "acheron.drop-shadow.400" | "acheron.drop-shadow.500" | "acheron.drop-shadow.600" | "acheron.drop-shadow.700" | "acheron.drop-shadow.800" | "acheron.drop-shadow.900" | "acheron.drop-shadow.1000" | "acheron.info.10" | "acheron.info.20" | "acheron.info.30" | "acheron.info.40" | "acheron.info.50" | "acheron.info.60" | "acheron.info.70" | "acheron.info.80" | "acheron.info.90" | "acheron.info.100" | "cerberus.neutral.5" | "cerberus.neutral.10" | "cerberus.neutral.15" | "cerberus.neutral.20" | "cerberus.neutral.30" | "cerberus.neutral.40" | "cerberus.neutral.50" | "cerberus.neutral.60" | "cerberus.neutral.70" | "cerberus.neutral.80" | "cerberus.neutral.90" | "cerberus.neutral.100" | "cerberus.neutral.white" | "cerberus.brand.5" | "cerberus.brand.10" | "cerberus.brand.20" | "cerberus.brand.30" | "cerberus.brand.40" | "cerberus.brand.50" | "cerberus.brand.60" | "cerberus.brand.70" | "cerberus.brand.80" | "cerberus.brand.90" | "cerberus.brand.100" | "cerberus.teal.10" | "cerberus.teal.20" | "cerberus.teal.30" | "cerberus.teal.40" | "cerberus.teal.50" | "cerberus.teal.60" | "cerberus.teal.70" | "cerberus.teal.80" | "cerberus.teal.90" | "cerberus.teal.100" | "cerberus.success.10" | "cerberus.success.20" | "cerberus.success.30" | "cerberus.success.40" | "cerberus.success.50" | "cerberus.success.60" | "cerberus.success.70" | "cerberus.success.80" | "cerberus.success.90" | "cerberus.success.100" | "cerberus.danger.10" | "cerberus.danger.20" | "cerberus.danger.30" | "cerberus.danger.40" | "cerberus.danger.50" | "cerberus.danger.60" | "cerberus.danger.70" | "cerberus.danger.80" | "cerberus.danger.90" | "cerberus.danger.100" | "cerberus.warning.10" | "cerberus.warning.20" | "cerberus.warning.30" | "cerberus.warning.40" | "cerberus.warning.50" | "cerberus.warning.60" | "cerberus.warning.70" | "cerberus.warning.80" | "cerberus.warning.90" | "cerberus.warning.100" | "cerberus.info.10" | "cerberus.info.20" | "cerberus.info.30" | "cerberus.info.40" | "cerberus.info.50" | "cerberus.info.60" | "cerberus.info.70" | "cerberus.info.80" | "cerberus.info.90" | "cerberus.info.100" | "cerberus.drop-shadow.100" | "cerberus.drop-shadow.200" | "cerberus.drop-shadow.300" | "cerberus.drop-shadow.400" | "cerberus.drop-shadow.500" | "cerberus.drop-shadow.600" | "cerberus.drop-shadow.700" | "cerberus.drop-shadow.800" | "cerberus.drop-shadow.900" | "cerberus.drop-shadow.1000" | "page.backdrop.initial" | "page.bg.100" | "page.bg.200" | "page.bg.300" | "page.bg.initial" | "page.border.100" | "page.border.200" | "page.border.initial" | "page.surface.100" | "page.surface.200" | "page.surface.300" | "page.surface.400" | "page.surface.initial" | "page.surface.inverse" | "page.text.100" | "page.text.200" | "page.text.300" | "page.text.initial" | "page.text.inverse" | "action.bg.initial" | "action.bg.hover" | "action.bg.active" | "action.border.100" | "action.border.initial" | "action.border.focus" | "action.ghost.initial" | "action.ghost.hover" | "action.ghost.active" | "action.navigation.initial" | "action.navigation.hover" | "action.navigation.visited" | "action.text.100" | "action.text.200" | "action.text.initial" | "action.text.inverse" | "action.text.static" | "secondaryAction.bg.initial" | "secondaryAction.bg.hover" | "secondaryAction.bg.active" | "secondaryAction.border.100" | "secondaryAction.border.initial" | "secondaryAction.ghost.initial" | "secondaryAction.ghost.hover" | "secondaryAction.ghost.active" | "secondaryAction.navigation.initial" | "secondaryAction.navigation.hover" | "secondaryAction.navigation.visited" | "secondaryAction.text.100" | "secondaryAction.text.200" | "secondaryAction.text.initial" | "secondaryAction.text.static" | "info.border.100" | "info.border.initial" | "info.bg.initial" | "info.bg.hover" | "info.bg.active" | "info.ghost.initial" | "info.ghost.hover" | "info.ghost.active" | "info.surface.100" | "info.surface.200" | "info.surface.initial" | "info.text.100" | "info.text.200" | "info.text.initial" | "info.text.static" | "success.border.initial" | "success.bg.initial" | "success.bg.hover" | "success.bg.active" | "success.ghost.initial" | "success.ghost.hover" | "success.ghost.active" | "success.surface.100" | "success.surface.200" | "success.surface.initial" | "success.text.100" | "success.text.200" | "success.text.initial" | "success.text.inverse" | "success.text.static" | "warning.border.initial" | "warning.bg.initial" | "warning.bg.hover" | "warning.bg.active" | "warning.ghost.initial" | "warning.ghost.hover" | "warning.ghost.active" | "warning.surface.100" | "warning.surface.200" | "warning.surface.initial" | "warning.text.100" | "warning.text.200" | "warning.text.initial" | "warning.text.inverse" | "warning.text.static" | "danger.bg.initial" | "danger.bg.hover" | "danger.bg.active" | "danger.border.initial" | "danger.ghost.initial" | "danger.ghost.hover" | "danger.ghost.active" | "danger.surface.100" | "danger.surface.200" | "danger.surface.initial" | "danger.text.100" | "danger.text.200" | "danger.text.initial" | "danger.text.inverse" | "danger.text.static" | "gradient.charon-light.text.initial" | "gradient.charon-dark.text.initial" | "gradient.nyx-light.text.initial" | "gradient.nyx-dark.text.initial" | "gradient.amphiaraus-light.text.initial" | "gradient.amphiaraus-dark.text.initial" | "gradient.styx-light.text.initial" | "gradient.styx-dark.text.initial" | "gradient.thanatos-light.text.initial" | "gradient.thanatos-dark.text.initial" | "gradient.hades-light.text.initial" | "gradient.hades-dark.text.initial" | "gradient.asphodel-light.text.initial" | "gradient.asphodel-dark.text.initial" | "dataViz.diverging.50" | "dataViz.diverging.100" | "dataViz.diverging.200" | "dataViz.diverging.300" | "dataViz.diverging.400" | "dataViz.diverging.500" | "dataViz.diverging.600" | "dataViz.diverging.700" | "dataViz.diverging.800" | "dataViz.diverging.900" | "dataViz.sequential.100" | "dataViz.sequential.200" | "dataViz.sequential.300" | "dataViz.sequential.400" | "dataViz.sequential.500" | "dataViz.sequential.600" | "dataViz.qualitative.100" | "dataViz.qualitative.200" | "dataViz.qualitative.300" | "dataViz.qualitative.400" | "dataViz.qualitative.500" | "dataViz.qualitative.600" | "dataViz.qualitative.700" | "dataViz.progress.start" | "dataViz.progress.end" | "dataViz.progress.complete" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.neutral.0" | "colorPalette.0" | "colorPalette.neutral.5" | "colorPalette.5" | "colorPalette.neutral.10" | "colorPalette.10" | "colorPalette.neutral.20" | "colorPalette.20" | "colorPalette.neutral.30" | "colorPalette.30" | "colorPalette.neutral.40" | "colorPalette.40" | "colorPalette.neutral.50" | "colorPalette.neutral.60" | "colorPalette.60" | "colorPalette.neutral.70" | "colorPalette.70" | "colorPalette.neutral.80" | "colorPalette.80" | "colorPalette.neutral.90" | "colorPalette.90" | "colorPalette.neutral.100" | "colorPalette.neutral.white" | "colorPalette.white" | "colorPalette.brand.5" | "colorPalette.brand.10" | "colorPalette.brand.20" | "colorPalette.brand.30" | "colorPalette.brand.40" | "colorPalette.brand.50" | "colorPalette.brand.60" | "colorPalette.brand.70" | "colorPalette.brand.80" | "colorPalette.brand.90" | "colorPalette.brand.100" | "colorPalette.accent.10" | "colorPalette.accent.20" | "colorPalette.accent.30" | "colorPalette.accent.40" | "colorPalette.accent.50" | "colorPalette.accent.60" | "colorPalette.accent.70" | "colorPalette.accent.80" | "colorPalette.accent.90" | "colorPalette.accent.100" | "colorPalette.success.10" | "colorPalette.success.20" | "colorPalette.success.30" | "colorPalette.success.40" | "colorPalette.success.50" | "colorPalette.success.60" | "colorPalette.success.70" | "colorPalette.success.80" | "colorPalette.success.90" | "colorPalette.success.100" | "colorPalette.danger.10" | "colorPalette.danger.20" | "colorPalette.danger.30" | "colorPalette.danger.40" | "colorPalette.danger.50" | "colorPalette.danger.60" | "colorPalette.danger.70" | "colorPalette.danger.80" | "colorPalette.danger.90" | "colorPalette.danger.100" | "colorPalette.warning.10" | "colorPalette.warning.20" | "colorPalette.warning.30" | "colorPalette.warning.40" | "colorPalette.warning.50" | "colorPalette.warning.60" | "colorPalette.warning.70" | "colorPalette.warning.80" | "colorPalette.warning.90" | "colorPalette.warning.100" | "colorPalette.drop-shadow.100" | "colorPalette.drop-shadow.200" | "colorPalette.drop-shadow.300" | "colorPalette.drop-shadow.400" | "colorPalette.drop-shadow.500" | "colorPalette.drop-shadow.600" | "colorPalette.drop-shadow.700" | "colorPalette.drop-shadow.800" | "colorPalette.drop-shadow.900" | "colorPalette.drop-shadow.1000" | "colorPalette.1000" | "colorPalette.info.10" | "colorPalette.info.20" | "colorPalette.info.30" | "colorPalette.info.40" | "colorPalette.info.50" | "colorPalette.info.60" | "colorPalette.info.70" | "colorPalette.info.80" | "colorPalette.info.90" | "colorPalette.info.100" | "colorPalette.neutral.15" | "colorPalette.15" | "colorPalette.teal.10" | "colorPalette.teal.20" | "colorPalette.teal.30" | "colorPalette.teal.40" | "colorPalette.teal.50" | "colorPalette.teal.60" | "colorPalette.teal.70" | "colorPalette.teal.80" | "colorPalette.teal.90" | "colorPalette.teal.100" | "colorPalette.backdrop.initial" | "colorPalette.initial" | "colorPalette.bg.100" | "colorPalette.bg.200" | "colorPalette.bg.300" | "colorPalette.bg.initial" | "colorPalette.border.100" | "colorPalette.border.200" | "colorPalette.border.initial" | "colorPalette.surface.100" | "colorPalette.surface.200" | "colorPalette.surface.300" | "colorPalette.surface.400" | "colorPalette.surface.initial" | "colorPalette.surface.inverse" | "colorPalette.inverse" | "colorPalette.text.100" | "colorPalette.text.200" | "colorPalette.text.300" | "colorPalette.text.initial" | "colorPalette.text.inverse" | "colorPalette.bg.hover" | "colorPalette.hover" | "colorPalette.bg.active" | "colorPalette.active" | "colorPalette.border.focus" | "colorPalette.focus" | "colorPalette.ghost.initial" | "colorPalette.ghost.hover" | "colorPalette.ghost.active" | "colorPalette.navigation.initial" | "colorPalette.navigation.hover" | "colorPalette.navigation.visited" | "colorPalette.visited" | "colorPalette.text.static" | "colorPalette.static" | "colorPalette.charon-light.text.initial" | "colorPalette.charon-dark.text.initial" | "colorPalette.nyx-light.text.initial" | "colorPalette.nyx-dark.text.initial" | "colorPalette.amphiaraus-light.text.initial" | "colorPalette.amphiaraus-dark.text.initial" | "colorPalette.styx-light.text.initial" | "colorPalette.styx-dark.text.initial" | "colorPalette.thanatos-light.text.initial" | "colorPalette.thanatos-dark.text.initial" | "colorPalette.hades-light.text.initial" | "colorPalette.hades-dark.text.initial" | "colorPalette.asphodel-light.text.initial" | "colorPalette.asphodel-dark.text.initial" | "colorPalette.diverging.50" | "colorPalette.diverging.100" | "colorPalette.diverging.200" | "colorPalette.diverging.300" | "colorPalette.diverging.400" | "colorPalette.diverging.500" | "colorPalette.diverging.600" | "colorPalette.diverging.700" | "colorPalette.diverging.800" | "colorPalette.diverging.900" | "colorPalette.sequential.100" | "colorPalette.sequential.200" | "colorPalette.sequential.300" | "colorPalette.sequential.400" | "colorPalette.sequential.500" | "colorPalette.sequential.600" | "colorPalette.qualitative.100" | "colorPalette.qualitative.200" | "colorPalette.qualitative.300" | "colorPalette.qualitative.400" | "colorPalette.qualitative.500" | "colorPalette.qualitative.600" | "colorPalette.qualitative.700" | "colorPalette.progress.start" | "colorPalette.start" | "colorPalette.progress.end" | "colorPalette.end" | "colorPalette.progress.complete" | "colorPalette.complete"
 
 declare function Combobox(props: ComboboxProps): JSX.Element;
 export { Combobox }
@@ -2078,6 +2309,10 @@ declare interface Conditions {
     	"_startIndicator": string
     	/** `&:is([data-indicator-position=end])` */
     	"_endIndicator": string
+    	/** `&:is([data-orientation=horizontal])` */
+    	"_horizontal": string
+    	/** `&:is([data-orientation=vertical])` */
+    	"_vertical": string
     	/** `&:is([data-size=xs])` */
     	"_xsSize": string
     	/** `&:is([data-size=sm])` */
@@ -2312,10 +2547,6 @@ declare interface Conditions {
     	"_scrollbarThumb": string
     	/** `&::-webkit-scrollbar-track` */
     	"_scrollbarTrack": string
-    	/** `&[data-orientation=horizontal]` */
-    	"_horizontal": string
-    	/** `&[data-orientation=vertical]` */
-    	"_vertical": string
     	/** `& :where(svg)` */
     	"_icon": string
     	/** `@starting-style` */

package/build/legacy/components/accordion/index.cjs

@@ -46,23 +46,28 @@ var CerberusPrimitive = class {
     /**
      * Creates a Cerberus component with bare features and no recipe.
      * @param Component - The React component to enhance with Cerberus features.
+     * Can be a string or a component reference.
      * @returns A new React component that applies Cerberus features to the
      * original component.
+     *
      * @example
-     * ```typescript
-     * const { withNoRecipe } = createCerberusPrimitive(button)
-     * const Button = withNoRecipe(RawButton)
+     * ```ts
+     * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)
+     * const Button = withNoRecipe('button')
      * ```
      */
     __publicField(this, "withNoRecipe", (Component, options) => {
       const { defaultProps } = options || {};
-      this.validateComponent(Component);
+      const El = Component;
       const CerbComponent = (props) => {
         const { css: customCss, className, ...nativeProps } = props;
         const styles = this.hasStyles((0, import_css.cx)(className, (0, import_css.css)(customCss)));
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(El, { ...defaultProps, ...styles, ...nativeProps });
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -74,8 +79,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withRecipe", (Component, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -93,7 +98,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     /**
@@ -110,8 +118,8 @@ var CerberusPrimitive = class {
      */
     __publicField(this, "withSlotRecipe", (Component, slot, options) => {
       const { defaultProps } = options || {};
+      const El = Component;
       const recipe = this.recipe;
-      this.validateComponent(Component);
       const CerbComponent = (internalProps) => {
         const {
           css: customCss,
@@ -130,7 +138,10 @@ var CerberusPrimitive = class {
           }
         );
       };
-      CerbComponent.displayName = Component.displayName || Component.name;
+      if (this.validateComponent(El)) {
+        const ElName = typeof El === "string" ? El : El.displayName || El.name;
+        CerbComponent.displayName = ElName;
+      }
       return CerbComponent;
     });
     this.recipe = recipe ?? null;
@@ -145,8 +156,9 @@ var CerberusPrimitive = class {
   }
   validateComponent(Component) {
     if (typeof Component !== "function" && typeof Component !== "object") {
-      throw new Error("Expected a React component as the first argument.");
+      return false;
     }
+    return true;
   }
 };
 

package/build/legacy/components/accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/accordion/index.ts","../../../../src/components/accordion/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/accordion/parts.ts","../../../../src/utils/index.ts","../../../../src/components/show/show.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/accordion/item-indicator.tsx","../../../../src/components/accordion/item-group.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './item-group'\n","import {\n  Accordion,\n  type AccordionItemContentProps as ArkAccordionItemContentProps,\n  type AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps,\n  type AccordionItemProps as ArkAccordionItemProps,\n  type AccordionItemTriggerProps as ArkAccordionItemTriggerProps,\n  type AccordionRootProps as ArkAccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { accordion, type AccordionVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(accordion)\n\nfunction AccordionRootEl(props: AccordionRootProps) {\n  const { size, ...rootProps } = props\n  return <Accordion.Root {...rootProps} data-size={size} />\n}\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionRoot = withSlotRecipe(AccordionRootEl, 'root')\nexport type AccordionRootProps = CerberusPrimitiveProps<\n  ArkAccordionRootProps & AccordionVariantProps\n>\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItem = withSlotRecipe<AccordionItemProps>(\n  Accordion.Item,\n  'item',\n)\nexport type AccordionItemProps = CerberusPrimitiveProps<\n  ArkAccordionItemProps & AccordionVariantProps\n>\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemTrigger = withSlotRecipe<AccordionItemTriggerProps>(\n  Accordion.ItemTrigger,\n  'itemTrigger',\n)\nexport type AccordionItemTriggerProps =\n  CerberusPrimitiveProps<ArkAccordionItemTriggerProps>\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemIndicator =\n  withSlotRecipe<AccordionItemIndicatorProps>(\n    Accordion.ItemIndicator,\n    'itemIndicator',\n  )\nexport type AccordionItemIndicatorProps =\n  CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemContent = withSlotRecipe<AccordionItemContentProps>(\n  Accordion.ItemContent,\n  'itemContent',\n)\nexport type AccordionItemContentProps =\n  CerberusPrimitiveProps<ArkAccordionItemContentProps>\n","import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      throw new Error('Expected a React component as the first argument.')\n    }\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   * @example\n   * ```typescript\n   * const { withNoRecipe } = createCerberusPrimitive(button)\n   * const Button = withNoRecipe(RawButton)\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <Component {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusRecipe\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n}\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n","import type { ElementType } from 'react'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n  AccordionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Accordion component.\n * @module 'accordion/parts'\n */\n\ninterface AccordionPartsValue {\n  /**\n   * The context provider of the accordion.\n   */\n  Root: ElementType\n  /**\n   * The item of the accordion.\n   */\n  Item: ElementType\n  /**\n   * The trigger of the accordion item.\n   */\n  ItemTrigger: ElementType\n  /**\n   * The content of the accordion item.\n   */\n  ItemContent: ElementType\n  /**\n   * The indicator of the accordion item.\n   */\n  ItemIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AccordionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AccordionParts: AccordionPartsValue = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  ItemTrigger: AccordionItemTrigger,\n  ItemContent: AccordionItemContent,\n  ItemIndicator: AccordionItemIndicator,\n}\n","/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n","import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { type AccordionItemIndicatorProps } from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { AccordionParts } from './parts'\n\n/**\n * This module contains the internal AccordionItemIndicator component.\n * @module 'accordion/item-indicator'\n */\n\nexport function AccordionChevronItemIndicator(\n  props: AccordionItemIndicatorProps & AccordionVariantProps,\n) {\n  const { size, ...indicatorProps } = props\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  const { icons } = useCerberusContext()\n  const { accordionIndicator: ChevronDown } = icons\n\n  return (\n    <AccordionParts.ItemIndicator {...indicatorProps}>\n      <ChevronDown size={iconSize} />\n    </AccordionParts.ItemIndicator>\n  )\n}\n","import type {\n  AccordionItemProps,\n  AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../show/index'\nimport { AccordionParts } from './parts'\nimport { AccordionChevronItemIndicator } from './item-indicator'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport function Accordion(props: AccordionRootProps & AccordionVariantProps) {\n  return <AccordionParts.Root {...props} />\n}\n\nexport interface AccordionItemGroupProps\n  extends AccordionItemProps,\n    AccordionVariantProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\n\n/**\n * The AccordionItemGroup component is an abstraction of the Accordion primitive\n * components which renders an accordion item with a heading and an indicator.\n *\n * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.\n * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.\n *\n * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)\n * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)\n */\nexport function AccordionItemGroup(props: AccordionItemGroupProps) {\n  const [groupProps, itemProps] = splitProps(props, [\n    'heading',\n    'children',\n    'indicatorPosition',\n  ])\n  const indicatorPosition = groupProps.indicatorPosition ?? 'end'\n\n  return (\n    <AccordionParts.Item {...itemProps}>\n      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n\n        {groupProps.heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n      </AccordionParts.ItemTrigger>\n\n      <AccordionParts.ItemContent>\n        {groupProps.children}\n      </AccordionParts.ItemContent>\n    </AccordionParts.Item>\n  )\n}\n"],"mappings":"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","names":["Accordion","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Accordion"]}
+{"version":3,"sources":["../../../../src/components/accordion/index.ts","../../../../src/components/accordion/primitives.tsx","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/accordion/parts.ts","../../../../src/utils/index.ts","../../../../src/components/show/show.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/accordion/item-indicator.tsx","../../../../src/components/accordion/item-group.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './item-group'\n","import {\n  Accordion,\n  type AccordionItemContentProps as ArkAccordionItemContentProps,\n  type AccordionItemIndicatorProps as ArkAccordionItemIndicatorProps,\n  type AccordionItemProps as ArkAccordionItemProps,\n  type AccordionItemTriggerProps as ArkAccordionItemTriggerProps,\n  type AccordionRootProps as ArkAccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { accordion, type AccordionVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Accordion component.\n * @module 'accordion/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(accordion)\n\nfunction AccordionRootEl(props: AccordionRootProps) {\n  const { size, ...rootProps } = props\n  return <Accordion.Root {...rootProps} data-size={size} />\n}\n\n/**\n * The primitive root component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Root` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionRoot = withSlotRecipe(AccordionRootEl, 'root')\nexport type AccordionRootProps = CerberusPrimitiveProps<\n  ArkAccordionRootProps & AccordionVariantProps\n>\n\n/**\n * The primitive item component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Item` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItem = withSlotRecipe<AccordionItemProps>(\n  Accordion.Item,\n  'item',\n)\nexport type AccordionItemProps = CerberusPrimitiveProps<\n  ArkAccordionItemProps & AccordionVariantProps\n>\n\n/**\n * The primitive trigger component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemTrigger` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemTrigger = withSlotRecipe<AccordionItemTriggerProps>(\n  Accordion.ItemTrigger,\n  'itemTrigger',\n)\nexport type AccordionItemTriggerProps =\n  CerberusPrimitiveProps<ArkAccordionItemTriggerProps>\n\n/**\n * The primitive item indicator component of the Accordion component.\n *\n * This component returns the Ark `Accordion.ItemIndicator` component which has\n * a base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemIndicator =\n  withSlotRecipe<AccordionItemIndicatorProps>(\n    Accordion.ItemIndicator,\n    'itemIndicator',\n  )\nexport type AccordionItemIndicatorProps =\n  CerberusPrimitiveProps<ArkAccordionItemIndicatorProps>\n\n/**\n * The primitive content component of the Accordion component.\n *\n * This component returns the Ark `Accordion.Content` component which has a\n * base style using the Cerberus `accordion` recipe that can be overridden.\n */\nexport const AccordionItemContent = withSlotRecipe<AccordionItemContentProps>(\n  Accordion.ItemContent,\n  'itemContent',\n)\nexport type AccordionItemContentProps =\n  CerberusPrimitiveProps<ArkAccordionItemContentProps>\n","import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type ElementType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      return false\n    }\n    return true\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * Can be a string or a component reference.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   *\n   * @example\n   * ```ts\n   * const { withNoRecipe } = createCerberusPrimitive(buttonRecipe)\n   * const Button = withNoRecipe('button')\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <El {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusRecipe\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P> | string,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const El = Component as ComponentType<P> | ElementType\n\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const {\n        css: customCss,\n        className,\n        ...restOfInternalProps\n      } = internalProps\n\n      const [variantOptions, nativeProps] =\n        recipe.splitVariantProps(restOfInternalProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    if (this.validateComponent(El)) {\n      const ElName = typeof El === 'string' ? El : El.displayName || El.name\n      CerbComponent.displayName = ElName\n    }\n\n    return CerbComponent\n  }\n}\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n","import type { ElementType } from 'react'\nimport {\n  AccordionItem,\n  AccordionItemContent,\n  AccordionItemIndicator,\n  AccordionItemTrigger,\n  AccordionRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Accordion component.\n * @module 'accordion/parts'\n */\n\ninterface AccordionPartsValue {\n  /**\n   * The context provider of the accordion.\n   */\n  Root: ElementType\n  /**\n   * The item of the accordion.\n   */\n  Item: ElementType\n  /**\n   * The trigger of the accordion item.\n   */\n  ItemTrigger: ElementType\n  /**\n   * The content of the accordion item.\n   */\n  ItemContent: ElementType\n  /**\n   * The indicator of the accordion item.\n   */\n  ItemIndicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Accordion component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the AccordionParts object and\n * the entire family of components vs. only what you use.\n */\nexport const AccordionParts: AccordionPartsValue = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  ItemTrigger: AccordionItemTrigger,\n  ItemContent: AccordionItemContent,\n  ItemIndicator: AccordionItemIndicator,\n}\n","/**\n * This module contains utility functions that are used across your app.\n * @module Utils\n */\n\n/**\n * Formats the count of notifications to be displayed in the notification badge.\n * @param count - The number of notifications.\n * @returns The formatted count of notifications.\n * @example\n * ```tsx\n * const count = formatNotifyCount(100)\n * console.log(count) // '99+'\n * ```\n */\nexport function formatNotifyCount(count: number): string {\n  if (count > 99) return '99+'\n  return count.toString()\n}\n\n/**\n * Splits the properties of an object into multiple groups based on lists of keys.\n * @param props - The object to split.\n * @param keyGroups - The lists of keys to include in each group.\n * @returns An array of objects: each containing the properties specified in the corresponding key group, and the last object containing the remaining keys.\n */\nexport function splitProps<T extends object>(\n  props: T,\n  ...keyGroups: (keyof T)[][]\n): { [K in keyof T]?: T[K] }[] {\n  const result = keyGroups.map(() => ({}) as { [K in keyof T]?: T[K] })\n  const rest = {} as { [K in keyof T]?: T[K] }\n\n  for (const key in props) {\n    let assigned = false\n    for (let i = 0; i < keyGroups.length; i++) {\n      if (keyGroups[i].includes(key as keyof T)) {\n        result[i][key as keyof T] = props[key]\n        assigned = true\n        break\n      }\n    }\n    if (!assigned) {\n      rest[key as keyof T] = props[key]\n    }\n  }\n\n  return [...result, rest]\n}\n\nexport * from './localStorage'\n","import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { type AccordionItemIndicatorProps } from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { AccordionParts } from './parts'\n\n/**\n * This module contains the internal AccordionItemIndicator component.\n * @module 'accordion/item-indicator'\n */\n\nexport function AccordionChevronItemIndicator(\n  props: AccordionItemIndicatorProps & AccordionVariantProps,\n) {\n  const { size, ...indicatorProps } = props\n  const iconSize = size === 'sm' ? 16 : '24'\n\n  const { icons } = useCerberusContext()\n  const { accordionIndicator: ChevronDown } = icons\n\n  return (\n    <AccordionParts.ItemIndicator {...indicatorProps}>\n      <ChevronDown size={iconSize} />\n    </AccordionParts.ItemIndicator>\n  )\n}\n","import type {\n  AccordionItemProps,\n  AccordionRootProps,\n} from '@ark-ui/react/accordion'\nimport { type AccordionVariantProps } from 'styled-system/recipes'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../show/index'\nimport { AccordionParts } from './parts'\nimport { AccordionChevronItemIndicator } from './item-indicator'\n\n/**\n * This module contains an abstraction of the AccordionItem components.\n * @module\n */\n\nexport function Accordion(props: AccordionRootProps & AccordionVariantProps) {\n  return <AccordionParts.Root {...props} />\n}\n\nexport interface AccordionItemGroupProps\n  extends AccordionItemProps,\n    AccordionVariantProps {\n  /**\n   * The heading of the accordion item to open and close the content.\n   */\n  heading: string\n  /**\n   * The position of the arrow indicator.\n   */\n  indicatorPosition?: 'start' | 'end'\n}\n\n/**\n * The AccordionItemGroup component is an abstraction of the Accordion primitive\n * components which renders an accordion item with a heading and an indicator.\n *\n * It is a wrapper around the `AccordionParts.Item`, `AccordionParts.\n * ItemTrigger`, `AccordionParts.ItemIndicator`, and `AccordionParts.ItemContent` components.\n *\n * @description [Cerberus docs](https://cerberus.digitalu.design/react/accordion)\n * @description [Ark docs](https://ark-ui.com/react/docs/components/accordion)\n */\nexport function AccordionItemGroup(props: AccordionItemGroupProps) {\n  const [groupProps, itemProps] = splitProps(props, [\n    'heading',\n    'children',\n    'indicatorPosition',\n  ])\n  const indicatorPosition = groupProps.indicatorPosition ?? 'end'\n\n  return (\n    <AccordionParts.Item {...itemProps}>\n      <AccordionParts.ItemTrigger data-indicator-position={indicatorPosition}>\n        <Show when={indicatorPosition === 'start'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n\n        {groupProps.heading}\n\n        <Show when={indicatorPosition === 'end'}>\n          <AccordionChevronItemIndicator />\n        </Show>\n      </AccordionParts.ItemTrigger>\n\n      <AccordionParts.ItemContent>\n        {groupProps.children}\n      </AccordionParts.ItemContent>\n    </AccordionParts.Item>\n  )\n}\n"],"mappings":"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","names":["Accordion","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Accordion"]}