@dmsi/wedgekit-react 0.0.86 → 0.0.88

package/dist/components/SelectPaymentMethod.js

@@ -0,0 +1,20 @@
+"use client";
+import {
+  SelectPaymentMethod
+} from "../chunk-SASEP5UE.js";
+import "../chunk-TTO4PL7Y.js";
+import "../chunk-5OHGKW4U.js";
+import "../chunk-WT5XXW6G.js";
+import "../chunk-5UH6QUFB.js";
+import "../chunk-O4M2GISS.js";
+import "../chunk-QDFQ3B4N.js";
+import "../chunk-EO3JJWFW.js";
+import "../chunk-JOMM4KBH.js";
+import "../chunk-VG4EPHJA.js";
+import "../chunk-L364HTYC.js";
+import "../chunk-IGQVA7SC.js";
+import "../chunk-RDLEIAQU.js";
+import "../chunk-ORMEWXMH.js";
+export {
+  SelectPaymentMethod
+};

package/dist/components/SideMenuGroup.cjs

@@ -380,7 +380,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",

package/dist/components/SideMenuGroup.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Stack
-} from "../chunk-OW3SZEU5.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";
+import {
+  Stack
+} from "../chunk-EO3JJWFW.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/SideMenuItem.cjs

@@ -335,7 +335,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",

package/dist/components/SideMenuItem.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-OW3SZEU5.js";
+} from "../chunk-EO3JJWFW.js";
 import {
   Paragraph
 } from "../chunk-VG4EPHJA.js";

package/dist/components/Stack.cjs

@@ -62,9 +62,137 @@ __export(Stack_exports, {
   Stack: () => Stack
 });
 module.exports = __toCommonJS(Stack_exports);
+var import_clsx2 = __toESM(require("clsx"), 1);
+
+// src/classNames.ts
 var import_clsx = __toESM(require("clsx"), 1);
+var typography = {
+  display1: (0, import_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.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_clsx.default)(
+  "transition-colors duration-100 ease-in-out"
+);
+var componentGap = (0, import_clsx.default)(
+  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
+);
+var paddingUsingComponentGap = (0, import_clsx.default)(
+  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
+);
+var paddingXUsingLayoutGroupGap = (0, import_clsx.default)(
+  "px-mobile-layout-group-gap desktop:px-desktop-layout-group-gap compact:px-desktop-compact-layout-group-gap"
+);
+var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var componentPadding = (0, import_clsx.default)(
+  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
+);
+var componentPaddingBottom = (0, import_clsx.default)(
+  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
+);
+var componentPaddingX = (0, import_clsx.default)(
+  "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding"
+);
+var componentPaddingY = (0, import_clsx.default)(
+  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
+);
+var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
+  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
+);
+var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
+  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
+);
+var componentPaddingMinusBorder = (0, import_clsx.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_clsx.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_clsx.default)(
+  "p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding"
+);
+var layoutPaddingBottom = (0, import_clsx.default)(
+  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
+);
+var layoutPaddingY = (0, import_clsx.default)(
+  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
+);
+var containerPaddingX = (0, import_clsx.default)(
+  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
+);
+var containerPaddingY = (0, import_clsx.default)(
+  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
+);
+var layoutGroupGapPaddingY = (0, import_clsx.default)(
+  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
+);
+var layoutGroupGap = (0, import_clsx.default)(
+  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
+);
+var layoutGap = (0, import_clsx.default)(
+  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
+);
+var gapUsingContainerPadding = (0, import_clsx.default)(
+  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
+);
+
+// src/components/Stack.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx.default)(
+var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx2.default)(
   "flex",
   items === "start" && "items-start",
   grow && "grow",
@@ -80,7 +208,7 @@ var getFlexClassNames = ({ items, justify, grow }) => (0, import_clsx.default)(
   justify === "around" && "justify-around"
 );
 var useGapClassNames = (sizing) => {
-  return (0, import_clsx.default)(
+  return (0, import_clsx2.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",
@@ -183,7 +311,7 @@ var Stack = (_a) => {
         top: top !== void 0 ? `${top}px` : void 0,
         left: left !== void 0 ? `${left}px` : void 0
       },
-      className: (0, import_clsx.default)(
+      className: (0, import_clsx2.default)(
         "scrollbar-thin",
         "max-w-screen",
         width !== "fit" && "w-full",
@@ -206,7 +334,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",

package/dist/components/Stack.js

@@ -1,6 +1,7 @@
 import {
   Stack
-} from "../chunk-OW3SZEU5.js";
+} from "../chunk-EO3JJWFW.js";
+import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Stack

package/dist/components/Stepper.cjs

@@ -309,7 +309,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({
@@ -317,6 +317,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/Stepper.js

@@ -1,11 +1,12 @@
 "use client";
 import {
   InputBase
-} from "../chunk-724LJWFR.js";
+} from "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
 import {
   Button
-} from "../chunk-MZJS2ZAU.js";
+} from "../chunk-L364HTYC.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/Swatch.cjs

@@ -385,7 +385,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",

package/dist/components/Swatch.js

@@ -1,13 +1,13 @@
 import {
-  Stack
-} from "../chunk-OW3SZEU5.js";
+  Heading2,
+  Heading3
+} from "../chunk-J6LETUNM.js";
 import {
   Display1
 } from "../chunk-AY7ELVQY.js";
 import {
-  Heading2,
-  Heading3
-} from "../chunk-J6LETUNM.js";
+  Stack
+} from "../chunk-EO3JJWFW.js";
 import {
   Paragraph
 } from "../chunk-VG4EPHJA.js";

package/dist/components/Time.cjs

@@ -856,7 +856,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",

package/dist/components/Time.js

@@ -1,13 +1,14 @@
-import {
-  Stack
-} from "../chunk-OW3SZEU5.js";
 import {
   findDocumentRoot
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-724LJWFR.js";
+} from "../chunk-R5TLUWDD.js";
+import "../chunk-5UH6QUFB.js";
 import "../chunk-S5K22XTH.js";
+import {
+  Stack
+} from "../chunk-EO3JJWFW.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/Toast.cjs

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

package/dist/components/Toast.js

@@ -7,7 +7,7 @@ import {
 } from "../chunk-VG4EPHJA.js";
 import {
   Button
-} from "../chunk-MZJS2ZAU.js";
+} from "../chunk-L364HTYC.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";

package/dist/components/Upload.cjs

@@ -389,7 +389,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({
@@ -397,6 +397,7 @@ var Button = (_a) => {
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
+      onClick: props.onClick,
       disabled,
       href,
       children: [

package/dist/components/Upload.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-VG4EPHJA.js";
 import {
   Button
-} from "../chunk-MZJS2ZAU.js";
+} from "../chunk-L364HTYC.js";
 import {
   Icon
 } from "../chunk-IGQVA7SC.js";