@cerberus-design/react 0.18.4 → 0.19.1

package/build/modern/chunk-QUOJS5LL.js

@@ -0,0 +1,81 @@
+// src/components/spinner/spinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Spinner(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-busy": "true",
+      "data-scope": "spinner",
+      "data-part": "root",
+      role: "status",
+      xmlns: "http://www.w3.org/2000/svg",
+      height: props.size,
+      width: props.size,
+      viewBox: "0 0 24 24",
+      children: /* @__PURE__ */ jsxs(
+        "g",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "path",
+              {
+                strokeDasharray: 16,
+                strokeDashoffset: 16,
+                d: "M12 3c4.97 0 9 4.03 9 9",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "animate",
+                    {
+                      fill: "freeze",
+                      attributeName: "stroke-dashoffset",
+                      dur: "0.15s",
+                      values: "16;0"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      dur: "0.75s",
+                      repeatCount: "indefinite",
+                      type: "rotate",
+                      values: "0 12 12;360 12 12"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeDasharray: 64,
+                strokeDashoffset: 64,
+                strokeOpacity: 0.3,
+                d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
+                children: /* @__PURE__ */ jsx(
+                  "animate",
+                  {
+                    fill: "freeze",
+                    attributeName: "stroke-dashoffset",
+                    dur: "0.6s",
+                    values: "64;0"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-QUOJS5LL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/spinner/spinner.tsx"],"sourcesContent":["/**\n * This module contains the Spinner component.\n * @module\n */\n\nexport interface SpinnerProps {\n  /**\n   * The size of the spinner\n   */\n  size?: number | string\n}\n\n/**\n * The Spinner component is used to display a loading indicator. Typically used\n * in buttons, modals, and other components that require a loading state.\n * @see https://cerberus.digitalu.design/react/loading-states/\n * @example\n * ```tsx\n * <Button>\n *   <Show when={loading} fallback={<>Save</>}>\n *      Saving\n *      <Spinner size={24} />\n *   </Show>\n * </Button>\n * ```\n */\nexport function Spinner(props: SpinnerProps) {\n  return (\n    <svg\n      aria-busy=\"true\"\n      data-scope=\"spinner\"\n      data-part=\"root\"\n      role=\"status\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      height={props.size}\n      width={props.size}\n      viewBox=\"0 0 24 24\"\n    >\n      <g\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n      >\n        <path\n          strokeDasharray={16}\n          strokeDashoffset={16}\n          d=\"M12 3c4.97 0 9 4.03 9 9\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.15s\"\n            values=\"16;0\"\n          ></animate>\n          <animateTransform\n            attributeName=\"transform\"\n            dur=\"0.75s\"\n            repeatCount=\"indefinite\"\n            type=\"rotate\"\n            values=\"0 12 12;360 12 12\"\n          ></animateTransform>\n        </path>\n        <path\n          strokeDasharray={64}\n          strokeDashoffset={64}\n          strokeOpacity={0.3}\n          d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"\n        >\n          <animate\n            fill=\"freeze\"\n            attributeName=\"stroke-dashoffset\"\n            dur=\"0.6s\"\n            values=\"64;0\"\n          ></animate>\n        </path>\n      </g>\n    </svg>\n  )\n}\n"],"mappings":";AA6CQ,SAKE,KALF;AAnBD,SAAS,QAAQ,OAAqB;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAW;AAAA,MACX,aAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAQ;AAAA,MAER;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,aAAa;AAAA,UAEb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,GAAE;AAAA,gBAEF;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,QAAO;AAAA;AAAA,kBACR;AAAA,kBACD;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAc;AAAA,sBACd,KAAI;AAAA,sBACJ,aAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,QAAO;AAAA;AAAA,kBACR;AAAA;AAAA;AAAA,YACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,iBAAiB;AAAA,gBACjB,kBAAkB;AAAA,gBAClB,eAAe;AAAA,gBACf,GAAE;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,eAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,QAAO;AAAA;AAAA,gBACR;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/chunk-RDFAC3XX.js

@@ -0,0 +1,21 @@
+import {
+  SwitchControl,
+  SwitchHiddenInput,
+  SwitchLabel,
+  SwitchRoot,
+  SwitchThumb
+} from "./chunk-AZ5LB6IS.js";
+
+// src/components/switch/parts.ts
+var SwitchParts = {
+  Root: SwitchRoot,
+  Label: SwitchLabel,
+  Control: SwitchControl,
+  Thumb: SwitchThumb,
+  HiddenInput: SwitchHiddenInput
+};
+
+export {
+  SwitchParts
+};
+//# sourceMappingURL=chunk-RDFAC3XX.js.map

package/build/modern/chunk-RFANIL5H.js

@@ -0,0 +1,49 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/menu/primitives.ts
+import {
+  Menu as ArkMenu
+} from "@ark-ui/react";
+import { menu } from "styled-system/recipes";
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(menu);
+var MenuRoot = withSlotRecipe(ArkMenu.Root, "root");
+var MenuTriggerEl = withNoRecipe(ArkMenu.Trigger);
+var MenuTriggerItem = withNoRecipe(
+  ArkMenu.TriggerItem
+);
+var MenuIndicator = withNoRecipe(ArkMenu.Indicator);
+var MenuPositioner = withNoRecipe(
+  ArkMenu.Positioner
+);
+var MenuContentEl = withSlotRecipe(
+  ArkMenu.Content,
+  "content"
+);
+var MenuItemEl = withSlotRecipe(ArkMenu.Item, "item");
+var MenuItemGroupEl = withNoRecipe(
+  ArkMenu.ItemGroup
+);
+var MenuItemGroupLabelEl = withSlotRecipe(
+  ArkMenu.ItemGroupLabel,
+  "itemGroupLabel"
+);
+var MenuSeparatorEl = withSlotRecipe(
+  ArkMenu.Separator,
+  "separator"
+);
+
+export {
+  MenuRoot,
+  MenuTriggerEl,
+  MenuTriggerItem,
+  MenuIndicator,
+  MenuPositioner,
+  MenuContentEl,
+  MenuItemEl,
+  MenuItemGroupEl,
+  MenuItemGroupLabelEl,
+  MenuSeparatorEl
+};
+//# sourceMappingURL=chunk-RFANIL5H.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/menu/primitives.ts"],"sourcesContent":["import {\n  Menu as ArkMenu,\n  type MenuRootProps as ArkMenuRootProps,\n  type MenuTriggerProps as ArkMenuTriggerProps,\n  type MenuTriggerItemProps as ArkMenuTriggerItemProps,\n  type MenuIndicatorProps as ArkMenuIndicatorProps,\n  type MenuPositionerProps as ArkMenuPositionerProps,\n  type MenuContentProps as ArkMenuContentProps,\n  type MenuItemProps as ArkMenuItemProps,\n  type MenuItemGroupProps as ArkMenuItemGroupProps,\n  type MenuItemGroupLabelProps as ArkMenuItemGroupLabelProps,\n  type MenuSeparatorProps as ArkMenuSeparatorProps,\n} from '@ark-ui/react'\nimport { menu } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the Menu component primitives.\n * @module @cerberus-design/react/components/menu/primitives\n */\n\nconst { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(menu)\n\n// Root\n\nexport type MenuRootProps = CerberusPrimitiveProps<ArkMenuRootProps>\n// @ts-expect-error this is a workaround for the type mismatch\nexport const MenuRoot = withSlotRecipe<MenuRootProps>(ArkMenu.Root, 'root')\n\n// Trigger\n\nexport type MenuTriggerProps = CerberusPrimitiveProps<ArkMenuTriggerProps>\nexport const MenuTriggerEl = withNoRecipe<MenuTriggerProps>(ArkMenu.Trigger)\n\n// TriggerItem\n\nexport type MenuTriggerItemProps =\n  CerberusPrimitiveProps<ArkMenuTriggerItemProps>\nexport const MenuTriggerItem = withNoRecipe<MenuTriggerItemProps>(\n  ArkMenu.TriggerItem,\n)\n\n// Indicator\n\nexport type MenuIndicatorProps = CerberusPrimitiveProps<ArkMenuIndicatorProps>\nexport const MenuIndicator = withNoRecipe<MenuIndicatorProps>(ArkMenu.Indicator)\n\n// Positioner\n\nexport type MenuPositionerProps = CerberusPrimitiveProps<ArkMenuPositionerProps>\nexport const MenuPositioner = withNoRecipe<MenuPositionerProps>(\n  ArkMenu.Positioner,\n)\n\n// Content\n\nexport type MenuContentProps = CerberusPrimitiveProps<ArkMenuContentProps>\nexport const MenuContentEl = withSlotRecipe<MenuContentProps>(\n  ArkMenu.Content,\n  'content',\n)\n\n// Item\n\nexport type MenuItemProps = CerberusPrimitiveProps<ArkMenuItemProps>\nexport const MenuItemEl = withSlotRecipe<MenuItemProps>(ArkMenu.Item, 'item')\n\n// ItemGroup\n\nexport type MenuItemGroupProps = CerberusPrimitiveProps<ArkMenuItemGroupProps>\nexport const MenuItemGroupEl = withNoRecipe<MenuItemGroupProps>(\n  ArkMenu.ItemGroup,\n)\n\n// ItemGroupLabel\n\nexport type MenuItemGroupLabelProps =\n  CerberusPrimitiveProps<ArkMenuItemGroupLabelProps>\nexport const MenuItemGroupLabelEl = withSlotRecipe<MenuItemGroupLabelProps>(\n  ArkMenu.ItemGroupLabel,\n  'itemGroupLabel',\n)\n\n// Separator\n\nexport type MenuSeparatorProps = CerberusPrimitiveProps<ArkMenuSeparatorProps>\nexport const MenuSeparatorEl = withSlotRecipe<MenuSeparatorProps>(\n  ArkMenu.Separator,\n  'separator',\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE,QAAQ;AAAA,OAWH;AACP,SAAS,YAAY;AAWrB,IAAM,EAAE,gBAAgB,aAAa,IAAI,wBAAwB,IAAI;AAM9D,IAAM,WAAW,eAA8B,QAAQ,MAAM,MAAM;AAKnE,IAAM,gBAAgB,aAA+B,QAAQ,OAAO;AAMpE,IAAM,kBAAkB;AAAA,EAC7B,QAAQ;AACV;AAKO,IAAM,gBAAgB,aAAiC,QAAQ,SAAS;AAKxE,IAAM,iBAAiB;AAAA,EAC5B,QAAQ;AACV;AAKO,IAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR;AACF;AAKO,IAAM,aAAa,eAA8B,QAAQ,MAAM,MAAM;AAKrE,IAAM,kBAAkB;AAAA,EAC7B,QAAQ;AACV;AAMO,IAAM,uBAAuB;AAAA,EAClC,QAAQ;AAAA,EACR;AACF;AAKO,IAAM,kBAAkB;AAAA,EAC7B,QAAQ;AAAA,EACR;AACF;","names":[]}

package/build/modern/chunk-RGLJDMIO.js

@@ -0,0 +1,40 @@
+import {
+  DatePickerTrigger
+} from "./chunk-AJ5TWPXM.js";
+import {
+  DatePickerParts
+} from "./chunk-BWZXR2WZ.js";
+
+// src/components/date-picker/range-input.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function RangePickerInput(props) {
+  return /* @__PURE__ */ jsxs(DatePickerParts.Control, { "data-range": true, children: [
+    /* @__PURE__ */ jsx(DatePickerTrigger, {}),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...props,
+        "data-range-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 0
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DatePickerParts.Input,
+      {
+        ...props,
+        "data-range-input": true,
+        "data-range-end-input": true,
+        placeholder: props.placeholder ?? "DD MMM YYYY",
+        maxLength: 11,
+        index: 1
+      }
+    )
+  ] });
+}
+
+export {
+  RangePickerInput
+};
+//# sourceMappingURL=chunk-RGLJDMIO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker/range-input.tsx"],"sourcesContent":["import { DatePickerParts } from './parts'\nimport type { DatePickerInputElProps } from './primitives'\nimport { DatePickerTrigger } from './trigger'\n\n/**\n * This private module contains the RangePickerInput component.\n * @module RangePickerInput\n */\n\nexport type RangePickerInputProps = DatePickerInputElProps\n\n/**\n * An abstraction of the DatePicker input that wraps the input and the\n * triggers to open the DatePicker and clear the value.\n * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)\n */\nexport function RangePickerInput(props: RangePickerInputProps) {\n  return (\n    <DatePickerParts.Control data-range>\n      <DatePickerTrigger />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={0}\n      />\n      <DatePickerParts.Input\n        {...props}\n        data-range-input\n        data-range-end-input\n        placeholder={props.placeholder ?? 'DD MMM YYYY'}\n        maxLength={11}\n        index={1}\n      />\n    </DatePickerParts.Control>\n  )\n}\n"],"mappings":";;;;;;;;AAkBI,SACE,KADF;AAFG,SAAS,iBAAiB,OAA8B;AAC7D,SACE,qBAAC,gBAAgB,SAAhB,EAAwB,cAAU,MACjC;AAAA,wBAAC,qBAAkB;AAAA,IACnB;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,IACA;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACE,GAAG;AAAA,QACJ,oBAAgB;AAAA,QAChB,wBAAoB;AAAA,QACpB,aAAa,MAAM,eAAe;AAAA,QAClC,WAAW;AAAA,QACX,OAAO;AAAA;AAAA,IACT;AAAA,KACF;AAEJ;","names":[]}

package/build/modern/chunk-RMEVOJ2E.js

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

package/build/modern/chunk-RXAHVNN2.js

@@ -0,0 +1,86 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/table/primitives.tsx
+import { ark } from "@ark-ui/react/factory";
+import { table } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(table);
+var TableRoot = withSlotRecipe(ark.div, "root", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "root"
+  }
+});
+var TableEl = withSlotRecipe(ark.table, "table", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "table"
+  }
+});
+var Caption = withSlotRecipe(ark.caption, "caption", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "caption"
+  }
+});
+var Thead = withSlotRecipe(ark.thead, "thead", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "header"
+  }
+});
+var Th = withSlotRecipe(ark.th, "th", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "header-col"
+  }
+});
+var Tbody = withSlotRecipe(ark.tbody, "tbody", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "body"
+  }
+});
+var Tr = withSlotRecipe(ark.tr, "tr", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "row"
+  }
+});
+var Td = withSlotRecipe(ark.td, "td", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "cell"
+  }
+});
+var Tfoot = withSlotRecipe(ark.tfoot, "tfoot", {
+  defaultProps: {
+    "data-scope": "table",
+    "data-part": "footer"
+  }
+});
+var TableTrigger = withSlotRecipe(
+  ark.button,
+  "trigger",
+  {
+    defaultProps: {
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  }
+);
+
+export {
+  TableRoot,
+  TableEl,
+  Caption,
+  Thead,
+  Th,
+  Tbody,
+  Tr,
+  Td,
+  Tfoot,
+  TableTrigger
+};
+//# sourceMappingURL=chunk-RXAHVNN2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { table, type TableVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(table)\n\n// Root\n\nexport type TableRootProps = CerberusPrimitiveProps<\n  HTMLArkProps<'div'> & TableVariantProps\n>\nexport const TableRoot = withSlotRecipe<TableRootProps>(ark.div, 'root', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'root',\n  },\n})\n\n// TableEl\n\nexport type TableElProps = CerberusPrimitiveProps<HTMLArkProps<'table'>>\nexport const TableEl = withSlotRecipe<TableElProps>(ark.table, 'table', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'table',\n  },\n})\n\n// Caption\n\nexport type CaptionProps = CerberusPrimitiveProps<HTMLArkProps<'caption'>>\nexport const Caption = withSlotRecipe<CaptionProps>(ark.caption, 'caption', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'caption',\n  },\n})\n\n// Thead\n\nexport type TheadProps = CerberusPrimitiveProps<HTMLArkProps<'thead'>>\nexport const Thead = withSlotRecipe<TheadProps>(ark.thead, 'thead', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'header',\n  },\n})\n\n// Th\n\nexport type ThProps = CerberusPrimitiveProps<HTMLArkProps<'th'>>\nexport const Th = withSlotRecipe<ThProps>(ark.th, 'th', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'header-col',\n  },\n})\n\n// Tbody\n\nexport type TbodyProps = CerberusPrimitiveProps<HTMLArkProps<'tbody'>>\nexport const Tbody = withSlotRecipe<TbodyProps>(ark.tbody, 'tbody', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'body',\n  },\n})\n\n// Tr\nexport type TrProps = CerberusPrimitiveProps<HTMLArkProps<'tr'>>\nexport const Tr = withSlotRecipe<TrProps>(ark.tr, 'tr', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'row',\n  },\n})\n\n// Td\n\nexport type TdProps = CerberusPrimitiveProps<HTMLArkProps<'td'>>\nexport const Td = withSlotRecipe<TdProps>(ark.td, 'td', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'cell',\n  },\n})\n\n// Tfoot\n\nexport type TfootProps = CerberusPrimitiveProps<HTMLArkProps<'tfoot'>>\nexport const Tfoot = withSlotRecipe<TfootProps>(ark.tfoot, 'tfoot', {\n  defaultProps: {\n    'data-scope': 'table',\n    'data-part': 'footer',\n  },\n})\n\n// TableTrigger\n\nexport type TableTriggerProps = CerberusPrimitiveProps<HTMLArkProps<'button'>>\nexport const TableTrigger = withSlotRecipe<TableTriggerProps>(\n  ark.button,\n  'trigger',\n  {\n    defaultProps: {\n      'data-scope': 'table',\n      'data-part': 'trigger',\n    },\n  },\n)\n"],"mappings":";;;;;AAAA,SAAS,WAA8B;AACvC,SAAS,aAAqC;AAW9C,IAAM,EAAE,eAAe,IAAI,wBAAwB,KAAK;AAOjD,IAAM,YAAY,eAA+B,IAAI,KAAK,QAAQ;AAAA,EACvE,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,UAAU,eAA6B,IAAI,OAAO,SAAS;AAAA,EACtE,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,UAAU,eAA6B,IAAI,SAAS,WAAW;AAAA,EAC1E,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,QAAQ,eAA2B,IAAI,OAAO,SAAS;AAAA,EAClE,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,KAAK,eAAwB,IAAI,IAAI,MAAM;AAAA,EACtD,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,QAAQ,eAA2B,IAAI,OAAO,SAAS;AAAA,EAClE,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAIM,IAAM,KAAK,eAAwB,IAAI,IAAI,MAAM;AAAA,EACtD,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,KAAK,eAAwB,IAAI,IAAI,MAAM;AAAA,EACtD,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,QAAQ,eAA2B,IAAI,OAAO,SAAS;AAAA,EAClE,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AAKM,IAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA,EACF;AACF;","names":[]}

package/build/modern/chunk-S7ALRSVU.js

@@ -0,0 +1,34 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/fieldset/primitives.tsx
+import {
+  Fieldset
+} from "@ark-ui/react/fieldset";
+import { fieldset } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(fieldset);
+var FieldsetRoot = withSlotRecipe(
+  Fieldset.Root,
+  "root"
+);
+var FieldsetLegend = withSlotRecipe(
+  Fieldset.Legend,
+  "legend"
+);
+var FieldsetHelperText = withSlotRecipe(
+  Fieldset.HelperText,
+  "helperText"
+);
+var FieldsetErrorText = withSlotRecipe(
+  Fieldset.ErrorText,
+  "errorText"
+);
+
+export {
+  FieldsetRoot,
+  FieldsetLegend,
+  FieldsetHelperText,
+  FieldsetErrorText
+};
+//# sourceMappingURL=chunk-S7ALRSVU.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/fieldset/primitives.tsx"],"sourcesContent":["import {\n  Fieldset,\n  type FieldsetHelperTextProps as ArkFieldsetHelperText,\n  type FieldsetLegendProps as ArkFieldsetLegendProps,\n  type FieldsetRootProps as ArkFieldsetRootProps,\n} from '@ark-ui/react/fieldset'\nimport { fieldset, type FieldsetVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains all the primitives of the Fieldset component.\n * @module 'react/fieldset'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(fieldset)\n\n// Root\n\nexport const FieldsetRoot = withSlotRecipe<FieldsetRootProps>(\n  Fieldset.Root,\n  'root',\n)\nexport type FieldsetRootProps = CerberusPrimitiveProps<\n  ArkFieldsetRootProps & FieldsetVariantProps\n>\n\n// Legend\n\nexport type FieldsetLegendProps = CerberusPrimitiveProps<\n  ArkFieldsetLegendProps & FieldsetVariantProps\n>\nexport const FieldsetLegend = withSlotRecipe<FieldsetLegendProps>(\n  Fieldset.Legend,\n  'legend',\n)\n\n// Helper Text\n\nexport type FieldsetHelperTextProps = CerberusPrimitiveProps<\n  ArkFieldsetHelperText & FieldsetVariantProps\n>\nexport const FieldsetHelperText = withSlotRecipe<FieldsetHelperTextProps>(\n  Fieldset.HelperText,\n  'helperText',\n)\n\n// Error Text\n\nexport type FieldsetErrorTextProps =\n  CerberusPrimitiveProps<ArkFieldsetHelperText>\nexport const FieldsetErrorText = withSlotRecipe<FieldsetErrorTextProps>(\n  Fieldset.ErrorText,\n  'errorText',\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,gBAA2C;AAWpD,IAAM,EAAE,eAAe,IAAI,wBAAwB,QAAQ;AAIpD,IAAM,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT;AACF;AAUO,IAAM,iBAAiB;AAAA,EAC5B,SAAS;AAAA,EACT;AACF;AAOO,IAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT;AACF;AAMO,IAAM,oBAAoB;AAAA,EAC/B,SAAS;AAAA,EACT;AACF;","names":[]}

package/build/modern/chunk-SFAJKI45.js

@@ -0,0 +1,26 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/avatar/primitives.tsx
+import {
+  Avatar
+} from "@ark-ui/react/avatar";
+import { avatar } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(avatar);
+var AvatarRoot = withSlotRecipe(Avatar.Root, "root");
+var AvatarImage = withSlotRecipe(
+  Avatar.Image,
+  "image"
+);
+var AvatarFallback = withSlotRecipe(
+  Avatar.Fallback,
+  "fallback"
+);
+
+export {
+  AvatarRoot,
+  AvatarImage,
+  AvatarFallback
+};
+//# sourceMappingURL=chunk-SFAJKI45.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/avatar/primitives.tsx"],"sourcesContent":["import {\n  Avatar,\n  type AvatarFallbackProps as ArkAvatarFallbackProps,\n  type AvatarImageProps as ArkAvatarImageProps,\n  type AvatarRootProps as ArkAvatarRootProps,\n} from '@ark-ui/react/avatar'\nimport { avatar, type AvatarVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module provides the primitive components for the Avatar component.\n * @module 'avatar/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(avatar)\n\n/**\n * The root component of the Avatar.\n */\nexport const AvatarRoot = withSlotRecipe<AvatarRootProps>(Avatar.Root, 'root')\nexport type AvatarRootProps = CerberusPrimitiveProps<\n  ArkAvatarRootProps & AvatarVariantProps\n>\n\n/**\n * The image component of the Avatar.\n */\nexport const AvatarImage = withSlotRecipe<ArkAvatarImageProps>(\n  Avatar.Image,\n  'image',\n)\nexport type AvatarImageProps = CerberusPrimitiveProps<ArkAvatarImageProps>\n\n/**\n * The fallback component of the Avatar.\n */\nexport const AvatarFallback = withSlotRecipe<ArkAvatarFallbackProps>(\n  Avatar.Fallback,\n  'fallback',\n)\nexport type AvatarFallbackProps = CerberusPrimitiveProps<ArkAvatarFallbackProps>\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,cAAuC;AAWhD,IAAM,EAAE,eAAe,IAAI,wBAAwB,MAAM;AAKlD,IAAM,aAAa,eAAgC,OAAO,MAAM,MAAM;AAQtE,IAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP;AACF;AAMO,IAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA,EACP;AACF;","names":[]}

package/build/modern/chunk-SGFITMUF.js

@@ -0,0 +1,23 @@
+import {
+  TooltipArrow,
+  TooltipArrowTip,
+  TooltipContent,
+  TooltipPositioner,
+  TooltipRoot,
+  TooltipTrigger
+} from "./chunk-ALJYABJX.js";
+
+// src/components/tooltip/parts.ts
+var TooltipParts = {
+  Root: TooltipRoot,
+  Trigger: TooltipTrigger,
+  Positioner: TooltipPositioner,
+  Content: TooltipContent,
+  Arrow: TooltipArrow,
+  ArrowTip: TooltipArrowTip
+};
+
+export {
+  TooltipParts
+};
+//# sourceMappingURL=chunk-SGFITMUF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip/parts.ts"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPositioner,\n  TooltipContent,\n  TooltipArrow,\n  TooltipArrowTip,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tooltip component.\n * @module 'tooltip/parts'\n */\n\ninterface TooltipPartsValue {\n  /**\n   * The context provider of the tooltip.\n   */\n  Root: ElementType\n  /**\n   * The trigger that of the tooltip.\n   */\n  Trigger: ElementType\n  /**\n   * The positioner of the tooltip.\n   */\n  Positioner: ElementType\n  /**\n   * The content of the tooltip.\n   */\n  Content: ElementType\n  /**\n   * The arrow of the tooltip.\n   */\n  Arrow: ElementType\n  /**\n   * The arrow tip of the tooltip.\n   */\n  ArrowTip: ElementType\n}\n\n/**\n * An Object containing the parts of the Tooltip component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TooltipParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TooltipParts: TooltipPartsValue = {\n  Root: TooltipRoot,\n  Trigger: TooltipTrigger,\n  Positioner: TooltipPositioner,\n  Content: TooltipContent,\n  Arrow: TooltipArrow,\n  ArrowTip: TooltipArrowTip,\n}\n"],"mappings":";;;;;;;;;;AAmDO,IAAM,eAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ;","names":[]}

package/build/modern/chunk-SQIB5EOA.js

@@ -0,0 +1,33 @@
+import {
+  createCerberusPrimitive
+} from "./chunk-ZGPHSKEB.js";
+
+// src/components/tabs/primitives.tsx
+import {
+  Tabs
+} from "@ark-ui/react/tabs";
+import { tabs } from "styled-system/recipes";
+var { withSlotRecipe } = createCerberusPrimitive(tabs);
+var TabsRoot = withSlotRecipe(Tabs.Root, "root");
+var TabsList = withSlotRecipe(Tabs.List, "list");
+var TabsTrigger = withSlotRecipe(
+  Tabs.Trigger,
+  "trigger"
+);
+var TabsContent = withSlotRecipe(
+  Tabs.Content,
+  "content"
+);
+var TabsIndicator = withSlotRecipe(
+  Tabs.Indicator,
+  "indicator"
+);
+
+export {
+  TabsRoot,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  TabsIndicator
+};
+//# sourceMappingURL=chunk-SQIB5EOA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps as ArkTabContentProps,\n  type TabIndicatorProps as ArkTabIndicatorProps,\n  type TabListProps as ArkTabListProps,\n  type TabsRootProps as ArkTabsRootProps,\n  type TabTriggerProps as ArkTabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(tabs)\n\n// Root\n\nexport type TabsRootProps = CerberusPrimitiveProps<\n  ArkTabsRootProps & TabsVariantProps\n>\n// @ts-expect-error this is a workaround for the type issue WIP\nexport const TabsRoot = withSlotRecipe<TabsRootProps>(Tabs.Root, 'root')\n\n// TabsList\n\nexport type TabsListProps = CerberusPrimitiveProps<ArkTabListProps>\nexport const TabsList = withSlotRecipe<TabsListProps>(Tabs.List, 'list')\n\n// TabsTrigger\n\nexport type TabsTriggerProps = CerberusPrimitiveProps<ArkTabTriggerProps>\nexport const TabsTrigger = withSlotRecipe<TabsTriggerProps>(\n  Tabs.Trigger,\n  'trigger',\n)\n\n// TabsContent\n\nexport type TabContentProps = CerberusPrimitiveProps<ArkTabContentProps>\nexport const TabsContent = withSlotRecipe<TabContentProps>(\n  Tabs.Content,\n  'content',\n)\n\n// TabsIndicator\n\nexport type TabIndicatorProps = CerberusPrimitiveProps<ArkTabIndicatorProps>\nexport const TabsIndicator = withSlotRecipe<TabIndicatorProps>(\n  Tabs.Indicator,\n  'indicator',\n)\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,OAMK;AACP,SAAS,YAAmC;AAW5C,IAAM,EAAE,eAAe,IAAI,wBAAwB,IAAI;AAQhD,IAAM,WAAW,eAA8B,KAAK,MAAM,MAAM;AAKhE,IAAM,WAAW,eAA8B,KAAK,MAAM,MAAM;AAKhE,IAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL;AACF;AAKO,IAAM,cAAc;AAAA,EACzB,KAAK;AAAA,EACL;AACF;AAKO,IAAM,gBAAgB;AAAA,EAC3B,KAAK;AAAA,EACL;AACF;","names":[]}

package/build/modern/chunk-TF2DXEUF.js

@@ -0,0 +1,36 @@
+import {
+  Spinner
+} from "./chunk-QUOJS5LL.js";
+import {
+  ButtonRoot
+} from "./chunk-DC3NTCCW.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/button/button.tsx
+import {
+  createContext,
+  useContext,
+  useMemo
+} from "react";
+import { Box } from "styled-system/jsx";
+import { Fragment, jsx } from "react/jsx-runtime";
+var ButtonContext = createContext({
+  pending: false
+});
+function Button(props) {
+  const { pending = false, ...nativeProps } = props;
+  const value = useMemo(() => ({ pending }), [pending]);
+  return /* @__PURE__ */ jsx(ButtonContext.Provider, { value, children: /* @__PURE__ */ jsx(ButtonRoot, { ...nativeProps, disabled: pending || nativeProps.disabled }) });
+}
+function ButtonIcon(props) {
+  const { pending } = useContext(ButtonContext);
+  return /* @__PURE__ */ jsx(Show, { when: pending, fallback: /* @__PURE__ */ jsx(Fragment, { children: props.children }), children: /* @__PURE__ */ jsx(Box, { w: "4", children: /* @__PURE__ */ jsx(Spinner, {}) }) });
+}
+
+export {
+  Button,
+  ButtonIcon
+};
+//# sourceMappingURL=chunk-TF2DXEUF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button/button.tsx"],"sourcesContent":["'use client'\n\nimport { type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  type PropsWithChildren,\n  createContext,\n  useContext,\n  useMemo,\n} from 'react'\nimport { type ButtonVariantProps } from 'styled-system/recipes'\nimport { Box } from 'styled-system/jsx'\nimport type { CerberusPrimitiveProps } from '../../system/types'\nimport { Show } from '../show/index'\nimport { Spinner } from '../spinner/index'\nimport { ButtonRoot } from './primitives'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\ninterface ButtonContextValue {\n  pending: boolean\n}\n\nconst ButtonContext = createContext<ButtonContextValue>({\n  pending: false,\n})\n\nexport type ButtonProps = CerberusPrimitiveProps<\n  HTMLArkProps<'button'> &\n    ButtonVariantProps & {\n      pending?: boolean\n    }\n>\n\n/**\n * A component that allows the user to perform actions\n * @see https://cerberus.digitalu.design/react/button\n */\nexport function Button(props: ButtonProps) {\n  const { pending = false, ...nativeProps } = props\n  const value = useMemo(() => ({ pending }), [pending])\n  return (\n    <ButtonContext.Provider value={value}>\n      <ButtonRoot {...nativeProps} disabled={pending || nativeProps.disabled} />\n    </ButtonContext.Provider>\n  )\n}\n\n/**\n * An icon to display in a button that utilizes the pending state to display\n * a loading spinner.\n */\nexport function ButtonIcon(props: PropsWithChildren<object>) {\n  const { pending } = useContext(ButtonContext)\n  return (\n    <Show when={pending} fallback={<>{props.children}</>}>\n      <Box w=\"4\">\n        <Spinner />\n      </Box>\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAGA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAW;AAmCd,SAY6B,UAZ7B;AApBN,IAAM,gBAAgB,cAAkC;AAAA,EACtD,SAAS;AACX,CAAC;AAaM,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,UAAU,OAAO,GAAG,YAAY,IAAI;AAC5C,QAAM,QAAQ,QAAQ,OAAO,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAC;AACpD,SACE,oBAAC,cAAc,UAAd,EAAuB,OACtB,8BAAC,cAAY,GAAG,aAAa,UAAU,WAAW,YAAY,UAAU,GAC1E;AAEJ;AAMO,SAAS,WAAW,OAAkC;AAC3D,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAC5C,SACE,oBAAC,QAAK,MAAM,SAAS,UAAU,gCAAG,gBAAM,UAAS,GAC/C,8BAAC,OAAI,GAAE,KACL,8BAAC,WAAQ,GACX,GACF;AAEJ;","names":[]}

package/build/modern/chunk-THMNM4CZ.js

@@ -0,0 +1,37 @@
+import {
+  SelectParts
+} from "./chunk-COIQJKC3.js";
+import {
+  Portal
+} from "./chunk-PLPYBCZQ.js";
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+import {
+  useCerberusContext
+} from "./chunk-GITT5645.js";
+
+// src/components/select/select.tsx
+import { HStack } from "styled-system/jsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select(props) {
+  const { collection, container, placeholder, ...rootProps } = props;
+  const { icons } = useCerberusContext();
+  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
+  return /* @__PURE__ */ jsxs(SelectParts.Root, { collection, ...rootProps, children: [
+    /* @__PURE__ */ jsx(SelectParts.Control, { children: /* @__PURE__ */ jsxs(SelectParts.Trigger, { children: [
+      /* @__PURE__ */ jsx(SelectParts.ValueText, { placeholder }),
+      /* @__PURE__ */ jsxs(HStack, { children: [
+        /* @__PURE__ */ jsx(Show, { when: props.invalid, children: /* @__PURE__ */ jsx(InvalidIcon, { "data-part": "invalid-icon" }) }),
+        /* @__PURE__ */ jsx(SelectParts.Indicator, { children: /* @__PURE__ */ jsx(SelectArrow, {}) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Portal, { container, children: /* @__PURE__ */ jsx(SelectParts.Positioner, { children: /* @__PURE__ */ jsx(SelectParts.Content, { size: rootProps.size, children: props.children }) }) }),
+    /* @__PURE__ */ jsx(SelectParts.HiddenSelect, {})
+  ] });
+}
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-THMNM4CZ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select/select.tsx"],"sourcesContent":["'use client'\n\nimport { HStack } from 'styled-system/jsx'\nimport { useCerberusContext } from '../../context/cerberus'\nimport { Portal } from '../portal/index'\nimport { Show } from '../show/index'\nimport { SelectParts } from './parts'\nimport type { RefObject } from 'react'\nimport type { SelectRootProps } from './primitives'\n\n/**\n * This module contains the Select components.\n * @module 'react/select'\n */\n\nexport interface SelectCollectionItem {\n  /**\n   * What is displayed in the dropdown list.\n   */\n  label: string\n  /**\n   * The value of the selected item used in the form.\n   */\n  value: string\n  /**\n   * If the item is disabled.\n   */\n  disabled?: boolean\n}\n\nexport interface SelectCollection {\n  /**\n   * The items to be displayed in the dropdown list.\n   */\n  items: SelectCollectionItem[]\n}\n\nexport interface SelectProps extends SelectRootProps {\n  /**\n   * The placeholder text when no option is selected.\n   */\n  placeholder?: string\n  /**\n   * The container element to render the Select dropdown in. This is used\n   * to render the Select dropdown in a specific context, such as a modal.\n   * @default document.body\n   */\n  container?: RefObject<HTMLElement | null>\n}\n\n/**\n * The Select component is a dropdown list that allows users to select an\n * option from a list.\n * @definition [Select docs](https://cerberus.digitalu.design/react/select)\n * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)\n * @example\n * ```tsx\n * import { Select, Option, createListCollection } from '@cerberus-design/react'\n *\n * export function SelectBasicPreview() {\n *  const collection = createListCollection({\n *   items: [\n *    { label: 'Hades', value: 'hades' },\n *    { label: 'Persephone', value: 'persephone' },\n *    { label: 'Zeus', value: 'zeus', disabled: true },\n *   ]\n *  })\n *\n *  return (\n *   <Select\n *    collection={collection}\n *    label=\"Select Relative\"\n *    placeholder=\"Choose option\"\n *   >\n *   {collection.items.map((item) => (\n *    <Option key={item.value} item={item} />\n *   ))}\n *  </Select>\n *  )\n * }\n */\nexport function Select(props: SelectProps) {\n  const { collection, container, placeholder, ...rootProps } = props\n\n  const { icons } = useCerberusContext()\n  const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons\n\n  return (\n    <SelectParts.Root collection={collection} {...rootProps}>\n      <SelectParts.Control>\n        <SelectParts.Trigger>\n          <SelectParts.ValueText placeholder={placeholder} />\n\n          <HStack>\n            <Show when={props.invalid}>\n              <InvalidIcon data-part=\"invalid-icon\" />\n            </Show>\n            <SelectParts.Indicator>\n              <SelectArrow />\n            </SelectParts.Indicator>\n          </HStack>\n        </SelectParts.Trigger>\n      </SelectParts.Control>\n\n      <Portal container={container}>\n        <SelectParts.Positioner>\n          <SelectParts.Content size={rootProps.size}>\n            {props.children}\n          </SelectParts.Content>\n        </SelectParts.Positioner>\n      </Portal>\n\n      <SelectParts.HiddenSelect />\n    </SelectParts.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAS,cAAc;AAyFb,cAEA,YAFA;AAVH,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,YAAY,WAAW,aAAa,GAAG,UAAU,IAAI;AAE7D,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,aAAa,aAAa,SAAS,YAAY,IAAI;AAE3D,SACE,qBAAC,YAAY,MAAZ,EAAiB,YAAyB,GAAG,WAC5C;AAAA,wBAAC,YAAY,SAAZ,EACC,+BAAC,YAAY,SAAZ,EACC;AAAA,0BAAC,YAAY,WAAZ,EAAsB,aAA0B;AAAA,MAEjD,qBAAC,UACC;AAAA,4BAAC,QAAK,MAAM,MAAM,SAChB,8BAAC,eAAY,aAAU,gBAAe,GACxC;AAAA,QACA,oBAAC,YAAY,WAAZ,EACC,8BAAC,eAAY,GACf;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,UAAO,WACN,8BAAC,YAAY,YAAZ,EACC,8BAAC,YAAY,SAAZ,EAAoB,MAAM,UAAU,MAClC,gBAAM,UACT,GACF,GACF;AAAA,IAEA,oBAAC,YAAY,cAAZ,EAAyB;AAAA,KAC5B;AAEJ;","names":[]}

package/build/modern/chunk-TLRRDNS3.js

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

package/build/modern/chunk-TOXQSWPN.js

@@ -0,0 +1,49 @@
+import {
+  Show
+} from "./chunk-NUXMADXV.js";
+
+// src/components/deprecated/Legend.tsx
+import { useFieldContext } from "@ark-ui/react/field";
+import { css, cx } from "styled-system/css";
+import { label } from "styled-system/recipes";
+import { hstack } from "styled-system/patterns";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Legend(props) {
+  const { size, ...nativeProps } = props;
+  const { invalid, required } = useFieldContext();
+  return /* @__PURE__ */ jsxs(
+    "legend",
+    {
+      ...nativeProps,
+      ...invalid && { "aria-invalid": true },
+      className: cx(
+        nativeProps.className,
+        hstack({
+          justify: "space-between",
+          w: "full"
+        }),
+        label({
+          size
+        })
+      ),
+      children: [
+        nativeProps.children,
+        /* @__PURE__ */ jsx(Show, { when: required, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: css({
+              color: "page.text.100",
+              fontSize: "inherit"
+            }),
+            children: "(required)"
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export {
+  Legend
+};
+//# sourceMappingURL=chunk-TOXQSWPN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/deprecated/Legend.tsx"],"sourcesContent":["'use client'\n\nimport { useFieldContext } from '@ark-ui/react/field'\nimport { css, cx } from 'styled-system/css'\nimport { label, type LabelVariantProps } from 'styled-system/recipes'\nimport { hstack } from 'styled-system/patterns'\nimport { type HTMLAttributes } from 'react'\nimport { Show } from '../show/index'\n\n/**\n * This module contains the Fieldset component.\n * @module Fieldset\n */\n\nexport type LegendProps = HTMLAttributes<HTMLLegendElement> & LabelVariantProps\n\n/**\n * @deprecated use Fieldset instead\n */\nexport function Legend(props: LegendProps) {\n  const { size, ...nativeProps } = props\n  const { invalid, required } = useFieldContext()\n\n  return (\n    <legend\n      {...nativeProps}\n      {...(invalid && { 'aria-invalid': true })}\n      className={cx(\n        nativeProps.className,\n        hstack({\n          justify: 'space-between',\n          w: 'full',\n        }),\n        label({\n          size,\n        }),\n      )}\n    >\n      {nativeProps.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    </legend>\n  )\n}\n"],"mappings":";;;;;AAEA,SAAS,uBAAuB;AAChC,SAAS,KAAK,UAAU;AACxB,SAAS,aAAqC;AAC9C,SAAS,cAAc;AAmBnB,SAgBI,KAhBJ;AALG,SAAS,OAAO,OAAoB;AACzC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,QAAM,EAAE,SAAS,SAAS,IAAI,gBAAgB;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,WAAW,EAAE,gBAAgB,KAAK;AAAA,MACvC,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL,SAAS;AAAA,UACT,GAAG;AAAA,QACL,CAAC;AAAA,QACD,MAAM;AAAA,UACJ;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MAEC;AAAA,oBAAY;AAAA,QACb,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":[]}