@dmsi/wedgekit-react 0.0.552 → 0.0.554

package/dist/components/ProductImagePreview/index.cjs

@@ -346,7 +346,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -395,7 +396,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -487,6 +489,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/components/ProductImagePreview/index.js

@@ -1,19 +1,19 @@
 import {
   ProductImagePreview
-} from "../../chunk-SBGGDIE3.js";
+} from "../../chunk-FIVKYEC3.js";
+import "../../chunk-YCDDBSVU.js";
+import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-MBZ55T2D.js";
 import "../../chunk-2IKT6IHB.js";
-import "../../chunk-YCDDBSVU.js";
-import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-AT4AWD6B.js";
-import "../../chunk-BWPNXY7T.js";
 import "../../chunk-QVWYTQKL.js";
+import "../../chunk-BWPNXY7T.js";
 import "../../chunk-YD2JJ2VL.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-DQRQZE6O.js";
 import "../../chunk-5UH6QUFB.js";
-import "../../chunk-AX4M7X4Z.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/Radio.js

@@ -1,139 +1,10 @@
 "use client";
 import {
-  Paragraph
-} from "../chunk-WMPWWFUJ.js";
-import {
-  baseTransition,
-  componentGap
-} from "../chunk-7KWFEH56.js";
-import {
-  __objRest,
-  __spreadValues
-} from "../chunk-ORMEWXMH.js";
-
-// src/components/Radio.tsx
-import clsx from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Radio = (_a) => {
-  var _b = _a, {
-    className,
-    label,
-    error,
-    disabled,
-    checked,
-    readOnly,
-    id,
-    testid
-  } = _b, props = __objRest(_b, [
-    "className",
-    "label",
-    "error",
-    "disabled",
-    "checked",
-    "readOnly",
-    "id",
-    "testid"
-  ]);
-  const radioId = id;
-  const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
-  const defaultClassName = clsx(
-    !error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
-  );
-  const errorClassName = clsx(
-    error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
-  );
-  const disabledClassName = clsx(
-    disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
-  );
-  const readonlyClassName = clsx(
-    readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
-  );
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor: radioId,
-      "data-testid": testid,
-      className: clsx(
-        "flex items-center",
-        componentGap,
-        disabled ? "cursor-default" : "cursor-pointer",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            __spreadValues({
-              id: radioId,
-              "data-testid": testid ? `${testid}-input` : void 0,
-              type: "radio",
-              className: "sr-only peer",
-              disabled,
-              checked,
-              readOnly
-            }, props)
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: clsx(
-                "size-6 rounded-full border flex items-center justify-center",
-                baseTransition,
-                defaultClassName,
-                errorClassName,
-                disabledClassName,
-                readonlyClassName
-              ),
-              children: checked && /* @__PURE__ */ jsx(
-                RadioIcon,
-                {
-                  className: clsx(
-                    "transition-colors",
-                    !error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
-                    error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
-                    disabled && "text-icon-on-action-secondary-disabled",
-                    readOnly && "text-icon-on-action-secondary-disabled"
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        label && /* @__PURE__ */ jsx(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
-      ]
-    }
-  );
-};
-Radio.displayName = "Radio";
-var RadioIcon = ({ className }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className,
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            x: "1",
-            y: "1",
-            width: "22",
-            height: "22",
-            rx: "11",
-            stroke: "currentColor",
-            strokeWidth: "2"
-          }
-        ),
-        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
-      ]
-    }
-  );
-};
-RadioIcon.displayName = "RadioIcon";
+  Radio
+} from "../chunk-ZCJWOHFN.js";
+import "../chunk-WMPWWFUJ.js";
+import "../chunk-7KWFEH56.js";
+import "../chunk-ORMEWXMH.js";
 export {
   Radio
 };

package/dist/components/SideMenuGroup.cjs

@@ -327,7 +327,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -376,7 +377,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -468,6 +470,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/components/SideMenuGroup.js

@@ -4,7 +4,7 @@ import {
 } from "../chunk-HXGJVYGQ.js";
 import {
   Stack
-} from "../chunk-AX4M7X4Z.js";
+} from "../chunk-MTGNBARV.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/dist/components/SideMenuItem.cjs

@@ -279,7 +279,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -328,7 +329,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -420,6 +422,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/components/SideMenuItem.js

@@ -1,9 +1,9 @@
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
-import {
-  Stack
-} from "../chunk-AX4M7X4Z.js";
 import {
   baseTransition,
   componentPaddingMinus2pxBorder

package/dist/components/SimpleTable.cjs

@@ -330,7 +330,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -379,7 +380,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -471,6 +473,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/components/SimpleTable.js

@@ -1,8 +1,8 @@
 import {
   SimpleTable
-} from "../chunk-KJ5OQPPV.js";
+} from "../chunk-63WMDTVQ.js";
 import "../chunk-BYC6QID5.js";
-import "../chunk-AX4M7X4Z.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Stack.cjs

@@ -278,7 +278,8 @@ var Stack = (_a) => {
     bottom,
     zIndex,
     flexWrap,
-    className
+    className,
+    unclipEdges
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -327,7 +328,8 @@ var Stack = (_a) => {
     "bottom",
     "zIndex",
     "flexWrap",
-    "className"
+    "className",
+    "unclipEdges"
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g;
   const flexClassNames = getFlexClassNames({ items, justify, grow });
@@ -419,6 +421,7 @@ var Stack = (_a) => {
         elevation === 4 && "shadow-4",
         elevation === 16 && "shadow-16",
         rounded && "rounded",
+        unclipEdges && "-m-0.75 p-1",
         className
       ),
       children

package/dist/components/Stack.js

@@ -1,6 +1,6 @@
 import {
   Stack
-} from "../chunk-AX4M7X4Z.js";
+} from "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {