@cerberus-design/react 0.8.0-next-7d49bb9 → 0.8.0-next-4fc3696

package/build/legacy/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// 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":[]}
+{"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/Select'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,cAAc;","names":[]}

package/build/modern/_tsup-dts-rollup.d.ts

@@ -82,6 +82,7 @@ import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
 import { MutableRefObject } from 'react';
 import { NotificationVariantProps } from '@cerberus/styled-system/recipes';
+import type { OptionHTMLAttributes } from 'react';
 import { Over } from '@dnd-kit/core';
 import { PointerActivationConstraint } from '@dnd-kit/core';
 import { PointerEventHandlers } from '@dnd-kit/core';
@@ -100,6 +101,8 @@ import { rectIntersection } from '@dnd-kit/core';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ScreenReaderInstructions } from '@dnd-kit/core';
+import type { SelectHTMLAttributes } from 'react';
+import { SelectVariantProps } from '@cerberus/styled-system/recipes';
 import { Sensor } from '@dnd-kit/core';
 import { SensorContext } from '@dnd-kit/core';
 import { SensorDescriptor } from '@dnd-kit/core';
@@ -280,6 +283,7 @@ export declare interface DefinedIcons {
     warningNotification?: IconType;
     dangerNotification?: IconType;
     invalid: IconType;
+    selectArrow?: IconType;
     toggleChecked?: IconType;
 }
 
@@ -884,6 +888,22 @@ declare interface NotifyOptions {
 export { NotifyOptions }
 export { NotifyOptions as NotifyOptions_alias_1 }
 
+/**
+ * Option component
+ * props: OptionHTMLAttributes<HTMLOptionElement>
+ * @example
+ * ```tsx
+ * <Option value="one">Option 1</Option>
+ * ```
+ */
+declare function Option_2(props: OptionProps): JSX_2.Element;
+export { Option_2 as Option }
+export { Option_2 as Option_alias_1 }
+
+declare type OptionProps = OptionHTMLAttributes<HTMLOptionElement>;
+export { OptionProps }
+export { OptionProps as OptionProps_alias_1 }
+
 export { Over }
 
 export { PointerActivationConstraint }
@@ -989,6 +1009,34 @@ export { rectIntersection }
 
 export { ScreenReaderInstructions }
 
+/**
+ * Select component
+ * props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }
+ * @example
+ * ```tsx
+ * <Select describedby="help:fruit" id="fruit">
+ *  <Option value="">Choose option</Option>
+ *  <Option value="one">Option 1</Option>
+ *  <Option value="two">Option 2</Option>
+ *  <Option value="three">Option 3</Option>
+ * </Select>
+ * ```
+ */
+declare function Select(props: SelectProps): JSX_2.Element;
+export { Select }
+export { Select as Select_alias_1 }
+
+/**
+ * This module contains the select components.
+ * @module
+ */
+declare type SelectProps = Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> & SelectVariantProps & {
+    id: string;
+    describedBy?: string;
+};
+export { SelectProps }
+export { SelectProps as SelectProps_alias_1 }
+
 export { Sensor }
 
 export { SensorContext }

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

@@ -27,7 +27,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
@@ -151,4 +151,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-Y5IY7O23.js.map
+//# sourceMappingURL=chunk-GM3AUVXL.js.map

package/build/modern/{chunk-GVNPFXKL.js → chunk-H4F2ONKN.js}

@@ -2,6 +2,7 @@
 import {
   Checkmark,
   CheckmarkFilled,
+  ChevronDown,
   CloudUpload,
   ErrorFilled,
   Information,
@@ -17,10 +18,11 @@ var defaultIcons = {
   warningNotification: WarningFilled,
   dangerNotification: ErrorFilled,
   invalid: WarningFilled,
+  selectArrow: ChevronDown,
   toggleChecked: Checkmark
 };
 
 export {
   defaultIcons
 };
-//# sourceMappingURL=chunk-GVNPFXKL.js.map
+//# sourceMappingURL=chunk-H4F2ONKN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n  Checkmark,\n  CheckmarkFilled,\n  ChevronDown,\n  CloudUpload,\n  ErrorFilled,\n  Information,\n  InformationFilled,\n  WarningFilled,\n  type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n  confirmModal?: IconType\n  promptModal?: IconType\n  fileUploader?: IconType\n  infoNotification?: IconType\n  successNotification?: IconType\n  warningNotification?: IconType\n  dangerNotification?: IconType\n  invalid: IconType\n  selectArrow?: IconType\n  toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n  confirmModal: Information,\n  promptModal: Information,\n  fileUploader: CloudUpload,\n  infoNotification: InformationFilled,\n  successNotification: CheckmarkFilled,\n  warningNotification: WarningFilled,\n  dangerNotification: ErrorFilled,\n  invalid: WarningFilled,\n  selectArrow: ChevronDown,\n  toggleChecked: Checkmark,\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAkBA,IAAM,eAA6B;AAAA,EACxC,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}

package/build/modern/chunk-MINQJYGV.js

@@ -0,0 +1,68 @@
+import {
+  useFieldContext
+} from "./chunk-ZAU4JVLL.js";
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
+import {
+  $cerberusIcons
+} from "./chunk-TSUSAKL3.js";
+
+// src/components/Select.tsx
+import { cx } from "@cerberus/styled-system/css";
+import { hstack } from "@cerberus/styled-system/patterns";
+import {
+  select
+} from "@cerberus/styled-system/recipes";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select(props) {
+  const { describedBy, size, ...nativeProps } = props;
+  const { invalid, ...fieldStates } = useFieldContext();
+  const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons;
+  const styles = select({
+    size
+  });
+  return /* @__PURE__ */ jsxs("div", { className: styles.root, children: [
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        ...nativeProps,
+        ...fieldStates,
+        ...describedBy && { "aria-describedby": describedBy },
+        ...invalid && { "aria-invalid": true },
+        className: styles.input
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cx(
+          styles.iconStack,
+          hstack({
+            gap: "2"
+          })
+        ),
+        children: [
+          /* @__PURE__ */ jsx(Show, { when: invalid, children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...invalid && { "data-invalid": true },
+              className: styles.stateIcon,
+              children: /* @__PURE__ */ jsx(InvalidIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: styles.arrowIcon, children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+        ]
+      }
+    )
+  ] });
+}
+function Option(props) {
+  return /* @__PURE__ */ jsx("option", { ...props });
+}
+
+export {
+  Select,
+  Option
+};
+//# sourceMappingURL=chunk-MINQJYGV.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Select.tsx"],"sourcesContent":["'use client'\n\nimport { cx } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport {\n  select,\n  type SelectVariantProps,\n} from '@cerberus/styled-system/recipes'\nimport type { OptionHTMLAttributes, SelectHTMLAttributes } from 'react'\nimport { $cerberusIcons } from '../config/defineIcons'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the select components.\n * @module\n */\n\nexport type SelectProps = Omit<\n  SelectHTMLAttributes<HTMLSelectElement>,\n  'size'\n> &\n  SelectVariantProps & {\n    id: string\n    describedBy?: string\n  }\n\n/**\n * Select component\n * props: SelectHTMLAttributes<HTMLSelectElement> & SelectVariantProps & { describedBy?: string }\n * @example\n * ```tsx\n * <Select describedby=\"help:fruit\" id=\"fruit\">\n *  <Option value=\"\">Choose option</Option>\n *  <Option value=\"one\">Option 1</Option>\n *  <Option value=\"two\">Option 2</Option>\n *  <Option value=\"three\">Option 3</Option>\n * </Select>\n * ```\n */\nexport function Select(props: SelectProps) {\n  const { describedBy, size, ...nativeProps } = props\n  const { invalid, ...fieldStates } = useFieldContext()\n  const { invalid: InvalidIcon, selectArrow: SelectArrow } = $cerberusIcons\n  const styles = select({\n    size,\n  })\n\n  return (\n    <div className={styles.root}>\n      <select\n        {...nativeProps}\n        {...fieldStates}\n        {...(describedBy && { 'aria-describedby': describedBy })}\n        {...(invalid && { 'aria-invalid': true })}\n        className={styles.input}\n      />\n      <span\n        className={cx(\n          styles.iconStack,\n          hstack({\n            gap: '2',\n          }),\n        )}\n      >\n        <Show when={invalid}>\n          <span\n            {...(invalid && { 'data-invalid': true })}\n            className={styles.stateIcon}\n          >\n            <InvalidIcon />\n          </span>\n        </Show>\n        <span className={styles.arrowIcon}>\n          <SelectArrow />\n        </span>\n      </span>\n    </div>\n  )\n}\n\n// We only export this component for consistency with the other components\n\nexport type OptionProps = OptionHTMLAttributes<HTMLOptionElement>\n\n/**\n * Option component\n * props: OptionHTMLAttributes<HTMLOptionElement>\n * @example\n * ```tsx\n * <Option value=\"one\">Option 1</Option>\n * ```\n */\nexport function Option(props: OptionProps) {\n  return <option {...props} />\n}\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAEK;AA2CD,cAOA,YAPA;AAVC,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,aAAa,MAAM,GAAG,YAAY,IAAI;AAC9C,QAAM,EAAE,SAAS,GAAG,YAAY,IAAI,gBAAgB;AACpD,QAAM,EAAE,SAAS,aAAa,aAAa,YAAY,IAAI;AAC3D,QAAM,SAAS,OAAO;AAAA,IACpB;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAW,OAAO,MACrB;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAI,eAAe,EAAE,oBAAoB,YAAY;AAAA,QACrD,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,QACvC,WAAW,OAAO;AAAA;AAAA,IACpB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,OAAO;AAAA,UACP,OAAO;AAAA,YACL,KAAK;AAAA,UACP,CAAC;AAAA,QACH;AAAA,QAEA;AAAA,8BAAC,QAAK,MAAM,SACV;AAAA,YAAC;AAAA;AAAA,cACE,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,cACvC,WAAW,OAAO;AAAA,cAElB,8BAAC,eAAY;AAAA;AAAA,UACf,GACF;AAAA,UACA,oBAAC,UAAK,WAAW,OAAO,WACtB,8BAAC,eAAY,GACf;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAcO,SAAS,OAAO,OAAoB;AACzC,SAAO,oBAAC,YAAQ,GAAG,OAAO;AAC5B;","names":[]}

package/build/modern/{chunk-IOG6XIR5.js → chunk-NVCUFUD7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4O4QFF4S.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 
 // src/components/FileUploader.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -59,4 +59,4 @@ function FileUploader(props) {
 export {
   FileUploader
 };
-//# sourceMappingURL=chunk-IOG6XIR5.js.map
+//# sourceMappingURL=chunk-NVCUFUD7.js.map

package/build/modern/{chunk-4N2L357B.js → chunk-O7SC4O5S.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 
 // src/components/Notification.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -73,4 +73,4 @@ function Notification(props) {
 export {
   Notification
 };
-//# sourceMappingURL=chunk-4N2L357B.js.map
+//# sourceMappingURL=chunk-O7SC4O5S.js.map

package/build/modern/{chunk-LTDNZRUY.js → chunk-QRTCZO2W.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-4CAT3FHV.js";
 import {
   Input
-} from "./chunk-XB4ZRAH4.js";
+} from "./chunk-URKYD3YB.js";
 import {
   Label
-} from "./chunk-JJGZRBIR.js";
+} from "./chunk-RQPDRHRP.js";
 import {
   Modal
 } from "./chunk-2UFNQM55.js";
@@ -36,7 +36,7 @@ import {
 } from "./chunk-JIZQFTW6.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 import {
   useModal
 } from "./chunk-C5HLLGME.js";
@@ -204,4 +204,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-LTDNZRUY.js.map
+//# sourceMappingURL=chunk-QRTCZO2W.js.map

package/build/modern/{chunk-JJGZRBIR.js → chunk-RQPDRHRP.js}

@@ -18,12 +18,13 @@ function Label(props) {
     "label",
     {
       ...nativeProps,
-      "data-disabled": disabled,
+      ...disabled && { "data-disabled": true },
       className: cx(
         nativeProps.className,
         label({ size, usage }),
         hstack({
-          justify: "space-between"
+          justify: "space-between",
+          w: "full"
         })
       ),
       children: [
@@ -32,7 +33,7 @@ function Label(props) {
           "span",
           {
             className: css({
-              color: "page.text.100",
+              color: "inherit",
               fontSize: "inherit"
             }),
             children: "(required)"
@@ -46,4 +47,4 @@ function Label(props) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-JJGZRBIR.js.map
+//# sourceMappingURL=chunk-RQPDRHRP.js.map

package/build/modern/{chunk-JJGZRBIR.js.map → chunk-RQPDRHRP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n  htmlFor: string\n  hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n *   <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n  const { hidden, size, ...nativeProps } = props\n  const { required, disabled } = useFieldContext()\n  const usage = hidden ? 'hidden' : 'visible'\n\n  return (\n    <label\n      {...nativeProps}\n      data-disabled={disabled}\n      className={cx(\n        nativeProps.className,\n        label({ size, usage }),\n        hstack({\n          justify: 'space-between',\n        }),\n      )}\n    >\n      {props.children}\n      <Show when={required}>\n        <span\n          className={css({\n            color: 'page.text.100',\n            fontSize: 'inherit',\n          })}\n        >\n          (required)\n        </span>\n      </Show>\n    </label>\n  )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AACjD,SAAS,cAAc;AAiCnB,SAaI,KAbJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,MAAM,GAAG,YAAY,IAAI;AACzC,QAAM,EAAE,UAAU,SAAS,IAAI,gBAAgB;AAC/C,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAe;AAAA,MACf,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,QACrB,OAAO;AAAA,UACL,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/Label.tsx"],"sourcesContent":["'use client'\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react'\nimport { label } from '@cerberus/styled-system/recipes'\nimport { css, cx, type RecipeVariantProps } from '@cerberus/styled-system/css'\nimport { hstack } from '@cerberus/styled-system/patterns'\nimport { useFieldContext } from '../context/field'\nimport { Show } from './Show'\n\n/**\n * This module contains the Label component.\n * @module\n */\n\nexport type LabelRecipeProps = RecipeVariantProps<typeof label>\nexport interface LabelBaseProps extends HTMLAttributes<HTMLLabelElement> {\n  htmlFor: string\n  hidden?: boolean\n}\nexport type LabelProps = LabelBaseProps & LabelRecipeProps\n\n/**\n * A screen ready friendly label component.\n * @definition [ARIA Forms](https://www.a11yproject.com/checklist/#forms)\n * @definition [Label docs](https://cerberus.digitalu.design/react/label)\n * @example\n * ```tsx\n * <Field required>\n *   <Label htmlFor=\"test\">Test Label</Label>\n * </Field>\n * ```\n */\nexport function Label(props: PropsWithChildren<LabelProps>) {\n  const { hidden, size, ...nativeProps } = props\n  const { required, disabled } = useFieldContext()\n  const usage = hidden ? 'hidden' : 'visible'\n\n  return (\n    <label\n      {...nativeProps}\n      {...(disabled && { 'data-disabled': true })}\n      className={cx(\n        nativeProps.className,\n        label({ size, usage }),\n        hstack({\n          justify: 'space-between',\n          w: 'full',\n        }),\n      )}\n    >\n      {props.children}\n      <Show when={required}>\n        <span\n          className={css({\n            color: 'inherit',\n            fontSize: 'inherit',\n          })}\n        >\n          (required)\n        </span>\n      </Show>\n    </label>\n  )\n}\n"],"mappings":";;;;;;;;AAGA,SAAS,aAAa;AACtB,SAAS,KAAK,UAAmC;AACjD,SAAS,cAAc;AAiCnB,SAcI,KAdJ;AANG,SAAS,MAAM,OAAsC;AAC1D,QAAM,EAAE,QAAQ,MAAM,GAAG,YAAY,IAAI;AACzC,QAAM,EAAE,UAAU,SAAS,IAAI,gBAAgB;AAC/C,QAAM,QAAQ,SAAS,WAAW;AAElC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,YAAY,EAAE,iBAAiB,KAAK;AAAA,MACzC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,MAAM,EAAE,MAAM,MAAM,CAAC;AAAA,QACrB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,cAAM;AAAA,QACP,oBAAC,QAAK,MAAM,UACV;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,IAAI;AAAA,cACb,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,CAAC;AAAA,YACF;AAAA;AAAA,QAED,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-BEYPMC73.js → chunk-TSUSAKL3.js}

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "./chunk-GVNPFXKL.js";
+} from "./chunk-H4F2ONKN.js";
 
 // src/config/defineIcons.ts
 function _validateIconsProperties(icons) {
@@ -24,4 +24,4 @@ export {
   defineIcons,
   $cerberusIcons
 };
-//# sourceMappingURL=chunk-BEYPMC73.js.map
+//# sourceMappingURL=chunk-TSUSAKL3.js.map

package/build/{legacy/chunk-XB4ZRAH4.js → modern/chunk-URKYD3YB.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4O4QFF4S.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 
 // src/components/Input.tsx
 import { input } from "@cerberus/styled-system/recipes";
@@ -39,4 +39,4 @@ function Input(props) {
 export {
   Input
 };
-//# sourceMappingURL=chunk-XB4ZRAH4.js.map
+//# sourceMappingURL=chunk-URKYD3YB.js.map

package/build/modern/{chunk-QO2UXGW4.js → chunk-XWE45ZOL.js}

@@ -1,6 +1,6 @@
 import {
   Notification
-} from "./chunk-4N2L357B.js";
+} from "./chunk-O7SC4O5S.js";
 import {
   NotificationDescription
 } from "./chunk-HW76XVA3.js";
@@ -119,4 +119,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-QO2UXGW4.js.map
+//# sourceMappingURL=chunk-XWE45ZOL.js.map

package/build/modern/{chunk-IL5ELPTT.js → chunk-YRGASCC5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   $cerberusIcons
-} from "./chunk-BEYPMC73.js";
+} from "./chunk-TSUSAKL3.js";
 
 // src/components/Toggle.tsx
 import { cx } from "@cerberus/styled-system/css";
@@ -55,4 +55,4 @@ function Toggle(props) {
 export {
   Toggle
 };
-//# sourceMappingURL=chunk-IL5ELPTT.js.map
+//# sourceMappingURL=chunk-YRGASCC5.js.map

package/build/modern/components/FileUploader.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   FileUploader
-} from "../chunk-IOG6XIR5.js";
+} from "../chunk-NVCUFUD7.js";
 import "../chunk-4O4QFF4S.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 export {
   FileUploader
 };

package/build/modern/components/Input.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Input
-} from "../chunk-XB4ZRAH4.js";
+} from "../chunk-URKYD3YB.js";
 import "../chunk-ZAU4JVLL.js";
 import "../chunk-4O4QFF4S.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 export {
   Input
 };

package/build/modern/components/Label.js

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

package/build/modern/components/Notification.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Notification
-} from "../chunk-4N2L357B.js";
+} from "../chunk-O7SC4O5S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 export {
   Notification
 };

package/build/modern/components/Select.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  Option,
+  Select
+} from "../chunk-MINQJYGV.js";
+import "../chunk-ZAU4JVLL.js";
+import "../chunk-4O4QFF4S.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
+export {
+  Option,
+  Select
+};
+//# sourceMappingURL=Select.js.map

package/build/modern/components/Select.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-IL5ELPTT.js";
+} from "../chunk-YRGASCC5.js";
 import "../chunk-ZAU4JVLL.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 export {
   Toggle
 };

package/build/modern/config/cerbIcons.js

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

package/build/modern/config/defineIcons.js

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

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

@@ -2,7 +2,7 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-Y5IY7O23.js";
+} from "../chunk-GM3AUVXL.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
@@ -12,8 +12,8 @@ import "../chunk-JJP2TFTU.js";
 import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 import "../chunk-C5HLLGME.js";
 export {
   ConfirmModal,

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

@@ -2,16 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-QO2UXGW4.js";
-import "../chunk-4N2L357B.js";
+} from "../chunk-XWE45ZOL.js";
+import "../chunk-O7SC4O5S.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";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 export {
   NotificationCenter,
   useNotificationCenter

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

@@ -2,10 +2,10 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-LTDNZRUY.js";
+} from "../chunk-QRTCZO2W.js";
 import "../chunk-4CAT3FHV.js";
-import "../chunk-XB4ZRAH4.js";
-import "../chunk-JJGZRBIR.js";
+import "../chunk-URKYD3YB.js";
+import "../chunk-RQPDRHRP.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
@@ -15,8 +15,8 @@ import "../chunk-6F34A7NZ.js";
 import "../chunk-ZAU4JVLL.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-BEYPMC73.js";
-import "../chunk-GVNPFXKL.js";
+import "../chunk-TSUSAKL3.js";
+import "../chunk-H4F2ONKN.js";
 import "../chunk-C5HLLGME.js";
 export {
   PromptModal,