@dmsi/wedgekit-react 0.0.87 → 0.0.88

package/dist/components/Button.cjs

@@ -306,7 +306,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -314,6 +314,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/Button.js

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-MZJS2ZAU.js";
+} from "../chunk-L364HTYC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Card.cjs

@@ -0,0 +1,83 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Card.tsx
+var Card_exports = {};
+__export(Card_exports, {
+  Card: () => Card
+});
+module.exports = __toCommonJS(Card_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Card(props) {
+  const _a = props, { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadProps(__spreadValues({}, rest), {
+      className: (0, import_clsx.default)(
+        "border rounded-sm border-border-primary-normal p-desktop-layout-padding",
+        rest.className
+      ),
+      children
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card
+});

package/dist/components/Card.js

@@ -0,0 +1,7 @@
+import {
+  Card
+} from "../chunk-JOMM4KBH.js";
+import "../chunk-ORMEWXMH.js";
+export {
+  Card
+};

package/dist/components/ContentTab.cjs

@@ -311,7 +311,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -319,6 +319,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/ContentTab.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-S3CQ5VFT.js";
-import "../chunk-MZJS2ZAU.js";
+} from "../chunk-2XOQII4G.js";
+import "../chunk-L364HTYC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/ContentTabs.cjs

@@ -315,7 +315,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -323,6 +323,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/ContentTabs.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-S3CQ5VFT.js";
-import "../chunk-MZJS2ZAU.js";
+} from "../chunk-2XOQII4G.js";
+import "../chunk-L364HTYC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 

package/dist/components/DataGridCell.js

@@ -4,17 +4,18 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-CKSDMI2Q.js";
+} from "../chunk-LYVH4YFE.js";
 import "../chunk-37TJJQL3.js";
 import "../chunk-5GUW4DUY.js";
-import "../chunk-UPBBOZM3.js";
+import "../chunk-VH3EJNVE.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-LP6AZST2.js";
-import "../chunk-VG4EPHJA.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
-import "../chunk-724LJWFR.js";
+import "../chunk-OB3URVCR.js";
+import "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-VG4EPHJA.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/DateInput.js

@@ -10,7 +10,8 @@ import {
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-724LJWFR.js";
+} from "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
 import {
   CalendarRange

package/dist/components/DateRangeInput.js

@@ -11,7 +11,8 @@ import {
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-724LJWFR.js";
+} from "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
 import {
   CalendarRange

package/dist/components/FilterGroup.cjs

@@ -558,7 +558,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -566,6 +566,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/FilterGroup.js

@@ -1,22 +1,23 @@
 "use client";
 import {
   OptionPill
-} from "../chunk-4N2PED4P.js";
+} from "../chunk-3NWBR3V3.js";
 import {
   Checkbox
 } from "../chunk-WT5XXW6G.js";
 import {
   Search
-} from "../chunk-LP6AZST2.js";
-import "../chunk-VG4EPHJA.js";
-import "../chunk-724LJWFR.js";
+} from "../chunk-OB3URVCR.js";
+import "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";
+import "../chunk-VG4EPHJA.js";
 import {
   Link
 } from "../chunk-AOELEEUS.js";
-import "../chunk-MZJS2ZAU.js";
+import "../chunk-L364HTYC.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/HorizontalDivider.js

@@ -1,10 +1,7 @@
+import {
+  HorizontalDivider
+} from "../chunk-5OHGKW4U.js";
 import "../chunk-ORMEWXMH.js";
-
-// src/components/HorizontalDivider.tsx
-import { jsx } from "react/jsx-runtime";
-function HorizontalDivider({ id }) {
-  return /* @__PURE__ */ jsx("hr", { id, className: "w-full border-t border-border-primary-normal" });
-}
 export {
   HorizontalDivider
 };

package/dist/components/Input.js

@@ -6,7 +6,8 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-724LJWFR.js";
+} from "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/MenuOption.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-UPBBOZM3.js";
+} from "../chunk-VH3EJNVE.js";
 import "../chunk-WNQ53SVY.js";
-import "../chunk-VG4EPHJA.js";
 import "../chunk-S5K22XTH.js";
+import "../chunk-VG4EPHJA.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";

package/dist/components/MobileDataGrid.cjs

@@ -97,9 +97,137 @@ function Icon(_a) {
 }
 
 // src/components/Stack.tsx
+var import_clsx3 = __toESM(require("clsx"), 1);
+
+// src/classNames.ts
 var import_clsx2 = __toESM(require("clsx"), 1);
+var typography = {
+  display1: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
+    "leading-display-1-mobile desktop:leading-display-1-desktop"
+  ),
+  display2: (0, import_clsx2.default)(
+    "font-sans font-bold",
+    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
+    "leading-display-2-mobile desktop:leading-display-2-desktop"
+  ),
+  heading1: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
+    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
+  ),
+  heading2: (0, import_clsx2.default)(
+    "font-sans font-normal",
+    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
+    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
+  ),
+  heading3: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
+    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
+  ),
+  subheader: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
+    "leading-subheader-mobile desktop:leading-subheader-desktop"
+  ),
+  link: (0, import_clsx2.default)(
+    "font-sans font-normal",
+    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
+    "leading-link-mobile desktop:leading-link-desktop"
+  ),
+  buttonLabel: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
+    "leading-label-mobile desktop:leading-label-desktop"
+  ),
+  label: (0, import_clsx2.default)(
+    "font-sans font-semibold",
+    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
+    "leading-label-mobile desktop:leading-label-desktop"
+  ),
+  paragraph: (0, import_clsx2.default)(
+    "font-sans font-normal",
+    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
+    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
+  ),
+  caption: (0, import_clsx2.default)(
+    "font-sans font-normal",
+    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
+    "leading-caption-mobile desktop:leading-caption-desktop"
+  )
+};
+var baseTransition = (0, import_clsx2.default)(
+  "transition-colors duration-100 ease-in-out"
+);
+var componentGap = (0, import_clsx2.default)(
+  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
+);
+var paddingUsingComponentGap = (0, import_clsx2.default)(
+  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
+);
+var paddingXUsingLayoutGroupGap = (0, import_clsx2.default)(
+  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
+);
+var paddingYUsingLayoutGroupGap = (0, import_clsx2.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var componentPadding = (0, import_clsx2.default)(
+  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
+);
+var componentPaddingBottom = (0, import_clsx2.default)(
+  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
+);
+var componentPaddingX = (0, import_clsx2.default)(
+  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
+);
+var componentPaddingY = (0, import_clsx2.default)(
+  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
+);
+var componentPaddingXUsingComponentGap = (0, import_clsx2.default)(
+  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
+);
+var componentPaddingYUsingComponentGap = (0, import_clsx2.default)(
+  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
+var componentPaddingMinusBorder = (0, import_clsx2.default)(
+  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
+);
+var componentPaddingMinus2pxBorder = (0, import_clsx2.default)(
+  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
+);
+var layoutPaddding = (0, import_clsx2.default)(
+  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
+);
+var layoutPaddingBottom = (0, import_clsx2.default)(
+  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
+);
+var layoutPaddingY = (0, import_clsx2.default)(
+  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
+);
+var containerPaddingX = (0, import_clsx2.default)(
+  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
+);
+var containerPaddingY = (0, import_clsx2.default)(
+  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
+);
+var layoutGroupGapPaddingY = (0, import_clsx2.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var layoutGroupGap = (0, import_clsx2.default)(
+  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
+);
+var layoutGap = (0, import_clsx2.default)(
+  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
+);
+var gapUsingContainerPadding = (0, import_clsx2.default)(
+  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
+);
+
+// src/components/Stack.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx2.default)(
+var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx3.default)(
   "flex",
   items === "start" && "items-start",
   grow && "grow",
@@ -115,7 +243,7 @@ var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx2.default)(
   justify === "around" && "justify-around"
 );
 var useGapClassNames = (sizing) => {
-  return (0, import_clsx2.default)(
+  return (0, import_clsx3.default)(
     sizing === "layout-group" && "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-compact-layout-group-gap",
     sizing === "layout" && "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-compact-layout-gap",
     sizing === "container" && "gap-mobile-container-gap desktop:gap-desktop-container-gap compact:gap-compact-container-gap",
@@ -218,7 +346,7 @@ var Stack = (_a) => {
         top: top !== void 0 ? `${top}px` : void 0,
         left: left !== void 0 ? `${left}px` : void 0
       },
-      className: (0, import_clsx2.default)(
+      className: (0, import_clsx3.default)(
         "scrollbar-thin",
         "max-w-screen",
         width !== "fit" && "w-full",
@@ -241,7 +369,7 @@ var Stack = (_a) => {
         paddingX && sizing === "component" && "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
         paddingY && sizing === "container" && "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
         paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
-        paddingY && sizing === "layout-group" && "py-mobile-layout-group-padding desktop:py-desktop-layout-group-padding compact:py-desktop-compact-layout-group-padding",
+        paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
         paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
         margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
         marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
@@ -265,134 +393,6 @@ var Stack = (_a) => {
 
 // src/components/Button.tsx
 var import_clsx4 = __toESM(require("clsx"), 1);
-
-// src/classNames.ts
-var import_clsx3 = __toESM(require("clsx"), 1);
-var typography = {
-  display1: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: (0, import_clsx3.default)(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: (0, import_clsx3.default)(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: (0, import_clsx3.default)(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: (0, import_clsx3.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: (0, import_clsx3.default)(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: (0, import_clsx3.default)(
-    "font-sans font-normal",
-    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
-    "leading-caption-mobile desktop:leading-caption-desktop"
-  )
-};
-var baseTransition = (0, import_clsx3.default)(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = (0, import_clsx3.default)(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = (0, import_clsx3.default)(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingXUsingLayoutGroupGap = (0, import_clsx3.default)(
-  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
-);
-var paddingYUsingLayoutGroupGap = (0, import_clsx3.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = (0, import_clsx3.default)(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = (0, import_clsx3.default)(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingX = (0, import_clsx3.default)(
-  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
-);
-var componentPaddingY = (0, import_clsx3.default)(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = (0, import_clsx3.default)(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = (0, import_clsx3.default)(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = (0, import_clsx3.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = (0, import_clsx3.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var layoutPaddding = (0, import_clsx3.default)(
-  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
-);
-var layoutPaddingBottom = (0, import_clsx3.default)(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = (0, import_clsx3.default)(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var containerPaddingX = (0, import_clsx3.default)(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = (0, import_clsx3.default)(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = (0, import_clsx3.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = (0, import_clsx3.default)(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = (0, import_clsx3.default)(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = (0, import_clsx3.default)(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-// src/components/Button.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Button = (_a) => {
   var _b = _a, {
@@ -508,7 +508,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -516,6 +516,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/MobileDataGrid.js

@@ -1,18 +1,18 @@
 import {
   Theme
 } from "../chunk-6DONKNDT.js";
-import {
-  Stack
-} from "../chunk-OW3SZEU5.js";
 import {
   Heading3
 } from "../chunk-J6LETUNM.js";
+import {
+  Stack
+} from "../chunk-EO3JJWFW.js";
 import {
   Paragraph
 } from "../chunk-VG4EPHJA.js";
 import {
   Button
-} from "../chunk-MZJS2ZAU.js";
+} from "../chunk-L364HTYC.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/Modal.cjs

@@ -361,7 +361,7 @@ var Button = (_a) => {
     componentPaddingXUsingComponentGap,
     typography.buttonLabel
   );
-  const Element = href ? "a" : as;
+  const Element = href && !as ? "a" : as;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     Element,
     __spreadProps(__spreadValues({
@@ -369,6 +369,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [