@cerberus-design/react 0.16.0 → 0.17.0-next-e7f9956

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

@@ -0,0 +1,192 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/table.tsx
+var table_exports = {};
+__export(table_exports, {
+  Table: () => Table
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function TableRoot(props) {
+  const { decoration, size, ...rootProps } = props;
+  const styles = (0, import_recipes.table)({
+    decoration,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.div,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className),
+      "data-scope": "table",
+      "data-part": "root"
+    }
+  );
+}
+function TableEl(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.table,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.table, props.className),
+      "data-scope": "table",
+      "data-part": "table"
+    }
+  );
+}
+function Caption(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.caption,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.caption, props.className),
+      "data-scope": "table",
+      "data-part": "caption"
+    }
+  );
+}
+function Thead(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.thead,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.thead, props.className),
+      "data-scope": "table",
+      "data-part": "header"
+    }
+  );
+}
+function Th(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.th,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.th, props.className),
+      "data-scope": "table",
+      "data-part": "header-col"
+    }
+  );
+}
+function Tbody(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tbody,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tbody, props.className),
+      "data-scope": "table",
+      "data-part": "body"
+    }
+  );
+}
+function Tr(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tr,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tr, props.className),
+      "data-scope": "table",
+      "data-part": "row"
+    }
+  );
+}
+function Td(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.td,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.td, props.className),
+      "data-scope": "table",
+      "data-part": "cell"
+    }
+  );
+}
+function Tfoot(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.tfoot,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.tfoot, props.className),
+      "data-scope": "table",
+      "data-part": "footer"
+    }
+  );
+}
+function TableTrigger(props) {
+  const styles = (0, import_recipes.table)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_factory.ark.button,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.trigger, props.className),
+      "data-scope": "table",
+      "data-part": "trigger"
+    }
+  );
+}
+
+// src/components/Show.tsx
+var import_react = require("react");
+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]);
+}
+
+// src/components/table/table.tsx
+var import_jsx_runtime2 = 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 }) }),
+    rootProps.children
+  ] }) });
+}
+var Table = {
+  Root: TableRootEl,
+  Caption,
+  Header: Thead,
+  HeaderCol: Th,
+  Body: Tbody,
+  Row: Tr,
+  Cell: Td,
+  Footer: Tfoot,
+  Trigger: TableTrigger
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table
+});
+//# sourceMappingURL=table.cjs.map

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

@@ -0,0 +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"]}

package/build/legacy/components/table/table.d.cts

@@ -0,0 +1 @@
+export { Table_alias_2 as Table } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,106 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabs/index.ts
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs2,
+  TabsContent: () => TabsContent,
+  TabsIndicator: () => TabsIndicator,
+  TabsList: () => TabsList,
+  TabsParts: () => TabsParts,
+  TabsRoot: () => TabsRoot,
+  TabsTrigger: () => TabsTrigger
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = (0, import_recipes.tabs)({ palette });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.List, { ...props, className: (0, import_css.cx)(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Trigger, { ...props, className: (0, import_css.cx)(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Content, { ...props, className: (0, import_css.cx)(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+
+// src/components/tabs/parts.ts
+var TabsParts = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Indicator: TabsIndicator
+};
+
+// src/components/tabs/tabs.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TabsList2(props) {
+  const { children, ...listProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TabsParts.List, { ...listProps, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TabsParts.Indicator, {})
+  ] });
+}
+var Tabs2 = {
+  Root: TabsParts.Root,
+  List: TabsList2,
+  Tab: TabsParts.Trigger,
+  Panel: TabsParts.Content
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs,
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsParts,
+  TabsRoot,
+  TabsTrigger
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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"]}

package/build/legacy/components/tabs/index.d.cts

@@ -0,0 +1,8 @@
+export { TabsPartsValue_alias_1 as TabsPartsValue } from '../../_tsup-dts-rollup.cjs';
+export { TabsParts_alias_1 as TabsParts } from '../../_tsup-dts-rollup.cjs';
+export { TabsRoot_alias_1 as TabsRoot } from '../../_tsup-dts-rollup.cjs';
+export { TabsList_alias_1 as TabsList } from '../../_tsup-dts-rollup.cjs';
+export { TabsTrigger_alias_1 as TabsTrigger } from '../../_tsup-dts-rollup.cjs';
+export { TabsContent_alias_1 as TabsContent } from '../../_tsup-dts-rollup.cjs';
+export { TabsIndicator_alias_1 as TabsIndicator } from '../../_tsup-dts-rollup.cjs';
+export { Tabs_alias_1 as Tabs } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabs/parts.ts
+var parts_exports = {};
+__export(parts_exports, {
+  TabsParts: () => TabsParts
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = (0, import_recipes.tabs)({ palette });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.List, { ...props, className: (0, import_css.cx)(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Trigger, { ...props, className: (0, import_css.cx)(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Content, { ...props, className: (0, import_css.cx)(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+
+// src/components/tabs/parts.ts
+var TabsParts = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Indicator: TabsIndicator
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsParts
+});
+//# sourceMappingURL=parts.cjs.map

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

@@ -0,0 +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":[]}

package/build/legacy/components/tabs/parts.d.cts

@@ -0,0 +1,2 @@
+export { TabsPartsValue_alias_2 as TabsPartsValue } from '../../_tsup-dts-rollup.cjs';
+export { TabsParts_alias_2 as TabsParts } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,75 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabs/primitives.tsx
+var primitives_exports = {};
+__export(primitives_exports, {
+  TabsContent: () => TabsContent,
+  TabsIndicator: () => TabsIndicator,
+  TabsList: () => TabsList,
+  TabsRoot: () => TabsRoot,
+  TabsTrigger: () => TabsTrigger
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = (0, import_recipes.tabs)({ palette });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.List, { ...props, className: (0, import_css.cx)(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Trigger, { ...props, className: (0, import_css.cx)(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Content, { ...props, className: (0, import_css.cx)(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabsContent,
+  TabsIndicator,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+});
+//# sourceMappingURL=primitives.cjs.map

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

@@ -0,0 +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":[]}

package/build/legacy/components/tabs/primitives.d.cts

@@ -0,0 +1,5 @@
+export { TabsRoot_alias_2 as TabsRoot } from '../../_tsup-dts-rollup.cjs';
+export { TabsList_alias_2 as TabsList } from '../../_tsup-dts-rollup.cjs';
+export { TabsTrigger_alias_2 as TabsTrigger } from '../../_tsup-dts-rollup.cjs';
+export { TabsContent_alias_2 as TabsContent } from '../../_tsup-dts-rollup.cjs';
+export { TabsIndicator_alias_2 as TabsIndicator } from '../../_tsup-dts-rollup.cjs';

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

@@ -0,0 +1,94 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabs/tabs.tsx
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs2
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function TabsRoot(props) {
+  const { palette, ...rootProps } = props;
+  const styles = (0, import_recipes.tabs)({ palette });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Root,
+    {
+      ...rootProps,
+      className: (0, import_css.cx)(styles.root, rootProps.className)
+    }
+  );
+}
+function TabsList(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.List, { ...props, className: (0, import_css.cx)(styles.list, props.className) });
+}
+function TabsTrigger(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Trigger, { ...props, className: (0, import_css.cx)(styles.trigger, props.className) });
+}
+function TabsContent(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tabs.Tabs.Content, { ...props, className: (0, import_css.cx)(styles.content, props.className) });
+}
+function TabsIndicator(props) {
+  const styles = (0, import_recipes.tabs)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tabs.Tabs.Indicator,
+    {
+      ...props,
+      className: (0, import_css.cx)(styles.indicator, props.className)
+    }
+  );
+}
+
+// src/components/tabs/parts.ts
+var TabsParts = {
+  Root: TabsRoot,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent,
+  Indicator: TabsIndicator
+};
+
+// src/components/tabs/tabs.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TabsList2(props) {
+  const { children, ...listProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(TabsParts.List, { ...listProps, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TabsParts.Indicator, {})
+  ] });
+}
+var Tabs2 = {
+  Root: TabsParts.Root,
+  List: TabsList2,
+  Tab: TabsParts.Trigger,
+  Panel: TabsParts.Content
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs
+});
+//# sourceMappingURL=tabs.cjs.map

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

@@ -0,0 +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"]}

package/build/legacy/components/tabs/tabs.d.cts

@@ -0,0 +1 @@
+export { Tabs_alias_2 as Tabs } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/toggle/index.d.cts

@@ -0,0 +1,3 @@
+export { ToggleParts_alias_1 as ToggleParts } from '../../_tsup-dts-rollup.cjs';
+export { ToggleRoot_alias_1 as ToggleRoot } from '../../_tsup-dts-rollup.cjs';
+export { ToggleIndicator_alias_1 as ToggleIndicator } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/toggle/parts.d.cts

@@ -0,0 +1 @@
+export { ToggleParts_alias_2 as ToggleParts } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/toggle/primitives.d.cts

@@ -0,0 +1,2 @@
+export { ToggleRoot_alias_2 as ToggleRoot } from '../../_tsup-dts-rollup.cjs';
+export { ToggleIndicator_alias_2 as ToggleIndicator } from '../../_tsup-dts-rollup.cjs';