@dhasdk/simple-ui 1.0.10 → 1.0.11

package/index.mjs

@@ -2754,7 +2754,7 @@ const J = (e) => {
     }, [p]), Z(() => {
       O(u ? Ve : f(Ve, "bg-transparent border-0"));
     }, [u]), Z(() => {
-      j(y && u ? f(Se, "border-b-0! rounded-t rounded-b-none") : Se);
+      j(y && u ? f(Se, "border-b-0 rounded-t rounded-b-none") : Se);
     }, [y, u]), /* @__PURE__ */ L("div", { ref: $, className: n, children: [
       /* @__PURE__ */ L(
         "button",
@@ -3096,11 +3096,109 @@ const J = (e) => {
       }
     );
   }
-), v0 = "data:image/svg+xml,%3csvg%20width='7'%20height='11'%20viewBox='0%200%207%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%201'%20d='M1%201L5%205.5L1%2010'%20stroke='%23747476'%20stroke-width='2'/%3e%3c/svg%3e", C0 = "data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Exclude'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%200.5L0%205.75V14.5H4.28571V10.125H7.71429V14.5H12V5.75L6%200.5Z'%20fill='%23747476'/%3e%3c/svg%3e";
-function y0(e) {
+), v0 = 'inline-flex items-center justify-center whitespace-nowrap rounded-md  ring-offset-background transition-colors focus-visible:outline-hidden font-["Arial"] disabled:pointer-events-none text-sm md:text-base lg:text-lg disabled:opacity-50 px-6 py-[8px] md:py-[12px] lg:py-[16px] h-[40px] md:h-[48px] lg:h-[56px] ', ze = {
+  default: {
+    normal: "border-2 border-gray-300 rounded-md bg-gray-200 hover:bg-slate-400 text-black text-sm md:text-base lg:text-lg hover:text-black hover:border-slate-600 disabled:bg-dha-mc-bottom-nav-background disabled:text-dha-mc-checkbox-inactive focus:border-black disabled:border-dha-mc-bottom-nav-background disabled:border-2 py-0 md:py-0 lg:py-0 h-[48px] mt-1",
+    selected: "bg-gray-500 text-white"
+    // Only used if 'selected' is true to indicate state when 'selected'
+  },
+  filled: {
+    normal: "rounded-md bg-[#092068] hover:bg-[#0c2c8e] text-white text-sm md:text-base lg:text-lg hover:text-white focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] active:bg-[#0F37B3] disabled:bg-[#e4e4e5] disabled:text-[#939194] disabled:border-[#e4e4e5] ",
+    selected: ""
+    // Only used if 'selected' is true
+  },
+  outline: {
+    normal: "rounded-md border-[#092068] bg-white border-2 text-[#092068] text-sm md:text-base lg:text-lg disabled:border-dha-mc-secondary-border disabled:text-[#939194] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] ",
+    selected: ""
+    // Only used if 'selected' is true
+  },
+  transparent: {
+    normal: "rounded-md text-sm md:text-base lg:text-lg text-[#092068] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(251,137,241,1.00)] disabled:text-[#939194]",
+    selected: ""
+    // Only used if 'selected' is true
+  }
+}, b2 = ee(
+  ({
+    label: e,
+    onClick: t,
+    className: n,
+    icon: r,
+    iconPosition: a,
+    variant: l = "default",
+    type: o = "button",
+    children: c,
+    selected: i = !1,
+    classNameSelected: m,
+    classNameGroup: b = "",
+    ...p
+  }, u) => {
+    const [C, x] = I("");
+    return Z(() => {
+      let M = ze[l].normal || ze.default.normal;
+      i && !m ? M = f(M, ze[l].selected) : i && m && (M = f(M, m)), x(f(v0, M));
+    }, [i, m, l]), /* @__PURE__ */ L(
+      "button",
+      {
+        type: o,
+        onClick: t,
+        className: `${a === "iconOnly" ? f(
+          C,
+          "px-[12px] md:px-[14px] lg:px-[16px] py-[8px] md:py-[12px] lg:py-[16px]",
+          b,
+          // passed in from ButtonGroup if present
+          n
+          // dev over-rides
+        ) : f(C, b, n)}`,
+        ref: u,
+        ...p,
+        children: [
+          a === "left" && r && /* @__PURE__ */ s("span", { className: "icon-left mr-3 size-6", children: r }),
+          a === "iconOnly" && r ? /* @__PURE__ */ s("span", { className: "size-6", children: r }) : /* @__PURE__ */ s("span", { className: "", children: c || e }),
+          a === "right" && r && /* @__PURE__ */ s("span", { className: "icon-right ml-3 size-6", children: r })
+        ]
+      }
+    );
+  }
+);
+b2.displayName = "SDK Button";
+const ye = {
+  default: {
+    container: "flex gap-4 w-full md:gap-8 lg:gap-12",
+    button: "w-[150px]"
+  },
+  column: {
+    container: "flex flex-col gap-3 w-full md:gap-4 lg:gap-6",
+    button: "w-[150px]"
+  },
+  custom: {
+    container: "",
+    button: ""
+  }
+}, C0 = ee(
+  ({ className: e, children: t, classNameButtons: n, variant: r = "default", ...a }, l) => {
+    let o = 0;
+    const c = Ue.map(t, (p) => {
+      if (be(p)) {
+        ++o;
+        const u = p, C = u.props.classNameGroup || "";
+        return _e(u, {
+          classNameGroup: f(C, ye[r].button, n)
+        });
+      }
+      return p;
+    }), i = o === 3 && r === "default", m = c == null ? void 0 : c.slice(0, 2), b = c == null ? void 0 : c.slice(2);
+    return i ? /* @__PURE__ */ L("div", { className: "inline-flex flex-col gap-1", children: [
+      /* @__PURE__ */ s("div", { className: f(ye[r].container, e), children: m }),
+      /* @__PURE__ */ s("div", { className: f(ye[r].container, "justify-center", e), children: b })
+    ] }) : /* @__PURE__ */ s("div", { className: f("", ye[r].container, e), ref: l, children: c });
+  }
+);
+C0.displayName = "SDK ButtonGroup";
+const y0 = "data:image/svg+xml,%3csvg%20width='7'%20height='11'%20viewBox='0%200%207%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%201'%20d='M1%201L5%205.5L1%2010'%20stroke='%23747476'%20stroke-width='2'/%3e%3c/svg%3e", k0 = "data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Exclude'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%200.5L0%205.75V14.5H4.28571V10.125H7.71429V14.5H12V5.75L6%200.5Z'%20fill='%23747476'/%3e%3c/svg%3e";
+function N0(e) {
   return e.replace(/-/g, " ").replace(/\b\w/g, (t) => t.toUpperCase());
 }
-const k0 = {
+const M0 = {
   default: "overflow-x-auto w-full text-base md:text-lg",
   // image top
   bold: "overflow-x-auto font-bold w-full text-base md:text-lg"
@@ -3110,11 +3208,11 @@ const k0 = {
     className: t,
     routes: n,
     variant: r = "default",
-    separator: a = v0,
+    separator: a = y0,
     ...l
   }, o) => {
     const c = X(null), i = X(null), [m, b] = I(!1), [p, u] = I(), [C, x] = I(0), { pathname: M } = k2(), $ = Oe(() => n && n.length > 0 ? n : M.split("/").filter(Boolean).map((_, O, H) => ({
-      name: y0(decodeURIComponent(_)),
+      name: N0(decodeURIComponent(_)),
       route: "/" + H.slice(0, O + 1).join("/")
     })), [n, M]);
     Z(() => {
@@ -3137,7 +3235,7 @@ const k0 = {
     }, [p, $]), /* @__PURE__ */ s(
       "nav",
       {
-        className: f(k0[r], e),
+        className: f(M0[r], e),
         ...l,
         ref: o,
         "aria-label": "Breadcrumbs",
@@ -3167,7 +3265,7 @@ const k0 = {
                       "capitalize me-2 inline-flex md:hidden",
                       t
                     ),
-                    children: /* @__PURE__ */ s("img", { src: C0, ref: i, alt: "home icon" })
+                    children: /* @__PURE__ */ s("img", { src: k0, ref: i, alt: "home icon" })
                   }
                 ),
                 $.length > 0 ? /* @__PURE__ */ s("span", { className: f("me-2", t), children: /* @__PURE__ */ s("img", { src: a, alt: "vector" }) }) : ""
@@ -3229,105 +3327,7 @@ const k0 = {
       }
     );
   }
-), N0 = 'inline-flex items-center justify-center whitespace-nowrap rounded-md  ring-offset-background transition-colors focus-visible:outline-hidden font-["Arial"] disabled:pointer-events-none text-sm md:text-base lg:text-lg disabled:opacity-50 px-6 py-[8px] md:py-[12px] lg:py-[16px] h-[40px] md:h-[48px] lg:h-[56px] ', ze = {
-  default: {
-    normal: "border-2 border-gray-300 rounded-md bg-gray-200 hover:bg-slate-400 text-black text-sm md:text-base lg:text-lg hover:text-black hover:border-slate-600 disabled:bg-dha-mc-bottom-nav-background disabled:text-dha-mc-checkbox-inactive focus:border-black disabled:border-dha-mc-bottom-nav-background disabled:border-2 py-0 md:py-0 lg:py-0 h-[48px] mt-1",
-    selected: "bg-gray-500 text-white"
-    // Only used if 'selected' is true to indicate state when 'selected'
-  },
-  filled: {
-    normal: "rounded-md bg-[#092068] hover:bg-[#0c2c8e] text-white text-sm md:text-base lg:text-lg hover:text-white focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] active:bg-[#0F37B3] disabled:bg-[#e4e4e5] disabled:text-[#939194] disabled:border-[#e4e4e5] ",
-    selected: ""
-    // Only used if 'selected' is true
-  },
-  outline: {
-    normal: "rounded-md border-[#092068] bg-white border-2 text-[#092068] text-sm md:text-base lg:text-lg disabled:border-dha-mc-secondary-border disabled:text-[#939194] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] ",
-    selected: ""
-    // Only used if 'selected' is true
-  },
-  transparent: {
-    normal: "rounded-md text-sm md:text-base lg:text-lg text-[#092068] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(251,137,241,1.00)] disabled:text-[#939194]",
-    selected: ""
-    // Only used if 'selected' is true
-  }
-}, b2 = ee(
-  ({
-    label: e,
-    onClick: t,
-    className: n,
-    icon: r,
-    iconPosition: a,
-    variant: l = "default",
-    type: o = "button",
-    children: c,
-    selected: i = !1,
-    classNameSelected: m,
-    classNameGroup: b = "",
-    ...p
-  }, u) => {
-    const [C, x] = I("");
-    return Z(() => {
-      let M = ze[l].normal || ze.default.normal;
-      i && !m ? M = f(M, ze[l].selected) : i && m && (M = f(M, m)), x(f(N0, M));
-    }, [i, m, l]), /* @__PURE__ */ L(
-      "button",
-      {
-        type: o,
-        onClick: t,
-        className: `${a === "iconOnly" ? f(
-          C,
-          "px-[12px] md:px-[14px] lg:px-[16px] py-[8px] md:py-[12px] lg:py-[16px]",
-          b,
-          // passed in from ButtonGroup if present
-          n
-          // dev over-rides
-        ) : f(C, b, n)}`,
-        ref: u,
-        ...p,
-        children: [
-          a === "left" && r && /* @__PURE__ */ s("span", { className: "icon-left mr-3 size-6", children: r }),
-          a === "iconOnly" && r ? /* @__PURE__ */ s("span", { className: "size-6", children: r }) : /* @__PURE__ */ s("span", { className: "", children: c || e }),
-          a === "right" && r && /* @__PURE__ */ s("span", { className: "icon-right ml-3 size-6", children: r })
-        ]
-      }
-    );
-  }
-);
-b2.displayName = "SDK Button";
-const ye = {
-  default: {
-    container: "flex gap-4 w-full md:gap-8 lg:gap-12",
-    button: "w-[150px]"
-  },
-  column: {
-    container: "flex flex-col gap-3 w-full md:gap-4 lg:gap-6",
-    button: "w-[150px]"
-  },
-  custom: {
-    container: "",
-    button: ""
-  }
-}, M0 = ee(
-  ({ className: e, children: t, classNameButtons: n, variant: r = "default", ...a }, l) => {
-    let o = 0;
-    const c = Ue.map(t, (p) => {
-      if (be(p)) {
-        ++o;
-        const u = p, C = u.props.classNameGroup || "";
-        return _e(u, {
-          classNameGroup: f(C, ye[r].button, n)
-        });
-      }
-      return p;
-    }), i = o === 3 && r === "default", m = c == null ? void 0 : c.slice(0, 2), b = c == null ? void 0 : c.slice(2);
-    return i ? /* @__PURE__ */ L("div", { className: "inline-flex flex-col gap-1", children: [
-      /* @__PURE__ */ s("div", { className: f(ye[r].container, e), children: m }),
-      /* @__PURE__ */ s("div", { className: f(ye[r].container, "justify-center", e), children: b })
-    ] }) : /* @__PURE__ */ s("div", { className: f("", ye[r].container, e), ref: l, children: c });
-  }
-);
-M0.displayName = "SDK ButtonGroup";
-const _0 = {
+), _0 = {
   default: "flex flex-col w-64 max-w-64",
   // image top
   imageBottom: "flex flex-col-reverse w-64 mx-w-64",
@@ -5439,7 +5439,7 @@ export {
   Dt as Badge,
   St as Breadcrumbs,
   b2 as Button,
-  M0 as ButtonGroup,
+  C0 as ButtonGroup,
   S0 as Card,
   Vt as CharacterCounter,
   x2 as CheckBox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhasdk/simple-ui",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "license": "MIT",
   "main": "./index.js",
   "types": "./index.d.ts",