@cerberus-design/react 0.7.4-next-a99660f → 0.7.4-next-dac90a8

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

@@ -6,8 +6,8 @@ import { Announcements } from '@dnd-kit/core';
 import { applyModifiers } from '@dnd-kit/core';
 import { AutoScrollActivator } from '@dnd-kit/core';
 import { AutoScrollOptions } from '@dnd-kit/core';
-import { button } from '@cerberus/styled-system/recipes';
 import { ButtonHTMLAttributes } from 'react';
+import { ButtonVariantProps } from '@cerberus/styled-system/recipes';
 import { CancelDrop } from '@dnd-kit/core';
 import { CarbonIconType } from '@cerberus/icons';
 import { ChangeEvent } from 'react';
@@ -172,7 +172,7 @@ export { Button as Button_alias_1 }
  * This module contains the Button component.
  * @module
  */
-declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & RecipeVariantProps<typeof button>;
+declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps;
 export { ButtonProps }
 export { ButtonProps as ButtonProps_alias_1 }
 
@@ -1325,7 +1325,9 @@ export { Th as Th_alias_1 }
  * Th component for the Table component
  * @module
  */
-declare type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement>;
+declare type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {
+    onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
+};
 export { ThBaseProps }
 export { ThBaseProps as ThBaseProps_alias_1 }
 

package/build/legacy/{chunk-XRED74C2.js → chunk-2VPKILZ6.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-4CAT3FHV.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
@@ -119,4 +119,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-XRED74C2.js.map
+//# sourceMappingURL=chunk-2VPKILZ6.js.map

package/build/legacy/chunk-3GXISGPS.js

@@ -0,0 +1,47 @@
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
+
+// src/components/Th.tsx
+import { css, cx } from "@cerberus/styled-system/css";
+import { th } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Th(props) {
+  const { size, onClick, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    Show,
+    {
+      when: Boolean(onClick),
+      fallback: /* @__PURE__ */ jsx(
+        "th",
+        {
+          ...nativeProps,
+          className: cx(nativeProps.className, th({ size }))
+        }
+      ),
+      children: /* @__PURE__ */ jsx("th", { ...nativeProps, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: cx(
+            nativeProps.className,
+            th({ size }),
+            css({
+              alignItems: "center",
+              display: "inline-flex",
+              justifyContent: "space-between",
+              userSelect: "none",
+              w: "full"
+            })
+          ),
+          onClick,
+          children: props.children
+        }
+      ) })
+    }
+  );
+}
+
+export {
+  Th
+};
+//# sourceMappingURL=chunk-3GXISGPS.js.map

package/build/legacy/chunk-3GXISGPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Th.tsx"],"sourcesContent":["import { css, cx } from '@cerberus/styled-system/css'\nimport { th, type ThVariantProps } from '@cerberus/styled-system/recipes'\nimport type { MouseEvent, TableHTMLAttributes } from 'react'\nimport { Show } from './Show'\n\n/**\n * Th component for the Table component\n * @module\n */\n\nexport type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type ThProps = ThBaseProps & ThVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Th>Header 1</Th>\n * ```\n */\nexport function Th(props: ThProps) {\n  const { size, onClick, ...nativeProps } = props\n  return (\n    <Show\n      when={Boolean(onClick)}\n      fallback={\n        <th\n          {...nativeProps}\n          className={cx(nativeProps.className, th({ size }))}\n        />\n      }\n    >\n      <th {...nativeProps}>\n        <button\n          className={cx(\n            nativeProps.className,\n            th({ size }),\n            css({\n              alignItems: 'center',\n              display: 'inline-flex',\n              justifyContent: 'space-between',\n              userSelect: 'none',\n              w: 'full',\n            }),\n          )}\n          onClick={onClick}\n        >\n          {props.children}\n        </button>\n      </th>\n    </Show>\n  )\n}\n"],"mappings":";;;;;AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,UAA+B;AA4BhC;AAND,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,SAAS,GAAG,YAAY,IAAI;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,GAAG,YAAY,WAAW,GAAG,EAAE,KAAK,CAAC,CAAC;AAAA;AAAA,MACnD;AAAA,MAGF,8BAAC,QAAI,GAAG,aACN;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,GAAG,EAAE,KAAK,CAAC;AAAA,YACX,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,GAAG;AAAA,YACL,CAAC;AAAA,UACH;AAAA,UACA;AAAA,UAEC,gBAAM;AAAA;AAAA,MACT,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/legacy/{chunk-2ATICEW3.js → chunk-6F34A7NZ.js}

@@ -1,6 +1,8 @@
 // src/components/Button.tsx
 import { cx } from "@cerberus/styled-system/css";
-import { button } from "@cerberus/styled-system/recipes";
+import {
+  button
+} from "@cerberus/styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function Button(props) {
   const { palette, usage, shape, ...nativeProps } = props;
@@ -23,4 +25,4 @@ function Button(props) {
 export {
   Button
 };
-//# sourceMappingURL=chunk-2ATICEW3.js.map
+//# sourceMappingURL=chunk-6F34A7NZ.js.map

package/build/legacy/chunk-6F34A7NZ.js.map

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

package/build/legacy/{chunk-4EMJR2AY.js → chunk-AAKIOHAX.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk-JJP2TFTU.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
@@ -152,4 +152,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-4EMJR2AY.js.map
+//# sourceMappingURL=chunk-AAKIOHAX.js.map

package/build/legacy/{chunk-DB2OA5PU.js → chunk-L46XIE3D.js}

@@ -24,7 +24,7 @@ import {
 } from "./chunk-JJP2TFTU.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Field
 } from "./chunk-ZAU4JVLL.js";
@@ -205,4 +205,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-DB2OA5PU.js.map
+//# sourceMappingURL=chunk-L46XIE3D.js.map

package/build/legacy/components/Button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-2ATICEW3.js";
+} from "../chunk-6F34A7NZ.js";
 export {
   Button
 };

package/build/legacy/components/Th.js

@@ -1,6 +1,7 @@
 import {
   Th
-} from "../chunk-KFJKK2WX.js";
+} from "../chunk-3GXISGPS.js";
+import "../chunk-4O4QFF4S.js";
 export {
   Th
 };

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

@@ -2,14 +2,14 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-4EMJR2AY.js";
+} from "../chunk-AAKIOHAX.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-KESKDLX6.js";
 import "../chunk-BEYPMC73.js";

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

@@ -2,12 +2,12 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-XRED74C2.js";
+} from "../chunk-2VPKILZ6.js";
 import "../chunk-LF2QFS5S.js";
 import "../chunk-HW76XVA3.js";
 import "../chunk-3C2DJSEE.js";
 import "../chunk-4CAT3FHV.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-KESKDLX6.js";
 import "../chunk-BEYPMC73.js";

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

@@ -2,7 +2,7 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-DB2OA5PU.js";
+} from "../chunk-L46XIE3D.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-XB4ZRAH4.js";
 import "../chunk-JJGZRBIR.js";
@@ -11,7 +11,7 @@ import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-ZAU4JVLL.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-KESKDLX6.js";

package/build/legacy/index.js

@@ -1,10 +1,10 @@
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-DB2OA5PU.js";
+} from "./chunk-L46XIE3D.js";
 import {
   Th
-} from "./chunk-KFJKK2WX.js";
+} from "./chunk-3GXISGPS.js";
 import {
   Thead
 } from "./chunk-N3FUF4TB.js";
@@ -14,11 +14,11 @@ import {
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-4EMJR2AY.js";
+} from "./chunk-AAKIOHAX.js";
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-XRED74C2.js";
+} from "./chunk-2VPKILZ6.js";
 import {
   Tab
 } from "./chunk-NE5NHILF.js";
@@ -106,7 +106,7 @@ import {
 } from "./chunk-SCQVXJBT.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Droppable
 } from "./chunk-7VJOPJVX.js";

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

@@ -6,8 +6,8 @@ import { Announcements } from '@dnd-kit/core';
 import { applyModifiers } from '@dnd-kit/core';
 import { AutoScrollActivator } from '@dnd-kit/core';
 import { AutoScrollOptions } from '@dnd-kit/core';
-import { button } from '@cerberus/styled-system/recipes';
 import { ButtonHTMLAttributes } from 'react';
+import { ButtonVariantProps } from '@cerberus/styled-system/recipes';
 import { CancelDrop } from '@dnd-kit/core';
 import { CarbonIconType } from '@cerberus/icons';
 import { ChangeEvent } from 'react';
@@ -172,7 +172,7 @@ export { Button as Button_alias_1 }
  * This module contains the Button component.
  * @module
  */
-declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & RecipeVariantProps<typeof button>;
+declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps;
 export { ButtonProps }
 export { ButtonProps as ButtonProps_alias_1 }
 
@@ -1325,7 +1325,9 @@ export { Th as Th_alias_1 }
  * Th component for the Table component
  * @module
  */
-declare type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement>;
+declare type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {
+    onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
+};
 export { ThBaseProps }
 export { ThBaseProps as ThBaseProps_alias_1 }
 

package/build/modern/chunk-3GXISGPS.js

@@ -0,0 +1,47 @@
+import {
+  Show
+} from "./chunk-4O4QFF4S.js";
+
+// src/components/Th.tsx
+import { css, cx } from "@cerberus/styled-system/css";
+import { th } from "@cerberus/styled-system/recipes";
+import { jsx } from "react/jsx-runtime";
+function Th(props) {
+  const { size, onClick, ...nativeProps } = props;
+  return /* @__PURE__ */ jsx(
+    Show,
+    {
+      when: Boolean(onClick),
+      fallback: /* @__PURE__ */ jsx(
+        "th",
+        {
+          ...nativeProps,
+          className: cx(nativeProps.className, th({ size }))
+        }
+      ),
+      children: /* @__PURE__ */ jsx("th", { ...nativeProps, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: cx(
+            nativeProps.className,
+            th({ size }),
+            css({
+              alignItems: "center",
+              display: "inline-flex",
+              justifyContent: "space-between",
+              userSelect: "none",
+              w: "full"
+            })
+          ),
+          onClick,
+          children: props.children
+        }
+      ) })
+    }
+  );
+}
+
+export {
+  Th
+};
+//# sourceMappingURL=chunk-3GXISGPS.js.map

package/build/modern/chunk-3GXISGPS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Th.tsx"],"sourcesContent":["import { css, cx } from '@cerberus/styled-system/css'\nimport { th, type ThVariantProps } from '@cerberus/styled-system/recipes'\nimport type { MouseEvent, TableHTMLAttributes } from 'react'\nimport { Show } from './Show'\n\n/**\n * Th component for the Table component\n * @module\n */\n\nexport type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void\n}\nexport type ThProps = ThBaseProps & ThVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Th>Header 1</Th>\n * ```\n */\nexport function Th(props: ThProps) {\n  const { size, onClick, ...nativeProps } = props\n  return (\n    <Show\n      when={Boolean(onClick)}\n      fallback={\n        <th\n          {...nativeProps}\n          className={cx(nativeProps.className, th({ size }))}\n        />\n      }\n    >\n      <th {...nativeProps}>\n        <button\n          className={cx(\n            nativeProps.className,\n            th({ size }),\n            css({\n              alignItems: 'center',\n              display: 'inline-flex',\n              justifyContent: 'space-between',\n              userSelect: 'none',\n              w: 'full',\n            }),\n          )}\n          onClick={onClick}\n        >\n          {props.children}\n        </button>\n      </th>\n    </Show>\n  )\n}\n"],"mappings":";;;;;AAAA,SAAS,KAAK,UAAU;AACxB,SAAS,UAA+B;AA4BhC;AAND,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,SAAS,GAAG,YAAY,IAAI;AAC1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,OAAO;AAAA,MACrB,UACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,WAAW,GAAG,YAAY,WAAW,GAAG,EAAE,KAAK,CAAC,CAAC;AAAA;AAAA,MACnD;AAAA,MAGF,8BAAC,QAAI,GAAG,aACN;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT,YAAY;AAAA,YACZ,GAAG,EAAE,KAAK,CAAC;AAAA,YACX,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,SAAS;AAAA,cACT,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,GAAG;AAAA,YACL,CAAC;AAAA,UACH;AAAA,UACA;AAAA,UAEC,gBAAM;AAAA;AAAA,MACT,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/build/modern/{chunk-2ATICEW3.js → chunk-6F34A7NZ.js}

@@ -1,6 +1,8 @@
 // src/components/Button.tsx
 import { cx } from "@cerberus/styled-system/css";
-import { button } from "@cerberus/styled-system/recipes";
+import {
+  button
+} from "@cerberus/styled-system/recipes";
 import { jsx } from "react/jsx-runtime";
 function Button(props) {
   const { palette, usage, shape, ...nativeProps } = props;
@@ -23,4 +25,4 @@ function Button(props) {
 export {
   Button
 };
-//# sourceMappingURL=chunk-2ATICEW3.js.map
+//# sourceMappingURL=chunk-6F34A7NZ.js.map

package/build/modern/chunk-6F34A7NZ.js.map

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

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

@@ -24,7 +24,7 @@ import {
 } from "./chunk-JJP2TFTU.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Field
 } from "./chunk-ZAU4JVLL.js";
@@ -204,4 +204,4 @@ export {
   PromptModal,
   usePromptModal
 };
-//# sourceMappingURL=chunk-BMQ7I2PL.js.map
+//# sourceMappingURL=chunk-LTDNZRUY.js.map

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

@@ -12,7 +12,7 @@ import {
 } from "./chunk-4CAT3FHV.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
@@ -119,4 +119,4 @@ export {
   NotificationCenter,
   useNotificationCenter
 };
-//# sourceMappingURL=chunk-UE5DPEKB.js.map
+//# sourceMappingURL=chunk-QO2UXGW4.js.map

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

@@ -18,7 +18,7 @@ import {
 } from "./chunk-JJP2TFTU.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Show
 } from "./chunk-4O4QFF4S.js";
@@ -151,4 +151,4 @@ export {
   ConfirmModal,
   useConfirmModal
 };
-//# sourceMappingURL=chunk-ZPWSMCZ5.js.map
+//# sourceMappingURL=chunk-Y5IY7O23.js.map

package/build/modern/components/Button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-2ATICEW3.js";
+} from "../chunk-6F34A7NZ.js";
 export {
   Button
 };

package/build/modern/components/Th.js

@@ -1,6 +1,7 @@
 import {
   Th
-} from "../chunk-KFJKK2WX.js";
+} from "../chunk-3GXISGPS.js";
+import "../chunk-4O4QFF4S.js";
 export {
   Th
 };

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

@@ -2,14 +2,14 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-ZPWSMCZ5.js";
+} from "../chunk-Y5IY7O23.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-2UFNQM55.js";
 import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
 import "../chunk-BEYPMC73.js";

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

@@ -2,12 +2,12 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-UE5DPEKB.js";
+} from "../chunk-QO2UXGW4.js";
 import "../chunk-4N2L357B.js";
 import "../chunk-HW76XVA3.js";
 import "../chunk-3C2DJSEE.js";
 import "../chunk-4CAT3FHV.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";
 import "../chunk-BEYPMC73.js";

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

@@ -2,7 +2,7 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-BMQ7I2PL.js";
+} from "../chunk-LTDNZRUY.js";
 import "../chunk-4CAT3FHV.js";
 import "../chunk-XB4ZRAH4.js";
 import "../chunk-JJGZRBIR.js";
@@ -11,7 +11,7 @@ import "../chunk-4M4LCQ43.js";
 import "../chunk-QU7UV5DB.js";
 import "../chunk-JB7IQ2BM.js";
 import "../chunk-JJP2TFTU.js";
-import "../chunk-2ATICEW3.js";
+import "../chunk-6F34A7NZ.js";
 import "../chunk-ZAU4JVLL.js";
 import "../chunk-4O4QFF4S.js";
 import "../chunk-JIZQFTW6.js";

package/build/modern/index.js

@@ -1,10 +1,10 @@
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-BMQ7I2PL.js";
+} from "./chunk-LTDNZRUY.js";
 import {
   Th
-} from "./chunk-KFJKK2WX.js";
+} from "./chunk-3GXISGPS.js";
 import {
   Thead
 } from "./chunk-N3FUF4TB.js";
@@ -14,11 +14,11 @@ import {
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-ZPWSMCZ5.js";
+} from "./chunk-Y5IY7O23.js";
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-UE5DPEKB.js";
+} from "./chunk-QO2UXGW4.js";
 import {
   Tab
 } from "./chunk-SONHHNYQ.js";
@@ -106,7 +106,7 @@ import {
 } from "./chunk-QEA6N6TN.js";
 import {
   Button
-} from "./chunk-2ATICEW3.js";
+} from "./chunk-6F34A7NZ.js";
 import {
   Droppable
 } from "./chunk-7VJOPJVX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.7.4-next-a99660f",
+  "version": "0.7.4-next-dac90a8",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -26,7 +26,7 @@
     "react-dom": "^18",
     "tsup": "^8.1.0",
     "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.7.4-next-a99660f"
+    "@cerberus-design/styled-system": "0.7.4-next-dac90a8"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Button.tsx

@@ -1,6 +1,9 @@
 import type { ButtonHTMLAttributes } from 'react'
-import { cx, type RecipeVariantProps } from '@cerberus/styled-system/css'
-import { button } from '@cerberus/styled-system/recipes'
+import { cx } from '@cerberus/styled-system/css'
+import {
+  button,
+  type ButtonVariantProps,
+} from '@cerberus/styled-system/recipes'
 
 /**
  * This module contains the Button component.
@@ -8,7 +11,7 @@ import { button } from '@cerberus/styled-system/recipes'
  */
 
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
-  RecipeVariantProps<typeof button>
+  ButtonVariantProps
 
 /**
  * A component that allows the user to perform actions

package/src/components/Th.tsx

@@ -1,13 +1,16 @@
-import { cx } from '@cerberus/styled-system/css'
+import { css, cx } from '@cerberus/styled-system/css'
 import { th, type ThVariantProps } from '@cerberus/styled-system/recipes'
-import type { TableHTMLAttributes } from 'react'
+import type { MouseEvent, TableHTMLAttributes } from 'react'
+import { Show } from './Show'
 
 /**
  * Th component for the Table component
  * @module
  */
 
-export type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement>
+export type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement> & {
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void
+}
 export type ThProps = ThBaseProps & ThVariantProps
 
 /**
@@ -19,8 +22,35 @@ export type ThProps = ThBaseProps & ThVariantProps
  * ```
  */
 export function Th(props: ThProps) {
-  const { size, ...nativeProps } = props
+  const { size, onClick, ...nativeProps } = props
   return (
-    <th {...nativeProps} className={cx(nativeProps.className, th({ size }))} />
+    <Show
+      when={Boolean(onClick)}
+      fallback={
+        <th
+          {...nativeProps}
+          className={cx(nativeProps.className, th({ size }))}
+        />
+      }
+    >
+      <th {...nativeProps}>
+        <button
+          className={cx(
+            nativeProps.className,
+            th({ size }),
+            css({
+              alignItems: 'center',
+              display: 'inline-flex',
+              justifyContent: 'space-between',
+              userSelect: 'none',
+              w: 'full',
+            }),
+          )}
+          onClick={onClick}
+        >
+          {props.children}
+        </button>
+      </th>
+    </Show>
   )
 }

package/build/legacy/chunk-2ATICEW3.js.map

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

package/build/legacy/chunk-KFJKK2WX.js

@@ -1,13 +0,0 @@
-// src/components/Th.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { th } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function Th(props) {
-  const { size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx("th", { ...nativeProps, className: cx(nativeProps.className, th({ size })) });
-}
-
-export {
-  Th
-};
-//# sourceMappingURL=chunk-KFJKK2WX.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Th.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { th, type ThVariantProps } from '@cerberus/styled-system/recipes'\nimport type { TableHTMLAttributes } from 'react'\n\n/**\n * Th component for the Table component\n * @module\n */\n\nexport type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement>\nexport type ThProps = ThBaseProps & ThVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Th>Header 1</Th>\n * ```\n */\nexport function Th(props: ThProps) {\n  const { size, ...nativeProps } = props\n  return (\n    <th {...nativeProps} className={cx(nativeProps.className, th({ size }))} />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,UAA+B;AAsBpC;AAHG,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,SACE,oBAAC,QAAI,GAAG,aAAa,WAAW,GAAG,YAAY,WAAW,GAAG,EAAE,KAAK,CAAC,CAAC,GAAG;AAE7E;","names":[]}

package/build/modern/chunk-2ATICEW3.js.map

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

package/build/modern/chunk-KFJKK2WX.js

@@ -1,13 +0,0 @@
-// src/components/Th.tsx
-import { cx } from "@cerberus/styled-system/css";
-import { th } from "@cerberus/styled-system/recipes";
-import { jsx } from "react/jsx-runtime";
-function Th(props) {
-  const { size, ...nativeProps } = props;
-  return /* @__PURE__ */ jsx("th", { ...nativeProps, className: cx(nativeProps.className, th({ size })) });
-}
-
-export {
-  Th
-};
-//# sourceMappingURL=chunk-KFJKK2WX.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Th.tsx"],"sourcesContent":["import { cx } from '@cerberus/styled-system/css'\nimport { th, type ThVariantProps } from '@cerberus/styled-system/recipes'\nimport type { TableHTMLAttributes } from 'react'\n\n/**\n * Th component for the Table component\n * @module\n */\n\nexport type ThBaseProps = TableHTMLAttributes<HTMLTableCellElement>\nexport type ThProps = ThBaseProps & ThVariantProps\n\n/**\n * Styles for the Th component\n * @definition [Table docs](https://cerberus.digitalu.design/react/table)\n * @example\n * ```tsx\n * <Th>Header 1</Th>\n * ```\n */\nexport function Th(props: ThProps) {\n  const { size, ...nativeProps } = props\n  return (\n    <th {...nativeProps} className={cx(nativeProps.className, th({ size }))} />\n  )\n}\n"],"mappings":";AAAA,SAAS,UAAU;AACnB,SAAS,UAA+B;AAsBpC;AAHG,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,MAAM,GAAG,YAAY,IAAI;AACjC,SACE,oBAAC,QAAI,GAAG,aAAa,WAAW,GAAG,YAAY,WAAW,GAAG,EAAE,KAAK,CAAC,CAAC,GAAG;AAE7E;","names":[]}