@cerberus-design/react 0.5.2-next-1cb6180 → 0.5.2-next-baeef0d

package/build/{legacy/chunk-OXVNTE4A.js → modern/chunk-PFY74S3Z.js}

@@ -1,6 +1,6 @@
 import {
   Show
-} from "./chunk-R4H3352X.js";
+} from "./chunk-4O4QFF4S.js";
 import {
   useFieldContext
 } from "./chunk-ZAU4JVLL.js";
@@ -45,4 +45,4 @@ function Label(props) {
 export {
   Label
 };
-//# sourceMappingURL=chunk-OXVNTE4A.js.map
+//# sourceMappingURL=chunk-PFY74S3Z.js.map

package/build/{legacy/chunk-7BXBIDZB.js → modern/chunk-QILSE3K3.js}

@@ -1,6 +1,6 @@
 import {
   Show
-} from "./chunk-R4H3352X.js";
+} from "./chunk-4O4QFF4S.js";
 
 // src/components/Tag.tsx
 import { Close } from "@cerberus/icons";
@@ -52,4 +52,4 @@ function Tag(props) {
 export {
   Tag
 };
-//# sourceMappingURL=chunk-7BXBIDZB.js.map
+//# sourceMappingURL=chunk-QILSE3K3.js.map

package/build/modern/{chunk-MJB3V6J4.js → chunk-RPZAPUCF.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KJUCHZHV.js";
 import {
   Show
-} from "./chunk-R4H3352X.js";
+} from "./chunk-4O4QFF4S.js";
 import {
   createNavTriggerProps
 } from "./chunk-JF76VIL3.js";
@@ -35,8 +35,7 @@ function NavMenuTrigger(props) {
   const AsSub = as;
   const handleClick = useCallback(
     (e) => {
-      if (onClick)
-        return onClick(e);
+      if (onClick) return onClick(e);
       onToggle();
     },
     [onClick, onToggle]
@@ -79,4 +78,4 @@ function NavMenuTrigger(props) {
 export {
   NavMenuTrigger
 };
-//# sourceMappingURL=chunk-MJB3V6J4.js.map
+//# sourceMappingURL=chunk-RPZAPUCF.js.map

package/build/modern/{chunk-MJB3V6J4.js.map → chunk-RPZAPUCF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from '../aria-helpers/nav-menu.aria'\nimport { useNavMenuContext } from '../context/navMenu'\nimport type { ButtonProps } from './Button'\nimport { Show } from './Show'\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  as?: ElementType\n}\n\n/**\n * A component that allows the user to trigger a navigation menu.\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n * @example\n * ```tsx\n * <NavMenu>\n *   <NavMenuTrigger controls=\"nav-menu-list\">\n *     Menu\n *   </NavMenuTrigger>\n * </NavMenu>\n * ```\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps): JSX.Element {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA2Df;AA/BD,SAAS,eAAe,OAAyC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI;AAAS,eAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/NavMenuTrigger.tsx"],"sourcesContent":["'use client'\n\nimport {\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ElementType,\n  type MouseEvent,\n} from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\nimport {\n  createNavTriggerProps,\n  type NavTriggerAriaValues,\n} from '../aria-helpers/nav-menu.aria'\nimport { useNavMenuContext } from '../context/navMenu'\nimport type { ButtonProps } from './Button'\nimport { Show } from './Show'\n\nexport interface NavMenuTriggerProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    ButtonProps,\n    NavTriggerAriaValues {\n  as?: ElementType\n}\n\n/**\n * A component that allows the user to trigger a navigation menu.\n * @definition [NavMenu Docs](https://cerberus.digitalu.design/react/nav-menu)\n * @example\n * ```tsx\n * <NavMenu>\n *   <NavMenuTrigger controls=\"nav-menu-list\">\n *     Menu\n *   </NavMenuTrigger>\n * </NavMenu>\n * ```\n */\nexport function NavMenuTrigger(props: NavMenuTriggerProps): JSX.Element {\n  const {\n    as,\n    palette,\n    usage,\n    shape,\n    controls,\n    expanded: propsExpanded,\n    onClick,\n    ...nativeProps\n  } = props\n  const { triggerRef, onToggle, expanded } = useNavMenuContext()\n  const ariaProps = createNavTriggerProps({\n    controls,\n    expanded: propsExpanded ?? expanded,\n  })\n  const hasAs = Boolean(as)\n  const AsSub: ElementType = as!\n\n  const handleClick = useCallback(\n    (e: MouseEvent<HTMLButtonElement>) => {\n      if (onClick) return onClick(e)\n      onToggle()\n    },\n    [onClick, onToggle],\n  )\n\n  return (\n    <Show\n      when={hasAs}\n      fallback={\n        <button\n          {...nativeProps}\n          {...ariaProps}\n          className={cx(\n            nativeProps.className,\n            button({\n              palette,\n              usage,\n              shape,\n            }),\n          )}\n          onClick={handleClick}\n          ref={triggerRef}\n        >\n          {props.children}\n        </button>\n      }\n    >\n      {hasAs && (\n        <AsSub\n          {...nativeProps}\n          {...ariaProps}\n          onClick={handleClick}\n          ref={triggerRef}\n        />\n      )}\n    </Show>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAEA;AAAA,EACE;AAAA,OAIK;AACP,SAAS,UAAU;AACnB,SAAS,cAAc;AA2Df;AA/BD,SAAS,eAAe,OAAyC;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,EAAE,YAAY,UAAU,SAAS,IAAI,kBAAkB;AAC7D,QAAM,YAAY,sBAAsB;AAAA,IACtC;AAAA,IACA,UAAU,iBAAiB;AAAA,EAC7B,CAAC;AACD,QAAM,QAAQ,QAAQ,EAAE;AACxB,QAAM,QAAqB;AAE3B,QAAM,cAAc;AAAA,IAClB,CAAC,MAAqC;AACpC,UAAI,QAAS,QAAO,QAAQ,CAAC;AAC7B,eAAS;AAAA,IACX;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,SAAS;AAAA,UACT,KAAK;AAAA,UAEJ,gBAAM;AAAA;AAAA,MACT;AAAA,MAGD,mBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,KAAK;AAAA;AAAA,MACP;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/build/modern/{chunk-BT2B5C7M.js → chunk-S7HBD2A7.js}

@@ -18,8 +18,7 @@ function useTabsKeyboardNavigation() {
       const index = activeTab === -1 ? tabs.current.findIndex((tab) => tab.ariaSelected === "true") : activeTab;
       const nextIndex = getNextIndex(index, tabs.current.length);
       const prevIndex = getPrevIndex(index, tabs.current.length);
-      if (index === -1)
-        return;
+      if (index === -1) return;
       switch (event.key) {
         case "ArrowLeft":
           event.preventDefault();
@@ -62,4 +61,4 @@ function useTabsKeyboardNavigation() {
 export {
   useTabsKeyboardNavigation
 };
-//# sourceMappingURL=chunk-BT2B5C7M.js.map
+//# sourceMappingURL=chunk-S7HBD2A7.js.map

package/build/modern/{chunk-BT2B5C7M.js.map → chunk-S7HBD2A7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/aria-helpers/tabs.aria.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { useTabsContext } from '../context/tabs'\n\nfunction getNextIndex(index: number, length: number) {\n  return index === length - 1 ? 0 : index + 1\n}\n\nfunction getPrevIndex(index: number, length: number) {\n  return index === 0 ? length - 1 : index - 1\n}\n\nexport function useTabsKeyboardNavigation() {\n  const { tabs } = useTabsContext()\n  const [activeTab, setActiveTab] = useState(-1)\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const index =\n        activeTab === -1\n          ? tabs.current.findIndex((tab) => tab.ariaSelected === 'true')\n          : activeTab\n      const nextIndex = getNextIndex(index, tabs.current.length)\n      const prevIndex = getPrevIndex(index, tabs.current.length)\n\n      // If the active tab is not found, do nothing\n      if (index === -1) return\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          event.preventDefault()\n          setActiveTab(prevIndex)\n          tabs.current[prevIndex].focus()\n          break\n        case 'ArrowRight':\n          event.preventDefault()\n          setActiveTab(nextIndex)\n          tabs.current[nextIndex].focus()\n          break\n        case 'Home':\n          event.preventDefault()\n          setActiveTab(0)\n          tabs.current[0].focus()\n          break\n        case 'End':\n          event.preventDefault()\n          setActiveTab(tabs.current.length - 1)\n          tabs.current[tabs.current.length - 1].focus()\n          break\n        default:\n          break\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [activeTab, tabs.current])\n\n  return {\n    ref: (tab: HTMLButtonElement) => {\n      if (tab && !tabs.current.includes(tab)) {\n        tabs.current.push(tab)\n      }\n    },\n  }\n}\n"],"mappings":";;;;;AAEA,SAAS,WAAW,gBAAgB;AAGpC,SAAS,aAAa,OAAe,QAAgB;AACnD,SAAO,UAAU,SAAS,IAAI,IAAI,QAAQ;AAC5C;AAEA,SAAS,aAAa,OAAe,QAAgB;AACnD,SAAO,UAAU,IAAI,SAAS,IAAI,QAAQ;AAC5C;AAEO,SAAS,4BAA4B;AAC1C,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,YAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAM,QACJ,cAAc,KACV,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,iBAAiB,MAAM,IAC3D;AACN,YAAM,YAAY,aAAa,OAAO,KAAK,QAAQ,MAAM;AACzD,YAAM,YAAY,aAAa,OAAO,KAAK,QAAQ,MAAM;AAGzD,UAAI,UAAU;AAAI;AAElB,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,SAAS;AACtB,eAAK,QAAQ,SAAS,EAAE,MAAM;AAC9B;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,SAAS;AACtB,eAAK,QAAQ,SAAS,EAAE,MAAM;AAC9B;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,CAAC;AACd,eAAK,QAAQ,CAAC,EAAE,MAAM;AACtB;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,KAAK,QAAQ,SAAS,CAAC;AACpC,eAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC,EAAE,MAAM;AAC5C;AAAA,QACF;AACE;AAAA,MACJ;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAElD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC;AAE5B,SAAO;AAAA,IACL,KAAK,CAAC,QAA2B;AAC/B,UAAI,OAAO,CAAC,KAAK,QAAQ,SAAS,GAAG,GAAG;AACtC,aAAK,QAAQ,KAAK,GAAG;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../src/aria-helpers/tabs.aria.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useState } from 'react'\nimport { useTabsContext } from '../context/tabs'\n\nfunction getNextIndex(index: number, length: number) {\n  return index === length - 1 ? 0 : index + 1\n}\n\nfunction getPrevIndex(index: number, length: number) {\n  return index === 0 ? length - 1 : index - 1\n}\n\nexport function useTabsKeyboardNavigation() {\n  const { tabs } = useTabsContext()\n  const [activeTab, setActiveTab] = useState(-1)\n\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const index =\n        activeTab === -1\n          ? tabs.current.findIndex((tab) => tab.ariaSelected === 'true')\n          : activeTab\n      const nextIndex = getNextIndex(index, tabs.current.length)\n      const prevIndex = getPrevIndex(index, tabs.current.length)\n\n      // If the active tab is not found, do nothing\n      if (index === -1) return\n\n      switch (event.key) {\n        case 'ArrowLeft':\n          event.preventDefault()\n          setActiveTab(prevIndex)\n          tabs.current[prevIndex].focus()\n          break\n        case 'ArrowRight':\n          event.preventDefault()\n          setActiveTab(nextIndex)\n          tabs.current[nextIndex].focus()\n          break\n        case 'Home':\n          event.preventDefault()\n          setActiveTab(0)\n          tabs.current[0].focus()\n          break\n        case 'End':\n          event.preventDefault()\n          setActiveTab(tabs.current.length - 1)\n          tabs.current[tabs.current.length - 1].focus()\n          break\n        default:\n          break\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [activeTab, tabs.current])\n\n  return {\n    ref: (tab: HTMLButtonElement) => {\n      if (tab && !tabs.current.includes(tab)) {\n        tabs.current.push(tab)\n      }\n    },\n  }\n}\n"],"mappings":";;;;;AAEA,SAAS,WAAW,gBAAgB;AAGpC,SAAS,aAAa,OAAe,QAAgB;AACnD,SAAO,UAAU,SAAS,IAAI,IAAI,QAAQ;AAC5C;AAEA,SAAS,aAAa,OAAe,QAAgB;AACnD,SAAO,UAAU,IAAI,SAAS,IAAI,QAAQ;AAC5C;AAEO,SAAS,4BAA4B;AAC1C,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAE7C,YAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,YAAM,QACJ,cAAc,KACV,KAAK,QAAQ,UAAU,CAAC,QAAQ,IAAI,iBAAiB,MAAM,IAC3D;AACN,YAAM,YAAY,aAAa,OAAO,KAAK,QAAQ,MAAM;AACzD,YAAM,YAAY,aAAa,OAAO,KAAK,QAAQ,MAAM;AAGzD,UAAI,UAAU,GAAI;AAElB,cAAQ,MAAM,KAAK;AAAA,QACjB,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,SAAS;AACtB,eAAK,QAAQ,SAAS,EAAE,MAAM;AAC9B;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,SAAS;AACtB,eAAK,QAAQ,SAAS,EAAE,MAAM;AAC9B;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,CAAC;AACd,eAAK,QAAQ,CAAC,EAAE,MAAM;AACtB;AAAA,QACF,KAAK;AACH,gBAAM,eAAe;AACrB,uBAAa,KAAK,QAAQ,SAAS,CAAC;AACpC,eAAK,QAAQ,KAAK,QAAQ,SAAS,CAAC,EAAE,MAAM;AAC5C;AAAA,QACF;AACE;AAAA,MACJ;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAElD,WAAO,MAAM;AACX,eAAS,oBAAoB,WAAW,aAAa;AAAA,IACvD;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,OAAO,CAAC;AAE5B,SAAO;AAAA,IACL,KAAK,CAAC,QAA2B;AAC/B,UAAI,OAAO,CAAC,KAAK,QAAQ,SAAS,GAAG,GAAG;AACtC,aAAK,QAAQ,KAAK,GAAG;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/build/modern/{chunk-IQP6HSC4.js → chunk-SUP7U42W.js}

@@ -1,6 +1,6 @@
 import {
   useTabsKeyboardNavigation
-} from "./chunk-BT2B5C7M.js";
+} from "./chunk-S7HBD2A7.js";
 import {
   useTabsContext
 } from "./chunk-DQOYTLGB.js";
@@ -122,4 +122,4 @@ var btnStyles = css({
 export {
   Tab
 };
-//# sourceMappingURL=chunk-IQP6HSC4.js.map
+//# sourceMappingURL=chunk-SUP7U42W.js.map

package/build/modern/{chunk-SVZU6LPF.js → chunk-YJCWUN33.js}

@@ -1,6 +1,6 @@
 import {
   Show
-} from "./chunk-R4H3352X.js";
+} from "./chunk-4O4QFF4S.js";
 import {
   useTabsContext
 } from "./chunk-DQOYTLGB.js";
@@ -40,4 +40,4 @@ function TabPanel(props) {
 export {
   TabPanel
 };
-//# sourceMappingURL=chunk-SVZU6LPF.js.map
+//# sourceMappingURL=chunk-YJCWUN33.js.map

package/build/modern/components/Button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-XFWARXLU.js";
+} from "../chunk-LQHCCI4H.js";
 export {
   Button
 };

package/build/modern/components/IconButton.js

@@ -1,6 +1,6 @@
 import {
   IconButton
-} from "../chunk-NIMWIOIA.js";
+} from "../chunk-GQSXLQOD.js";
 export {
   IconButton
 };

package/build/modern/components/Input.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Input
-} from "../chunk-LD5ZV46F.js";
-import "../chunk-R4H3352X.js";
+} from "../chunk-KO7LBJGB.js";
+import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   Input

package/build/modern/components/Label.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Label
-} from "../chunk-OXVNTE4A.js";
-import "../chunk-R4H3352X.js";
+} from "../chunk-PFY74S3Z.js";
+import "../chunk-4O4QFF4S.js";
 import "../chunk-ZAU4JVLL.js";
 export {
   Label

package/build/modern/components/NavMenuLink.js

@@ -1,7 +1,7 @@
 import {
   NavMenuLink
-} from "../chunk-JA4IX7GN.js";
-import "../chunk-R4H3352X.js";
+} from "../chunk-6DIGPXAD.js";
+import "../chunk-4O4QFF4S.js";
 export {
   NavMenuLink
 };

package/build/modern/components/NavMenuList.js

@@ -2,9 +2,9 @@
 import {
   NavMenuList,
   getPosition
-} from "../chunk-WSQTX34C.js";
+} from "../chunk-G2QMBSK5.js";
 import "../chunk-KJUCHZHV.js";
-import "../chunk-R4H3352X.js";
+import "../chunk-4O4QFF4S.js";
 export {
   NavMenuList,
   getPosition

package/build/modern/components/NavMenuTrigger.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   NavMenuTrigger
-} from "../chunk-MJB3V6J4.js";
+} from "../chunk-RPZAPUCF.js";
 import "../chunk-KJUCHZHV.js";
-import "../chunk-R4H3352X.js";
+import "../chunk-4O4QFF4S.js";
 import "../chunk-JF76VIL3.js";
 export {
   NavMenuTrigger

package/build/modern/components/Show.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Show
-} from "../chunk-R4H3352X.js";
+} from "../chunk-4O4QFF4S.js";
 export {
   Show
 };

package/build/modern/components/Tab.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Tab
-} from "../chunk-IQP6HSC4.js";
-import "../chunk-BT2B5C7M.js";
+} from "../chunk-SUP7U42W.js";
+import "../chunk-S7HBD2A7.js";
 import "../chunk-DQOYTLGB.js";
 export {
   Tab

package/build/modern/components/TabPanel.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   TabPanel
-} from "../chunk-SVZU6LPF.js";
-import "../chunk-R4H3352X.js";
+} from "../chunk-YJCWUN33.js";
+import "../chunk-4O4QFF4S.js";
 import "../chunk-DQOYTLGB.js";
 export {
   TabPanel

package/build/modern/components/Tag.js

@@ -1,7 +1,7 @@
 import {
   Tag
-} from "../chunk-7BXBIDZB.js";
-import "../chunk-R4H3352X.js";
+} from "../chunk-QILSE3K3.js";
+import "../chunk-4O4QFF4S.js";
 export {
   Tag
 };

package/build/modern/index.js

@@ -1,38 +1,38 @@
 import {
   TabPanel
-} from "./chunk-SVZU6LPF.js";
+} from "./chunk-YJCWUN33.js";
 import {
   Tag
-} from "./chunk-7BXBIDZB.js";
+} from "./chunk-QILSE3K3.js";
 import {
   Textarea
 } from "./chunk-5TBINKAO.js";
 import {
   Input
-} from "./chunk-LD5ZV46F.js";
+} from "./chunk-KO7LBJGB.js";
 import {
   Label
-} from "./chunk-OXVNTE4A.js";
+} from "./chunk-PFY74S3Z.js";
 import {
   NavMenuLink
-} from "./chunk-JA4IX7GN.js";
+} from "./chunk-6DIGPXAD.js";
 import {
   NavMenuList,
   getPosition
-} from "./chunk-WSQTX34C.js";
+} from "./chunk-G2QMBSK5.js";
 import {
   NavMenuTrigger
-} from "./chunk-MJB3V6J4.js";
+} from "./chunk-RPZAPUCF.js";
 import {
   NavMenu,
   useNavMenuContext
 } from "./chunk-KJUCHZHV.js";
 import {
   Show
-} from "./chunk-R4H3352X.js";
+} from "./chunk-4O4QFF4S.js";
 import {
   Tab
-} from "./chunk-IQP6HSC4.js";
+} from "./chunk-SUP7U42W.js";
 import {
   TabList
 } from "./chunk-5GSXIYD3.js";
@@ -42,7 +42,7 @@ import {
 } from "./chunk-JF76VIL3.js";
 import {
   useTabsKeyboardNavigation
-} from "./chunk-BT2B5C7M.js";
+} from "./chunk-S7HBD2A7.js";
 import {
   Tabs,
   TabsContext,
@@ -57,7 +57,7 @@ import {
 } from "./chunk-SXXWC6UD.js";
 import {
   Button
-} from "./chunk-XFWARXLU.js";
+} from "./chunk-LQHCCI4H.js";
 import {
   FieldMessage
 } from "./chunk-YVUZSAJG.js";
@@ -67,7 +67,7 @@ import {
 } from "./chunk-ZAU4JVLL.js";
 import {
   IconButton
-} from "./chunk-NIMWIOIA.js";
+} from "./chunk-GQSXLQOD.js";
 export {
   Button,
   Field,

package/build/modern/noExternals.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.5.2-next-1cb6180",
+  "version": "0.5.2-next-baeef0d",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -8,9 +8,9 @@
   "main": "build/legacy/index.cjs",
   "module": "build/legacy/index.js",
   "peerDependencies": {
-    "@cerberus/panda-preset": "npm:@jsr/cerberus__panda-preset",
-    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@next",
     "@cerberus/icons": "npm:@jsr/cerberus__icons",
+    "@cerberus/panda-preset": "npm:@jsr/cerberus__panda-preset",
+    "@cerberus/styled-system": "npm:@cerberus-design/styled-system@workspace:*",
     "@pandacss/dev": "*",
     "react": "*",
     "react-dom": "*"
@@ -20,8 +20,9 @@
     "@types/react": "^18",
     "react": "^18",
     "react-dom": "^18",
-    "tsup": "^8.0.2",
-    "@cerberus-design/configs": "0.0.0"
+    "tsup": "^8.1.0",
+    "@cerberus-design/configs": "0.0.0",
+    "@cerberus-design/styled-system": "0.5.2-next-baeef0d"
   },
   "publishConfig": {
     "access": "public"
@@ -46,7 +47,7 @@
   "author": "developers@omnifederal.com",
   "license": "ISC",
   "scripts": {
-    "build": "tsup-node --experimental-dts",
+    "build": "tsup --experimental-dts noExternals",
     "clean": "rm -rf ./build",
     "lint:ts": "tsc --project tsconfig.lint.json --noEmit"
   },

package/src/components/Button.tsx

@@ -9,7 +9,7 @@ import { button } from '@cerberus/styled-system/recipes'
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   palette?: 'action' | 'danger'
-  usage?: 'filled' | 'outline' | 'text'
+  usage?: 'filled' | 'outlined' | 'text'
   shape?: 'sharp' | 'rounded'
 }
 

package/src/components/IconButton.tsx

@@ -8,12 +8,11 @@ import type { ButtonProps } from './Button'
  * @module
  */
 
-export type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>
 export interface IconButtonProps
   extends ButtonHTMLAttributes<HTMLButtonElement> {
   ariaLabel: string
   palette?: ButtonProps['palette']
-  usage?: IconButtonUsage
+  usage?: ButtonProps['usage']
   shape?: 'circle'
   size?: 'sm' | 'lg'
   tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'

package/build/legacy/aria-helpers/nav-menu.aria.d.ts

@@ -1,2 +0,0 @@
-export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup';
-export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup';

package/build/legacy/aria-helpers/tabs.aria.d.ts

@@ -1 +0,0 @@
-export { useTabsKeyboardNavigation_alias_1 as useTabsKeyboardNavigation } from '../_tsup-dts-rollup';

package/build/legacy/chunk-NIMWIOIA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  ariaLabel: string\n  palette?: ButtonProps['palette']\n  usage?: IconButtonUsage\n  shape?: 'circle'\n  size?: 'sm' | 'lg'\n  tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      data-tooltip\n      data-position={props.tooltipPosition ?? 'top'}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AA0BvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAe,MAAM,mBAAmB;AAAA,MACxC,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/chunk-XFWARXLU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\n/**\n * A component that allows the user to perform actions\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx\n */\nexport function Button(props: ButtonProps): JSX.Element {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,cAAc;AAoBnB;AAHG,SAAS,OAAO,OAAiC;AACtD,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/components/Button.d.ts

@@ -1,2 +0,0 @@
-export { Button_alias_1 as Button } from '../_tsup-dts-rollup';
-export { ButtonProps_alias_1 as ButtonProps } from '../_tsup-dts-rollup';

package/build/legacy/components/FieldMessage.d.ts

@@ -1,2 +0,0 @@
-export { FieldMessage_alias_1 as FieldMessage } from '../_tsup-dts-rollup';
-export { FieldMessageProps_alias_1 as FieldMessageProps } from '../_tsup-dts-rollup';

package/build/legacy/components/IconButton.d.ts

@@ -1,3 +0,0 @@
-export { IconButton_alias_1 as IconButton } from '../_tsup-dts-rollup';
-export { IconButtonUsage_alias_1 as IconButtonUsage } from '../_tsup-dts-rollup';
-export { IconButtonProps_alias_1 as IconButtonProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Input.d.ts

@@ -1,2 +0,0 @@
-export { Input_alias_1 as Input } from '../_tsup-dts-rollup';
-export { InputProps_alias_1 as InputProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Label.d.ts

@@ -1,2 +0,0 @@
-export { Label_alias_1 as Label } from '../_tsup-dts-rollup';
-export { LabelProps_alias_1 as LabelProps } from '../_tsup-dts-rollup';

package/build/legacy/components/NavMenuLink.d.ts

@@ -1,2 +0,0 @@
-export { NavMenuLink_alias_1 as NavMenuLink } from '../_tsup-dts-rollup';
-export { NavMenuLinkProps_alias_1 as NavMenuLinkProps } from '../_tsup-dts-rollup';

package/build/legacy/components/NavMenuList.d.ts

@@ -1,3 +0,0 @@
-export { getPosition_alias_1 as getPosition } from '../_tsup-dts-rollup';
-export { NavMenuList_alias_1 as NavMenuList } from '../_tsup-dts-rollup';
-export { NavMenuListProps_alias_1 as NavMenuListProps } from '../_tsup-dts-rollup';

package/build/legacy/components/NavMenuTrigger.d.ts

@@ -1,2 +0,0 @@
-export { NavMenuTrigger_alias_1 as NavMenuTrigger } from '../_tsup-dts-rollup';
-export { NavMenuTriggerProps_alias_1 as NavMenuTriggerProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Show.d.ts

@@ -1,2 +0,0 @@
-export { Show_alias_1 as Show } from '../_tsup-dts-rollup';
-export { ShowProps_alias_1 as ShowProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Tab.d.ts

@@ -1,2 +0,0 @@
-export { Tab_alias_1 as Tab } from '../_tsup-dts-rollup';
-export { TabProps_alias_1 as TabProps } from '../_tsup-dts-rollup';

package/build/legacy/components/TabList.d.ts

@@ -1,2 +0,0 @@
-export { TabList_alias_1 as TabList } from '../_tsup-dts-rollup';
-export { TabListProps_alias_1 as TabListProps } from '../_tsup-dts-rollup';

package/build/legacy/components/TabPanel.d.ts

@@ -1,2 +0,0 @@
-export { TabPanel_alias_1 as TabPanel } from '../_tsup-dts-rollup';
-export { TabPanelProps_alias_1 as TabPanelProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Tag.d.ts

@@ -1,4 +0,0 @@
-export { Tag_alias_1 as Tag } from '../_tsup-dts-rollup';
-export { NonActionablePalette_alias_1 as NonActionablePalette } from '../_tsup-dts-rollup';
-export { TagProps_alias_1 as TagProps } from '../_tsup-dts-rollup';
-export { ClickableTagProps_alias_1 as ClickableTagProps } from '../_tsup-dts-rollup';

package/build/legacy/components/Textarea.d.ts

@@ -1,2 +0,0 @@
-export { Textarea_alias_1 as Textarea } from '../_tsup-dts-rollup';
-export { TextareaProps_alias_1 as TextareaProps } from '../_tsup-dts-rollup';

package/build/legacy/context/field.d.ts

@@ -1,3 +0,0 @@
-export { Field_alias_1 as Field } from '../_tsup-dts-rollup';
-export { useFieldContext_alias_1 as useFieldContext } from '../_tsup-dts-rollup';
-export { FieldContextValue_alias_1 as FieldContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/navMenu.d.ts

@@ -1,5 +0,0 @@
-export { NavMenu_alias_1 as NavMenu } from '../_tsup-dts-rollup';
-export { useNavMenuContext_alias_1 as useNavMenuContext } from '../_tsup-dts-rollup';
-export { NavTriggerRef_alias_1 as NavTriggerRef } from '../_tsup-dts-rollup';
-export { NavMenuRef_alias_1 as NavMenuRef } from '../_tsup-dts-rollup';
-export { NavMenuContextValue_alias_1 as NavMenuContextValue } from '../_tsup-dts-rollup';

package/build/legacy/context/tabs.d.ts

@@ -1,5 +0,0 @@
-export { Tabs_alias_1 as Tabs } from '../_tsup-dts-rollup';
-export { useTabsContext_alias_1 as useTabsContext } from '../_tsup-dts-rollup';
-export { TabsContextValue_alias_1 as TabsContextValue } from '../_tsup-dts-rollup';
-export { TabsContext_alias_1 as TabsContext } from '../_tsup-dts-rollup';
-export { TabsProps_alias_1 as TabsProps } from '../_tsup-dts-rollup';

package/build/legacy/context/theme.d.ts

@@ -1,8 +0,0 @@
-export { ThemeProvider_alias_1 as ThemeProvider } from '../_tsup-dts-rollup';
-export { useThemeContext_alias_1 as useThemeContext } from '../_tsup-dts-rollup';
-export { DefaultThemes_alias_1 as DefaultThemes } from '../_tsup-dts-rollup';
-export { CustomThemes_alias_1 as CustomThemes } from '../_tsup-dts-rollup';
-export { ColorModes_alias_1 as ColorModes } from '../_tsup-dts-rollup';
-export { ThemeContextValue_alias_1 as ThemeContextValue } from '../_tsup-dts-rollup';
-export { THEME_KEY_alias_1 as THEME_KEY } from '../_tsup-dts-rollup';
-export { MODE_KEY_alias_1 as MODE_KEY } from '../_tsup-dts-rollup';

package/build/legacy/hooks/useTheme.d.ts

@@ -1 +0,0 @@
-export { useTheme_alias_1 as useTheme } from '../_tsup-dts-rollup';

package/build/legacy/index.d.ts

@@ -1,58 +0,0 @@
-export { Button } from './_tsup-dts-rollup';
-export { ButtonProps } from './_tsup-dts-rollup';
-export { FieldMessage } from './_tsup-dts-rollup';
-export { FieldMessageProps } from './_tsup-dts-rollup';
-export { IconButton } from './_tsup-dts-rollup';
-export { IconButtonUsage } from './_tsup-dts-rollup';
-export { IconButtonProps } from './_tsup-dts-rollup';
-export { Input } from './_tsup-dts-rollup';
-export { InputProps } from './_tsup-dts-rollup';
-export { Label } from './_tsup-dts-rollup';
-export { LabelProps } from './_tsup-dts-rollup';
-export { NavMenuTrigger } from './_tsup-dts-rollup';
-export { NavMenuTriggerProps } from './_tsup-dts-rollup';
-export { getPosition } from './_tsup-dts-rollup';
-export { NavMenuList } from './_tsup-dts-rollup';
-export { NavMenuListProps } from './_tsup-dts-rollup';
-export { NavMenuLink } from './_tsup-dts-rollup';
-export { NavMenuLinkProps } from './_tsup-dts-rollup';
-export { Tab } from './_tsup-dts-rollup';
-export { TabProps } from './_tsup-dts-rollup';
-export { TabList } from './_tsup-dts-rollup';
-export { TabListProps } from './_tsup-dts-rollup';
-export { TabPanel } from './_tsup-dts-rollup';
-export { TabPanelProps } from './_tsup-dts-rollup';
-export { Tag } from './_tsup-dts-rollup';
-export { NonActionablePalette } from './_tsup-dts-rollup';
-export { TagProps } from './_tsup-dts-rollup';
-export { ClickableTagProps } from './_tsup-dts-rollup';
-export { Textarea } from './_tsup-dts-rollup';
-export { TextareaProps } from './_tsup-dts-rollup';
-export { Show } from './_tsup-dts-rollup';
-export { ShowProps } from './_tsup-dts-rollup';
-export { Field } from './_tsup-dts-rollup';
-export { useFieldContext } from './_tsup-dts-rollup';
-export { FieldContextValue } from './_tsup-dts-rollup';
-export { NavMenu } from './_tsup-dts-rollup';
-export { useNavMenuContext } from './_tsup-dts-rollup';
-export { NavTriggerRef } from './_tsup-dts-rollup';
-export { NavMenuRef } from './_tsup-dts-rollup';
-export { NavMenuContextValue } from './_tsup-dts-rollup';
-export { Tabs } from './_tsup-dts-rollup';
-export { useTabsContext } from './_tsup-dts-rollup';
-export { TabsContextValue } from './_tsup-dts-rollup';
-export { TabsContext } from './_tsup-dts-rollup';
-export { TabsProps } from './_tsup-dts-rollup';
-export { ThemeProvider } from './_tsup-dts-rollup';
-export { useThemeContext } from './_tsup-dts-rollup';
-export { DefaultThemes } from './_tsup-dts-rollup';
-export { CustomThemes } from './_tsup-dts-rollup';
-export { ColorModes } from './_tsup-dts-rollup';
-export { ThemeContextValue } from './_tsup-dts-rollup';
-export { THEME_KEY } from './_tsup-dts-rollup';
-export { MODE_KEY } from './_tsup-dts-rollup';
-export { useTheme } from './_tsup-dts-rollup';
-export { createNavTriggerProps } from './_tsup-dts-rollup';
-export { NavTriggerAriaValues } from './_tsup-dts-rollup';
-export { useTabsKeyboardNavigation } from './_tsup-dts-rollup';
-export { Positions } from './_tsup-dts-rollup';

package/build/legacy/types.d.ts

@@ -1 +0,0 @@
-export { Positions_alias_1 as Positions } from './_tsup-dts-rollup';

package/build/modern/aria-helpers/nav-menu.aria.d.ts

@@ -1,2 +0,0 @@
-export { createNavTriggerProps_alias_1 as createNavTriggerProps } from '../_tsup-dts-rollup';
-export { NavTriggerAriaValues_alias_1 as NavTriggerAriaValues } from '../_tsup-dts-rollup';

package/build/modern/aria-helpers/tabs.aria.d.ts

@@ -1 +0,0 @@
-export { useTabsKeyboardNavigation_alias_1 as useTabsKeyboardNavigation } from '../_tsup-dts-rollup';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  ariaLabel: string\n  palette?: ButtonProps['palette']\n  usage?: IconButtonUsage\n  shape?: 'circle'\n  size?: 'sm' | 'lg'\n  tooltipPosition?: 'top' | 'bottom' | 'left' | 'right'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const { ariaLabel, palette, usage, size, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      data-tooltip\n      data-position={props.tooltipPosition ?? 'top'}\n      aria-label={ariaLabel ?? 'Icon Button'}\n      className={cx(\n        nativeProps.className,\n        iconButton({\n          palette,\n          usage,\n          size,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AA0BvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,MAAM,GAAG,YAAY,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,iBAAe,MAAM,mBAAmB;AAAA,MACxC,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { button } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Button component.\n * @module\n */\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  palette?: 'action' | 'danger'\n  usage?: 'filled' | 'outline' | 'text'\n  shape?: 'sharp' | 'rounded'\n}\n\n/**\n * A component that allows the user to perform actions\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/Button.tsx\n */\nexport function Button(props: ButtonProps): JSX.Element {\n  const { palette, usage, shape, ...nativeProps } = props\n  return (\n    <button\n      {...nativeProps}\n      className={cx(\n        nativeProps.className,\n        button({\n          palette,\n          usage,\n          shape,\n        }),\n      )}\n    />\n  )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,cAAc;AAoBnB;AAHG,SAAS,OAAO,OAAiC;AACtD,QAAM,EAAE,SAAS,OAAO,OAAO,GAAG,YAAY,IAAI;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/components/Button.d.ts

@@ -1,2 +0,0 @@
-export { Button_alias_1 as Button } from '../_tsup-dts-rollup';
-export { ButtonProps_alias_1 as ButtonProps } from '../_tsup-dts-rollup';

package/build/modern/components/FieldMessage.d.ts

@@ -1,2 +0,0 @@
-export { FieldMessage_alias_1 as FieldMessage } from '../_tsup-dts-rollup';
-export { FieldMessageProps_alias_1 as FieldMessageProps } from '../_tsup-dts-rollup';

package/build/modern/components/IconButton.d.ts

@@ -1,3 +0,0 @@
-export { IconButton_alias_1 as IconButton } from '../_tsup-dts-rollup';
-export { IconButtonUsage_alias_1 as IconButtonUsage } from '../_tsup-dts-rollup';
-export { IconButtonProps_alias_1 as IconButtonProps } from '../_tsup-dts-rollup';