@cerberus-design/react 0.19.0 → 0.19.1

package/build/legacy/system/factory.cjs

@@ -132,14 +132,9 @@ var CerberusPrimitive = class {
   }
 };
 
-// src/system/index.ts
-function createCerberusPrimitive(recipe) {
-  return new CerberusPrimitive(recipe);
-}
-
 // src/system/factory.ts
 function cerberusFactory(component, defaultProps) {
-  const { withNoRecipe } = createCerberusPrimitive();
+  const { withNoRecipe } = new CerberusPrimitive();
   const arkComponent = import_factory.ark[component];
   if (arkComponent) {
     return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} });

package/build/legacy/system/factory.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/system/factory.ts","../../../src/system/primitive-factory.tsx","../../../src/system/index.ts"],"sourcesContent":["import { ark } from '@ark-ui/react/factory'\nimport { createCerberusPrimitive } from './index'\nimport type { ComponentType } from 'react'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = createCerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\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"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/system/factory.ts","../../../src/system/primitive-factory.tsx"],"sourcesContent":["import { ark } from '@ark-ui/react/factory'\nimport type { ComponentType } from 'react'\nimport { CerberusPrimitive } from './primitive-factory'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = new CerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\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"],"mappings":"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","names":[]}

package/build/legacy/system/index.cjs

@@ -135,7 +135,7 @@ var CerberusPrimitive = class {
 // src/system/factory.ts
 var import_factory = require("@ark-ui/react/factory");
 function cerberusFactory(component, defaultProps) {
-  const { withNoRecipe } = createCerberusPrimitive();
+  const { withNoRecipe } = new CerberusPrimitive();
   const arkComponent = import_factory.ark[component];
   if (arkComponent) {
     return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} });

package/build/legacy/system/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/system/index.ts","../../../src/system/primitive-factory.tsx","../../../src/system/factory.ts"],"sourcesContent":["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 { 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 { ark } from '@ark-ui/react/factory'\nimport { createCerberusPrimitive } from './index'\nimport type { ComponentType } from 'react'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = createCerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/system/index.ts","../../../src/system/primitive-factory.tsx","../../../src/system/factory.ts"],"sourcesContent":["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 { 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 { ark } from '@ark-ui/react/factory'\nimport type { ComponentType } from 'react'\nimport { CerberusPrimitive } from './primitive-factory'\n\nfunction cerberusFactory<T extends Record<string, unknown>>(\n  component: keyof typeof ark,\n  defaultProps?: T,\n) {\n  const { withNoRecipe } = new CerberusPrimitive()\n  const arkComponent = ark[component] as ComponentType\n\n  if (arkComponent) {\n    return withNoRecipe(arkComponent, { defaultProps: defaultProps ?? {} })\n  }\n\n  throw new Error(\n    `Component \"${String(component)}\" is not a valid Cerberus component. Please check the component name.`,\n  )\n}\n\nconst cache = new Map()\n\n// Create a proxy that handles both function calls and property access\nexport const cerberusFactoryProxy = new Proxy(cerberusFactory, {\n  apply(target, thisArg, argArray) {\n    // Handle function calls like cerberus('button')\n    // @ts-expect-error: Ignore type error for dynamic property access\n    return target.apply(thisArg, argArray)\n  },\n  get(_target, el: keyof typeof ark) {\n    // Handle property access like cerberus.button\n    if (!cache.has(el)) {\n      cache.set(el, cerberusFactory(el))\n    }\n    return cache.get(el) as ReturnType<typeof cerberusFactory>\n  },\n})\n"],"mappings":"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","names":[]}

package/build/modern/{chunk-ZLHQYCL3.js → chunk-2MU6WE52.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerViewControlGroup
-} from "./chunk-JQNVN6R6.js";
+} from "./chunk-A655GBYQ.js";
 import {
   DatePickerParts
-} from "./chunk-RJGEKVHZ.js";
+} from "./chunk-BWZXR2WZ.js";
 
 // src/components/date-picker/day-view.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -42,4 +42,4 @@ function DatePickerDayView(props) {
 export {
   DatePickerDayView
 };
-//# sourceMappingURL=chunk-ZLHQYCL3.js.map
+//# sourceMappingURL=chunk-2MU6WE52.js.map

package/build/modern/{chunk-V3LIZS3V.js → chunk-2OWVBM5W.js}

@@ -1,6 +1,6 @@
 import {
   createCerberusPrimitive
-} from "./chunk-WC5DERNW.js";
+} from "./chunk-ZGPHSKEB.js";
 
 // src/components/admonition/primitives.tsx
 import { ark } from "@ark-ui/react/factory";
@@ -59,4 +59,4 @@ export {
   AdmonitionHeading,
   AdmonitionDescription
 };
-//# sourceMappingURL=chunk-V3LIZS3V.js.map
+//# sourceMappingURL=chunk-2OWVBM5W.js.map

package/build/modern/{chunk-QZ5BIUMH.js → chunk-2Q4KTP6D.js}

@@ -1,18 +1,18 @@
 import {
   ProgressBar
-} from "./chunk-KTTGGO72.js";
+} from "./chunk-KYYKBLP2.js";
 import {
   Field
-} from "./chunk-SFQIENJB.js";
+} from "./chunk-4WSCG2CM.js";
 import {
   IconButton
-} from "./chunk-G4CDF7LY.js";
+} from "./chunk-YVYOOJ3X.js";
 import {
   Avatar
-} from "./chunk-WJHG3ZFR.js";
+} from "./chunk-OMM4CPZU.js";
 import {
   FieldHelperText
-} from "./chunk-MBZHMWPR.js";
+} from "./chunk-JG5V3AK4.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -223,4 +223,4 @@ export {
   processStatus,
   FileStatus
 };
-//# sourceMappingURL=chunk-QZ5BIUMH.js.map
+//# sourceMappingURL=chunk-2Q4KTP6D.js.map

package/build/modern/{chunk-YJR4NLDB.js → chunk-2T2S226G.js}

@@ -1,7 +1,7 @@
 import {
   SelectItemGroup,
   SelectItemGroupLabel
-} from "./chunk-JPWFSCTC.js";
+} from "./chunk-MG2YW4IP.js";
 
 // src/components/select/option-group.tsx
 var OptionGroup = SelectItemGroup;
@@ -11,4 +11,4 @@ export {
   OptionGroup,
   OptionGroupLabel
 };
-//# sourceMappingURL=chunk-YJR4NLDB.js.map
+//# sourceMappingURL=chunk-2T2S226G.js.map

package/build/modern/{chunk-WRKDPEIM.js → chunk-2UFNNWLA.js}

@@ -1,18 +1,18 @@
 import {
   Dialog
-} from "./chunk-KUTKPR3G.js";
+} from "./chunk-YQNOAJM7.js";
 import {
   DialogCloseTrigger,
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-L3V6I7YH.js";
+} from "./chunk-HPWLIE64.js";
 import {
   Button
-} from "./chunk-RIBBTTT4.js";
+} from "./chunk-TF2DXEUF.js";
 import {
   Avatar
-} from "./chunk-WJHG3ZFR.js";
+} from "./chunk-OMM4CPZU.js";
 import {
   Show
 } from "./chunk-NUXMADXV.js";
@@ -179,4 +179,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-WRKDPEIM.js.map
+//# sourceMappingURL=chunk-2UFNNWLA.js.map

package/build/modern/{chunk-4NW7Q2VS.js → chunk-3Z4TSR6V.js}

@@ -4,7 +4,7 @@ import {
   AccordionItemIndicator,
   AccordionItemTrigger,
   AccordionRoot
-} from "./chunk-NAPG6OWJ.js";
+} from "./chunk-BDXVYV32.js";
 
 // src/components/accordion/parts.ts
 var AccordionParts = {
@@ -18,4 +18,4 @@ var AccordionParts = {
 export {
   AccordionParts
 };
-//# sourceMappingURL=chunk-4NW7Q2VS.js.map
+//# sourceMappingURL=chunk-3Z4TSR6V.js.map

package/build/modern/{chunk-F45WBSRP.js → chunk-4DJ6KC4K.js}

@@ -3,18 +3,18 @@ import {
 } from "./chunk-VPD3PPBW.js";
 import {
   Dialog
-} from "./chunk-KUTKPR3G.js";
+} from "./chunk-YQNOAJM7.js";
 import {
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-L3V6I7YH.js";
+} from "./chunk-HPWLIE64.js";
 import {
   Button
-} from "./chunk-RIBBTTT4.js";
+} from "./chunk-TF2DXEUF.js";
 import {
   Avatar
-} from "./chunk-WJHG3ZFR.js";
+} from "./chunk-OMM4CPZU.js";
 import {
   Show
 } from "./chunk-NUXMADXV.js";
@@ -22,7 +22,7 @@ import {
   FieldLabel,
   FieldRoot,
   Input
-} from "./chunk-MBZHMWPR.js";
+} from "./chunk-JG5V3AK4.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -212,4 +212,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-F45WBSRP.js.map
+//# sourceMappingURL=chunk-4DJ6KC4K.js.map

package/build/modern/{chunk-WC75SKFH.js → chunk-4Q62OI72.js}

@@ -4,7 +4,7 @@ import {
   AdmonitionHeading,
   AdmonitionIndicator,
   AdmonitionRoot
-} from "./chunk-V3LIZS3V.js";
+} from "./chunk-2OWVBM5W.js";
 
 // src/components/admonition/parts.ts
 var AdmonitionParts = {
@@ -18,4 +18,4 @@ var AdmonitionParts = {
 export {
   AdmonitionParts
 };
-//# sourceMappingURL=chunk-WC75SKFH.js.map
+//# sourceMappingURL=chunk-4Q62OI72.js.map

package/build/modern/{chunk-SFQIENJB.js → chunk-4WSCG2CM.js}

@@ -1,6 +1,6 @@
 import {
   HelperText
-} from "./chunk-DWKGFNTK.js";
+} from "./chunk-PQ5DEKSH.js";
 import {
   Show
 } from "./chunk-NUXMADXV.js";
@@ -9,7 +9,7 @@ import {
   FieldHelperText,
   FieldLabel,
   FieldRoot
-} from "./chunk-MBZHMWPR.js";
+} from "./chunk-JG5V3AK4.js";
 import {
   splitProps
 } from "./chunk-BL7G3577.js";
@@ -37,4 +37,4 @@ function Field(props) {
 export {
   Field
 };
-//# sourceMappingURL=chunk-SFQIENJB.js.map
+//# sourceMappingURL=chunk-4WSCG2CM.js.map

package/build/modern/{chunk-EPIO6H3A.js → chunk-5XU3LUPC.js}

@@ -1,6 +1,6 @@
 import {
   ComboboxParts
-} from "./chunk-NZZS2A53.js";
+} from "./chunk-MXW63O5N.js";
 
 // src/components/combobox/item-group.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -15,4 +15,4 @@ function ComboItemGroup(props) {
 export {
   ComboItemGroup
 };
-//# sourceMappingURL=chunk-EPIO6H3A.js.map
+//# sourceMappingURL=chunk-5XU3LUPC.js.map

package/build/modern/{chunk-HHY26N7O.js → chunk-6BNGJMNL.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerViewControlGroup
-} from "./chunk-JQNVN6R6.js";
+} from "./chunk-A655GBYQ.js";
 import {
   DatePickerParts
-} from "./chunk-RJGEKVHZ.js";
+} from "./chunk-BWZXR2WZ.js";
 
 // src/components/date-picker/year-view.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -17,4 +17,4 @@ function DatePickerYearView(props) {
 export {
   DatePickerYearView
 };
-//# sourceMappingURL=chunk-HHY26N7O.js.map
+//# sourceMappingURL=chunk-6BNGJMNL.js.map

package/build/modern/{chunk-7F4AOCTU.js → chunk-6TIG456O.js}

@@ -1,6 +1,6 @@
 import {
   DatePickerParts
-} from "./chunk-RJGEKVHZ.js";
+} from "./chunk-BWZXR2WZ.js";
 
 // src/components/date-picker/date-picker.tsx
 import { jsx } from "react/jsx-runtime";
@@ -19,4 +19,4 @@ function DatePicker(props) {
 export {
   DatePicker
 };
-//# sourceMappingURL=chunk-7F4AOCTU.js.map
+//# sourceMappingURL=chunk-6TIG456O.js.map

package/build/modern/{chunk-LWOV3N62.js → chunk-7WX2RQT6.js}

@@ -1,9 +1,9 @@
 import {
   CheckboxIcon
-} from "./chunk-UWNLOY27.js";
+} from "./chunk-GIIPOOSM.js";
 import {
   CheckboxParts
-} from "./chunk-DUCW5X4Y.js";
+} from "./chunk-J3XTP6VP.js";
 import {
   Text
 } from "./chunk-VPD3PPBW.js";
@@ -28,4 +28,4 @@ function Checkbox(props) {
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-LWOV3N62.js.map
+//# sourceMappingURL=chunk-7WX2RQT6.js.map

package/build/modern/{chunk-X627G6B3.js → chunk-A57LVJJF.js}

@@ -1,6 +1,6 @@
 import {
   SwitchParts
-} from "./chunk-56YCKMC2.js";
+} from "./chunk-RDFAC3XX.js";
 import {
   SwitchIndicator
 } from "./chunk-CAZ3EICD.js";
@@ -19,4 +19,4 @@ function Switch(props) {
 export {
   Switch
 };
-//# sourceMappingURL=chunk-X627G6B3.js.map
+//# sourceMappingURL=chunk-A57LVJJF.js.map

package/build/modern/{chunk-JQNVN6R6.js → chunk-A655GBYQ.js}

@@ -1,12 +1,12 @@
 import {
   DatePickerParts
-} from "./chunk-RJGEKVHZ.js";
+} from "./chunk-BWZXR2WZ.js";
 import {
   IconButton
-} from "./chunk-G4CDF7LY.js";
+} from "./chunk-YVYOOJ3X.js";
 import {
   Button
-} from "./chunk-RIBBTTT4.js";
+} from "./chunk-TF2DXEUF.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -39,4 +39,4 @@ function DatePickerViewControlGroup(props) {
 export {
   DatePickerViewControlGroup
 };
-//# sourceMappingURL=chunk-JQNVN6R6.js.map
+//# sourceMappingURL=chunk-A655GBYQ.js.map

package/build/modern/{chunk-EALORWDQ.js → chunk-ACK44GEO.js}

@@ -6,21 +6,21 @@ import {
 } from "./chunk-4LSTU6WU.js";
 import {
   TriggerItem
-} from "./chunk-6QWS7HII.js";
+} from "./chunk-CIIFJ2SA.js";
 import {
   DialogCloseIconTrigger
-} from "./chunk-NZBKI6AF.js";
+} from "./chunk-LRIYLZSL.js";
 import {
   Dialog
-} from "./chunk-KUTKPR3G.js";
+} from "./chunk-YQNOAJM7.js";
 import {
   DialogDescription,
   DialogHeading,
   DialogProvider
-} from "./chunk-L3V6I7YH.js";
+} from "./chunk-HPWLIE64.js";
 import {
   Avatar
-} from "./chunk-WJHG3ZFR.js";
+} from "./chunk-OMM4CPZU.js";
 import {
   Show
 } from "./chunk-NUXMADXV.js";
@@ -123,4 +123,4 @@ export {
   CTAModal,
   useCTAModal
 };
-//# sourceMappingURL=chunk-EALORWDQ.js.map
+//# sourceMappingURL=chunk-ACK44GEO.js.map

package/build/modern/{chunk-FRT3VY4M.js → chunk-AJ5TWPXM.js}

@@ -1,9 +1,9 @@
 import {
   DatePickerParts
-} from "./chunk-RJGEKVHZ.js";
+} from "./chunk-BWZXR2WZ.js";
 import {
   IconButton
-} from "./chunk-G4CDF7LY.js";
+} from "./chunk-YVYOOJ3X.js";
 import {
   useCerberusContext
 } from "./chunk-GITT5645.js";
@@ -19,4 +19,4 @@ function DatePickerTrigger(props) {
 export {
   DatePickerTrigger
 };
-//# sourceMappingURL=chunk-FRT3VY4M.js.map
+//# sourceMappingURL=chunk-AJ5TWPXM.js.map

package/build/modern/{chunk-4TQO7LCB.js → chunk-ALJYABJX.js}

@@ -1,6 +1,6 @@
 import {
   createCerberusPrimitive
-} from "./chunk-WC5DERNW.js";
+} from "./chunk-ZGPHSKEB.js";
 
 // src/components/tooltip/primitives.ts
 import {
@@ -41,4 +41,4 @@ export {
   TooltipArrow,
   TooltipArrowTip
 };
-//# sourceMappingURL=chunk-4TQO7LCB.js.map
+//# sourceMappingURL=chunk-ALJYABJX.js.map

package/build/modern/{chunk-L654KDXH.js → chunk-AZ5LB6IS.js}

@@ -1,6 +1,6 @@
 import {
   createCerberusPrimitive
-} from "./chunk-WC5DERNW.js";
+} from "./chunk-ZGPHSKEB.js";
 
 // src/components/switch/primitives.tsx
 import {
@@ -34,4 +34,4 @@ export {
   SwitchThumb,
   SwitchHiddenInput
 };
-//# sourceMappingURL=chunk-L654KDXH.js.map
+//# sourceMappingURL=chunk-AZ5LB6IS.js.map

package/build/modern/{chunk-NAPG6OWJ.js → chunk-BDXVYV32.js}

@@ -1,6 +1,6 @@
 import {
   createCerberusPrimitive
-} from "./chunk-WC5DERNW.js";
+} from "./chunk-ZGPHSKEB.js";
 
 // src/components/accordion/primitives.tsx
 import {
@@ -38,4 +38,4 @@ export {
   AccordionItemIndicator,
   AccordionItemContent
 };
-//# sourceMappingURL=chunk-NAPG6OWJ.js.map
+//# sourceMappingURL=chunk-BDXVYV32.js.map

package/build/modern/{chunk-MW2BVQ5A.js → chunk-BK5BIPCG.js}

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "./chunk-G4CDF7LY.js";
+} from "./chunk-YVYOOJ3X.js";
 import {
   Show
 } from "./chunk-NUXMADXV.js";
@@ -61,4 +61,4 @@ var closableCss = css({
 export {
   Tag
 };
-//# sourceMappingURL=chunk-MW2BVQ5A.js.map
+//# sourceMappingURL=chunk-BK5BIPCG.js.map

package/build/modern/{chunk-OCK4XVNE.js → chunk-BOATN5PB.js}

@@ -1,6 +1,6 @@
 import {
   TabsParts
-} from "./chunk-CKLLERV7.js";
+} from "./chunk-JSK6OD6J.js";
 
 // src/components/tabs/tabs.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -21,4 +21,4 @@ var Tabs = {
 export {
   Tabs
 };
-//# sourceMappingURL=chunk-OCK4XVNE.js.map
+//# sourceMappingURL=chunk-BOATN5PB.js.map

package/build/modern/{chunk-WN2WTSWG.js → chunk-BW64QBCK.js}

@@ -9,7 +9,7 @@ import {
   Th,
   Thead,
   Tr
-} from "./chunk-MS7LB3BL.js";
+} from "./chunk-RXAHVNN2.js";
 
 // src/components/table/parts.ts
 var TableParts = {
@@ -28,4 +28,4 @@ var TableParts = {
 export {
   TableParts
 };
-//# sourceMappingURL=chunk-WN2WTSWG.js.map
+//# sourceMappingURL=chunk-BW64QBCK.js.map

package/build/modern/{chunk-RJGEKVHZ.js → chunk-BWZXR2WZ.js}

@@ -23,7 +23,7 @@ import {
   DatePickerViewControl,
   DatePickerViewTrigger,
   DatePickerYearSelect
-} from "./chunk-DJCPF4JA.js";
+} from "./chunk-ZPMGW4U7.js";
 
 // src/components/date-picker/parts.ts
 var DatePickerParts = {
@@ -56,4 +56,4 @@ var DatePickerParts = {
 export {
   DatePickerParts
 };
-//# sourceMappingURL=chunk-RJGEKVHZ.js.map
+//# sourceMappingURL=chunk-BWZXR2WZ.js.map

package/build/modern/{chunk-6QWS7HII.js → chunk-CIIFJ2SA.js}

@@ -1,6 +1,6 @@
 import {
   Button
-} from "./chunk-RIBBTTT4.js";
+} from "./chunk-TF2DXEUF.js";
 
 // src/components/cta-dialog/trigger-item.tsx
 import { css, cx } from "styled-system/css";
@@ -44,4 +44,4 @@ function TriggerItem(props) {
 export {
   TriggerItem
 };
-//# sourceMappingURL=chunk-6QWS7HII.js.map
+//# sourceMappingURL=chunk-CIIFJ2SA.js.map

package/build/modern/{chunk-E2AW2N7Q.js → chunk-CLGDJ4GM.js}

@@ -6,7 +6,7 @@ import {
   FieldRequiredIndicator,
   FieldRoot,
   FieldTextarea
-} from "./chunk-MBZHMWPR.js";
+} from "./chunk-JG5V3AK4.js";
 import {
   FieldStartIndicator
 } from "./chunk-EMDNETC7.js";
@@ -30,4 +30,4 @@ var FieldParts = {
 export {
   FieldParts
 };
-//# sourceMappingURL=chunk-E2AW2N7Q.js.map
+//# sourceMappingURL=chunk-CLGDJ4GM.js.map

package/build/modern/{chunk-KRTXDJ4S.js → chunk-CMQZN2GZ.js}

@@ -1,6 +1,6 @@
 import {
   createCerberusPrimitive
-} from "./chunk-WC5DERNW.js";
+} from "./chunk-ZGPHSKEB.js";
 
 // src/components/checkbox/primitives.tsx
 import {
@@ -40,4 +40,4 @@ export {
   CheckboxHiddenInput,
   CheckboxGroup
 };
-//# sourceMappingURL=chunk-KRTXDJ4S.js.map
+//# sourceMappingURL=chunk-CMQZN2GZ.js.map

package/build/modern/{chunk-GZXW3JIW.js → chunk-COIQJKC3.js}

@@ -14,7 +14,7 @@ import {
   SelectRoot,
   SelectTrigger,
   SelectValueText
-} from "./chunk-JPWFSCTC.js";
+} from "./chunk-MG2YW4IP.js";
 
 // src/components/select/parts.ts
 var SelectParts = {
@@ -38,4 +38,4 @@ var SelectParts = {
 export {
   SelectParts
 };
-//# sourceMappingURL=chunk-GZXW3JIW.js.map
+//# sourceMappingURL=chunk-COIQJKC3.js.map