@dmsi/wedgekit-react 0.0.90 → 0.0.92

package/dist/chunk-3ZUSYRI7.js

@@ -0,0 +1,11 @@
+// src/components/HorizontalDivider.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+function HorizontalDivider({ id, hideOnMobile }) {
+  const hideOnMobileStyle = clsx(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ jsx("hr", { id, className: clsx("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+}
+
+export {
+  HorizontalDivider
+};

package/dist/{chunk-RHADESKO.js → chunk-A4XOUWM5.js}

@@ -1,6 +1,6 @@
 import {
   SelectPaymentMethod
-} from "./chunk-SASEP5UE.js";
+} from "./chunk-Z7OYI7ZH.js";
 import {
   Modal
 } from "./chunk-QIHDPSOM.js";

package/dist/{chunk-SASEP5UE.js → chunk-Z7OYI7ZH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-TTO4PL7Y.js";
 import {
   HorizontalDivider
-} from "./chunk-5OHGKW4U.js";
+} from "./chunk-3ZUSYRI7.js";
 import {
   Checkbox
 } from "./chunk-WT5XXW6G.js";

package/dist/components/HorizontalDivider.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/HorizontalDivider.tsx
@@ -23,9 +33,11 @@ __export(HorizontalDivider_exports, {
   HorizontalDivider: () => HorizontalDivider
 });
 module.exports = __toCommonJS(HorizontalDivider_exports);
+var import_clsx = __toESM(require("clsx"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-function HorizontalDivider({ id }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { id, className: "w-full border-t border-border-primary-normal" });
+function HorizontalDivider({ id, hideOnMobile }) {
+  const hideOnMobileStyle = (0, import_clsx.default)(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { id, className: (0, import_clsx.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/HorizontalDivider.js

@@ -1,6 +1,6 @@
 import {
   HorizontalDivider
-} from "../chunk-5OHGKW4U.js";
+} from "../chunk-3ZUSYRI7.js";
 import "../chunk-ORMEWXMH.js";
 export {
   HorizontalDivider

package/dist/components/PaymentOnAccountModal.cjs

@@ -1729,7 +1729,7 @@ var RadioIcon = ({ className }) => {
 RadioIcon.displayName = "RadioIcon";
 
 // src/components/SelectPaymentMethod.tsx
-var import_clsx19 = __toESM(require("clsx"), 1);
+var import_clsx20 = __toESM(require("clsx"), 1);
 
 // src/components/Checkbox.tsx
 var import_clsx17 = __toESM(require("clsx"), 1);
@@ -1895,9 +1895,11 @@ var Subheader = (_a) => {
 Subheader.displayName = "Subheader";
 
 // src/components/HorizontalDivider.tsx
+var import_clsx19 = __toESM(require("clsx"), 1);
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function HorizontalDivider({ id }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("hr", { id, className: "w-full border-t border-border-primary-normal" });
+function HorizontalDivider({ id, hideOnMobile }) {
+  const hideOnMobileStyle = (0, import_clsx19.default)(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("hr", { id, className: (0, import_clsx19.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
 }
 
 // src/components/SelectPaymentMethod.tsx
@@ -2006,7 +2008,7 @@ function ACHSelector(props) {
             children: customerBanks.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               Card,
               {
-                className: (0, import_clsx19.default)(
+                className: (0, import_clsx20.default)(
                   "transition-colors duration-300 py-desktop-compact-layout-padding cursor-pointer hover:bg-background-secondary-normal/30",
                   selectedBankGuid === bank.CustBankGUID && "bg-background-secondary-normal/20"
                 ),

package/dist/components/PaymentOnAccountModal.js

@@ -1,7 +1,7 @@
 import {
   PaymentOnAccountModal
-} from "../chunk-RHADESKO.js";
-import "../chunk-SASEP5UE.js";
+} from "../chunk-A4XOUWM5.js";
+import "../chunk-Z7OYI7ZH.js";
 import "../chunk-TTO4PL7Y.js";
 import "../chunk-QIHDPSOM.js";
 import "../chunk-4RJKB7LC.js";
@@ -10,7 +10,7 @@ import "../chunk-FWPJ73IK.js";
 import "../chunk-3JRVV6QY.js";
 import "../chunk-4JLU7TAC.js";
 import "../chunk-J6LETUNM.js";
-import "../chunk-5OHGKW4U.js";
+import "../chunk-3ZUSYRI7.js";
 import "../chunk-WT5XXW6G.js";
 import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";

package/dist/components/SelectPaymentMethod.cjs

@@ -786,7 +786,7 @@ var RadioIcon = ({ className }) => {
 RadioIcon.displayName = "RadioIcon";
 
 // src/components/SelectPaymentMethod.tsx
-var import_clsx11 = __toESM(require("clsx"), 1);
+var import_clsx12 = __toESM(require("clsx"), 1);
 
 // src/components/Checkbox.tsx
 var import_clsx9 = __toESM(require("clsx"), 1);
@@ -964,9 +964,11 @@ function formatCurrencyDisplay(value) {
 }
 
 // src/components/HorizontalDivider.tsx
+var import_clsx11 = __toESM(require("clsx"), 1);
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function HorizontalDivider({ id }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("hr", { id, className: "w-full border-t border-border-primary-normal" });
+function HorizontalDivider({ id, hideOnMobile }) {
+  const hideOnMobileStyle = (0, import_clsx11.default)(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("hr", { id, className: (0, import_clsx11.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
 }
 
 // src/components/SelectPaymentMethod.tsx
@@ -1075,7 +1077,7 @@ function ACHSelector(props) {
             children: customerBanks.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               Card,
               {
-                className: (0, import_clsx11.default)(
+                className: (0, import_clsx12.default)(
                   "transition-colors duration-300 py-desktop-compact-layout-padding cursor-pointer hover:bg-background-secondary-normal/30",
                   selectedBankGuid === bank.CustBankGUID && "bg-background-secondary-normal/20"
                 ),

package/dist/components/SelectPaymentMethod.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   SelectPaymentMethod
-} from "../chunk-SASEP5UE.js";
+} from "../chunk-Z7OYI7ZH.js";
 import "../chunk-TTO4PL7Y.js";
-import "../chunk-5OHGKW4U.js";
+import "../chunk-3ZUSYRI7.js";
 import "../chunk-WT5XXW6G.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-O4M2GISS.js";

package/dist/components/index.cjs

@@ -4411,12 +4411,14 @@ var RadioIcon = ({ className }) => {
 RadioIcon.displayName = "RadioIcon";
 
 // src/components/SelectPaymentMethod.tsx
-var import_clsx29 = __toESM(require("clsx"), 1);
+var import_clsx30 = __toESM(require("clsx"), 1);
 
 // src/components/HorizontalDivider.tsx
+var import_clsx29 = __toESM(require("clsx"), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function HorizontalDivider({ id }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { id, className: "w-full border-t border-border-primary-normal" });
+function HorizontalDivider({ id, hideOnMobile }) {
+  const hideOnMobileStyle = (0, import_clsx29.default)(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("hr", { id, className: (0, import_clsx29.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
 }
 
 // src/components/SelectPaymentMethod.tsx
@@ -4525,7 +4527,7 @@ function ACHSelector(props) {
             children: customerBanks.map((bank) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Card,
               {
-                className: (0, import_clsx29.default)(
+                className: (0, import_clsx30.default)(
                   "transition-colors duration-300 py-desktop-compact-layout-padding cursor-pointer hover:bg-background-secondary-normal/30",
                   selectedBankGuid === bank.CustBankGUID && "bg-background-secondary-normal/20"
                 ),

package/dist/components/index.js

@@ -6,8 +6,8 @@ import {
 } from "../chunk-Y4HUYAI5.js";
 import {
   PaymentOnAccountModal
-} from "../chunk-RHADESKO.js";
-import "../chunk-SASEP5UE.js";
+} from "../chunk-A4XOUWM5.js";
+import "../chunk-Z7OYI7ZH.js";
 import "../chunk-TTO4PL7Y.js";
 import "../chunk-QIHDPSOM.js";
 import "../chunk-4RJKB7LC.js";
@@ -16,7 +16,7 @@ import "../chunk-FWPJ73IK.js";
 import "../chunk-3JRVV6QY.js";
 import "../chunk-4JLU7TAC.js";
 import "../chunk-J6LETUNM.js";
-import "../chunk-5OHGKW4U.js";
+import "../chunk-3ZUSYRI7.js";
 import {
   Checkbox
 } from "../chunk-WT5XXW6G.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.90",
+  "version": "0.0.92",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/HorizontalDivider.tsx

@@ -1,5 +1,9 @@
-export function HorizontalDivider({ id }: { id?: string }) {
+import clsx from "clsx";
+
+export function HorizontalDivider({ id, hideOnMobile }: { id?: string, hideOnMobile?: boolean }) {
+  const hideOnMobileStyle = clsx(hideOnMobile && "hidden desktop:block")
+
   return (
-    <hr id={id} className="w-full border-t border-border-primary-normal" />
+    <hr id={id} className={clsx("w-full border-t border-border-primary-normal", hideOnMobileStyle)} />
   );
 }

package/dist/chunk-5OHGKW4U.js

@@ -1,9 +0,0 @@
-// 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
-};