@cerberus-design/react 0.17.2 → 0.18.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/notifications/index.ts","../../../../src/components/notifications/primitives.tsx","../../../../src/components/notifications/parts.ts","../../../../src/components/notifications/center.tsx","../../../../src/components/button/button.tsx","../../../../src/components/Show.tsx","../../../../src/components/Spinner.tsx","../../../../src/components/notifications/match-icon.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/notifications/close-trigger.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './center'\nexport * from './types'\n","import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from '@cerberus/styled-system/css'\nimport { toast } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport const NotificationProvider = Toaster\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  NotificationActionTrigger,\n  NotificationCloseTrigger,\n  NotificationDescription,\n  NotificationHeading,\n  NotificationRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Notification parts.\n * @module 'notification/parts'\n */\n\ninterface NotificationPartsValue {\n  /**\n   * The context provider of the notification.\n   */\n  Root: ElementType\n  /**\n   * The title heading of the notification.\n   */\n  Heading: ElementType\n  /**\n   * The description of the notification.\n   */\n  Description: ElementType\n  /**\n   * The close button of the notification.\n   */\n  CloseTrigger: ElementType\n  /**\n   * The action trigger of the notification.\n   */\n  ActionTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Notification components. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the NotificationParts object and\n * the entire family of components vs. only what you use.\n */\nexport const NotificationParts: NotificationPartsValue = {\n  Root: NotificationRoot,\n  Heading: NotificationHeading,\n  Description: NotificationDescription,\n  CloseTrigger: NotificationCloseTrigger,\n  ActionTrigger: NotificationActionTrigger,\n}\n","'use client'\n\nimport { createToaster, Toaster } from '@ark-ui/react/toast'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../Show'\nimport { NotificationParts } from './parts'\nimport type { NotifyOptions, UseNotificationCenterReturn } from './types'\nimport { MatchNotificationIcon } from './match-icon'\nimport { ToastCloseTrigger } from './close-trigger'\n\n/**\n * This module contains an abstraction of the Notification parts.\n * @module 'notification/center'\n */\n\nexport const toaster = createToaster({\n  gap: 16,\n  overlap: true,\n  placement: 'top-end',\n})\n\n/**\n * The NotificationCenter component is an abstraction for the Notification\n * component. It manages displaying all the toasts in the center.\n */\nexport function NotificationCenter() {\n  return (\n    <Toaster toaster={toaster}>\n      {(toast) => (\n        <NotificationParts.Root key={toast.id}>\n          <MatchNotificationIcon\n            type={toast.type as NotifyOptions['palette']}\n          />\n\n          <Box flex=\"1\" paddingBlock=\"sm\">\n            <NotificationParts.Heading>{toast.title}</NotificationParts.Heading>\n            <NotificationParts.Description>\n              {toast.description}\n            </NotificationParts.Description>\n            <Show when={Boolean(toast.action)}>\n              <NotificationParts.ActionTrigger asChild>\n                <Button\n                  palette={toast.type as ButtonProps['palette']}\n                  usage=\"ghost\"\n                  size=\"sm\"\n                >\n                  {toast.action?.label}\n                </Button>\n              </NotificationParts.ActionTrigger>\n            </Show>\n          </Box>\n\n          <ToastCloseTrigger />\n        </NotificationParts.Root>\n      )}\n    </Toaster>\n  )\n}\n\n/**\n * @deprecated use `toaster` instead\n */\nexport function useNotificationCenter(): UseNotificationCenterReturn {\n  function notify(options: NotifyOptions) {\n    toaster.create({\n      title: options.heading,\n      description: options.description,\n      type: options.palette,\n      action: options.action,\n    })\n  }\n  return { ...toaster, notify }\n}\n","'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  button,\n  type ButtonVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport { Box } from '@cerberus/styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: 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(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import type { SVGProps } from 'react'\n\n/**\n * This module contains the Spinner component.\n * @module\n */\n\nexport type SpinnerProps = SVGProps<SVGSVGElement> & {\n  /**\n   * The size of the spinner\n   */\n  size?: number | string\n}\n\n/**\n * The Spinner component is used to display a loading indicator. Typically used\n * in buttons, modals, and other components that require a loading state.\n * @see https://cerberus.digitalu.design/react/loading-states/\n * @example\n * ```tsx\n * <Button>\n *   <Show when={loading} fallback={<>Save</>}>\n *      Saving\n *      <Spinner size={24} />\n *   </Show>\n * </Button>\n * ```\n */\nexport function Spinner(props: SpinnerProps) {\n  return (\n    <svg\n      aria-busy=\"true\"\n      role=\"status\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={props.size}\n      width={props.size}\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          strokeDasharray={16}\n          strokeDashoffset={16}\n          d=\"M12 3c4.97 0 9 4.03 9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.15s\"\n            values=\"16;0\"\n          ></animate>\n          <animateTransform\n            attributeName=\"transform\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n            type=\"rotate\"\n            values=\"0 12 12;360 12 12\"\n          ></animateTransform>\n        </path>\n        <path\n          strokeDasharray={64}\n          strokeDashoffset={64}\n          strokeOpacity={0.3}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.6s\"\n            values=\"64;0\"\n          ></animate>\n        </path>\n      </g>\n    </svg>\n  )\n}\n","'use client'\n\nimport { toast } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\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 { ToastCloseTriggerProps } from '@ark-ui/react/toast'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { NotificationParts } from './parts'\n\n/**\n * This private module contains a abstraction of the close trigger primitive.\n * @module 'notification/close-trigger'\n */\n\nexport function ToastCloseTrigger(props: ToastCloseTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <NotificationParts.CloseTrigger {...props}>\n      <CloseIcon />\n    </NotificationParts.CloseTrigger>\n  )\n}\n"],"mappings":"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","names":["import_toast","import_jsx","import_react","import_css","import_recipes","import_jsx_runtime","import_jsx_runtime","import_recipes","import_react","import_jsx_runtime","import_factory","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","toast"]}
+{"version":3,"sources":["../../../../src/components/notifications/index.ts","../../../../src/components/notifications/primitives.tsx","../../../../src/components/notifications/parts.ts","../../../../src/components/notifications/center.tsx","../../../../src/components/button/button.tsx","../../../../src/components/Show.tsx","../../../../src/components/Spinner.tsx","../../../../src/components/notifications/match-icon.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/notifications/close-trigger.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './center'\nexport * from './types'\n","import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToasterProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from 'styled-system/css'\nimport { toast } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport function NotificationProvider(props: ToasterProps) {\n  return <Toaster {...props} />\n}\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  NotificationActionTrigger,\n  NotificationCloseTrigger,\n  NotificationDescription,\n  NotificationHeading,\n  NotificationRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Notification parts.\n * @module 'notification/parts'\n */\n\ninterface NotificationPartsValue {\n  /**\n   * The context provider of the notification.\n   */\n  Root: ElementType\n  /**\n   * The title heading of the notification.\n   */\n  Heading: ElementType\n  /**\n   * The description of the notification.\n   */\n  Description: ElementType\n  /**\n   * The close button of the notification.\n   */\n  CloseTrigger: ElementType\n  /**\n   * The action trigger of the notification.\n   */\n  ActionTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Notification components. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the NotificationParts object and\n * the entire family of components vs. only what you use.\n */\nexport const NotificationParts: NotificationPartsValue = {\n  Root: NotificationRoot,\n  Heading: NotificationHeading,\n  Description: NotificationDescription,\n  CloseTrigger: NotificationCloseTrigger,\n  ActionTrigger: NotificationActionTrigger,\n}\n","'use client'\n\nimport {\n  createToaster,\n  Toaster,\n  type CreateToasterReturn,\n} from '@ark-ui/react/toast'\nimport { Box } from 'styled-system/jsx'\nimport { Button, type ButtonProps } from '../button/button'\nimport { Show } from '../Show'\nimport { NotificationParts } from './parts'\nimport type { NotifyOptions, UseNotificationCenterReturn } from './types'\nimport { MatchNotificationIcon } from './match-icon'\nimport { ToastCloseTrigger } from './close-trigger'\n\n/**\n * This module contains an abstraction of the Notification parts.\n * @module 'notification/center'\n */\n\nexport const toaster: CreateToasterReturn = createToaster({\n  gap: 16,\n  overlap: true,\n  placement: 'top-end',\n})\n\n/**\n * The NotificationCenter component is an abstraction for the Notification\n * component. It manages displaying all the toasts in the center.\n */\nexport function NotificationCenter() {\n  return (\n    <Toaster toaster={toaster}>\n      {(toast) => (\n        <NotificationParts.Root key={toast.id}>\n          <MatchNotificationIcon\n            type={toast.type as NotifyOptions['palette']}\n          />\n\n          <Box flex=\"1\" paddingBlock=\"sm\">\n            <NotificationParts.Heading>{toast.title}</NotificationParts.Heading>\n            <NotificationParts.Description>\n              {toast.description}\n            </NotificationParts.Description>\n            <Show when={toast.action}>\n              <NotificationParts.ActionTrigger asChild>\n                <Button\n                  palette={toast.type as ButtonProps['palette']}\n                  usage=\"ghost\"\n                  size=\"sm\"\n                >\n                  {toast.action?.label}\n                </Button>\n              </NotificationParts.ActionTrigger>\n            </Show>\n          </Box>\n\n          <ToastCloseTrigger />\n        </NotificationParts.Root>\n      )}\n    </Toaster>\n  )\n}\n\n/**\n * @deprecated use `toaster` instead\n */\nexport function useNotificationCenter(): UseNotificationCenterReturn {\n  function notify(options: NotifyOptions) {\n    toaster.create({\n      title: options.heading,\n      description: options.description,\n      type: options.palette,\n      action: options.action,\n    })\n  }\n  return { ...toaster, notify }\n}\n","'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { cx } from 'styled-system/css'\nimport { button, type ButtonVariantProps } from 'styled-system/recipes'\nimport { Box } from 'styled-system/jsx'\nimport { Show } from '../Show'\nimport { Spinner } from '../Spinner'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = HTMLArkProps<'button'> &\n  ButtonVariantProps & {\n    pending?: boolean\n  }\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { palette, usage, shape, size, pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n\n  return (\n    <ButtonContext.Provider value={value}>\n      <ark.button\n        {...nativeProps}\n        disabled={pending || nativeProps.disabled}\n        className={cx(\n          nativeProps.className,\n          button({\n            palette,\n            usage,\n            shape,\n            size,\n          }),\n        )}\n      />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\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","/**\n * This module contains the Spinner component.\n * @module\n */\n\nexport interface SpinnerProps {\n  /**\n   * The size of the spinner\n   */\n  size?: number | string\n}\n\n/**\n * The Spinner component is used to display a loading indicator. Typically used\n * in buttons, modals, and other components that require a loading state.\n * @see https://cerberus.digitalu.design/react/loading-states/\n * @example\n * ```tsx\n * <Button>\n *   <Show when={loading} fallback={<>Save</>}>\n *      Saving\n *      <Spinner size={24} />\n *   </Show>\n * </Button>\n * ```\n */\nexport function Spinner(props: SpinnerProps) {\n  return (\n    <svg\n      aria-busy=\"true\"\n      data-scope=\"spinner\"\n      data-part=\"root\"\n      role=\"status\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={props.size}\n      width={props.size}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          strokeDasharray={16}\n          strokeDashoffset={16}\n          d=\"M12 3c4.97 0 9 4.03 9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.15s\"\n            values=\"16;0\"\n          ></animate>\n          <animateTransform\n            attributeName=\"transform\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n            type=\"rotate\"\n            values=\"0 12 12;360 12 12\"\n          ></animateTransform>\n        </path>\n        <path\n          strokeDasharray={64}\n          strokeDashoffset={64}\n          strokeOpacity={0.3}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.6s\"\n            values=\"64;0\"\n          ></animate>\n        </path>\n      </g>\n    </svg>\n  )\n}\n","'use client'\n\nimport { toast } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\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 { ToastCloseTriggerProps } from '@ark-ui/react/toast'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { NotificationParts } from './parts'\n\n/**\n * This private module contains a abstraction of the close trigger primitive.\n * @module 'notification/close-trigger'\n */\n\nexport function ToastCloseTrigger(props: ToastCloseTriggerProps) {\n  const { icons } = useCerberusContext()\n  const { close: CloseIcon } = icons\n\n  return (\n    <NotificationParts.CloseTrigger {...props}>\n      <CloseIcon />\n    </NotificationParts.CloseTrigger>\n  )\n}\n"],"mappings":"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","names":["import_toast","import_jsx","import_css","import_recipes","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_recipes","import_react","import_jsx_runtime","import_factory","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","toast"]}

package/build/legacy/components/notifications/index.d.cts

@@ -1,10 +1,10 @@
 export { NotificationParts_alias_1 as NotificationParts } from '../../_tsup-dts-rollup.cjs';
+export { NotificationProvider_alias_1 as NotificationProvider } from '../../_tsup-dts-rollup.cjs';
 export { NotificationRoot_alias_1 as NotificationRoot } from '../../_tsup-dts-rollup.cjs';
 export { NotificationHeading_alias_2 as NotificationHeading } from '../../_tsup-dts-rollup.cjs';
 export { NotificationDescription_alias_2 as NotificationDescription } from '../../_tsup-dts-rollup.cjs';
 export { NotificationCloseTrigger_alias_1 as NotificationCloseTrigger } from '../../_tsup-dts-rollup.cjs';
 export { NotificationActionTrigger_alias_1 as NotificationActionTrigger } from '../../_tsup-dts-rollup.cjs';
-export { NotificationProvider_alias_1 as NotificationProvider } from '../../_tsup-dts-rollup.cjs';
 export { NotificationCenter_alias_2 as NotificationCenter } from '../../_tsup-dts-rollup.cjs';
 export { useNotificationCenter_alias_2 as useNotificationCenter } from '../../_tsup-dts-rollup.cjs';
 export { toaster_alias_2 as toaster } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/notifications/match-icon.cjs

@@ -24,7 +24,7 @@ __export(match_icon_exports, {
   MatchNotificationIcon: () => MatchNotificationIcon
 });
 module.exports = __toCommonJS(match_icon_exports);
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_recipes = require("styled-system/recipes");
 
 // src/context/cerberus.tsx
 var import_react = require("react");
@@ -45,12 +45,13 @@ function Spinner(props) {
     "svg",
     {
       "aria-busy": "true",
+      "data-scope": "spinner",
+      "data-part": "root",
       role: "status",
       xmlns: "http://www.w3.org/2000/svg",
       height: props.size,
       width: props.size,
       viewBox: "0 0 24 24",
-      ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "g",
         {

package/build/legacy/components/notifications/match-icon.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/notifications/match-icon.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/Spinner.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from '@cerberus/styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\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","import type { SVGProps } from 'react'\n\n/**\n * This module contains the Spinner component.\n * @module\n */\n\nexport type SpinnerProps = SVGProps<SVGSVGElement> & {\n  /**\n   * The size of the spinner\n   */\n  size?: number | string\n}\n\n/**\n * The Spinner component is used to display a loading indicator. Typically used\n * in buttons, modals, and other components that require a loading state.\n * @see https://cerberus.digitalu.design/react/loading-states/\n * @example\n * ```tsx\n * <Button>\n *   <Show when={loading} fallback={<>Save</>}>\n *      Saving\n *      <Spinner size={24} />\n *   </Show>\n * </Button>\n * ```\n */\nexport function Spinner(props: SpinnerProps) {\n  return (\n    <svg\n      aria-busy=\"true\"\n      role=\"status\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={props.size}\n      width={props.size}\n      viewBox=\"0 0 24 24\"\n      {...props}\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          strokeDasharray={16}\n          strokeDashoffset={16}\n          d=\"M12 3c4.97 0 9 4.03 9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.15s\"\n            values=\"16;0\"\n          ></animate>\n          <animateTransform\n            attributeName=\"transform\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n            type=\"rotate\"\n            values=\"0 12 12;360 12 12\"\n          ></animateTransform>\n        </path>\n        <path\n          strokeDasharray={64}\n          strokeDashoffset={64}\n          strokeOpacity={0.3}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.6s\"\n            values=\"64;0\"\n          ></animate>\n        </path>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAsB;;;ACAtB,mBAAkE;AAyB9D;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;;;ACGQ,IAAAA,sBAAA;AAlBD,SAAS,QAAQ,OAAqB;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAQ;AAAA,MACP,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,QAAO;AAAA;AAAA,kBACR;AAAA,kBACD;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,QAAO;AAAA;AAAA,kBACR;AAAA;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,eAAe;AAAA,gBACf,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AF3EA,qBAAoB;AAuBd,IAAAC,sBAAA;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,aAAS,sBAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,6CAAC,mBAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,uDAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,6CAAC,WAAQ,MAAK,QAAO;AAC9B;","names":["import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/notifications/match-icon.tsx","../../../../src/context/cerberus.tsx","../../../../src/components/Spinner.tsx"],"sourcesContent":["'use client'\n\nimport { toast } from 'styled-system/recipes'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Spinner } from '../Spinner'\nimport type { NotifyOptions } from './types'\nimport { ark } from '@ark-ui/react/factory'\n\n/**\n * This private module contains a component that returns the correct icon for a\n * notification based on the palette. If there is no result, it is assumed to\n * be a 'loading' type.\n * @module 'notification/match-icon'\n */\n\ninterface MatchNotificationIconProps {\n  type?: NotifyOptions['palette']\n}\n\nexport function MatchNotificationIcon(props: MatchNotificationIconProps) {\n  const { icons } = useCerberusContext()\n  const type = props.type || 'info'\n  const styles = toast()\n\n  const key = `${type}Notification` as keyof typeof icons\n  const Icon = icons[key] || ToastLoadingIcon\n\n  return (\n    <ark.div className={styles.icon}>\n      <Icon />\n    </ark.div>\n  )\n}\n\nfunction ToastLoadingIcon() {\n  return <Spinner size=\"1rem\" />\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","/**\n * This module contains the Spinner component.\n * @module\n */\n\nexport interface SpinnerProps {\n  /**\n   * The size of the spinner\n   */\n  size?: number | string\n}\n\n/**\n * The Spinner component is used to display a loading indicator. Typically used\n * in buttons, modals, and other components that require a loading state.\n * @see https://cerberus.digitalu.design/react/loading-states/\n * @example\n * ```tsx\n * <Button>\n *   <Show when={loading} fallback={<>Save</>}>\n *      Saving\n *      <Spinner size={24} />\n *   </Show>\n * </Button>\n * ```\n */\nexport function Spinner(props: SpinnerProps) {\n  return (\n    <svg\n      aria-busy=\"true\"\n      data-scope=\"spinner\"\n      data-part=\"root\"\n      role=\"status\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={props.size}\n      width={props.size}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          strokeDasharray={16}\n          strokeDashoffset={16}\n          d=\"M12 3c4.97 0 9 4.03 9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.15s\"\n            values=\"16;0\"\n          ></animate>\n          <animateTransform\n            attributeName=\"transform\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n            type=\"rotate\"\n            values=\"0 12 12;360 12 12\"\n          ></animateTransform>\n        </path>\n        <path\n          strokeDasharray={64}\n          strokeDashoffset={64}\n          strokeOpacity={0.3}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.6s\"\n            values=\"64;0\"\n          ></animate>\n        </path>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qBAAsB;;;ACAtB,mBAAkE;AAyB9D;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;;;ACEQ,IAAAA,sBAAA;AAnBD,SAAS,QAAQ,OAAqB;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAW;AAAA,MACX,aAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,QAAO;AAAA;AAAA,kBACR;AAAA,kBACD;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,QAAO;AAAA;AAAA,kBACR;AAAA;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,eAAe;AAAA,gBACf,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;AF1EA,qBAAoB;AAuBd,IAAAC,sBAAA;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,aAAS,sBAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,6CAAC,mBAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,uDAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,6CAAC,WAAQ,MAAK,QAAO;AAC9B;","names":["import_jsx_runtime","import_jsx_runtime"]}

package/build/legacy/components/notifications/parts.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/notifications/primitives.tsx
 var import_toast = require("@ark-ui/react/toast");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function NotificationRoot(props) {
   const styles = (0, import_recipes.toast)();

package/build/legacy/components/notifications/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/notifications/parts.ts","../../../../src/components/notifications/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  NotificationActionTrigger,\n  NotificationCloseTrigger,\n  NotificationDescription,\n  NotificationHeading,\n  NotificationRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Notification parts.\n * @module 'notification/parts'\n */\n\ninterface NotificationPartsValue {\n  /**\n   * The context provider of the notification.\n   */\n  Root: ElementType\n  /**\n   * The title heading of the notification.\n   */\n  Heading: ElementType\n  /**\n   * The description of the notification.\n   */\n  Description: ElementType\n  /**\n   * The close button of the notification.\n   */\n  CloseTrigger: ElementType\n  /**\n   * The action trigger of the notification.\n   */\n  ActionTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Notification components. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the NotificationParts object and\n * the entire family of components vs. only what you use.\n */\nexport const NotificationParts: NotificationPartsValue = {\n  Root: NotificationRoot,\n  Heading: NotificationHeading,\n  Description: NotificationDescription,\n  CloseTrigger: NotificationCloseTrigger,\n  ActionTrigger: NotificationActionTrigger,\n}\n","import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from '@cerberus/styled-system/css'\nimport { toast } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport const NotificationProvider = Toaster\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAOO;AACP,iBAAmB;AACnB,qBAAsB;AAcb;AAFF,SAAS,iBAAiB,OAAuB;AACtD,QAAM,aAAS,sBAAM;AACrB,SAAO,4CAAC,mBAAM,MAAN,EAAY,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE,4CAAC,mBAAM,OAAN,EAAa,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;;;AD3BO,IAAM,oBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AACjB;","names":[]}
+{"version":3,"sources":["../../../../src/components/notifications/parts.ts","../../../../src/components/notifications/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  NotificationActionTrigger,\n  NotificationCloseTrigger,\n  NotificationDescription,\n  NotificationHeading,\n  NotificationRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Notification parts.\n * @module 'notification/parts'\n */\n\ninterface NotificationPartsValue {\n  /**\n   * The context provider of the notification.\n   */\n  Root: ElementType\n  /**\n   * The title heading of the notification.\n   */\n  Heading: ElementType\n  /**\n   * The description of the notification.\n   */\n  Description: ElementType\n  /**\n   * The close button of the notification.\n   */\n  CloseTrigger: ElementType\n  /**\n   * The action trigger of the notification.\n   */\n  ActionTrigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Notification components. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the NotificationParts object and\n * the entire family of components vs. only what you use.\n */\nexport const NotificationParts: NotificationPartsValue = {\n  Root: NotificationRoot,\n  Heading: NotificationHeading,\n  Description: NotificationDescription,\n  CloseTrigger: NotificationCloseTrigger,\n  ActionTrigger: NotificationActionTrigger,\n}\n","import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToasterProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from 'styled-system/css'\nimport { toast } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport function NotificationProvider(props: ToasterProps) {\n  return <Toaster {...props} />\n}\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAQO;AACP,iBAAmB;AACnB,qBAAsB;AAQb;AAMF,SAAS,iBAAiB,OAAuB;AACtD,QAAM,aAAS,sBAAM;AACrB,SAAO,4CAAC,mBAAM,MAAN,EAAY,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE,4CAAC,mBAAM,OAAN,EAAa,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;;;AD9BO,IAAM,oBAA4C;AAAA,EACvD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,eAAe;AACjB;","names":[]}

package/build/legacy/components/notifications/primitives.cjs

@@ -29,10 +29,12 @@ __export(primitives_exports, {
 });
 module.exports = __toCommonJS(primitives_exports);
 var import_toast = require("@ark-ui/react/toast");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
-var NotificationProvider = import_toast.Toaster;
+function NotificationProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toaster, { ...props });
+}
 function NotificationRoot(props) {
   const styles = (0, import_recipes.toast)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Root, { ...props, className: (0, import_css.cx)(styles.root, props.className) });

package/build/legacy/components/notifications/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/notifications/primitives.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from '@cerberus/styled-system/css'\nimport { toast } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport const NotificationProvider = Toaster\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOO;AACP,iBAAmB;AACnB,qBAAsB;AAcb;AAPF,IAAM,uBAAuB;AAK7B,SAAS,iBAAiB,OAAuB;AACtD,QAAM,aAAS,sBAAM;AACrB,SAAO,4CAAC,mBAAM,MAAN,EAAY,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE,4CAAC,mBAAM,OAAN,EAAa,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/notifications/primitives.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster,\n  type ToastActionTriggerProps,\n  type ToastCloseTriggerProps,\n  type ToasterProps,\n  type ToastRootProps,\n  type ToastTitleProps,\n} from '@ark-ui/react/toast'\nimport { cx } from 'styled-system/css'\nimport { toast } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Notification component.\n * @module 'notification/primitives'\n */\n\nexport function NotificationProvider(props: ToasterProps) {\n  return <Toaster {...props} />\n}\n\n/**\n * The context provider for the Notification component.\n */\nexport function NotificationRoot(props: ToastRootProps) {\n  const styles = toast()\n  return <Toast.Root {...props} className={cx(styles.root, props.className)} />\n}\n\n/**\n * The title heading of the Notification component.\n */\nexport function NotificationHeading(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the Notification component.\n */\nexport function NotificationDescription(props: ToastTitleProps) {\n  const styles = toast()\n  return (\n    <Toast.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The close button of the Notification component.\n */\nexport function NotificationCloseTrigger(props: ToastCloseTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.CloseTrigger\n      {...props}\n      className={cx(styles.closeTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The action trigger of the Notification component.\n */\nexport function NotificationActionTrigger(props: ToastActionTriggerProps) {\n  const styles = toast()\n  return (\n    <Toast.ActionTrigger\n      {...props}\n      className={cx(styles.actionTrigger, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQO;AACP,iBAAmB;AACnB,qBAAsB;AAQb;AADF,SAAS,qBAAqB,OAAqB;AACxD,SAAO,4CAAC,wBAAS,GAAG,OAAO;AAC7B;AAKO,SAAS,iBAAiB,OAAuB;AACtD,QAAM,aAAS,sBAAM;AACrB,SAAO,4CAAC,mBAAM,MAAN,EAAY,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE,4CAAC,mBAAM,OAAN,EAAa,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/build/legacy/components/notifications/primitives.d.cts

@@ -1,6 +1,6 @@
+export { NotificationProvider_alias_2 as NotificationProvider } from '../../_tsup-dts-rollup.cjs';
 export { NotificationRoot_alias_2 as NotificationRoot } from '../../_tsup-dts-rollup.cjs';
 export { NotificationHeading_alias_3 as NotificationHeading } from '../../_tsup-dts-rollup.cjs';
 export { NotificationDescription_alias_3 as NotificationDescription } from '../../_tsup-dts-rollup.cjs';
 export { NotificationCloseTrigger_alias_2 as NotificationCloseTrigger } from '../../_tsup-dts-rollup.cjs';
 export { NotificationActionTrigger_alias_2 as NotificationActionTrigger } from '../../_tsup-dts-rollup.cjs';
-export { NotificationProvider_alias_2 as NotificationProvider } from '../../_tsup-dts-rollup.cjs';

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

@@ -35,8 +35,8 @@ module.exports = __toCommonJS(radio_exports);
 
 // src/components/radio/primitives.tsx
 var import_radio_group = require("@ark-ui/react/radio-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupRoot(props) {
   const { size, orientation, ...rootProps } = props;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/radio/index.ts","../../../../src/components/radio/primitives.tsx","../../../../src/components/radio/parts.ts","../../../../src/components/radio/radio.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './radio'\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n","import type { ElementType } from 'react'\nimport {\n  RadioGroupRoot,\n  RadioGroupLabel,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupItemText,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface RadioPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The indicator that appears when a radio is checked.\n   */\n  Indicator: ElementType\n  /**\n   * An individual radio item of the field.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The visual radio control of the field.\n   */\n  ItemControl: ElementType\n  /**\n   * The native input for a radio item in the field.\n   */\n  ItemHiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RadioParts: RadioPartsValue = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Indicator: RadioGroupIndicator,\n  Item: RadioGroupItem,\n  ItemText: RadioGroupItemText,\n  ItemControl: RadioGroupItemControl,\n  ItemHiddenInput: RadioGroupItemHiddenInput,\n}\n","import type { RadioGroupItemProps } from '@ark-ui/react'\nimport { type RadioGroupVariantProps } from '@cerberus/styled-system/recipes'\nimport {\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n  RadioGroupItemText,\n} from './primitives'\n\n/**\n * This module contains the Radio component.\n * @module\n */\n\nexport type RadioProps = RadioGroupVariantProps & RadioGroupItemProps\n\n/**\n * The Radio component is used to allow users to select a single option from a list of options.\n * @see https://cerberus.digitalu.design/react/radio\n * @memberof module:Field\n * @example\n * ```tsx\n * <Radio value=\"option1\">Option 1</Radio>\n * ```\n */\nexport function Radio(props: RadioProps) {\n  const { size, children, ...groupProps } = props\n  return (\n    <RadioGroupItem {...groupProps}>\n      <RadioGroupItemControl size={size} />\n      <RadioGroupItemText size={size}>{children}</RadioGroupItemText>\n      <RadioGroupItemHiddenInput />\n    </RadioGroupItem>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;;;AClEnB,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;;;ACpCI,IAAAC,sBAAA;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,8CAAC,kBAAgB,GAAG,YAClB;AAAA,iDAAC,yBAAsB,MAAY;AAAA,IACnC,6CAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,6CAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":["ArkRadioGroup","import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/radio/index.ts","../../../../src/components/radio/primitives.tsx","../../../../src/components/radio/parts.ts","../../../../src/components/radio/radio.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './radio'\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from 'styled-system/css'\nimport { radioGroup, type RadioGroupVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n","import type { ElementType } from 'react'\nimport {\n  RadioGroupRoot,\n  RadioGroupLabel,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupItemText,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface RadioPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The indicator that appears when a radio is checked.\n   */\n  Indicator: ElementType\n  /**\n   * An individual radio item of the field.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The visual radio control of the field.\n   */\n  ItemControl: ElementType\n  /**\n   * The native input for a radio item in the field.\n   */\n  ItemHiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RadioParts: RadioPartsValue = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Indicator: RadioGroupIndicator,\n  Item: RadioGroupItem,\n  ItemText: RadioGroupItemText,\n  ItemControl: RadioGroupItemControl,\n  ItemHiddenInput: RadioGroupItemHiddenInput,\n}\n","import type { RadioGroupItemProps } from '@ark-ui/react'\nimport { type RadioGroupVariantProps } from 'styled-system/recipes'\nimport {\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n  RadioGroupItemText,\n} from './primitives'\n\n/**\n * This module contains the Radio component.\n * @module\n */\n\nexport type RadioProps = RadioGroupVariantProps & RadioGroupItemProps\n\n/**\n * The Radio component is used to allow users to select a single option from a list of options.\n * @see https://cerberus.digitalu.design/react/radio\n * @memberof module:Field\n * @example\n * ```tsx\n * <Radio value=\"option1\">Option 1</Radio>\n * ```\n */\nexport function Radio(props: RadioProps) {\n  const { size, children, ...groupProps } = props\n  return (\n    <RadioGroupItem {...groupProps}>\n      <RadioGroupItemControl size={size} />\n      <RadioGroupItemText size={size}>{children}</RadioGroupItemText>\n      <RadioGroupItemHiddenInput />\n    </RadioGroupItem>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAAwD;AAgBpD;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;;;AC/DnB,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;;;ACpCI,IAAAC,sBAAA;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,8CAAC,kBAAgB,GAAG,YAClB;AAAA,iDAAC,yBAAsB,MAAY;AAAA,IACnC,6CAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,6CAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":["ArkRadioGroup","import_jsx_runtime"]}

package/build/legacy/components/radio/parts.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/radio/primitives.tsx
 var import_radio_group = require("@ark-ui/react/radio-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupRoot(props) {
   const { size, orientation, ...rootProps } = props;

package/build/legacy/components/radio/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/radio/parts.ts","../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  RadioGroupRoot,\n  RadioGroupLabel,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupItemText,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface RadioPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The indicator that appears when a radio is checked.\n   */\n  Indicator: ElementType\n  /**\n   * An individual radio item of the field.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The visual radio control of the field.\n   */\n  ItemControl: ElementType\n  /**\n   * The native input for a radio item in the field.\n   */\n  ItemHiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RadioParts: RadioPartsValue = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Indicator: RadioGroupIndicator,\n  Item: RadioGroupItem,\n  ItemText: RadioGroupItemText,\n  ItemControl: RadioGroupItemControl,\n  ItemHiddenInput: RadioGroupItemHiddenInput,\n}\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;;;ADhEO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;","names":["ArkRadioGroup"]}
+{"version":3,"sources":["../../../../src/components/radio/parts.ts","../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  RadioGroupRoot,\n  RadioGroupLabel,\n  RadioGroupIndicator,\n  RadioGroupItem,\n  RadioGroupItemText,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Radio parts.\n * @module 'radio/parts'\n */\n\ninterface RadioPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The indicator that appears when a radio is checked.\n   */\n  Indicator: ElementType\n  /**\n   * An individual radio item of the field.\n   */\n  Item: ElementType\n  /**\n   * The text that labels a single radio of the field.\n   */\n  ItemText: ElementType\n  /**\n   * The visual radio control of the field.\n   */\n  ItemControl: ElementType\n  /**\n   * The native input for a radio item in the field.\n   */\n  ItemHiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RadioParts: RadioPartsValue = {\n  Root: RadioGroupRoot,\n  Label: RadioGroupLabel,\n  Indicator: RadioGroupIndicator,\n  Item: RadioGroupItem,\n  ItemText: RadioGroupItemText,\n  ItemControl: RadioGroupItemControl,\n  ItemHiddenInput: RadioGroupItemHiddenInput,\n}\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from 'styled-system/css'\nimport { radioGroup, type RadioGroupVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAAwD;AAgBpD;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;;;AD7DO,IAAM,aAA8B;AAAA,EACzC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AACnB;","names":["ArkRadioGroup"]}

package/build/legacy/components/radio/primitives.cjs

@@ -31,8 +31,8 @@ __export(primitives_exports, {
 });
 module.exports = __toCommonJS(primitives_exports);
 var import_radio_group = require("@ark-ui/react/radio-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupRoot(props) {
   const { size, orientation, ...rootProps } = props;

package/build/legacy/components/radio/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;","names":["ArkRadioGroup"]}
+{"version":3,"sources":["../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from 'styled-system/css'\nimport { radioGroup, type RadioGroupVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBASO;AACP,iBAAmB;AACnB,qBAAwD;AAgBpD;AANG,SAAS,eACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,UAAU,IAAI;AAC5C,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA;AAAA,EAC7C;AAEJ;AAMO,SAAS,oBAAoB,OAAiC;AACnE,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;AAMO,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;AAEO,IAAM,aAAa;","names":["ArkRadioGroup"]}

package/build/legacy/components/radio/radio.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(radio_exports);
 
 // src/components/radio/primitives.tsx
 var import_radio_group = require("@ark-ui/react/radio-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RadioGroupItem(props) {
   const styles = (0, import_recipes.radioGroup)();

package/build/legacy/components/radio/radio.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/radio/radio.tsx","../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import type { RadioGroupItemProps } from '@ark-ui/react'\nimport { type RadioGroupVariantProps } from '@cerberus/styled-system/recipes'\nimport {\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n  RadioGroupItemText,\n} from './primitives'\n\n/**\n * This module contains the Radio component.\n * @module\n */\n\nexport type RadioProps = RadioGroupVariantProps & RadioGroupItemProps\n\n/**\n * The Radio component is used to allow users to select a single option from a list of options.\n * @see https://cerberus.digitalu.design/react/radio\n * @memberof module:Field\n * @example\n * ```tsx\n * <Radio value=\"option1\">Option 1</Radio>\n * ```\n */\nexport function Radio(props: RadioProps) {\n  const { size, children, ...groupProps } = props\n  return (\n    <RadioGroupItem {...groupProps}>\n      <RadioGroupItemControl size={size} />\n      <RadioGroupItemText size={size}>{children}</RadioGroupItemText>\n      <RadioGroupItemHiddenInput />\n    </RadioGroupItem>\n  )\n}\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  radioGroup,\n  type RadioGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAGO;AAgBH;AAsCG,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;;;AD5FI,IAAAC,sBAAA;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,8CAAC,kBAAgB,GAAG,YAClB;AAAA,iDAAC,yBAAsB,MAAY;AAAA,IACnC,6CAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,6CAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":["ArkRadioGroup","import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/radio/radio.tsx","../../../../src/components/radio/primitives.tsx"],"sourcesContent":["import type { RadioGroupItemProps } from '@ark-ui/react'\nimport { type RadioGroupVariantProps } from 'styled-system/recipes'\nimport {\n  RadioGroupItem,\n  RadioGroupItemControl,\n  RadioGroupItemHiddenInput,\n  RadioGroupItemText,\n} from './primitives'\n\n/**\n * This module contains the Radio component.\n * @module\n */\n\nexport type RadioProps = RadioGroupVariantProps & RadioGroupItemProps\n\n/**\n * The Radio component is used to allow users to select a single option from a list of options.\n * @see https://cerberus.digitalu.design/react/radio\n * @memberof module:Field\n * @example\n * ```tsx\n * <Radio value=\"option1\">Option 1</Radio>\n * ```\n */\nexport function Radio(props: RadioProps) {\n  const { size, children, ...groupProps } = props\n  return (\n    <RadioGroupItem {...groupProps}>\n      <RadioGroupItemControl size={size} />\n      <RadioGroupItemText size={size}>{children}</RadioGroupItemText>\n      <RadioGroupItemHiddenInput />\n    </RadioGroupItem>\n  )\n}\n","import {\n  RadioGroup as ArkRadioGroup,\n  type RadioGroupIndicatorProps,\n  type RadioGroupItemControlProps,\n  type RadioGroupItemHiddenInputProps,\n  type RadioGroupItemProps,\n  type RadioGroupItemTextProps,\n  type RadioGroupLabelProps,\n  type RadioGroupRootProps,\n} from '@ark-ui/react/radio-group'\nimport { cx } from 'styled-system/css'\nimport { radioGroup, type RadioGroupVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the Radio primitives\n * @module 'react/radio'\n */\n\n/**\n * The RadioGroupRoot component is used to group radio buttons together.\n */\nexport function RadioGroupRoot(\n  props: RadioGroupRootProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...rootProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupLabel component is used to label a group of radio buttons.\n */\nexport function RadioGroupLabel(props: RadioGroupLabelProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupIndicator component is used to indicate the selected radio\n * button in a group.\n */\nexport function RadioGroupIndicator(props: RadioGroupIndicatorProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItem component is used to render a single radio button in a\n * group.\n */\nexport function RadioGroupItem(props: RadioGroupItemProps) {\n  const styles = radioGroup()\n  return (\n    <ArkRadioGroup.Item\n      {...props}\n      className={cx(styles.item, props.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemText component is used to render the text label for a\n * single radio button in a group.\n */\nexport function RadioGroupItemText(\n  props: RadioGroupItemTextProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemTextProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemText\n      {...itemTextProps}\n      className={cx(styles.itemText, itemTextProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemControl component is used to render the control for a\n * single radio button in a group.\n */\nexport function RadioGroupItemControl(\n  props: RadioGroupItemControlProps & RadioGroupVariantProps,\n) {\n  const { size, orientation, ...itemControlProps } = props\n  const styles = radioGroup({ size, orientation })\n  return (\n    <ArkRadioGroup.ItemControl\n      {...itemControlProps}\n      className={cx(styles.itemControl, itemControlProps.className)}\n    />\n  )\n}\n\n/**\n * The RadioGroupItemHiddenInput component is used to render the hidden input\n * for a single radio button in a group.\n */\nexport function RadioGroupItemHiddenInput(\n  props: RadioGroupItemHiddenInputProps,\n) {\n  return <ArkRadioGroup.ItemHiddenInput {...props} />\n}\n\nexport const RadioGroup = RadioGroupRoot\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,yBASO;AACP,iBAAmB;AACnB,qBAAwD;AAgBpD;AAsCG,SAAS,eAAe,OAA4B;AACzD,QAAM,aAAS,2BAAW;AAC1B,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS;AAAA;AAAA,EAC5C;AAEJ;AAMO,SAAS,mBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,cAAc,IAAI;AAChD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,UAAU,cAAc,SAAS;AAAA;AAAA,EACxD;AAEJ;AAMO,SAAS,sBACd,OACA;AACA,QAAM,EAAE,MAAM,aAAa,GAAG,iBAAiB,IAAI;AACnD,QAAM,aAAS,2BAAW,EAAE,MAAM,YAAY,CAAC;AAC/C,SACE;AAAA,IAAC,mBAAAA,WAAc;AAAA,IAAd;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,aAAa,iBAAiB,SAAS;AAAA;AAAA,EAC9D;AAEJ;AAMO,SAAS,0BACd,OACA;AACA,SAAO,4CAAC,mBAAAA,WAAc,iBAAd,EAA+B,GAAG,OAAO;AACnD;;;ADzFI,IAAAC,sBAAA;AAHG,SAAS,MAAM,OAAmB;AACvC,QAAM,EAAE,MAAM,UAAU,GAAG,WAAW,IAAI;AAC1C,SACE,8CAAC,kBAAgB,GAAG,YAClB;AAAA,iDAAC,yBAAsB,MAAY;AAAA,IACnC,6CAAC,sBAAmB,MAAa,UAAS;AAAA,IAC1C,6CAAC,6BAA0B;AAAA,KAC7B;AAEJ;","names":["ArkRadioGroup","import_jsx_runtime"]}

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

@@ -34,8 +34,8 @@ module.exports = __toCommonJS(rating_exports);
 
 // src/components/rating/primitives.tsx
 var import_rating_group = require("@ark-ui/react/rating-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RatingRoot(props) {
   const { orientation, size, ...rootProps } = props;
@@ -121,32 +121,34 @@ function splitProps(props, ...keyGroups) {
 }
 
 // src/components/Show.tsx
-var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
+  if (when) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  }
+  return null;
 }
 
 // src/components/rating/rating.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function Rating(props) {
   const [{ label }, styleProps, rootProps] = splitProps(
     props,
     ["label"],
     ["orientation", "palette", "size"]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(RatingParts.Root, { ...styleProps, ...rootProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: Boolean(label), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RatingParts.Label, { children: label }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RatingParts.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RatingParts.Context, { children: (context) => context.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(RatingParts.Root, { ...styleProps, ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: label, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RatingParts.Label, { children: label }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RatingParts.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RatingParts.Context, { children: (context) => context.items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       RatingParts.Item,
       {
         index: item,
         palette: styleProps.palette,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RatingParts.ItemContext, { children: rootProps.children })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RatingParts.ItemContext, { children: rootProps.children })
       },
       item
     )) }) })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/rating/index.ts","../../../../src/components/rating/primitives.tsx","../../../../src/components/rating/parts.tsx","../../../../src/utils/index.ts","../../../../src/components/Show.tsx","../../../../src/components/rating/rating.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './rating'\n\nexport type {\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\n","import {\n  RatingGroup,\n  type RatingGroupContextProps,\n  type RatingGroupControlProps,\n  type RatingGroupHiddenInputProps,\n  type RatingGroupItemContextProps,\n  type RatingGroupItemProps,\n  type RatingGroupLabelProps,\n  type RatingGroupRootProps,\n} from '@ark-ui/react/rating-group'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  ratingGroup,\n  type RatingGroupVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Rating component.\n * @module 'rating/primitives'\n */\n\n/**\n * The root primitive of the Rating component.\n */\nexport function RatingRoot(\n  props: RatingGroupRootProps & RatingGroupVariantProps,\n) {\n  const { orientation, size, ...rootProps } = props\n  const styles = ratingGroup({ orientation, size })\n  return (\n    <RatingGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label primitive of the Rating component.\n */\nexport function RatingLabel(props: RatingGroupLabelProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control primitive of the Rating component.\n */\nexport function RatingControl(props: RatingGroupControlProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The context primitive of the Rating component.\n */\nexport function RatingContext(props: RatingGroupContextProps) {\n  return <RatingGroup.Context {...props} />\n}\n\n/**\n * The item primitive of the Rating component.\n */\nexport function RatingItem(\n  props: RatingGroupItemProps & RatingGroupVariantProps,\n) {\n  const { palette, ...itemProps } = props\n  const styles = ratingGroup({ palette })\n  return (\n    <RatingGroup.Item\n      {...itemProps}\n      className={cx(styles.item, itemProps.className)}\n    />\n  )\n}\n\n/**\n * The item context primitive of the Rating component.\n */\nexport function RatingItemContext(props: RatingGroupItemContextProps) {\n  return <RatingGroup.ItemContext {...props} />\n}\n\n/**\n * The hidden input primitive of the Rating component.\n */\nexport function RatingHiddenInput(props: RatingGroupHiddenInputProps) {\n  return <RatingGroup.HiddenInput {...props} />\n}\n","import type { ElementType } from 'react'\nimport {\n  RatingContext,\n  RatingControl,\n  RatingHiddenInput,\n  RatingItem,\n  RatingItemContext,\n  RatingLabel,\n  RatingRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Rating component.\n * @module 'rating/parts'\n */\n\ninterface RatingPartsValue {\n  /**\n   * The container of the rating.\n   */\n  Root: ElementType\n  /**\n   * The label of the rating.\n   */\n  Label: ElementType\n  /**\n   * The visual representation of the rating.\n   */\n  Control: ElementType\n  /**\n   * The context of the rating.\n   */\n  Context: ElementType\n  /**\n   * The item to display for the rating.\n   */\n  Item: ElementType\n  /**\n   * The context provider for the rating items.\n   */\n  ItemContext: ElementType\n  /**\n   * The native input of the rating.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Rating component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RatingParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RatingParts: RatingPartsValue = {\n  Root: RatingRoot,\n  Label: RatingLabel,\n  Control: RatingControl,\n  Context: RatingContext,\n  Item: RatingItem,\n  ItemContext: RatingItemContext,\n  HiddenInput: RatingHiddenInput,\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","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: 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(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import type {\n  RatingGroupRootProps,\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\nimport type { RatingGroupVariantProps } from '@cerberus/styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { RatingParts } from './parts'\n\n/**\n * This module contains the abstracted Rating component.\n * @module 'react/rating'\n */\n\nexport interface RatingProps\n  extends Omit<RatingGroupRootProps, 'children'>,\n    RatingGroupVariantProps {\n  /**\n   * The label of the rating component.\n   */\n  label?: string\n  /**\n   * The children of the rating component.\n   */\n  children: (context: UseRatingGroupItemContext) => ReactNode\n}\n\n/**\n * The Rating component is an abstraction of the primitives which provides a\n * visual rating system for a user to select a value.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/rating)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/rating-group#api-reference)\n * @example\n * ```tsx\n * <Rating count={5} defaultValue={3} allowHalf>\n *  {({ half, highlighted }) => {\n *   if (half) return <StarHalfIcon fill=\"current\" />\n *   if (highlighted) return <StarIcon fill=\"current\" />\n *   return <StarIcon />\n *  }}\n * </Rating>\n * ```\n */\nexport function Rating(props: RatingProps) {\n  const [{ label }, styleProps, rootProps] = splitProps(\n    props,\n    ['label'],\n    ['orientation', 'palette', 'size'],\n  )\n\n  return (\n    <RatingParts.Root {...styleProps} {...rootProps}>\n      <Show when={Boolean(label)}>\n        <RatingParts.Label>{label}</RatingParts.Label>\n      </Show>\n\n      <RatingParts.Control>\n        <RatingParts.Context>\n          {(context: UseRatingGroupContext) =>\n            context.items.map((item) => (\n              <RatingParts.Item\n                key={item}\n                index={item}\n                palette={styleProps.palette}\n              >\n                <RatingParts.ItemContext>\n                  {rootProps.children}\n                </RatingParts.ItemContext>\n              </RatingParts.Item>\n            ))\n          }\n        </RatingParts.Context>\n      </RatingParts.Control>\n    </RatingParts.Root>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/rating/index.ts","../../../../src/components/rating/primitives.tsx","../../../../src/components/rating/parts.tsx","../../../../src/utils/index.ts","../../../../src/components/Show.tsx","../../../../src/components/rating/rating.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './rating'\n\nexport type {\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\n","import {\n  RatingGroup,\n  type RatingGroupContextProps,\n  type RatingGroupControlProps,\n  type RatingGroupHiddenInputProps,\n  type RatingGroupItemContextProps,\n  type RatingGroupItemProps,\n  type RatingGroupLabelProps,\n  type RatingGroupRootProps,\n} from '@ark-ui/react/rating-group'\nimport { cx } from 'styled-system/css'\nimport {\n  ratingGroup,\n  type RatingGroupVariantProps,\n} from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Rating component.\n * @module 'rating/primitives'\n */\n\n/**\n * The root primitive of the Rating component.\n */\nexport function RatingRoot(\n  props: RatingGroupRootProps & RatingGroupVariantProps,\n) {\n  const { orientation, size, ...rootProps } = props\n  const styles = ratingGroup({ orientation, size })\n  return (\n    <RatingGroup.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The label primitive of the Rating component.\n */\nexport function RatingLabel(props: RatingGroupLabelProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control primitive of the Rating component.\n */\nexport function RatingControl(props: RatingGroupControlProps) {\n  const styles = ratingGroup()\n  return (\n    <RatingGroup.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The context primitive of the Rating component.\n */\nexport function RatingContext(props: RatingGroupContextProps) {\n  return <RatingGroup.Context {...props} />\n}\n\n/**\n * The item primitive of the Rating component.\n */\nexport function RatingItem(\n  props: RatingGroupItemProps & RatingGroupVariantProps,\n) {\n  const { palette, ...itemProps } = props\n  const styles = ratingGroup({ palette })\n  return (\n    <RatingGroup.Item\n      {...itemProps}\n      className={cx(styles.item, itemProps.className)}\n    />\n  )\n}\n\n/**\n * The item context primitive of the Rating component.\n */\nexport function RatingItemContext(props: RatingGroupItemContextProps) {\n  return <RatingGroup.ItemContext {...props} />\n}\n\n/**\n * The hidden input primitive of the Rating component.\n */\nexport function RatingHiddenInput(props: RatingGroupHiddenInputProps) {\n  return <RatingGroup.HiddenInput {...props} />\n}\n","import type { ElementType } from 'react'\nimport {\n  RatingContext,\n  RatingControl,\n  RatingHiddenInput,\n  RatingItem,\n  RatingItemContext,\n  RatingLabel,\n  RatingRoot,\n} from './primitives'\n\n/**\n * This module contains the parts of the Rating component.\n * @module 'rating/parts'\n */\n\ninterface RatingPartsValue {\n  /**\n   * The container of the rating.\n   */\n  Root: ElementType\n  /**\n   * The label of the rating.\n   */\n  Label: ElementType\n  /**\n   * The visual representation of the rating.\n   */\n  Control: ElementType\n  /**\n   * The context of the rating.\n   */\n  Context: ElementType\n  /**\n   * The item to display for the rating.\n   */\n  Item: ElementType\n  /**\n   * The context provider for the rating items.\n   */\n  ItemContext: ElementType\n  /**\n   * The native input of the rating.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Rating component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RatingParts object and\n * the entire family of components vs. only what you use.\n */\nexport const RatingParts: RatingPartsValue = {\n  Root: RatingRoot,\n  Label: RatingLabel,\n  Control: RatingControl,\n  Context: RatingContext,\n  Item: RatingItem,\n  ItemContext: RatingItemContext,\n  HiddenInput: RatingHiddenInput,\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","import type {\n  RatingGroupRootProps,\n  UseRatingGroupContext,\n  UseRatingGroupItemContext,\n} from '@ark-ui/react/rating-group'\nimport type { RatingGroupVariantProps } from 'styled-system/recipes'\nimport type { ReactNode } from 'react'\nimport { splitProps } from '../../utils/index'\nimport { Show } from '../Show'\nimport { RatingParts } from './parts'\n\n/**\n * This module contains the abstracted Rating component.\n * @module 'react/rating'\n */\n\nexport interface RatingProps\n  extends Omit<RatingGroupRootProps, 'children'>,\n    RatingGroupVariantProps {\n  /**\n   * The label of the rating component.\n   */\n  label?: string\n  /**\n   * The children of the rating component.\n   */\n  children: (context: UseRatingGroupItemContext) => ReactNode\n}\n\n/**\n * The Rating component is an abstraction of the primitives which provides a\n * visual rating system for a user to select a value.\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/rating)\n * @description [Ark Docs](https://ark-ui.com/react/docs/components/rating-group#api-reference)\n * @example\n * ```tsx\n * <Rating count={5} defaultValue={3} allowHalf>\n *  {({ half, highlighted }) => {\n *   if (half) return <StarHalfIcon fill=\"current\" />\n *   if (highlighted) return <StarIcon fill=\"current\" />\n *   return <StarIcon />\n *  }}\n * </Rating>\n * ```\n */\nexport function Rating(props: RatingProps) {\n  const [{ label }, styleProps, rootProps] = splitProps(\n    props,\n    ['label'],\n    ['orientation', 'palette', 'size'],\n  )\n\n  return (\n    <RatingParts.Root {...styleProps} {...rootProps}>\n      <Show when={label}>\n        <RatingParts.Label>{label}</RatingParts.Label>\n      </Show>\n\n      <RatingParts.Control>\n        <RatingParts.Context>\n          {(context: UseRatingGroupContext) =>\n            context.items.map((item) => (\n              <RatingParts.Item\n                key={item}\n                index={item}\n                palette={styleProps.palette}\n              >\n                <RatingParts.ItemContext>\n                  {rootProps.children}\n                </RatingParts.ItemContext>\n              </RatingParts.Item>\n            ))\n          }\n        </RatingParts.Context>\n      </RatingParts.Control>\n    </RatingParts.Root>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime"]}

package/build/legacy/components/rating/parts.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/rating/primitives.tsx
 var import_rating_group = require("@ark-ui/react/rating-group");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RatingRoot(props) {
   const { orientation, size, ...rootProps } = props;