@cerberus-design/react 0.7.4 → 0.8.0-next-a23daaf

package/build/modern/chunk-QO2UXGW4.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  useState,\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'\nimport { cx } from '@cerberus/styled-system/css'\n\n/**\n * This module provides a context and hook for notifications.\n * @module\n */\n\nexport interface NotifyOptions {\n  palette: 'info' | 'success' | 'warning' | 'danger'\n  heading: string\n  id?: string\n  description?: ReactNode\n  onClose?: () => void\n}\n\nexport interface NotificationsValue {\n  notify: (options: NotifyOptions) => void\n}\n\nconst NotificationsContext = createContext<NotificationsValue | null>(null)\n\nexport interface NotificationsProviderProps extends PortalProps {}\n\n/**\n * Provides a notification center to the app.\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 [activeNotifications, setActiveNotifications] = useState<\n    NotifyOptions[]\n  >([])\n  const styles = notification()\n\n  const handleNotify = useCallback((options: NotifyOptions) => {\n    setActiveNotifications((prev) => {\n      const id = `${options.palette}:${prev.length + 1}`\n      return [...prev, { ...options, id }]\n    })\n  }, [])\n\n  const handleClose = useCallback((e: MouseEvent<HTMLButtonElement>) => {\n    const target = e.currentTarget as HTMLButtonElement\n    setActiveNotifications((prev) => {\n      const item = prev.find((option) => option.id === target.value)\n      if (item?.onClose) item.onClose()\n      return prev.filter((option) => option.id !== target.value)\n    })\n  }, [])\n\n  const handleCloseAll = useCallback(() => {\n    setActiveNotifications((prev) => {\n      prev.forEach((item) => {\n        if (item.onClose) item.onClose()\n      })\n      return []\n    })\n  }, [])\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={activeNotifications.length > 0}>\n        <Portal container={props.container}>\n          <div className={styles.center}>\n            <Show when={activeNotifications.length >= 4}>\n              <Button\n                className={cx(styles.closeAll, animateIn())}\n                onClick={handleCloseAll}\n                palette=\"action\"\n                shape=\"rounded\"\n                size=\"sm\"\n                usage=\"text\"\n              >\n                Close all\n              </Button>\n            </Show>\n            <div\n              className={vstack({\n                alignItems: 'flex-end',\n                gap: '4',\n              })}\n              style={{\n                alignItems: 'flex-end',\n              }}\n            >\n              {activeNotifications.map((option) => (\n                <Notification\n                  id={option.id!}\n                  key={option.id}\n                  onClose={handleClose}\n                  open\n                  palette={option.palette}\n                >\n                  <NotificationHeading palette={option.palette}>\n                    {option.heading}\n                  </NotificationHeading>\n                  <NotificationDescription palette={option.palette}>\n                    {option.description}\n                  </NotificationDescription>\n                </Notification>\n              ))}\n            </div>\n          </div>\n        </Portal>\n      </Show>\n    </NotificationsContext.Provider>\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":";;;;;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAKP,SAAS,WAAW,cAAc;AAElC,SAAS,oBAAoB;AAE7B,SAAS,UAAU;AA+FL,cAqBE,YArBF;AA5Ed,IAAM,uBAAuB,cAAyC,IAAI;AAyBnE,SAAS,mBACd,OACA;AACA,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAEpD,CAAC,CAAC;AACJ,QAAM,SAAS,aAAa;AAE5B,QAAM,eAAe,YAAY,CAAC,YAA2B;AAC3D,2BAAuB,CAAC,SAAS;AAC/B,YAAM,KAAK,GAAG,QAAQ,OAAO,IAAI,KAAK,SAAS,CAAC;AAChD,aAAO,CAAC,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,CAAC;AAAA,IACrC,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,CAAC,MAAqC;AACpE,UAAM,SAAS,EAAE;AACjB,2BAAuB,CAAC,SAAS;AAC/B,YAAM,OAAO,KAAK,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,KAAK;AAC7D,UAAI,MAAM,QAAS,MAAK,QAAQ;AAChC,aAAO,KAAK,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,KAAK;AAAA,IAC3D,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,YAAY,MAAM;AACvC,2BAAuB,CAAC,SAAS;AAC/B,WAAK,QAAQ,CAAC,SAAS;AACrB,YAAI,KAAK,QAAS,MAAK,QAAQ;AAAA,MACjC,CAAC;AACD,aAAO,CAAC;AAAA,IACV,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,IACA,CAAC,YAAY;AAAA,EACf;AAKA,SACE,qBAAC,qBAAqB,UAArB,EAA8B,OAC5B;AAAA,UAAM;AAAA,IAEP,oBAAC,QAAK,MAAM,oBAAoB,SAAS,GACvC,8BAAC,UAAO,WAAW,MAAM,WACvB,+BAAC,SAAI,WAAW,OAAO,QACrB;AAAA,0BAAC,QAAK,MAAM,oBAAoB,UAAU,GACxC;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,OAAO,UAAU,UAAU,CAAC;AAAA,UAC1C,SAAS;AAAA,UACT,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAM;AAAA,UACP;AAAA;AAAA,MAED,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,OAAO;AAAA,YAChB,YAAY;AAAA,YACZ,KAAK;AAAA,UACP,CAAC;AAAA,UACD,OAAO;AAAA,YACL,YAAY;AAAA,UACd;AAAA,UAEC,8BAAoB,IAAI,CAAC,WACxB;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,OAAO;AAAA,cAEX,SAAS;AAAA,cACT,MAAI;AAAA,cACJ,SAAS,OAAO;AAAA,cAEhB;AAAA,oCAAC,uBAAoB,SAAS,OAAO,SAClC,iBAAO,SACV;AAAA,gBACA,oBAAC,2BAAwB,SAAS,OAAO,SACtC,iBAAO,aACV;AAAA;AAAA;AAAA,YAVK,OAAO;AAAA,UAWd,CACD;AAAA;AAAA,MACH;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;AAeO,SAAS,wBAA4C;AAC1D,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/build/modern/{chunk-5GEC53G7.js → chunk-XB4ZRAH4.js}

@@ -1,12 +1,12 @@
-import {
-  Show
-} from "./chunk-4O4QFF4S.js";
 import {
   useFieldContext
 } from "./chunk-ZAU4JVLL.js";
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-BEYPMC73.js";
 
 // src/components/Input.tsx
 import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-5GEC53G7.js.map
+//# sourceMappingURL=chunk-XB4ZRAH4.js.map

package/build/modern/chunk-XREC5IJE.js

@@ -0,0 +1,24 @@
+// src/components/Td.tsx
+import { cx } from "@cerberus/styled-system/css";
+import { td } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Td(props) {
+  const { size, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      ...nativeProps,
+      className: cx(
+        nativeProps.className,
+        td({
+          size
+        })
+      )
+    }
+  );
+}
+
+export {
+  Td
+};
+//# sourceMappingURL=chunk-XREC5IJE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Td.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { td, type TdVariantProps } from '@cerberus/styled-system/recipes'\nimport type { TableHTMLAttributes } from 'react'\n\n/**\n * Th component for the Td component\n * @module\n */\n\nexport type TdBaseProps = TableHTMLAttributes<HTMLTableCellElement>\nexport type TdProps = TdBaseProps & TdVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Td>Data cell</Td>\n * ```\n */\nexport function Td(props: TdProps) {\n  const { size, ...nativeProps } = props\n  return (\n    <td\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        td({\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,UAA+B;AAsBpC;AAHG,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,GAAG;AAAA,UACD;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-TPRGGEVJ.js → chunk-Y5IY7O23.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-JJP2TFTU.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
@@ -27,7 +27,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-6TXQZ3PB.js";
+} from "./chunk-BEYPMC73.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
@@ -151,4 +151,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-TPRGGEVJ.js.map
+//# sourceMappingURL=chunk-Y5IY7O23.js.map

package/build/modern/components/Button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-2ATICEW3.js";
+} from "../chunk-6F34A7NZ.js";
 export {
   Button
 };

package/build/modern/components/Droppable.js

@@ -0,0 +1,8 @@
+"use client";
+import {
+  Droppable
+} from "../chunk-7VJOPJVX.js";
+export {
+  Droppable
+};
+//# sourceMappingURL=Droppable.js.map

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

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

package/build/modern/components/FileUploader.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  FileUploader
+} from "../chunk-IOG6XIR5.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
+export {
+  FileUploader
+};
+//# sourceMappingURL=FileUploader.js.map

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

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

package/build/modern/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-5GEC53G7.js";
-import "../chunk-4O4QFF4S.js";
+} from "../chunk-XB4ZRAH4.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-6TXQZ3PB.js";
-import "../chunk-C45DY4VE.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
 export {
   Input
 };

package/build/modern/components/Label.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   Label
-} from "../chunk-CU7HXAKM.js";
-import "../chunk-4O4QFF4S.js";
+} from "../chunk-JJGZRBIR.js";
 import "../chunk-ZAU4JVLL.js";
+import "../chunk-4O4QFF4S.js";
 export {
   Label
 };

package/build/modern/components/Notification.js

@@ -0,0 +1,11 @@
+"use client";
+import {
+  Notification
+} from "../chunk-4N2L357B.js";
+import "../chunk-JIZQFTW6.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
+export {
+  Notification
+};
+//# sourceMappingURL=Notification.js.map

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

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

package/build/modern/components/NotificationDescription.js

@@ -0,0 +1,7 @@
+import {
+  NotificationDescription
+} from "../chunk-HW76XVA3.js";
+export {
+  NotificationDescription
+};
+//# sourceMappingURL=NotificationDescription.js.map

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

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

package/build/modern/components/NotificationHeading.js

@@ -0,0 +1,7 @@
+import {
+  NotificationHeading
+} from "../chunk-3C2DJSEE.js";
+export {
+  NotificationHeading
+};
+//# sourceMappingURL=NotificationHeading.js.map

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

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

package/build/modern/components/Table.js

@@ -0,0 +1,9 @@
+import {
+  Table,
+  Tr
+} from "../chunk-A5WYZVUR.js";
+export {
+  Table,
+  Tr
+};
+//# sourceMappingURL=Table.js.map

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

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

package/build/modern/components/Tbody.js

@@ -0,0 +1,7 @@
+import {
+  Tbody
+} from "../chunk-PJ3744I6.js";
+export {
+  Tbody
+};
+//# sourceMappingURL=Tbody.js.map

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

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

package/build/modern/components/Td.js

@@ -0,0 +1,7 @@
+import {
+  Td
+} from "../chunk-XREC5IJE.js";
+export {
+  Td
+};
+//# sourceMappingURL=Td.js.map

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

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

package/build/modern/components/Th.js

@@ -0,0 +1,8 @@
+import {
+  Th
+} from "../chunk-3GXISGPS.js";
+import "../chunk-4O4QFF4S.js";
+export {
+  Th
+};
+//# sourceMappingURL=Th.js.map

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

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

package/build/modern/components/Thead.js

@@ -0,0 +1,7 @@
+import {
+  Thead
+} from "../chunk-N3FUF4TB.js";
+export {
+  Thead
+};
+//# sourceMappingURL=Thead.js.map

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

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

package/build/modern/components/Toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Toggle
-} from "../chunk-JWQJLOX4.js";
+} from "../chunk-IL5ELPTT.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-6TXQZ3PB.js";
-import "../chunk-C45DY4VE.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
 export {
   Toggle
 };

package/build/modern/config/cerbIcons.js

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "../chunk-C45DY4VE.js";
+} from "../chunk-GVNPFXKL.js";
 export {
   defaultIcons
 };

package/build/modern/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-6TXQZ3PB.js";
-import "../chunk-C45DY4VE.js";
+} from "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
 export {
   $cerberusIcons,
   defineIcons

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

@@ -2,18 +2,18 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-TPRGGEVJ.js";
+} from "../chunk-Y5IY7O23.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-6TXQZ3PB.js";
-import "../chunk-C45DY4VE.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
 import "../chunk-C5HLLGME.js";
 export {
   ConfirmModal,

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

@@ -0,0 +1,19 @@
+"use client";
+import {
+  NotificationCenter,
+  useNotificationCenter
+} from "../chunk-QO2UXGW4.js";
+import "../chunk-4N2L357B.js";
+import "../chunk-HW76XVA3.js";
+import "../chunk-3C2DJSEE.js";
+import "../chunk-4CAT3FHV.js";
+import "../chunk-6F34A7NZ.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-JIZQFTW6.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
+export {
+  NotificationCenter,
+  useNotificationCenter
+};
+//# sourceMappingURL=notification-center.js.map

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

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

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

@@ -2,21 +2,21 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-FAXDUWAU.js";
+} from "../chunk-LTDNZRUY.js";
 import "../chunk-4CAT3FHV.js";
+import "../chunk-XB4ZRAH4.js";
+import "../chunk-JJGZRBIR.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
-import "../chunk-5GEC53G7.js";
-import "../chunk-CU7HXAKM.js";
-import "../chunk-4O4QFF4S.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-ZAU4JVLL.js";
+import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-6TXQZ3PB.js";
-import "../chunk-C45DY4VE.js";
+import "../chunk-BEYPMC73.js";
+import "../chunk-GVNPFXKL.js";
 import "../chunk-C5HLLGME.js";
 export {
   PromptModal,

package/build/modern/index.js

@@ -1,20 +1,24 @@
+import {
+  PromptModal,
+  usePromptModal
+} from "./chunk-LTDNZRUY.js";
+import {
+  Th
+} from "./chunk-3GXISGPS.js";
+import {
+  Thead
+} from "./chunk-N3FUF4TB.js";
 import {
   Toggle
-} from "./chunk-JWQJLOX4.js";
+} from "./chunk-IL5ELPTT.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-TPRGGEVJ.js";
+} from "./chunk-Y5IY7O23.js";
 import {
-  PromptModal,
-  usePromptModal
-} from "./chunk-FAXDUWAU.js";
-import {
-  Portal
-} from "./chunk-4CAT3FHV.js";
-import {
-  Radio
-} from "./chunk-PH64POOB.js";
+  NotificationCenter,
+  useNotificationCenter
+} from "./chunk-QO2UXGW4.js";
 import {
   Tab
 } from "./chunk-SONHHNYQ.js";
@@ -24,12 +28,54 @@ import {
 import {
   TabPanel
 } from "./chunk-U72VPIZA.js";
+import {
+  Table,
+  Tr
+} from "./chunk-A5WYZVUR.js";
 import {
   Tag
 } from "./chunk-Z6IWNVPN.js";
+import {
+  Tbody
+} from "./chunk-PJ3744I6.js";
+import {
+  Td
+} from "./chunk-XREC5IJE.js";
 import {
   Textarea
 } from "./chunk-TCO46FK7.js";
+import {
+  NavMenuList,
+  getPosition
+} from "./chunk-PMCYXRAH.js";
+import {
+  NavMenuTrigger
+} from "./chunk-RPZAPUCF.js";
+import {
+  NavMenu,
+  useNavMenuContext
+} from "./chunk-KJUCHZHV.js";
+import {
+  Notification
+} from "./chunk-4N2L357B.js";
+import {
+  NotificationDescription
+} from "./chunk-HW76XVA3.js";
+import {
+  NotificationHeading
+} from "./chunk-3C2DJSEE.js";
+import {
+  Portal
+} from "./chunk-4CAT3FHV.js";
+import {
+  Radio
+} from "./chunk-PH64POOB.js";
+import {
+  Input
+} from "./chunk-XB4ZRAH4.js";
+import {
+  Label
+} from "./chunk-JJGZRBIR.js";
 import {
   Modal
 } from "./chunk-2UFNQM55.js";
@@ -48,17 +94,6 @@ import {
 import {
   NavMenuLink
 } from "./chunk-6DIGPXAD.js";
-import {
-  NavMenuList,
-  getPosition
-} from "./chunk-PMCYXRAH.js";
-import {
-  NavMenuTrigger
-} from "./chunk-RPZAPUCF.js";
-import {
-  NavMenu,
-  useNavMenuContext
-} from "./chunk-KJUCHZHV.js";
 import {
   MODE_KEY,
   THEME_KEY,
@@ -71,7 +106,10 @@ import {
 } from "./chunk-QEA6N6TN.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
+import {
+  Droppable
+} from "./chunk-7VJOPJVX.js";
 import {
   FeatureFlag
 } from "./chunk-VULPMZUW.js";
@@ -83,21 +121,18 @@ import {
   FieldMessage
 } from "./chunk-VGHVH2T3.js";
 import {
-  IconButton
-} from "./chunk-SLHX5K6I.js";
-import {
-  Input
-} from "./chunk-5GEC53G7.js";
+  Field,
+  useFieldContext
+} from "./chunk-ZAU4JVLL.js";
 import {
-  Label
-} from "./chunk-CU7HXAKM.js";
+  FileUploader
+} from "./chunk-IOG6XIR5.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
 import {
-  Field,
-  useFieldContext
-} from "./chunk-ZAU4JVLL.js";
+  IconButton
+} from "./chunk-SLHX5K6I.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -116,19 +151,24 @@ import {
 import {
   $cerberusIcons,
   defineIcons
-} from "./chunk-6TXQZ3PB.js";
-import "./chunk-C45DY4VE.js";
+} from "./chunk-BEYPMC73.js";
+import "./chunk-GVNPFXKL.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
+
+// src/index.ts
+export * from "@dnd-kit/core";
 export {
   $cerberusIcons,
   Button,
   ConfirmModal,
+  Droppable,
   FeatureFlag,
   FeatureFlags,
   Field,
   FieldMessage,
+  FileUploader,
   IconButton,
   Input,
   Label,
@@ -142,6 +182,10 @@ export {
   NavMenuLink,
   NavMenuList,
   NavMenuTrigger,
+  Notification,
+  NotificationCenter,
+  NotificationDescription,
+  NotificationHeading,
   Portal,
   PromptModal,
   Radio,
@@ -150,12 +194,18 @@ export {
   Tab,
   TabList,
   TabPanel,
+  Table,
   Tabs,
   TabsContext,
   Tag,
+  Tbody,
+  Td,
   Textarea,
+  Th,
+  Thead,
   ThemeProvider,
   Toggle,
+  Tr,
   createNavTriggerProps,
   defineIcons,
   getPosition,
@@ -165,6 +215,7 @@ export {
   useFieldContext,
   useModal,
   useNavMenuContext,
+  useNotificationCenter,
   usePromptModal,
   useTabsContext,
   useTabsKeyboardNavigation,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","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// components\n\nexport * from './components/Button'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Modal'\nexport * from './components/ModalHeader'\nexport * from './components/ModalHeading'\nexport * from './components/ModalDescription'\nexport * from './components/ModalIcon'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/Radio'\nexport * from './components/Tab'\nexport * from './components/TabList'\nexport * from './components/TabPanel'\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/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/confirm-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/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/tabs.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/defineIcons'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.7.4",
+  "version": "0.8.0-next-a23daaf",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -15,6 +15,9 @@
     "react": "*",
     "react-dom": "*"
   },
+  "dependencies": {
+    "@dnd-kit/core": "^6.1.0"
+  },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.46.2",
     "@types/react": "^18",
@@ -23,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.7.4"
+    "@cerberus-design/styled-system": "0.8.0-next-a23daaf"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Button.tsx

@@ -1,6 +1,9 @@
 import type { ButtonHTMLAttributes } from 'react'
-import { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
-import { button } from '@cerberus/styled-system/recipes'
+import { cx } from '@cerberus/styled-system/css'
+import {
+  button,
+  type ButtonVariantProps,
+} from '@cerberus/styled-system/recipes'
 
 /**
  * This module contains the Button component.
@@ -8,7 +11,7 @@ import { button } from '@cerberus/styled-system/recipes'
  */
 
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
-  RecipeVariantProps<typeof button>
+  ButtonVariantProps
 
 /**
  * A component that allows the user to perform actions