npm - @cerberus-design/react - Versions diffs - 0.19.1 → 0.19.3 - Mend

@cerberus-design/react 0.19.1 → 0.19.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (584) hide show

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

@@ -1112,15 +1112,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 +1130,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 +1143,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 +1598,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 }
@@ -4589,7 +4591,7 @@ export { FieldStartIndicator as FieldStartIndicator_alias_2 }
  * </FieldRoot>
  * ```
  */
-declare function FieldStatusIndicator(props: FieldStatusIndicatorProps): JSX.Element;
+declare function FieldStatusIndicator(props: FieldStatusIndicatorProps): JSX.Element | null;
 export { FieldStatusIndicator }
 export { FieldStatusIndicator as FieldStatusIndicator_alias_1 }
 export { FieldStatusIndicator as FieldStatusIndicator_alias_2 }
@@ -27279,6 +27281,16 @@ declare interface WithCss {
      * In most cases, you should use the `css` prop instead.
      */
     style?: CSSProperties | Record<string, number | string>;
+    /**
+     * If true, the component will render as a child as the provided element
+     * passing all the given props to the child.
+     */
+    asChild?: boolean;
+    /**
+     * The class name to apply to the component.
+     * Can be a single class name or an array of class names.
+     */
+    className?: string;
 }
 export { WithCss }
 export { WithCss as WithCss_alias_1 }

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

@@ -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,11 +79,15 @@ 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, className, ...nativeProps } = internalProps;
-        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const {
+          css: customCss,
+          className,
+          ...restOfInternalProps
+        } = internalProps;
+        const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
         const recipeStyles = recipe(variantOptions);
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           Component,
@@ -89,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;
     });
     /**
@@ -106,11 +118,15 @@ 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, className, ...nativeProps } = internalProps;
-        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const {
+          css: customCss,
+          className,
+          ...restOfInternalProps
+        } = internalProps;
+        const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
         const styles = recipe(variantOptions);
         const slotStyles = styles[slot];
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -122,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;
@@ -137,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 CHANGED Viewed

	@@ -1 +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 { css: customCss, className, ...nativeProps } = internalProps\n\n const [variantOptions] = recipe.splitVariantProps(nativeProps)\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 { css: customCss, className, ...nativeProps } = internalProps\n\n const [variantOptions] = recipe.splitVariantProps(nativeProps)\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"]}
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 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":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,mBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,uBAOO;AACP,qBAAsD;;;ACRtD,iBAAwB;AAsEX;AAhDN,IAAM,oBAAN,MAAwB;AAAA,EAG7B,YAAY,QAAkC;AAF9C;AAqCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAAe,CACb,WACA,YAC2B;AAC3B,YAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,YAAM,KAAK;AAEX,YAAM,gBAAgB,CAAC,UAA0C;AAC/D,cAAM,EAAE,KAAK,WAAW,WAAW,GAAG,YAAY,IAAI;AACtD,cAAM,SAAS,KAAK,cAAU,eAAG,eAAW,gBAAI,SAAS,CAAC,CAAC;AAC3D,eAAO,4CAAC,MAAI,GAAG,cAAe,GAAG,QAAS,GAAI,aAAmB;AAAA,MACnE;AAEA,UAAI,KAAK,kBAAkB,EAAE,GAAG;AAC9B,cAAM,SAAS,OAAO,OAAO,WAAW,KAAK,GAAG,eAAe,GAAG;AAClE,sBAAc,cAAc;AAAA,MAC9B;AAEA,aAAO;AAAA,IACT;AASA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sCAAa,CACX,WACA,YAC+D;AAC/D,YAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,YAAM,KAAK;AAEX,YAAM,SAAS,KAAK;AAEpB,YAAM,gBAAgB,CAAC,kBAAkD;AACvE,cAAM;AAAA,UACJ,KAAK;AAAA,UACL;AAAA,UACA,GAAG;AAAA,QACL,IAAI;AAEJ,cAAM,CAAC,gBAAgB,WAAW,IAChC,OAAO,kBAAkB,mBAAmB;AAC9C,cAAM,eAAe,OAAO,cAAc;AAE1C,eACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAI;AAAA,YACL,eAAW,eAAG,WAAW,kBAAc,gBAAI,SAAS,CAAC;AAAA;AAAA,QACvD;AAAA,MAEJ;AAEA,UAAI,KAAK,kBAAkB,EAAE,GAAG;AAC9B,cAAM,SAAS,OAAO,OAAO,WAAW,KAAK,GAAG,eAAe,GAAG;AAClE,sBAAc,cAAc;AAAA,MAC9B;AAEA,aAAO;AAAA,IACT;AAcA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAiB,CACf,WACA,MACA,YACG;AACH,YAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,YAAM,KAAK;AAEX,YAAM,SAAS,KAAK;AAEpB,YAAM,gBAAgB,CAAC,kBAAkD;AACvE,cAAM;AAAA,UACJ,KAAK;AAAA,UACL;AAAA,UACA,GAAG;AAAA,QACL,IAAI;AAEJ,cAAM,CAAC,gBAAgB,WAAW,IAChC,OAAO,kBAAkB,mBAAmB;AAC9C,cAAM,SAAS,OAAO,cAAc;AACpC,cAAM,aAAa,OAAO,IAA2B;AAErD,eACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAI;AAAA,YACL,eAAW,eAAG,WAAW,gBAAY,gBAAI,SAAS,CAAC;AAAA;AAAA,QACrD;AAAA,MAEJ;AAEA,UAAI,KAAK,kBAAkB,EAAE,GAAG;AAC9B,cAAM,SAAS,OAAO,OAAO,WAAW,KAAK,GAAG,eAAe,GAAG;AAClE,sBAAc,cAAc;AAAA,MAC9B;AAEA,aAAO;AAAA,IACT;AApJE,SAAK,SAAS,UAAU;AAAA,EAC1B;AAAA,EAEQ,UAAU,QAAqD;AACrE,QAAI,QAAQ;AACV,aAAO;AAAA,QACL,WAAW;AAAA,MACb;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAAA,EAEQ,kBACN,WACA;AACA,QAAI,OAAO,cAAc,cAAc,OAAO,cAAc,UAAU;AACpE,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AAkIF;;;ACzJO,SAAS,wBACd,QACA;AACA,SAAO,IAAI,kBAAkB,MAAM;AACrC;;;AFHS,IAAAC,sBAAA;AAJT,IAAM,EAAE,eAAe,IAAI,wBAAwB,wBAAS;AAE5D,SAAS,gBAAgB,OAA2B;AAClD,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,SAAO,6CAAC,2BAAU,MAAV,EAAgB,GAAG,WAAW,aAAW,MAAM;AACzD;AAQO,IAAM,gBAAgB,eAAe,iBAAiB,MAAM;AAW5D,IAAM,gBAAgB;AAAA,EAC3B,2BAAU;AAAA,EACV;AACF;AAWO,IAAM,uBAAuB;AAAA,EAClC,2BAAU;AAAA,EACV;AACF;AAUO,IAAM,yBACX;AAAA,EACE,2BAAU;AAAA,EACV;AACF;AAUK,IAAM,uBAAuB;AAAA,EAClC,2BAAU;AAAA,EACV;AACF;;;AGzCO,IAAM,iBAAsC;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AACjB;;;AC1BO,SAAS,WACd,UACG,WAC0B;AAC7B,QAAM,SAAS,UAAU,IAAI,OAAO,CAAC,EAA+B;AACpE,QAAM,OAAO,CAAC;AAEd,aAAW,OAAO,OAAO;AACvB,QAAI,WAAW;AACf,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,UAAI,UAAU,CAAC,EAAE,SAAS,GAAc,GAAG;AACzC,eAAO,CAAC,EAAE,GAAc,IAAI,MAAM,GAAG;AACrC,mBAAW;AACX;AAAA,MACF;AAAA,IACF;AACA,QAAI,CAAC,UAAU;AACb,WAAK,GAAc,IAAI,MAAM,GAAG;AAAA,IAClC;AAAA,EACF;AAEA,SAAO,CAAC,GAAG,QAAQ,IAAI;AACzB;;;AChBW,IAAAC,sBAAA;AAJJ,SAAS,KAAQ,OAAwC;AAC9D,QAAM,EAAE,MAAM,UAAU,SAAS,IAAI;AAErC,MAAI,MAAM;AACR,WAAO,6EAAG,UAAS;AAAA,EACrB;AAEA,MAAI,UAAU;AACZ,WAAO,6EAAG,oBAAS;AAAA,EACrB;AAEA,SAAO;AACT;;;ACtCA,mBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ACpBM,IAAAC,sBAAA;AAXC,SAAS,8BACd,OACA;AACA,QAAM,EAAE,MAAM,GAAG,eAAe,IAAI;AACpC,QAAM,WAAW,SAAS,OAAO,KAAK;AAEtC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,oBAAoB,YAAY,IAAI;AAE5C,SACE,6CAAC,eAAe,eAAf,EAA8B,GAAG,gBAChC,uDAAC,eAAY,MAAM,UAAU,GAC/B;AAEJ;;;ACVS,IAAAC,sBAAA;AADF,SAASC,WAAU,OAAmD;AAC3E,SAAO,6CAAC,eAAe,MAAf,EAAqB,GAAG,OAAO;AACzC;AAyBO,SAAS,mBAAmB,OAAgC;AACjE,QAAM,CAAC,YAAY,SAAS,IAAI,WAAW,OAAO;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,oBAAoB,WAAW,qBAAqB;AAE1D,SACE,8CAAC,eAAe,MAAf,EAAqB,GAAG,WACvB;AAAA,kDAAC,eAAe,aAAf,EAA2B,2BAAyB,mBACnD;AAAA,mDAAC,QAAK,MAAM,sBAAsB,SAChC,uDAAC,iCAA8B,GACjC;AAAA,MAEC,WAAW;AAAA,MAEZ,6CAAC,QAAK,MAAM,sBAAsB,OAChC,uDAAC,iCAA8B,GACjC;AAAA,OACF;AAAA,IAEA,6CAAC,eAAe,aAAf,EACE,qBAAW,UACd;AAAA,KACF;AAEJ;","names":["Accordion","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Accordion"]}

package/build/legacy/components/accordion/item-group.cjs CHANGED Viewed

@@ -73,23 +73,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_runtime2.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+        return /* @__PURE__ */ (0, import_jsx_runtime2.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;
     });
     /**
@@ -101,11 +106,15 @@ 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, className, ...nativeProps } = internalProps;
-        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const {
+          css: customCss,
+          className,
+          ...restOfInternalProps
+        } = internalProps;
+        const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
         const recipeStyles = recipe(variantOptions);
         return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           Component,
@@ -116,7 +125,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;
     });
     /**
@@ -133,11 +145,15 @@ 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, className, ...nativeProps } = internalProps;
-        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const {
+          css: customCss,
+          className,
+          ...restOfInternalProps
+        } = internalProps;
+        const [variantOptions, nativeProps] = recipe.splitVariantProps(restOfInternalProps);
         const styles = recipe(variantOptions);
         const slotStyles = styles[slot];
         return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -149,7 +165,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;
@@ -164,8 +183,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;
   }
 };