@cerberus-design/react 0.17.1 → 0.18.0

package/build/legacy/components/switch/switch.cjs

@@ -25,15 +25,15 @@ __export(switch_exports, {
 module.exports = __toCommonJS(switch_exports);
 
 // src/components/switch/primitives.tsx
-var import_react = require("@ark-ui/react");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_switch = require("@ark-ui/react/switch");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function SwitchRoot(props) {
   const { size, ...rootProps } = props;
   const styles = (0, import_recipes.switchRecipe)({ size });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Switch.Root,
+    import_switch.Switch.Root,
     {
       ...rootProps,
       className: (0, import_css.cx)(styles.root, rootProps.className)
@@ -42,12 +42,12 @@ function SwitchRoot(props) {
 }
 function SwitchLabel(props) {
   const styles = (0, import_recipes.switchRecipe)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.Label, { ...props, className: (0, import_css.cx)(styles.label, props.className) });
 }
 function SwitchControl(props) {
   const styles = (0, import_recipes.switchRecipe)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Switch.Control,
+    import_switch.Switch.Control,
     {
       ...props,
       className: (0, import_css.cx)(styles.control, props.className)
@@ -56,9 +56,11 @@ function SwitchControl(props) {
 }
 function SwitchThumb(props) {
   const styles = (0, import_recipes.switchRecipe)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.Thumb, { ...props, className: (0, import_css.cx)(styles.thumb, props.className) });
+}
+function SwitchHiddenInput(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.HiddenInput, { ...props });
 }
-var SwitchHiddenInput = import_react.Switch.HiddenInput;
 
 // src/components/switch/parts.ts
 var SwitchParts = {
@@ -70,11 +72,11 @@ var SwitchParts = {
 };
 
 // src/context/cerberus.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var CerberusContext = (0, import_react2.createContext)(null);
+var CerberusContext = (0, import_react.createContext)(null);
 function useCerberusContext() {
-  const context = (0, import_react2.useContext)(CerberusContext);
+  const context = (0, import_react.useContext)(CerberusContext);
   if (!context) {
     throw new Error("useCerberus must be used within a CerberusProvider");
   }

package/build/legacy/components/switch/switch.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/switch/switch.tsx","../../../../src/components/switch/primitives.tsx","../../../../src/components/switch/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/switch/switch-indicator.tsx"],"sourcesContent":["import type { SwitchRootProps } from '@ark-ui/react'\nimport type { SwitchRecipeVariantProps } from '@cerberus/styled-system/recipes'\nimport { SwitchParts } from './parts'\nimport { SwitchIndicator } from './switch-indicator'\n\nexport type SwitchProps = SwitchRootProps & SwitchRecipeVariantProps\n\n/**\n * The Switch component is a and abstraction of the primitives that displays a\n * controlled Switch with a label.\n * @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch\n * @description [Ark Docs] https://ark-ui.com/docs/components/switch\n */\nexport function Switch(props: SwitchProps) {\n  const { children, ...rootProps } = props\n\n  return (\n    <SwitchParts.Root {...rootProps}>\n      <SwitchParts.Control>\n        <SwitchParts.Thumb>\n          <SwitchIndicator />\n        </SwitchParts.Thumb>\n      </SwitchParts.Control>\n\n      <SwitchParts.Label>{children}</SwitchParts.Label>\n\n      <SwitchParts.HiddenInput />\n    </SwitchParts.Root>\n  )\n}\n","import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react'\nimport { cx } from '@cerberus/styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport const SwitchHiddenInput = Switch.HiddenInput\n","import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Switch parts.\n * @module 'switch/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\n\nexport function SwitchIndicator() {\n  const { icons } = useCerberusContext()\n  const { toggleChecked: CheckIcon } = icons\n  return <CheckIcon />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA;AAAA;;;ACAA,mBAMO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,oBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,oBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,IAAM,oBAAoB,oBAAO;;;ACtBjC,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;;;AClDA,IAAAC,gBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,6BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,0BAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ACpCS,IAAAC,sBAAA;AAHF,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,UAAU,IAAI;AACrC,SAAO,6CAAC,aAAU;AACpB;;;AJSI,IAAAC,sBAAA;AAJG,SAASC,QAAO,OAAoB;AACzC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,SACE,8CAAC,YAAY,MAAZ,EAAkB,GAAG,WACpB;AAAA,iDAAC,YAAY,SAAZ,EACC,uDAAC,YAAY,OAAZ,EACC,uDAAC,mBAAgB,GACnB,GACF;AAAA,IAEA,6CAAC,YAAY,OAAZ,EAAmB,UAAS;AAAA,IAE7B,6CAAC,YAAY,aAAZ,EAAwB;AAAA,KAC3B;AAEJ;","names":["Switch","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Switch"]}
+{"version":3,"sources":["../../../../src/components/switch/switch.tsx","../../../../src/components/switch/primitives.tsx","../../../../src/components/switch/parts.ts","../../../../src/context/cerberus.tsx","../../../../src/components/switch/switch-indicator.tsx"],"sourcesContent":["import type { SwitchRootProps } from '@ark-ui/react'\nimport type { SwitchRecipeVariantProps } from 'styled-system/recipes'\nimport { SwitchParts } from './parts'\nimport { SwitchIndicator } from './switch-indicator'\n\nexport type SwitchProps = SwitchRootProps & SwitchRecipeVariantProps\n\n/**\n * The Switch component is a and abstraction of the primitives that displays a\n * controlled Switch with a label.\n * @description [Cerberus Docs] https://cerberus.digitalu.design/react/switch\n * @description [Ark Docs] https://ark-ui.com/docs/components/switch\n */\nexport function Switch(props: SwitchProps) {\n  const { children, ...rootProps } = props\n\n  return (\n    <SwitchParts.Root {...rootProps}>\n      <SwitchParts.Control>\n        <SwitchParts.Thumb>\n          <SwitchIndicator />\n        </SwitchParts.Thumb>\n      </SwitchParts.Control>\n\n      <SwitchParts.Label>{children}</SwitchParts.Label>\n\n      <SwitchParts.HiddenInput />\n    </SwitchParts.Root>\n  )\n}\n","import {\n  Switch,\n  type SwitchControlProps,\n  type SwitchHiddenInputProps,\n  type SwitchLabelProps,\n  type SwitchRootProps,\n  type SwitchThumbProps,\n} from '@ark-ui/react/switch'\nimport { cx } from 'styled-system/css'\nimport {\n  switchRecipe,\n  type SwitchRecipeVariantProps,\n} from 'styled-system/recipes'\n\n/**\n * This module contains the Switch primitives\n * @module 'react/switch'\n */\n\n/**\n * The SwitchRoot component is the context provider for the Switch components.\n */\nexport function SwitchRoot(props: SwitchRootProps & SwitchRecipeVariantProps) {\n  const { size, ...rootProps } = props\n  const styles = switchRecipe({ size })\n  return (\n    <Switch.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The SwitchLabel component is the label for the Switch.\n */\nexport function SwitchLabel(props: SwitchLabelProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Label {...props} className={cx(styles.label, props.className)} />\n  )\n}\n\n/**\n * The SwitchControl component is the visual input for the Switch.\n */\nexport function SwitchControl(props: SwitchControlProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Control\n      {...props}\n      className={cx(styles.control, props.className)}\n    />\n  )\n}\n\n/**\n * The SwitchThumb component is the thumb for the Switch.\n */\nexport function SwitchThumb(props: SwitchThumbProps) {\n  const styles = switchRecipe()\n  return (\n    <Switch.Thumb {...props} className={cx(styles.thumb, props.className)} />\n  )\n}\n\n/**\n * The SwitchHiddenInput component is the native input for the Switch.\n */\nexport function SwitchHiddenInput(props: SwitchHiddenInputProps) {\n  return <Switch.HiddenInput {...props} />\n}\n","import type { ElementType } from 'react'\nimport {\n  SwitchControl,\n  SwitchLabel,\n  SwitchRoot,\n  SwitchThumb,\n  SwitchHiddenInput,\n} from './primitives'\n\n/**\n * This module contains the parts of the Switch parts.\n * @module 'switch/parts'\n */\n\ninterface SwitchPartsValue {\n  /**\n   * The container of the field.\n   */\n  Root: ElementType\n  /**\n   * The label of the field.\n   */\n  Label: ElementType\n  /**\n   * The visual input of the switch.\n   */\n  Control: ElementType\n  /**\n   * The thumb item of the switch.\n   */\n  Thumb: ElementType\n  /**\n   * The native input for the switch.\n   */\n  HiddenInput: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the SwitchParts object and\n * the entire family of components vs. only what you use.\n */\nexport const SwitchParts: SwitchPartsValue = {\n  Root: SwitchRoot,\n  Label: SwitchLabel,\n  Control: SwitchControl,\n  Thumb: SwitchThumb,\n  HiddenInput: SwitchHiddenInput,\n}\n","'use client'\n\nimport { createContext, useContext, type PropsWithChildren } from 'react'\nimport type { SystemConfig } from '../config'\n\n/**\n * This  module contains the Cerberus configuration context and helpers.\n * @module context/cerberus\n */\n\ntype CerberusContextValue = SystemConfig\n\nconst CerberusContext = createContext<CerberusContextValue | null>(null)\n\ninterface CerberusProviderProps {\n  config: SystemConfig\n}\n\n/**\n * Cerberus configuration provider.\n * @param props.config The Cerberus configuration created with\n * `makeSystemConfig` helper.\n */\nexport function CerberusProvider(\n  props: PropsWithChildren<CerberusProviderProps>,\n) {\n  return (\n    <CerberusContext.Provider value={props.config}>\n      {props.children}\n    </CerberusContext.Provider>\n  )\n}\n\n/**\n * Returns the Cerberus configuration context.\n * @returns The Cerberus configuration context.\n */\nexport function useCerberusContext() {\n  const context = useContext(CerberusContext)\n  if (!context) {\n    throw new Error('useCerberus must be used within a CerberusProvider')\n  }\n  return context\n}\n","'use client'\n\nimport { useCerberusContext } from '../../context/cerberus'\n\nexport function SwitchIndicator() {\n  const { icons } = useCerberusContext()\n  const { toggleChecked: CheckIcon } = icons\n  return <CheckIcon />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA;AAAA;;;ACAA,oBAOO;AACP,iBAAmB;AACnB,qBAGO;AAcH;AAJG,SAAS,WAAW,OAAmD;AAC5E,QAAM,EAAE,MAAM,GAAG,UAAU,IAAI;AAC/B,QAAM,aAAS,6BAAa,EAAE,KAAK,CAAC;AACpC,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,qBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,cAAc,OAA2B;AACvD,QAAM,aAAS,6BAAa;AAC5B,SACE;AAAA,IAAC,qBAAO;AAAA,IAAP;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA;AAAA,EAC/C;AAEJ;AAKO,SAAS,YAAY,OAAyB;AACnD,QAAM,aAAS,6BAAa;AAC5B,SACE,4CAAC,qBAAO,OAAP,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS,GAAG;AAE3E;AAKO,SAAS,kBAAkB,OAA+B;AAC/D,SAAO,4CAAC,qBAAO,aAAP,EAAoB,GAAG,OAAO;AACxC;;;ACzBO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AACf;;;AClDA,mBAAkE;AAyB9D,IAAAC,sBAAA;AAfJ,IAAM,sBAAkB,4BAA2C,IAAI;AAyBhE,SAAS,qBAAqB;AACnC,QAAM,cAAU,yBAAW,eAAe;AAC1C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AACA,SAAO;AACT;;;ACpCS,IAAAC,sBAAA;AAHF,SAAS,kBAAkB;AAChC,QAAM,EAAE,MAAM,IAAI,mBAAmB;AACrC,QAAM,EAAE,eAAe,UAAU,IAAI;AACrC,SAAO,6CAAC,aAAU;AACpB;;;AJSI,IAAAC,sBAAA;AAJG,SAASC,QAAO,OAAoB;AACzC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AAEnC,SACE,8CAAC,YAAY,MAAZ,EAAkB,GAAG,WACpB;AAAA,iDAAC,YAAY,SAAZ,EACC,uDAAC,YAAY,OAAZ,EACC,uDAAC,mBAAgB,GACnB,GACF;AAAA,IAEA,6CAAC,YAAY,OAAZ,EAAmB,UAAS;AAAA,IAE7B,6CAAC,YAAY,aAAZ,EAAwB;AAAA,KAC3B;AAEJ;","names":["Switch","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","Switch"]}

package/build/legacy/components/table/index.cjs

@@ -37,8 +37,8 @@ module.exports = __toCommonJS(table_exports);
 
 // src/components/table/primitives.tsx
 var import_factory = require("@ark-ui/react/factory");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TableRoot(props) {
   const { decoration, size, ...rootProps } = props;
@@ -180,22 +180,24 @@ var TableParts = {
 };
 
 // src/components/Show.tsx
-var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
+  if (when) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  }
+  return null;
 }
 
 // src/components/table/table.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function TableRootEl(props) {
   const { sticky, caption, ...rootProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TableEl, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: Boolean(caption), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Caption, { children: caption }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TableEl, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: caption, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Caption, { children: caption }) }),
     rootProps.children
   ] }) });
 }

package/build/legacy/components/table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/index.ts","../../../../src/components/table/primitives.tsx","../../../../src/components/table/parts.ts","../../../../src/components/Show.tsx","../../../../src/components/table/table.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './table'\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n","import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from '@cerberus/styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={Boolean(caption)}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/table/index.ts","../../../../src/components/table/primitives.tsx","../../../../src/components/table/parts.ts","../../../../src/components/Show.tsx","../../../../src/components/table/table.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './table'\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { table, type TableVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n","import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from 'styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={caption}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime"]}

package/build/legacy/components/table/parts.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/table/primitives.tsx
 var import_factory = require("@ark-ui/react/factory");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TableRoot(props) {
   const { decoration, size, ...rootProps } = props;

package/build/legacy/components/table/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/parts.ts","../../../../src/components/table/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/table/parts.ts","../../../../src/components/table/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TableRoot,\n  Thead,\n  Th,\n  Tbody,\n  Tr,\n  Td,\n  Tfoot,\n  TableEl,\n  Caption,\n  TableTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Table parts.\n * @module 'table/parts'\n */\n\nexport interface TablePartsValue {\n  /**\n   * The container of the table.\n   */\n  Root: ElementType\n  /**\n   * The table element.\n   */\n  Table: ElementType\n  /**\n   * The table caption element.\n   */\n  Caption: ElementType\n  /**\n   * The table head element.\n   */\n  Header: ElementType\n  /**\n   * The table header cell element.\n   */\n  HeaderCol: ElementType\n  /**\n   * The table body element.\n   */\n  Body: ElementType\n  /**\n   * The table row element.\n   */\n  Row: ElementType\n  /**\n   * The table cell element.\n   */\n  Cell: ElementType\n  /**\n   * The table footer element.\n   */\n  Footer: ElementType\n  /**\n   * The table trigger element.\n   */\n  Trigger: ElementType\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TableParts: TablePartsValue = {\n  Root: TableRoot,\n  Table: TableEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { table, type TableVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":"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","names":[]}

package/build/legacy/components/table/primitives.cjs

@@ -33,8 +33,8 @@ __export(primitives_exports, {
 });
 module.exports = __toCommonJS(primitives_exports);
 var import_factory = require("@ark-ui/react/factory");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TableRoot(props) {
   const { decoration, size, ...rootProps } = props;

package/build/legacy/components/table/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/table/primitives.tsx"],"sourcesContent":["import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { table, type TableVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAuC;AACvC,iBAAmB;AACnB,qBAA8C;AAkB1C;AARG,SAAS,UAAU,OAAgD;AACxE,QAAM,EAAE,YAAY,MAAM,GAAG,UAAU,IAAI;AAC3C,QAAM,aAAS,sBAAM;AAAA,IACnB;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA,MAC9C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAA8B;AACpD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,QAAQ,OAAgC;AACtD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,GAAG,OAA2B;AAC5C,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,IAAI,MAAM,SAAS;AAAA,MACxC,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,MAAM,OAA8B;AAClD,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,OAAO,MAAM,SAAS;AAAA,MAC3C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;AAKO,SAAS,aAAa,OAA+B;AAC1D,QAAM,aAAS,sBAAM;AACrB,SACE;AAAA,IAAC,mBAAI;AAAA,IAAJ;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS;AAAA,MAC7C,cAAW;AAAA,MACX,aAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/build/legacy/components/table/table.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(table_exports);
 
 // src/components/table/primitives.tsx
 var import_factory = require("@ark-ui/react/factory");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TableRoot(props) {
   const { decoration, size, ...rootProps } = props;
@@ -155,22 +155,24 @@ function TableTrigger(props) {
 }
 
 // src/components/Show.tsx
-var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Show(props) {
   const { when, children, fallback } = props;
-  const condition = (0, import_react.useMemo)(() => when ?? false, [when]);
-  return (0, import_react.useMemo)(() => {
-    if (condition) return children;
-    return fallback ?? null;
-  }, [condition, children, fallback]);
+  if (when) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+  }
+  if (fallback) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: fallback });
+  }
+  return null;
 }
 
 // src/components/table/table.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function TableRootEl(props) {
   const { sticky, caption, ...rootProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TableEl, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Show, { when: Boolean(caption), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Caption, { children: caption }) }),
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TableRoot, { ...rootProps, "data-sticky": sticky ?? false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(TableEl, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Show, { when: caption, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Caption, { children: caption }) }),
     rootProps.children
   ] }) });
 }

package/build/legacy/components/table/table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/table.tsx","../../../../src/components/table/primitives.tsx","../../../../src/components/Show.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from '@cerberus/styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={Boolean(caption)}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from '@cerberus/styled-system/css'\nimport { table, type TableVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","'use client'\n\nimport { useMemo, type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show(props: PropsWithChildren<ShowProps>): ReactNode {\n  const { when, children, fallback } = props\n  const condition = useMemo(() => when ?? false, [when])\n\n  return useMemo(() => {\n    if (condition) return children\n    return fallback ?? null\n  }, [condition, children, fallback])\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}
+{"version":3,"sources":["../../../../src/components/table/table.tsx","../../../../src/components/table/primitives.tsx","../../../../src/components/Show.tsx"],"sourcesContent":["import type { HTMLArkProps } from '@ark-ui/react/factory'\nimport type { TablePartsValue } from './parts'\nimport {\n  Caption,\n  TableEl,\n  TableRoot,\n  TableTrigger,\n  Tbody,\n  Td,\n  Tfoot,\n  Th,\n  Thead,\n  Tr,\n} from './primitives'\nimport type { TableVariantProps } from 'styled-system/recipes'\nimport { Show } from '../Show'\n\ninterface TableRootElProps extends HTMLArkProps<'div'>, TableVariantProps {\n  /**\n   * An easy to understand description of the table. Required for accessibility.\n   */\n  caption: string\n  /**\n   * If true, the table header will be sticky.\n   *\n   * @default false\n   */\n  sticky?: boolean\n}\n\n/**\n * An abstraction over the TableRoot component that adds a sticky attribute.\n *\n * @description [Cerberus Docs](https://cerberus.digitalu.design/react/table)\n *\n * @remarks\n *\n * This component is used to create a table with an optional sticky header.\n * It is a wrapper around the TableRoot component and the TableEl primitive.\n */\nfunction TableRootEl(props: TableRootElProps) {\n  const { sticky, caption, ...rootProps } = props\n  return (\n    <TableRoot {...rootProps} data-sticky={sticky ?? false}>\n      <TableEl>\n        <Show when={caption}>\n          <Caption>{caption}</Caption>\n        </Show>\n\n        {rootProps.children}\n      </TableEl>\n    </TableRoot>\n  )\n}\n\n/**\n * An Object containing the parts of the Table component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TableParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Table: Omit<TablePartsValue, 'Table'> = {\n  Root: TableRootEl,\n  Caption: Caption,\n  Header: Thead,\n  HeaderCol: Th,\n  Body: Tbody,\n  Row: Tr,\n  Cell: Td,\n  Footer: Tfoot,\n  Trigger: TableTrigger,\n}\n","import { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport { cx } from 'styled-system/css'\nimport { table, type TableVariantProps } from 'styled-system/recipes'\n\n/**\n * This module contains the primitives of the Table component.\n * @module 'table/primitives'\n */\n\n/**\n * The root element is the container of the Table.\n */\nexport function TableRoot(props: HTMLArkProps<'div'> & TableVariantProps) {\n  const { decoration, size, ...rootProps } = props\n  const styles = table({\n    decoration,\n    size,\n  })\n\n  return (\n    <ark.div\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n      data-scope=\"table\"\n      data-part=\"root\"\n    />\n  )\n}\n\n/**\n * The table element is the table itself.\n */\nexport function TableEl(props: HTMLArkProps<'table'>) {\n  const styles = table()\n  return (\n    <ark.table\n      {...props}\n      className={cx(styles.table, props.className)}\n      data-scope=\"table\"\n      data-part=\"table\"\n    />\n  )\n}\n\n/**\n * The table caption element is the caption of the table.\n */\nexport function Caption(props: HTMLArkProps<'caption'>) {\n  const styles = table()\n  return (\n    <ark.caption\n      {...props}\n      className={cx(styles.caption, props.className)}\n      data-scope=\"table\"\n      data-part=\"caption\"\n    />\n  )\n}\n\n/**\n * The table head element is the head of the table.\n */\nexport function Thead(props: HTMLArkProps<'thead'>) {\n  const styles = table()\n  return (\n    <ark.thead\n      {...props}\n      className={cx(styles.thead, props.className)}\n      data-scope=\"table\"\n      data-part=\"header\"\n    />\n  )\n}\n\n/**\n * The table header cell element is the header cell of the table.\n */\nexport function Th(props: HTMLArkProps<'th'>) {\n  const styles = table()\n  return (\n    <ark.th\n      {...props}\n      className={cx(styles.th, props.className)}\n      data-scope=\"table\"\n      data-part=\"header-col\"\n    />\n  )\n}\n\n/**\n * The table body element is the body of the table.\n */\nexport function Tbody(props: HTMLArkProps<'tbody'>) {\n  const styles = table()\n  return (\n    <ark.tbody\n      {...props}\n      className={cx(styles.tbody, props.className)}\n      data-scope=\"table\"\n      data-part=\"body\"\n    />\n  )\n}\n\n/**\n * The table row element is the row of the table.\n */\nexport function Tr(props: HTMLArkProps<'tr'>) {\n  const styles = table()\n  return (\n    <ark.tr\n      {...props}\n      className={cx(styles.tr, props.className)}\n      data-scope=\"table\"\n      data-part=\"row\"\n    />\n  )\n}\n\n/**\n * The table cell element is the cell of the table.\n */\nexport function Td(props: HTMLArkProps<'td'>) {\n  const styles = table()\n  return (\n    <ark.td\n      {...props}\n      className={cx(styles.td, props.className)}\n      data-scope=\"table\"\n      data-part=\"cell\"\n    />\n  )\n}\n\n/**\n * The table footer element is the footer of the table.\n */\nexport function Tfoot(props: HTMLArkProps<'tfoot'>) {\n  const styles = table()\n  return (\n    <ark.tfoot\n      {...props}\n      className={cx(styles.tfoot, props.className)}\n      data-scope=\"table\"\n      data-part=\"footer\"\n    />\n  )\n}\n\n/**\n * The table trigger element is the trigger of an actionable th cell.\n */\nexport function TableTrigger(props: HTMLArkProps<'button'>) {\n  const styles = table()\n  return (\n    <ark.button\n      {...props}\n      className={cx(styles.trigger, props.className)}\n      data-scope=\"table\"\n      data-part=\"trigger\"\n    />\n  )\n}\n","import { type PropsWithChildren, type ReactNode } from 'react'\n\n/**\n * This module contains the Show component.\n * @module\n */\n\nexport interface ShowProps<T> {\n  /**\n   * The condition to render memoized children or the fallback content.\n   */\n  when: T | boolean | null | undefined\n  /**\n   * The children to render when the condition is false.\n   */\n  fallback?: ReactNode\n}\n\n/**\n * Conditionally render a memoized version of the children or optional fallback\n * content.\n * @see https://cerberus.digitalu.design/react/show\n * @example\n * ```tsx\n * <Show when={isLoggedIn} fallback={<Navigate to=\"/login\" />}>\n *   <Dashboard />\n * </Show>\n */\nexport function Show<T>(props: PropsWithChildren<ShowProps<T>>) {\n  const { when, children, fallback } = props\n\n  if (when) {\n    return <>{children}</>\n  }\n\n  if (fallback) {\n    return <>{fallback}</>\n  }\n\n  return null\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_jsx_runtime"]}

package/build/legacy/components/tabs/index.cjs

@@ -32,8 +32,8 @@ module.exports = __toCommonJS(tabs_exports);
 
 // src/components/tabs/primitives.tsx
 var import_tabs = require("@ark-ui/react/tabs");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TabsRoot(props) {
   const { palette, ...rootProps } = props;

package/build/legacy/components/tabs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/tabs/index.ts","../../../../src/components/tabs/primitives.tsx","../../../../src/components/tabs/parts.ts","../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './tabs'\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n","import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ACvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;;;ACzBI,IAAAC,sBAAA;AAHJ,SAASC,UAAS,OAAqB;AACrC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,8CAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,6CAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAMC,QAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAMD;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":["Tabs","import_jsx_runtime","TabsList","Tabs"]}
+{"version":3,"sources":["../../../../src/components/tabs/index.ts","../../../../src/components/tabs/primitives.tsx","../../../../src/components/tabs/parts.ts","../../../../src/components/tabs/tabs.tsx"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\nexport * from './tabs'\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from 'styled-system/css'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n","import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ACvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;;;ACzBI,IAAAC,sBAAA;AAHJ,SAASC,UAAS,OAAqB;AACrC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,8CAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,6CAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAMC,QAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAMD;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":["Tabs","import_jsx_runtime","TabsList","Tabs"]}

package/build/legacy/components/tabs/parts.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(parts_exports);
 
 // src/components/tabs/primitives.tsx
 var import_tabs = require("@ark-ui/react/tabs");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TabsRoot(props) {
   const { palette, ...rootProps } = props;

package/build/legacy/components/tabs/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/tabs/parts.ts","../../../../src/components/tabs/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ADvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../../src/components/tabs/parts.ts","../../../../src/components/tabs/primitives.tsx"],"sourcesContent":["import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from 'styled-system/css'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ADvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;","names":[]}

package/build/legacy/components/tabs/primitives.cjs

@@ -28,8 +28,8 @@ __export(primitives_exports, {
 });
 module.exports = __toCommonJS(primitives_exports);
 var import_tabs = require("@ark-ui/react/tabs");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TabsRoot(props) {
   const { palette, ...rootProps } = props;

package/build/legacy/components/tabs/primitives.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/tabs/primitives.tsx"],"sourcesContent":["import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from 'styled-system/css'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;","names":[]}

package/build/legacy/components/tabs/tabs.cjs

@@ -26,8 +26,8 @@ module.exports = __toCommonJS(tabs_exports);
 
 // src/components/tabs/primitives.tsx
 var import_tabs = require("@ark-ui/react/tabs");
-var import_css = require("@cerberus/styled-system/css");
-var import_recipes = require("@cerberus/styled-system/recipes");
+var import_css = require("styled-system/css");
+var import_recipes = require("styled-system/recipes");
 var import_jsx_runtime = require("react/jsx-runtime");
 function TabsRoot(props) {
   const { palette, ...rootProps } = props;

package/build/legacy/components/tabs/tabs.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/tabs/tabs.tsx","../../../../src/components/tabs/primitives.tsx","../../../../src/components/tabs/parts.ts"],"sourcesContent":["import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from '@cerberus/styled-system/css'\nimport { tabs, type TabsVariantProps } from '@cerberus/styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ACvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;;;AFzBI,IAAAC,sBAAA;AAHJ,SAASC,UAAS,OAAqB;AACrC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,8CAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,6CAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAMC,QAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAMD;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":["Tabs","import_jsx_runtime","TabsList","Tabs"]}
+{"version":3,"sources":["../../../../src/components/tabs/tabs.tsx","../../../../src/components/tabs/primitives.tsx","../../../../src/components/tabs/parts.ts"],"sourcesContent":["import type { TabListProps } from '@ark-ui/react/tabs'\nimport { TabsParts, type TabsPartsValue } from './parts'\nimport type { ElementType } from 'react'\n\n/**\n * This module contains an abstraction of the Tabs family.\n * @module 'tabs'\n */\n\ninterface TabsValueProps\n  extends Omit<TabsPartsValue, 'Trigger' | 'Content' | 'Indicator'> {\n  /**\n   * A named component for the TabsTrigger.\n   */\n  Tab: ElementType\n  /**\n   * A named component for the TabsContent.\n   */\n  Panel: ElementType\n}\n\n/**\n * An abstraction of the TabsList component that includes the TabIndicator.\n */\nfunction TabsList(props: TabListProps) {\n  const { children, ...listProps } = props\n  return (\n    <TabsParts.List {...listProps}>\n      {children}\n      <TabsParts.Indicator />\n    </TabsParts.List>\n  )\n}\n\n/**\n * An Object containing the abstracted parts of the Tabs component.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const Tabs: TabsValueProps = {\n  Root: TabsParts.Root,\n  List: TabsList,\n  Tab: TabsParts.Trigger,\n  Panel: TabsParts.Content,\n}\n","import {\n  Tabs,\n  type TabContentProps,\n  type TabIndicatorProps,\n  type TabListProps,\n  type TabsRootProps,\n  type TabTriggerProps,\n} from '@ark-ui/react/tabs'\nimport { cx } from 'styled-system/css'\nimport { tabs, type TabsVariantProps } from 'styled-system/recipes'\n\n/**\n * This module provides the primitives for the Tabs component.\n * @module 'tabs/primitives'\n */\n\n/**\n * The container and context provider of the tabs.\n */\nexport function TabsRoot(props: TabsRootProps & TabsVariantProps) {\n  const { palette, ...rootProps } = props\n  const styles = tabs({ palette })\n  return (\n    <Tabs.Root\n      {...rootProps}\n      className={cx(styles.root, rootProps.className)}\n    />\n  )\n}\n\n/**\n * The tab list container for the Tabs group.\n */\nexport function TabsList(props: TabListProps) {\n  const styles = tabs()\n  return <Tabs.List {...props} className={cx(styles.list, props.className)} />\n}\n\n/**\n * The tab element.\n */\nexport function TabsTrigger(props: TabTriggerProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Trigger {...props} className={cx(styles.trigger, props.className)} />\n  )\n}\n\n/**\n * The tab content element.\n */\nexport function TabsContent(props: TabContentProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Content {...props} className={cx(styles.content, props.className)} />\n  )\n}\n\n/**\n * The tab indicator element.\n */\nexport function TabsIndicator(props: TabIndicatorProps) {\n  const styles = tabs()\n  return (\n    <Tabs.Indicator\n      {...props}\n      className={cx(styles.indicator, props.className)}\n    />\n  )\n}\n","import type { ElementType } from 'react'\nimport {\n  TabsContent,\n  TabsIndicator,\n  TabsList,\n  TabsRoot,\n  TabsTrigger,\n} from './primitives'\n\n/**\n * This module contains the parts of the Tabs parts.\n * @module 'tabs/parts'\n */\n\nexport interface TabsPartsValue {\n  /**\n   * The container of the tabs.\n   */\n  Root: ElementType\n  /**\n   * The tab list element.\n   */\n  List: ElementType\n  /**\n   * The tab element.\n   */\n  Trigger: ElementType\n  /**\n   * The tab content element.\n   */\n  Content: ElementType\n  /**\n   * The tab indicator element.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Switch component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the TabsParts object and\n * the entire family of components vs. only what you use.\n */\nexport const TabsParts: TabsPartsValue = {\n  Root: TabsRoot,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n  Indicator: TabsIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,cAAAA;AAAA;AAAA;;;ACAA,kBAOO;AACP,iBAAmB;AACnB,qBAA4C;AAcxC;AAJG,SAAS,SAAS,OAAyC;AAChE,QAAM,EAAE,SAAS,GAAG,UAAU,IAAI;AAClC,QAAM,aAAS,qBAAK,EAAE,QAAQ,CAAC;AAC/B,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,MAAM,UAAU,SAAS;AAAA;AAAA,EAChD;AAEJ;AAKO,SAAS,SAAS,OAAqB;AAC5C,QAAM,aAAS,qBAAK;AACpB,SAAO,4CAAC,iBAAK,MAAL,EAAW,GAAG,OAAO,eAAW,eAAG,OAAO,MAAM,MAAM,SAAS,GAAG;AAC5E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,YAAY,OAAwB;AAClD,QAAM,aAAS,qBAAK;AACpB,SACE,4CAAC,iBAAK,SAAL,EAAc,GAAG,OAAO,eAAW,eAAG,OAAO,SAAS,MAAM,SAAS,GAAG;AAE7E;AAKO,SAAS,cAAc,OAA0B;AACtD,QAAM,aAAS,qBAAK;AACpB,SACE;AAAA,IAAC,iBAAK;AAAA,IAAL;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,eAAG,OAAO,WAAW,MAAM,SAAS;AAAA;AAAA,EACjD;AAEJ;;;ACvBO,IAAM,YAA4B;AAAA,EACvC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AACb;;;AFzBI,IAAAC,sBAAA;AAHJ,SAASC,UAAS,OAAqB;AACrC,QAAM,EAAE,UAAU,GAAG,UAAU,IAAI;AACnC,SACE,8CAAC,UAAU,MAAV,EAAgB,GAAG,WACjB;AAAA;AAAA,IACD,6CAAC,UAAU,WAAV,EAAoB;AAAA,KACvB;AAEJ;AAUO,IAAMC,QAAuB;AAAA,EAClC,MAAM,UAAU;AAAA,EAChB,MAAMD;AAAA,EACN,KAAK,UAAU;AAAA,EACf,OAAO,UAAU;AACnB;","names":["Tabs","import_jsx_runtime","TabsList","Tabs"]}

package/build/legacy/components/toggle/index.cjs

@@ -28,8 +28,13 @@ module.exports = __toCommonJS(toggle_exports);
 
 // src/components/toggle/primitives.tsx
 var import_toggle = require("@ark-ui/react/toggle");
-var ToggleRoot = import_toggle.Toggle.Root;
-var ToggleIndicator = import_toggle.Toggle.Indicator;
+var import_jsx_runtime = require("react/jsx-runtime");
+function ToggleRoot(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Root, { ...props });
+}
+function ToggleIndicator(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toggle.Toggle.Indicator, { ...props });
+}
 
 // src/components/toggle/parts.ts
 var ToggleParts = {

package/build/legacy/components/toggle/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/toggle/index.ts","../../../../src/components/toggle/primitives.tsx","../../../../src/components/toggle/parts.ts"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\n","import { Toggle } from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport const ToggleRoot = Toggle.Root\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport const ToggleIndicator = Toggle.Indicator\n","import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAuB;AAUhB,IAAM,aAAa,qBAAO;AAM1B,IAAM,kBAAkB,qBAAO;;;ACY/B,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../../src/components/toggle/index.ts","../../../../src/components/toggle/primitives.tsx","../../../../src/components/toggle/parts.ts"],"sourcesContent":["export * from './parts'\nexport * from './primitives'\n","import {\n  Toggle,\n  type ToggleIndicatorProps,\n  type ToggleRootProps,\n} from '@ark-ui/react/toggle'\n\n/**\n * This module provides the Toggle primitives.\n * @module 'react/toggle'\n */\n\n/**\n * The ToggleRoot is used to manage the state of the Toggle component.\n */\nexport function ToggleRoot(props: ToggleRootProps) {\n  return <Toggle.Root {...props} />\n}\n\n/**\n * The ToggleIndicator is used to render the indicator of the Toggle component\n * based on the pressed state.\n */\nexport function ToggleIndicator(props: ToggleIndicatorProps) {\n  return <Toggle.Indicator {...props} />\n}\n","import type { ElementType } from 'react'\nimport { ToggleRoot, ToggleIndicator } from './primitives'\n\n/**\n * This module contains the parts of the Toggle parts.\n * @module 'toggle/parts'\n */\n\ninterface TogglePartsValue {\n  /**\n   * The container of the toggle.\n   */\n  Root: ElementType\n  /**\n   * The indicator that appears when a toggle is pressed.\n   */\n  Indicator: ElementType\n}\n\n/**\n * An Object containing the parts of the Radio component. For users that\n * prefer Object component syntax.\n *\n * @remarks\n *\n * When using object component syntax, you import the RadioParts object and\n * the entire family of components vs. only what you use.\n */\nexport const ToggleParts: TogglePartsValue = {\n  Root: ToggleRoot,\n  Indicator: ToggleIndicator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAIO;AAWE;AADF,SAAS,WAAW,OAAwB;AACjD,SAAO,4CAAC,qBAAO,MAAP,EAAa,GAAG,OAAO;AACjC;AAMO,SAAS,gBAAgB,OAA6B;AAC3D,SAAO,4CAAC,qBAAO,WAAP,EAAkB,GAAG,OAAO;AACtC;;;ACIO,IAAM,cAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,WAAW;AACb;","names":[]}