@cerberus-design/react 0.18.3 → 0.19.0

package/build/modern/chunk-RF4VKGOQ.js

@@ -1,70 +0,0 @@
-import {
-  ToastCloseTrigger
-} from "./chunk-5HEU3SYR.js";
-import {
-  MatchNotificationIcon
-} from "./chunk-TS7PAQPV.js";
-import {
-  NotificationParts
-} from "./chunk-MTD4JSHT.js";
-import {
-  Button
-} from "./chunk-GB7W3YNU.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/notifications/center.tsx
-import {
-  createToaster,
-  Toaster
-} from "@ark-ui/react/toast";
-import { Box } from "styled-system/jsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var toaster = createToaster({
-  gap: 16,
-  overlap: true,
-  placement: "top-end"
-});
-function NotificationCenter() {
-  return /* @__PURE__ */ jsx(Toaster, { toaster, children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, { children: [
-    /* @__PURE__ */ jsx(
-      MatchNotificationIcon,
-      {
-        type: toast.type
-      }
-    ),
-    /* @__PURE__ */ jsxs(Box, { flex: "1", paddingBlock: "sm", children: [
-      /* @__PURE__ */ jsx(NotificationParts.Heading, { children: toast.title }),
-      /* @__PURE__ */ jsx(NotificationParts.Description, { children: toast.description }),
-      /* @__PURE__ */ jsx(Show, { when: toast.action, children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          palette: toast.type,
-          usage: "ghost",
-          size: "sm",
-          children: toast.action?.label
-        }
-      ) }) })
-    ] }),
-    /* @__PURE__ */ jsx(ToastCloseTrigger, {})
-  ] }, toast.id) });
-}
-function useNotificationCenter() {
-  function notify(options) {
-    toaster.create({
-      title: options.heading,
-      description: options.description,
-      type: options.palette,
-      action: options.action
-    });
-  }
-  return { ...toaster, notify };
-}
-
-export {
-  toaster,
-  NotificationCenter,
-  useNotificationCenter
-};
-//# sourceMappingURL=chunk-RF4VKGOQ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/notifications/center.tsx"],"sourcesContent":["'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"],"mappings":";;;;;;;;;;;;;;;;;AAEA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,WAAW;AA4BV,cAIA,YAJA;AAfH,IAAM,UAA+B,cAAc;AAAA,EACxD,KAAK;AAAA,EACL,SAAS;AAAA,EACT,WAAW;AACb,CAAC;AAMM,SAAS,qBAAqB;AACnC,SACE,oBAAC,WAAQ,SACN,WAAC,UACA,qBAAC,kBAAkB,MAAlB,EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,MAAM;AAAA;AAAA,IACd;AAAA,IAEA,qBAAC,OAAI,MAAK,KAAI,cAAa,MACzB;AAAA,0BAAC,kBAAkB,SAAlB,EAA2B,gBAAM,OAAM;AAAA,MACxC,oBAAC,kBAAkB,aAAlB,EACE,gBAAM,aACT;AAAA,MACA,oBAAC,QAAK,MAAM,MAAM,QAChB,8BAAC,kBAAkB,eAAlB,EAAgC,SAAO,MACtC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,UAEJ,gBAAM,QAAQ;AAAA;AAAA,MACjB,GACF,GACF;AAAA,OACF;AAAA,IAEA,oBAAC,qBAAkB;AAAA,OAvBQ,MAAM,EAwBnC,GAEJ;AAEJ;AAKO,SAAS,wBAAqD;AACnE,WAAS,OAAO,SAAwB;AACtC,YAAQ,OAAO;AAAA,MACb,OAAO,QAAQ;AAAA,MACf,aAAa,QAAQ;AAAA,MACrB,MAAM,QAAQ;AAAA,MACd,QAAQ,QAAQ;AAAA,IAClB,CAAC;AAAA,EACH;AACA,SAAO,EAAE,GAAG,SAAS,OAAO;AAC9B;","names":[]}

package/build/modern/chunk-RP6DNLP3.js

@@ -1,17 +0,0 @@
-// src/components/toggle/primitives.tsx
-import {
-  Toggle
-} from "@ark-ui/react/toggle";
-import { jsx } from "react/jsx-runtime";
-function ToggleRoot(props) {
-  return /* @__PURE__ */ jsx(Toggle.Root, { ...props });
-}
-function ToggleIndicator(props) {
-  return /* @__PURE__ */ jsx(Toggle.Indicator, { ...props });
-}
-
-export {
-  ToggleRoot,
-  ToggleIndicator
-};
-//# sourceMappingURL=chunk-RP6DNLP3.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/toggle/primitives.tsx"],"sourcesContent":["import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAGK;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,oBAAC,OAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;","names":[]}

package/build/modern/chunk-RW3YEBDW.js

@@ -1,184 +0,0 @@
-// src/components/date-picker/primitives.tsx
-import {
-  DatePicker
-} from "@ark-ui/react/date-picker";
-import { cx } from "styled-system/css";
-import { datePicker } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function DatePickerLabel(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Label,
-    {
-      ...props,
-      className: cx(styles.label, props.className)
-    }
-  );
-}
-function DatePickerControl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Control,
-    {
-      ...props,
-      className: cx(styles.control, props.className)
-    }
-  );
-}
-function DatePickerInputEl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Input,
-    {
-      ...props,
-      className: cx(styles.input, props.className)
-    }
-  );
-}
-function DatePickerTrigger(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Trigger,
-    {
-      ...props,
-      className: cx(styles.trigger, props.className)
-    }
-  );
-}
-function DatePickerContent(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Content,
-    {
-      ...props,
-      className: cx(styles.content, props.className)
-    }
-  );
-}
-function DatePickerViewControl(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Control,
-    {
-      ...props,
-      className: cx(styles.viewControl, props.className)
-    }
-  );
-}
-function DatePickerRangeText(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.RangeText,
-    {
-      ...props,
-      className: cx(styles.rangeText, props.className)
-    }
-  );
-}
-function DatePickerTable(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.Table,
-    {
-      ...props,
-      className: cx(styles.table, props.className)
-    }
-  );
-}
-function DatePickerTableHeader(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableHeader,
-    {
-      ...props,
-      className: cx(styles.tableHeader, props.className)
-    }
-  );
-}
-function DatePickerTableCell(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableCell,
-    {
-      ...props,
-      className: cx(styles.tableCell, props.className)
-    }
-  );
-}
-function DatePickerTableCellTrigger(props) {
-  const styles = datePicker();
-  return /* @__PURE__ */ jsx(
-    DatePicker.TableCellTrigger,
-    {
-      ...props,
-      className: cx(styles.tableCellTrigger, props.className)
-    }
-  );
-}
-function DatePickerRoot(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Root, { ...props });
-}
-function DatePickerClearTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.ClearTrigger, { ...props });
-}
-function DatePickerPositioner(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Positioner, { ...props });
-}
-function DatePickerYearSelect(props) {
-  return /* @__PURE__ */ jsx(DatePicker.YearSelect, { ...props });
-}
-function DatePickerMonthSelect(props) {
-  return /* @__PURE__ */ jsx(DatePicker.MonthSelect, { ...props });
-}
-function DatePickerView(props) {
-  return /* @__PURE__ */ jsx(DatePicker.View, { ...props });
-}
-function DatePickerContext(props) {
-  return /* @__PURE__ */ jsx(DatePicker.Context, { ...props });
-}
-function DatePickerPrevTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.PrevTrigger, { ...props });
-}
-function DatePickerNextTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.NextTrigger, { ...props });
-}
-function DatePickerViewTrigger(props) {
-  return /* @__PURE__ */ jsx(DatePicker.ViewTrigger, { ...props });
-}
-function DatePickerTableHead(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableHead, { ...props });
-}
-function DatePickerTableRow(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableRow, { ...props });
-}
-function DatePickerTableBody(props) {
-  return /* @__PURE__ */ jsx(DatePicker.TableBody, { ...props });
-}
-
-export {
-  DatePickerLabel,
-  DatePickerControl,
-  DatePickerInputEl,
-  DatePickerTrigger,
-  DatePickerContent,
-  DatePickerViewControl,
-  DatePickerRangeText,
-  DatePickerTable,
-  DatePickerTableHeader,
-  DatePickerTableCell,
-  DatePickerTableCellTrigger,
-  DatePickerRoot,
-  DatePickerClearTrigger,
-  DatePickerPositioner,
-  DatePickerYearSelect,
-  DatePickerMonthSelect,
-  DatePickerView,
-  DatePickerContext,
-  DatePickerPrevTrigger,
-  DatePickerNextTrigger,
-  DatePickerViewTrigger,
-  DatePickerTableHead,
-  DatePickerTableRow,
-  DatePickerTableBody
-};
-//# sourceMappingURL=chunk-RW3YEBDW.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/primitives.tsx"],"sourcesContent":["import {\n  DatePicker,\n  type DatePickerContentProps,\n  type DatePickerContextProps,\n  type DatePickerControlProps,\n  type DatePickerInputProps,\n  type DatePickerLabelProps,\n  type DatePickerMonthSelectProps,\n  type DatePickerNextTriggerProps,\n  type DatePickerPositionerProps,\n  type DatePickerPrevTriggerProps,\n  type DatePickerRangeTextProps,\n  type DatePickerRootProps,\n  type DatePickerTableBodyProps,\n  type DatePickerTableCellProps,\n  type DatePickerTableCellTriggerProps,\n  type DatePickerTableHeaderProps,\n  type DatePickerTableHeadProps,\n  type DatePickerTableProps,\n  type DatePickerTableRowProps,\n  type DatePickerTriggerProps,\n  type DatePickerViewControlProps,\n  type DatePickerViewProps,\n  type DatePickerViewTriggerProps,\n  type DatePickerYearSelectProps,\n} from '@ark-ui/react/date-picker'\nimport { cx } from 'styled-system/css'\nimport { datePicker } from 'styled-system/recipes'\n\n/**\n * This module contains the DatePicker primitives.\n * @module 'date-picker/primitives'\n */\n\n/**\n * The label component for the DatePicker.\n */\nexport function DatePickerLabel(props: DatePickerLabelProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Label\n      {...props}\n      className={cx(styles.label, props.className)}\n    />\n  )\n}\n\n/**\n * The control component for the DatePicker which wraps the input and the\n * triggers to open the DatePicker and clear the value.\n */\nexport function DatePickerControl(props: DatePickerControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The input component for the DatePicker.\n */\nexport function DatePickerInputEl(props: DatePickerInputProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Input\n      {...props}\n      className={cx(styles.input, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger component that opens the DatePicker.\n */\nexport function DatePickerTrigger(props: DatePickerTriggerProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The content component for the DatePicker.\n */\nexport function DatePickerContent(props: DatePickerContentProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Content\n      {...props}\n      className={cx(styles.content, props.className)}\n    />\n  )\n}\n\n/**\n * The view control component for the DatePicker which wraps the triggers to\n * switch between calendar views.\n */\nexport function DatePickerViewControl(props: DatePickerViewControlProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Control\n      {...props}\n      className={cx(styles.viewControl, props.className)}\n    />\n  )\n}\n\n/**\n * The range text component for the DatePicker.\n */\nexport function DatePickerRangeText(props: DatePickerRangeTextProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.RangeText\n      {...props}\n      className={cx(styles.rangeText, props.className)}\n    />\n  )\n}\n\n/**\n * The table component for the DatePicker.\n */\nexport function DatePickerTable(props: DatePickerTableProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.Table\n      {...props}\n      className={cx(styles.table, props.className)}\n    />\n  )\n}\n\n/**\n * The header component for the DatePicker table.\n */\nexport function DatePickerTableHeader(props: DatePickerTableHeaderProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableHeader\n      {...props}\n      className={cx(styles.tableHeader, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell component for the DatePicker.\n */\nexport function DatePickerTableCell(props: DatePickerTableCellProps) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCell\n      {...props}\n      className={cx(styles.tableCell, props.className)}\n    />\n  )\n}\n\n/**\n * The table cell trigger component for the DatePicker.\n */\nexport function DatePickerTableCellTrigger(\n  props: DatePickerTableCellTriggerProps,\n) {\n  const styles = datePicker()\n  return (\n    <DatePicker.TableCellTrigger\n      {...props}\n      className={cx(styles.tableCellTrigger, props.className)}\n    />\n  )\n}\n\n/**\n * The root component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerRoot(props: DatePickerRootProps) {\n  return <DatePicker.Root {...props} />\n}\n\n/**\n * The label component of the DatePicker. This primitive has no Cerberus styles.\n */\nexport function DatePickerClearTrigger(props: DatePickerTriggerProps) {\n  return <DatePicker.ClearTrigger {...props} />\n}\n\n/**\n * The control component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPositioner(props: DatePickerPositionerProps) {\n  return <DatePicker.Positioner {...props} />\n}\n\n/**\n * The year select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerYearSelect(props: DatePickerYearSelectProps) {\n  return <DatePicker.YearSelect {...props} />\n}\n\n/**\n * The month select input component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerMonthSelect(props: DatePickerMonthSelectProps) {\n  return <DatePicker.MonthSelect {...props} />\n}\n\n/**\n * The day view component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerView(props: DatePickerViewProps) {\n  return <DatePicker.View {...props} />\n}\n\n/**\n * The day context component of the DatePicker. This primitive has no\n * Cerberus styles.\n */\nexport function DatePickerContext(props: DatePickerContextProps) {\n  return <DatePicker.Context {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerPrevTrigger(props: DatePickerPrevTriggerProps) {\n  return <DatePicker.PrevTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerNextTrigger(props: DatePickerNextTriggerProps) {\n  return <DatePicker.NextTrigger {...props} />\n}\n\n/**\n * The trigger component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerViewTrigger(props: DatePickerViewTriggerProps) {\n  return <DatePicker.ViewTrigger {...props} />\n}\n\n/**\n * The table head component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableHead(props: DatePickerTableHeadProps) {\n  return <DatePicker.TableHead {...props} />\n}\n/**\n * The table row component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableRow(props: DatePickerTableRowProps) {\n  return <DatePicker.TableRow {...props} />\n}\n/**\n * The table body component of the DatePicker. This primitive has no Cerberus\n * styles.\n */\nexport function DatePickerTableBody(props: DatePickerTableBodyProps) {\n  return <DatePicker.TableBody {...props} />\n}\n"],"mappings":"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","names":[]}

package/build/modern/chunk-RYRB5GPN.js

@@ -1,18 +0,0 @@
-import {
-  DatePickerParts
-} from "./chunk-J76SGDYP.js";
-import {
-  Portal
-} from "./chunk-53YVHIGJ.js";
-
-// src/components/date-picker/content.tsx
-import { jsx } from "react/jsx-runtime";
-function DatePickerContent(props) {
-  const { withModal, ...contentProps } = props;
-  return /* @__PURE__ */ jsx(Portal, { disabled: withModal ?? false, children: /* @__PURE__ */ jsx(DatePickerParts.Positioner, { children: /* @__PURE__ */ jsx(DatePickerParts.Content, { ...contentProps }) }) });
-}
-
-export {
-  DatePickerContent
-};
-//# sourceMappingURL=chunk-RYRB5GPN.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/date-picker/content.tsx"],"sourcesContent":["import type { DatePickerContentProps } from '@ark-ui/react/date-picker'\nimport { Portal } from '../Portal'\nimport { DatePickerParts } from './parts'\n\n/**\n * This private module contains an abstraction of the DatePickerContent\n * primitive.\n * @module 'date-picker/content'\n */\n\n/**\n * An abstraction of the DatePicker content that wraps the DatePickerParts\n * primitives.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function DatePickerContent(\n  props: DatePickerContentProps & {\n    withModal?: boolean\n  },\n) {\n  const { withModal, ...contentProps } = props\n  return (\n    <Portal disabled={withModal ?? false}>\n      <DatePickerParts.Positioner>\n        <DatePickerParts.Content {...contentProps} />\n      </DatePickerParts.Positioner>\n    </Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAwBQ;AATD,SAAS,kBACd,OAGA;AACA,QAAM,EAAE,WAAW,GAAG,aAAa,IAAI;AACvC,SACE,oBAAC,UAAO,UAAU,aAAa,OAC7B,8BAAC,gBAAgB,YAAhB,EACC,8BAAC,gBAAgB,SAAhB,EAAyB,GAAG,cAAc,GAC7C,GACF;AAEJ;","names":[]}

package/build/modern/chunk-SSR3CWJZ.js

@@ -1,82 +0,0 @@
-// src/components/dialog/primitives.tsx
-import {
-  Dialog
-} from "@ark-ui/react/dialog";
-import { cx } from "styled-system/css";
-import { dialog } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function DialogRoot(props) {
-  return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
-}
-function DialogTrigger(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Trigger,
-    {
-      ...props,
-      className: cx(styles.trigger, props.className)
-    }
-  );
-}
-function DialogBackdrop(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Backdrop,
-    {
-      ...props,
-      className: cx(styles.backdrop, props.className)
-    }
-  );
-}
-function DialogPositioner(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Positioner,
-    {
-      ...props,
-      className: cx(styles.positioner, props.className)
-    }
-  );
-}
-function DialogContent(props) {
-  const { size, ...contentProps } = props;
-  const styles = dialog({ size });
-  return /* @__PURE__ */ jsx(
-    Dialog.Content,
-    {
-      ...contentProps,
-      className: cx(styles.content, contentProps.className)
-    }
-  );
-}
-function DialogHeading(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(Dialog.Title, { ...props, className: cx(styles.title, props.className) });
-}
-function DialogDescription(props) {
-  const styles = dialog();
-  return /* @__PURE__ */ jsx(
-    Dialog.Description,
-    {
-      ...props,
-      className: cx(styles.description, props.className)
-    }
-  );
-}
-function DialogCloseTrigger(props) {
-  return /* @__PURE__ */ jsx(Dialog.CloseTrigger, { ...props });
-}
-var DialogProvider = DialogRoot;
-
-export {
-  DialogRoot,
-  DialogTrigger,
-  DialogBackdrop,
-  DialogPositioner,
-  DialogContent,
-  DialogHeading,
-  DialogDescription,
-  DialogCloseTrigger,
-  DialogProvider
-};
-//# sourceMappingURL=chunk-SSR3CWJZ.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/dialog/primitives.tsx"],"sourcesContent":["import {\n  Dialog,\n  type DialogBackdropProps,\n  type DialogContentProps,\n  type DialogDescriptionProps,\n  type DialogPositionerProps,\n  type DialogRootProps,\n  type DialogTitleProps,\n  type DialogTriggerProps,\n} from '@ark-ui/react/dialog'\nimport { cx } from 'styled-system/css'\nimport { dialog, type DialogVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Dialog component.\n * @module 'dialog/primitives'\n */\n\n/**\n * The provider that controls the dialog components.\n */\nexport function DialogRoot(props: DialogRootProps) {\n  return <Dialog.Root {...props} />\n}\n\n/**\n * The trigger that opens the dialog.\n */\nexport function DialogTrigger(props: DialogTriggerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Trigger\n      {...props}\n      className={cx(styles.trigger, props.className)}\n    />\n  )\n}\n\n/**\n * The overlay of the dialog.\n */\nexport function DialogBackdrop(props: DialogBackdropProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Backdrop\n      {...props}\n      className={cx(styles.backdrop, props.className)}\n    />\n  )\n}\n\n/**\n * The container that positions the dialog.\n */\nexport function DialogPositioner(props: DialogPositionerProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Positioner\n      {...props}\n      className={cx(styles.positioner, props.className)}\n    />\n  )\n}\n\n/**\n * The visible content of the dialog.\n */\nexport function DialogContent(props: DialogContentProps & DialogVariantProps) {\n  const { size, ...contentProps } = props\n  const styles = dialog({ size })\n  return (\n    <Dialog.Content\n      {...contentProps}\n      className={cx(styles.content, contentProps.className)}\n    />\n  )\n}\n\n/**\n * The heading of the dialog.\n */\nexport function DialogHeading(props: DialogTitleProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Title {...props} className={cx(styles.title, props.className)} />\n  )\n}\n\n/**\n * The description of the dialog.\n */\nexport function DialogDescription(props: DialogDescriptionProps) {\n  const styles = dialog()\n  return (\n    <Dialog.Description\n      {...props}\n      className={cx(styles.description, props.className)}\n    />\n  )\n}\n\n/**\n * The trigger that closes the dialog.\n */\nexport function DialogCloseTrigger(props: DialogTriggerProps) {\n  return <Dialog.CloseTrigger {...props} />\n}\n\n/**\n * The provider that controls the dialog components. This is a named export of\n * the DialogRoot primitive.\n */\nexport const DialogProvider = DialogRoot\n"],"mappings":";AAAA;AAAA,EACE;AAAA,OAQK;AACP,SAAS,UAAU;AACnB,SAAS,cAAuC;AAWvC;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,oBAAC,OAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,eAAe,OAA4B;AACzD,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,UAAU,MAAM,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,YAAY,MAAM,SAAS;AAAA;AAAA,EAClD;AAEJ;AAKO,SAAS,cAAc,OAAgD;AAC5E,QAAM,EAAE,MAAM,GAAG,aAAa,IAAI;AAClC,QAAM,SAAS,OAAO,EAAE,KAAK,CAAC;AAC9B,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,SAAS,aAAa,SAAS;AAAA;AAAA,EACtD;AAEJ;AAKO,SAAS,cAAc,OAAyB;AACrD,QAAM,SAAS,OAAO;AACtB,SACE,oBAAC,OAAO,OAAP,EAAc,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,QAAM,SAAS,OAAO;AACtB,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,mBAAmB,OAA2B;AAC5D,SAAO,oBAAC,OAAO,cAAP,EAAqB,GAAG,OAAO;AACzC;AAMO,IAAM,iBAAiB;","names":[]}

package/build/modern/chunk-SZOV7M64.js

@@ -1,59 +0,0 @@
-// src/components/notifications/primitives.tsx
-import {
-  Toast,
-  Toaster
-} from "@ark-ui/react/toast";
-import { cx } from "styled-system/css";
-import { toast } from "styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function NotificationProvider(props) {
-  return /* @__PURE__ */ jsx(Toaster, { ...props });
-}
-function NotificationRoot(props) {
-  const styles = toast();
-  return /* @__PURE__ */ jsx(Toast.Root, { ...props, className: cx(styles.root, props.className) });
-}
-function NotificationHeading(props) {
-  const styles = toast();
-  return /* @__PURE__ */ jsx(Toast.Title, { ...props, className: cx(styles.title, props.className) });
-}
-function NotificationDescription(props) {
-  const styles = toast();
-  return /* @__PURE__ */ jsx(
-    Toast.Description,
-    {
-      ...props,
-      className: cx(styles.description, props.className)
-    }
-  );
-}
-function NotificationCloseTrigger(props) {
-  const styles = toast();
-  return /* @__PURE__ */ jsx(
-    Toast.CloseTrigger,
-    {
-      ...props,
-      className: cx(styles.closeTrigger, props.className)
-    }
-  );
-}
-function NotificationActionTrigger(props) {
-  const styles = toast();
-  return /* @__PURE__ */ jsx(
-    Toast.ActionTrigger,
-    {
-      ...props,
-      className: cx(styles.actionTrigger, props.className)
-    }
-  );
-}
-
-export {
-  NotificationProvider,
-  NotificationRoot,
-  NotificationHeading,
-  NotificationDescription,
-  NotificationCloseTrigger,
-  NotificationActionTrigger
-};
-//# sourceMappingURL=chunk-SZOV7M64.js.map

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

@@ -1 +0,0 @@
-{"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,EACE;AAAA,EACA;AAAA,OAMK;AACP,SAAS,UAAU;AACnB,SAAS,aAAa;AAQb;AADF,SAAS,qBAAqB,OAAqB;AACxD,SAAO,oBAAC,WAAS,GAAG,OAAO;AAC7B;AAKO,SAAS,iBAAiB,OAAuB;AACtD,QAAM,SAAS,MAAM;AACrB,SAAO,oBAAC,MAAM,MAAN,EAAY,GAAG,OAAO,WAAW,GAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC7E;AAKO,SAAS,oBAAoB,OAAwB;AAC1D,QAAM,SAAS,MAAM;AACrB,SACE,oBAAC,MAAM,OAAN,EAAa,GAAG,OAAO,WAAW,GAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE1E;AAKO,SAAS,wBAAwB,OAAwB;AAC9D,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,aAAa,MAAM,SAAS;AAAA;AAAA,EACnD;AAEJ;AAKO,SAAS,yBAAyB,OAA+B;AACtE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS;AAAA;AAAA,EACpD;AAEJ;AAKO,SAAS,0BAA0B,OAAgC;AACxE,QAAM,SAAS,MAAM;AACrB,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,OAAO,eAAe,MAAM,SAAS;AAAA;AAAA,EACrD;AAEJ;","names":[]}

package/build/modern/chunk-TS7PAQPV.js

@@ -1,27 +0,0 @@
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  Spinner
-} from "./chunk-AUI74W7J.js";
-
-// src/components/notifications/match-icon.tsx
-import { toast } from "styled-system/recipes";
-import { ark } from "@ark-ui/react/factory";
-import { jsx } from "react/jsx-runtime";
-function MatchNotificationIcon(props) {
-  const { icons } = useCerberusContext();
-  const type = props.type || "info";
-  const styles = toast();
-  const key = `${type}Notification`;
-  const Icon = icons[key] || ToastLoadingIcon;
-  return /* @__PURE__ */ jsx(ark.div, { className: styles.icon, children: /* @__PURE__ */ jsx(Icon, {}) });
-}
-function ToastLoadingIcon() {
-  return /* @__PURE__ */ jsx(Spinner, { size: "1rem" });
-}
-
-export {
-  MatchNotificationIcon
-};
-//# sourceMappingURL=chunk-TS7PAQPV.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/notifications/match-icon.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"],"mappings":";;;;;;;;AAEA,SAAS,aAAa;AAItB,SAAS,WAAW;AAuBd;AAVC,SAAS,sBAAsB,OAAmC;AACvE,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,OAAO,MAAM,QAAQ;AAC3B,QAAM,SAAS,MAAM;AAErB,QAAM,MAAM,GAAG,IAAI;AACnB,QAAM,OAAO,MAAM,GAAG,KAAK;AAE3B,SACE,oBAAC,IAAI,KAAJ,EAAQ,WAAW,OAAO,MACzB,8BAAC,QAAK,GACR;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SAAO,oBAAC,WAAQ,MAAK,QAAO;AAC9B;","names":[]}

package/build/modern/chunk-TV346AYO.js

@@ -1,64 +0,0 @@
-import {
-  useCerberusContext
-} from "./chunk-GITT5645.js";
-import {
-  IconButton
-} from "./chunk-UH6XSYYD.js";
-import {
-  Show
-} from "./chunk-VEAC4I3F.js";
-
-// src/components/Tag.tsx
-import { ark } from "@ark-ui/react/factory";
-import { css, cx } from "styled-system/css";
-import { tag } from "styled-system/recipes";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Tag(props) {
-  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props;
-  const palette = props?.palette ?? "page";
-  const isClosable = Boolean(onClick);
-  const shape = isClosable ? "pill" : initShape;
-  const closableStyles = isClosable ? closableCss : "";
-  const { icons } = useCerberusContext();
-  const { close: Close } = icons;
-  return /* @__PURE__ */ jsxs(
-    ark.span,
-    {
-      ...nativeProps,
-      className: cx(
-        nativeProps.className,
-        tag({
-          gradient,
-          palette,
-          shape,
-          usage
-        }),
-        closableStyles
-      ),
-      children: [
-        props.children,
-        /* @__PURE__ */ jsx(Show, { when: isClosable, children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            ariaLabel: "Close",
-            onClick,
-            palette: "action",
-            usage: "filled",
-            size: "sm",
-            children: /* @__PURE__ */ jsx(Close, {})
-          }
-        ) })
-      ]
-    }
-  );
-}
-var closableCss = css({
-  bgColor: "action.bg.active",
-  color: "action.text.initial",
-  paddingInlineEnd: "0"
-});
-
-export {
-  Tag
-};
-//# sourceMappingURL=chunk-TV346AYO.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Tag.tsx"],"sourcesContent":["'use client'\n\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport type { MouseEventHandler, PropsWithChildren } from 'react'\nimport { css, cx } from 'styled-system/css'\nimport { tag, type TagVariantProps } from 'styled-system/recipes'\nimport { useCerberusContext } from '../context/cerberus'\nimport { Show } from './Show'\nimport { IconButton } from './IconButton'\n\n/**\n * This module contains the tag component.\n * @module\n */\n\nexport type StaticTagProps = HTMLArkProps<'span'> &\n  TagVariantProps & {\n    /**\n     * The action to be performed when the tag is clicked. Not available when\n     * the palette or gradient props are provided.\n     */\n    onClick?: never\n  }\n\nexport type ClickableTagProps = HTMLArkProps<'span'> & {\n  /**\n   * The gradient to apply to the tag. Not available when the onClick prop is\n   * provided.\n   */\n  gradient?: never\n  /**\n   * The palette to use for the tag. Not available when the onClick prop is\n   * provided.\n   */\n  palette?: never\n  /**\n   * The action to be performed when the tag is clicked.\n   */\n  onClick: MouseEventHandler<HTMLSpanElement>\n  /**\n   * The shape of the tag. Not available when the onClick prop is provided.\n   * @type 'pill' | 'rounded'\n   * @default 'pill'\n   */\n  shape?: never\n  /**\n   * The usage of the tag. Not available when the onClick prop is provided.\n   * @type 'filled' | 'outlined'\n   * @default 'filled'\n   */\n  usage?: never\n}\n\nexport type TagProps = StaticTagProps | ClickableTagProps\n\n/**\n * The Tag component is used to display a meta descriptions.\n * @see https://cerberus.digitalu.design/react/tag\n * @example\n * ```tsx\n * <Tag>Tag</Tag>\n * ```\n */\nexport function Tag(props: PropsWithChildren<TagProps>) {\n  const { shape: initShape, gradient, onClick, usage, ...nativeProps } = props\n  const palette = props?.palette ?? 'page'\n  const isClosable = Boolean(onClick)\n  const shape = isClosable ? 'pill' : initShape\n  const closableStyles = isClosable ? closableCss : ''\n  const { icons } = useCerberusContext()\n  const { close: Close } = icons\n\n  return (\n    <ark.span\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        tag({\n          gradient,\n          palette,\n          shape,\n          usage,\n        }),\n        closableStyles,\n      )}\n    >\n      {props.children}\n\n      <Show when={isClosable}>\n        <IconButton\n          ariaLabel=\"Close\"\n          onClick={onClick}\n          palette=\"action\"\n          usage=\"filled\"\n          size=\"sm\"\n        >\n          <Close />\n        </IconButton>\n      </Show>\n    </ark.span>\n  )\n}\n\nconst closableCss = css({\n  bgColor: 'action.bg.active',\n  color: 'action.text.initial',\n  paddingInlineEnd: '0',\n})\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,WAA8B;AAEvC,SAAS,KAAK,UAAU;AACxB,SAAS,WAAiC;AAoEtC,SAuBM,KAvBN;AAVG,SAAS,IAAI,OAAoC;AACtD,QAAM,EAAE,OAAO,WAAW,UAAU,SAAS,OAAO,GAAG,YAAY,IAAI;AACvE,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,aAAa,QAAQ,OAAO;AAClC,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,iBAAiB,aAAa,cAAc;AAClD,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,OAAO,MAAM,IAAI;AAEzB,SACE;AAAA,IAAC,IAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,IAAI;AAAA,UACF;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,QACD;AAAA,MACF;AAAA,MAEC;AAAA,cAAM;AAAA,QAEP,oBAAC,QAAK,MAAM,YACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEL,8BAAC,SAAM;AAAA;AAAA,QACT,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAc,IAAI;AAAA,EACtB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AACpB,CAAC;","names":[]}

package/build/modern/chunk-U3ISYEUF.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-U3ISYEUF.js.map