@cerberus-design/react 0.15.0-next-32cd15e → 0.15.0-next-68149ba

package/build/modern/chunk-Z7FGXAND.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/context/notification-center.tsx"],"sourcesContent":["'use client'\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  type MouseEvent,\n  type PropsWithChildren,\n  type ReactNode,\n} from 'react'\nimport { Show } from '../components/Show'\nimport { NotificationHeading } from '../components/NotificationHeading'\nimport { NotificationDescription } from '../components/NotificationDescription'\nimport { Notification } from '../components/Notification'\nimport { animateIn, vstack } from '@cerberus/styled-system/patterns'\nimport { Portal, type PortalProps } from '../components/Portal'\nimport { notification } from '@cerberus/styled-system/recipes'\nimport { Button } from '../components/button/button'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  addNotification,\n  clearNotificationState,\n  notificationCenterReducer,\n  removeNotification,\n  updateNotificationState,\n} from './notification-center/store'\n\n/**\n * This module provides a context and hook for notifications.\n * @module\n */\n\nexport interface NotifyOptions {\n  /**\n   * The palette of the notification.\n   * @default 'info'\n   */\n  palette: 'info' | 'success' | 'warning' | 'danger'\n  /**\n   * The heading of the notification.\n   */\n  heading: string\n  /**\n   * The unique id of the notification.\n   */\n  id?: string\n  /**\n   * The description of the notification.\n   */\n  description?: ReactNode\n  /**\n   * The action to take when the notification is closed\n   */\n  onClose?: () => void\n}\n\nexport interface NotificationsValue {\n  notify: (options: NotifyOptions) => void\n}\n\nconst NotificationsContext = createContext<NotificationsValue | null>(null)\n\nexport type NotificationsProviderProps = PortalProps & {\n  /**\n   * The duration in milliseconds to show the notification.\n   * @default 6000\n   */\n  duration?: number\n}\n\n/**\n * Provides a notification center to the app.\n * @see https://cerberus.digitalu.design/react/notification\n * @example\n * ```tsx\n * // Wrap the Provider around the root of the feature.\n * <Notifications>\n *   <SomeFeatureSection />\n * </Notifications>\n *\n * // Use the hook to show a notification.\n * const notify = useNotifications()\n *\n * const handleClick = useCallback(() => {\n *  notify({\n *   palette: 'info',\n *   heading: 'New feature!',\n *   description: 'We have added a new feature to the app.',\n * })\n * }, [notify])\n * ```\n */\nexport function NotificationCenter(\n  props: PropsWithChildren<NotificationsProviderProps>,\n) {\n  const [state, dispatch] = useReducer(notificationCenterReducer, [])\n  const styles = notification()\n\n  const timeout = useMemo<number>(\n    () => props.duration || 6000,\n    [props.duration],\n  )\n\n  const closeNotification = useCallback(\n    (id: string) => {\n      updateNotificationState(dispatch, {\n        id,\n        state: 'closed',\n      })\n      window.setTimeout(() => {\n        removeNotification(dispatch, id)\n      }, 150)\n    },\n    [dispatch],\n  )\n\n  const handleNotify = useCallback(\n    (options: NotifyOptions) => {\n      const id = `${options.palette}:${state.length + 1}`\n      addNotification(dispatch, {\n        ...options,\n        id,\n        state: 'open',\n      })\n\n      window.setTimeout(() => {\n        closeNotification(id)\n      }, timeout)\n    },\n    [dispatch, state, timeout, closeNotification],\n  )\n\n  const handleClose = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      const target = e.currentTarget as HTMLButtonElement\n      closeNotification(target.value)\n    },\n    [closeNotification],\n  )\n\n  const handleCloseAll = useCallback(() => {\n    state.forEach((item) => {\n      if (item.onClose) item.onClose()\n    })\n    // we don't want to animate out for this one\n    clearNotificationState(dispatch)\n  }, [state, dispatch])\n\n  const value = useMemo(\n    () => ({\n      notify: handleNotify,\n    }),\n    [handleNotify],\n  )\n\n  // For some reason, the vstack pattern alignItems is not registering here.\n  // So we are forcing it with the style prop.\n\n  return (\n    <NotificationsContext.Provider value={value}>\n      {props.children}\n\n      <Show when={state.length > 0}>\n        <Portal container={props.container}>\n          <div className={styles.center}>\n            <Show when={state.length >= 4}>\n              <Button\n                className={cx(styles.closeAll, animateIn())}\n                onClick={handleCloseAll}\n                palette=\"action\"\n                shape=\"rounded\"\n                size=\"sm\"\n                usage=\"ghost\"\n              >\n                Close all\n              </Button>\n            </Show>\n\n            <div\n              className={vstack({\n                alignItems: 'flex-end',\n                gap: '4',\n              })}\n              style={{\n                alignItems: 'flex-end',\n              }}\n            >\n              {state.map((option) => (\n                <MatchNotification\n                  key={option.id}\n                  {...option}\n                  onClose={handleClose}\n                  open={option.state}\n                />\n              ))}\n            </div>\n          </div>\n        </Portal>\n      </Show>\n    </NotificationsContext.Provider>\n  )\n}\n\ninterface MatchNotificationProps extends Omit<NotifyOptions, 'onClose'> {\n  open: 'open' | 'closed'\n  onClose: (e: MouseEvent<HTMLButtonElement>) => void\n  key: string | undefined\n}\n\nfunction MatchNotification(props: MatchNotificationProps) {\n  const { palette, id, onClose, heading, description, open } = props\n  const sharedProps = useMemo(\n    () => ({\n      id: id!,\n      open: true,\n      onClose,\n      'data-state': open,\n    }),\n    [id, open, onClose],\n  )\n\n  switch (palette) {\n    case 'success':\n      return (\n        <Notification {...sharedProps} palette=\"success\">\n          <NotificationHeading palette=\"success\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"success\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'warning':\n      return (\n        <Notification {...sharedProps} palette=\"warning\">\n          <NotificationHeading palette=\"warning\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"warning\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'danger':\n      return (\n        <Notification {...sharedProps} palette=\"danger\">\n          <NotificationHeading palette=\"danger\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"danger\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n\n    case 'info':\n    default:\n      return (\n        <Notification {...sharedProps} palette=\"info\">\n          <NotificationHeading palette=\"info\">{heading}</NotificationHeading>\n          <NotificationDescription palette=\"info\">\n            {description}\n          </NotificationDescription>\n        </Notification>\n      )\n  }\n}\n\n/**\n * The hook to use the NotificationCenter.\n * @returns The notify method to trigger a notification.\n * @example\n * ```tsx\n * const {notify} = useNotificationCenter()\n * notify({\n *  palette: 'info',\n *  heading: 'New feature',\n *  description: 'We have added a new feature to the app.',\n * })\n * ```\n */\nexport function useNotificationCenter(): NotificationsValue {\n  const context = useContext(NotificationsContext)\n  if (!context) {\n    throw new Error(\n      'useNotificationCenter must be used within a NotificationsProvider',\n    )\n  }\n  return context\n}\n"],"mappings":"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","names":[]}

package/build/modern/components/AccordionItemGroup.js

@@ -3,8 +3,8 @@ import {
 } from "../chunk-WN7TJX6J.js";
 import "../chunk-XZGXRRSQ.js";
 import "../chunk-AZRFYQO7.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   AccordionItemGroup
 };

package/build/modern/components/Admonition.client.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   MatchAvatar
-} from "../chunk-ISCJ542I.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-2HOUQ2DX.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   MatchAvatar
 };

package/build/modern/components/Admonition.js

@@ -2,11 +2,11 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "../chunk-NJSETNRL.js";
-import "../chunk-ISCJ542I.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-DXBZ3HMY.js";
+import "../chunk-2HOUQ2DX.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Admonition,
   AdmonitionDescription,

package/build/modern/components/Avatar.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Avatar
-} from "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Avatar
 };

package/build/modern/components/Checkbox.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Checkbox
-} from "../chunk-N24COMHJ.js";
+} from "../chunk-NGOLRISW.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Checkbox
 };

package/build/modern/components/DatePicker.client.js

@@ -10,13 +10,15 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "../chunk-A6BRQ2QK.js";
+} from "../chunk-KU2AWAK3.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-5EWCH7AI.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-IQJDVFPP.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   DatePicker,
   DatePickerCalendar,

package/build/modern/components/FileStatus.js

@@ -2,14 +2,14 @@
 import {
   FileStatus,
   processStatus
-} from "../chunk-O6LFWUHI.js";
+} from "../chunk-7P7OWBGV.js";
 import "../chunk-WZJ5UQNM.js";
 import "../chunk-JWIJHSI6.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-APD6IX5R.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   FileStatus,
   processStatus

package/build/modern/components/FileUploader.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-25HMVHLT.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-7SU6FCTJ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   FileUploader
 };

package/build/modern/components/Input.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Input
-} from "../chunk-MZ3UCDUL.js";
+} from "../chunk-VYCU7I4J.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Input
 };

package/build/modern/components/Select.js

@@ -5,12 +5,12 @@ import {
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "../chunk-FV4UITYD.js";
+} from "../chunk-5QONP7GT.js";
 import "../chunk-RU5LOXWI.js";
 import "../chunk-YWMPB2JR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-BUVVRQLZ.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Option,
   OptionGroup,

package/build/modern/components/Tag.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Tag
-} from "../chunk-EDARV2EI.js";
-import "../chunk-BUVVRQLZ.js";
+} from "../chunk-MISIUX63.js";
 import "../chunk-GITT5645.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   Tag
 };

package/build/modern/components/button/button.js

@@ -0,0 +1,12 @@
+"use client";
+import {
+  Button,
+  ButtonIcon
+} from "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Button,
+  ButtonIcon
+};
+//# sourceMappingURL=button.js.map

package/build/modern/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/button/index.js

@@ -0,0 +1,16 @@
+import "../../chunk-CYC2YUKU.js";
+import {
+  ButtonParts
+} from "../../chunk-2JX27W6Y.js";
+import {
+  Button,
+  ButtonIcon
+} from "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  Button,
+  ButtonIcon,
+  ButtonParts
+};
+//# sourceMappingURL=index.js.map

package/build/modern/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/button/parts.js

@@ -0,0 +1,10 @@
+import {
+  ButtonParts
+} from "../../chunk-2JX27W6Y.js";
+import "../../chunk-MER66QUY.js";
+import "../../chunk-7SYJFI5E.js";
+import "../../chunk-BUVVRQLZ.js";
+export {
+  ButtonParts
+};
+//# sourceMappingURL=parts.js.map

package/build/modern/components/button/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/build/modern/components/deprecated/NavMenuTrigger.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   NavMenuTrigger
-} from "../../chunk-BRVZVAPT.js";
+} from "../../chunk-245SMQ45.js";
 import "../../chunk-6WS765J3.js";
 import "../../chunk-BUVVRQLZ.js";
 import "../../chunk-JF76VIL3.js";

package/build/modern/context/confirm-modal.js

@@ -2,13 +2,14 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-UNDJYNQC.js";
+} from "../chunk-7S47NSGR.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   ConfirmModal,
   useConfirmModal

package/build/modern/context/cta-modal.js

@@ -2,15 +2,16 @@
 import {
   CTAModal,
   useCTAModal
-} from "../chunk-F5OVI74O.js";
+} from "../chunk-3RGRHMJQ.js";
 import "../chunk-6BN3XKQF.js";
 import "../chunk-APD6IX5R.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   CTAModal,
   useCTAModal

package/build/modern/context/notification-center.js

@@ -2,15 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-FOKO6LKG.js";
+} from "../chunk-Z7FGXAND.js";
 import "../chunk-RDRD6ACD.js";
 import "../chunk-UXY3KCC3.js";
 import "../chunk-SLHYBPJ5.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-BUVVRQLZ.js";
-import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
 import "../chunk-V3M3ZOQI.js";
+import "../chunk-GITT5645.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
 export {
   NotificationCenter,

package/build/modern/context/prompt-modal.js

@@ -2,17 +2,18 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-ZUXK7V4G.js";
+} from "../chunk-Q4IV5NUT.js";
 import "../chunk-RU5LOXWI.js";
-import "../chunk-MZ3UCDUL.js";
 import "../chunk-NMF2HYWO.js";
+import "../chunk-VYCU7I4J.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-TFL56AYR.js";
 import "../chunk-IQJDVFPP.js";
-import "../chunk-GCQMH4QA.js";
-import "../chunk-BUVVRQLZ.js";
+import "../chunk-SXLPDPOZ.js";
 import "../chunk-GITT5645.js";
-import "../chunk-STNRGV3Y.js";
+import "../chunk-MER66QUY.js";
+import "../chunk-7SYJFI5E.js";
+import "../chunk-BUVVRQLZ.js";
 export {
   PromptModal,
   usePromptModal

package/build/modern/hooks/useRootColors.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   useRootColors
-} from "../chunk-RMVJK26W.js";
+} from "../chunk-XJQXHSH7.js";
 export {
   useRootColors
 };

package/build/modern/index.js

@@ -1,3 +1,10 @@
+import {
+  NavMenuList,
+  getPosition
+} from "./chunk-AIJ75ENY.js";
+import {
+  NavMenuTrigger
+} from "./chunk-245SMQ45.js";
 import {
   ThemeProvider,
   useThemeContext
@@ -17,21 +24,14 @@ import {
 import {
   NavMenuLink
 } from "./chunk-YOTXFCCC.js";
-import {
-  NavMenuList,
-  getPosition
-} from "./chunk-AIJ75ENY.js";
-import {
-  NavMenuTrigger
-} from "./chunk-BRVZVAPT.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-UNDJYNQC.js";
+} from "./chunk-7S47NSGR.js";
 import {
   CTAModal,
   useCTAModal
-} from "./chunk-F5OVI74O.js";
+} from "./chunk-3RGRHMJQ.js";
 import {
   NavMenu,
   useNavMenuContext
@@ -39,11 +39,14 @@ import {
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-FOKO6LKG.js";
+} from "./chunk-Z7FGXAND.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-ZUXK7V4G.js";
+} from "./chunk-Q4IV5NUT.js";
+import {
+  Tbody
+} from "./chunk-ZR37P4NZ.js";
 import {
   Td
 } from "./chunk-3R4TIF2X.js";
@@ -62,13 +65,16 @@ import {
 import {
   Tooltip
 } from "./chunk-LPALHB6R.js";
+import {
+  Radio
+} from "./chunk-FTPZHG6J.js";
 import {
   Option,
   OptionGroup,
   OptionGroupLabel,
   Select,
   createSelectCollection
-} from "./chunk-FV4UITYD.js";
+} from "./chunk-5QONP7GT.js";
 import {
   Text
 } from "./chunk-RU5LOXWI.js";
@@ -88,9 +94,6 @@ import {
   SelectTrigger,
   SelectValueText
 } from "./chunk-YWMPB2JR.js";
-import {
-  Spinner
-} from "./chunk-7SYJFI5E.js";
 import {
   Table,
   Tr
@@ -109,10 +112,10 @@ import {
 } from "./chunk-RZ7NG77U.js";
 import {
   Tag
-} from "./chunk-EDARV2EI.js";
+} from "./chunk-MISIUX63.js";
 import {
-  Tbody
-} from "./chunk-ZR37P4NZ.js";
+  Label
+} from "./chunk-NMF2HYWO.js";
 import {
   Legend
 } from "./chunk-ILQW5VZT.js";
@@ -135,8 +138,12 @@ import {
   NotificationHeading
 } from "./chunk-SLHYBPJ5.js";
 import {
-  Radio
-} from "./chunk-FTPZHG6J.js";
+  FeatureFlag
+} from "./chunk-BIDE4IJG.js";
+import {
+  FeatureFlags,
+  useFeatureFlags
+} from "./chunk-CJFW36DZ.js";
 import {
   Fieldset
 } from "./chunk-3ZDFQO25.js";
@@ -146,7 +153,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-O6LFWUHI.js";
+} from "./chunk-7P7OWBGV.js";
 import {
   ProgressBar
 } from "./chunk-WZJ5UQNM.js";
@@ -155,16 +162,13 @@ import {
 } from "./chunk-JWIJHSI6.js";
 import {
   FileUploader
-} from "./chunk-25HMVHLT.js";
+} from "./chunk-7SU6FCTJ.js";
 import {
   Input
-} from "./chunk-MZ3UCDUL.js";
-import {
-  Label
-} from "./chunk-NMF2HYWO.js";
+} from "./chunk-VYCU7I4J.js";
 import {
   Checkbox
-} from "./chunk-N24COMHJ.js";
+} from "./chunk-NGOLRISW.js";
 import {
   CircularProgress
 } from "./chunk-6QHOKCV3.js";
@@ -179,7 +183,7 @@ import {
   DatePickerViewControlGroup,
   DatePickerYearView,
   RangePickerInput
-} from "./chunk-A6BRQ2QK.js";
+} from "./chunk-KU2AWAK3.js";
 import {
   Field,
   useFieldContext
@@ -217,13 +221,7 @@ import {
 import {
   Droppable
 } from "./chunk-TKI2CKHH.js";
-import {
-  FeatureFlag
-} from "./chunk-BIDE4IJG.js";
-import {
-  FeatureFlags,
-  useFeatureFlags
-} from "./chunk-CJFW36DZ.js";
+import "./chunk-V3M3ZOQI.js";
 import {
   AccordionItemGroup
 } from "./chunk-WN7TJX6J.js";
@@ -240,27 +238,21 @@ import {
   Admonition,
   AdmonitionDescription,
   AdmonitionHeading
-} from "./chunk-NJSETNRL.js";
-import "./chunk-ISCJ542I.js";
+} from "./chunk-DXBZ3HMY.js";
+import "./chunk-2HOUQ2DX.js";
 import {
   Avatar
-} from "./chunk-GCQMH4QA.js";
-import {
-  Show
-} from "./chunk-BUVVRQLZ.js";
+} from "./chunk-SXLPDPOZ.js";
 import {
   CerberusProvider,
   useCerberusContext
 } from "./chunk-GITT5645.js";
-import {
-  Button
-} from "./chunk-STNRGV3Y.js";
 import {
   useModal
 } from "./chunk-KGQG5JGW.js";
 import {
   useRootColors
-} from "./chunk-RMVJK26W.js";
+} from "./chunk-XJQXHSH7.js";
 import {
   MODE_KEY,
   THEME_KEY,
@@ -276,7 +268,20 @@ import {
   getLocalStorage,
   setLocalStorage
 } from "./chunk-FQLMPEYX.js";
-import "./chunk-V3M3ZOQI.js";
+import "./chunk-CYC2YUKU.js";
+import {
+  ButtonParts
+} from "./chunk-2JX27W6Y.js";
+import {
+  Button,
+  ButtonIcon
+} from "./chunk-MER66QUY.js";
+import {
+  Spinner
+} from "./chunk-7SYJFI5E.js";
+import {
+  Show
+} from "./chunk-BUVVRQLZ.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -315,6 +320,8 @@ export {
   AdmonitionHeading,
   Avatar,
   Button,
+  ButtonIcon,
+  ButtonParts,
   CTAModal,
   CerberusProvider,
   Checkbox,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Spinner'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Select'\nexport * from './components/Select.server'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// deprecated\n\nexport * from './components/deprecated/Modal'\nexport * from './components/deprecated/ModalHeader'\nexport * from './components/deprecated/ModalHeading'\nexport * from './components/deprecated/ModalDescription'\nexport * from './components/deprecated/NavMenuTrigger'\nexport * from './components/deprecated/NavMenuList'\nexport * from './components/deprecated/NavMenuLink'\n\n// components\n\nexport * from './components/Accordion'\nexport * from './components/Accordion.client'\nexport * from './components/AccordionItemGroup'\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/button/index'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/DatePicker.client'\nexport * from './components/DatePicker.server'\nexport * from './components/Dialog'\nexport * from './components/Dialog.client'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Menu'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Spinner'\nexport * from './components/Tabs.client'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Text'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Tooltip'\nexport * from './components/Select'\nexport * from './components/Select.server'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/cerberus'\nexport * from './context/confirm-modal'\nexport * from './context/cta-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useDate'\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\nexport * from './hooks/useRootColors'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/index'\nexport * from './utils/index'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.15.0-next-32cd15e",
+  "version": "0.15.0-next-68149ba",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0-next-32cd15e"
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@0.15.0-next-68149ba"
   },
   "publishConfig": {
     "access": "public"

package/src/components/DatePicker.client.tsx

@@ -23,7 +23,7 @@ import {
   DatePickerViewControl,
 } from './DatePicker.server'
 import { IconButton } from './IconButton'
-import { Button } from './Button'
+import { Button } from './button/button'
 import { useCerberusContext } from '../context/cerberus'
 import { useMemo, type InputHTMLAttributes } from 'react'