@wrdagency/blockout 0.1.10 → 1.0.0

package/dist/components/controls/card-number-control/index.js

@@ -1,442 +1,46 @@
-import { jsxs as w, jsx as v } from "react/jsx-runtime";
-import { noop as S } from "../../../utils/noop.js";
-import { g as x } from "../../../_commonjsHelpers-C6fGbg64.js";
-import { useMemo as L } from "react";
-import { BaseControl as H } from "../base-control/index.js";
-import { useBaseControlProps as U } from "../base-control/props.js";
-import { AmericanExpress as J } from "./cards/american-express.js";
-import { Discover as $ } from "./cards/discover.js";
-import { Generic as A } from "./cards/generic.js";
-import { Mastercard as k } from "./cards/mastercard.js";
-import { Visa as G } from "./cards/visa.js";
-import '../../../assets/index20.css';var I, b;
-function X() {
-  if (b) return I;
-  b = 1;
-  var s = {
-    visa: {
-      niceType: "Visa",
-      type: "visa",
-      patterns: [4],
-      gaps: [4, 8, 12],
-      lengths: [16, 18, 19],
-      code: {
-        name: "CVV",
-        size: 3
-      }
-    },
-    mastercard: {
-      niceType: "Mastercard",
-      type: "mastercard",
-      patterns: [[51, 55], [2221, 2229], [223, 229], [23, 26], [270, 271], 2720],
-      gaps: [4, 8, 12],
-      lengths: [16],
-      code: {
-        name: "CVC",
-        size: 3
-      }
-    },
-    "american-express": {
-      niceType: "American Express",
-      type: "american-express",
-      patterns: [34, 37],
-      gaps: [4, 10],
-      lengths: [15],
-      code: {
-        name: "CID",
-        size: 4
-      }
-    },
-    "diners-club": {
-      niceType: "Diners Club",
-      type: "diners-club",
-      patterns: [[300, 305], 36, 38, 39],
-      gaps: [4, 10],
-      lengths: [14, 16, 19],
-      code: {
-        name: "CVV",
-        size: 3
-      }
-    },
-    discover: {
-      niceType: "Discover",
-      type: "discover",
-      patterns: [6011, [644, 649], 65],
-      gaps: [4, 8, 12],
-      lengths: [16, 19],
-      code: {
-        name: "CID",
-        size: 3
-      }
-    },
-    jcb: {
-      niceType: "JCB",
-      type: "jcb",
-      patterns: [2131, 1800, [3528, 3589]],
-      gaps: [4, 8, 12],
-      lengths: [16, 17, 18, 19],
-      code: {
-        name: "CVV",
-        size: 3
-      }
-    },
-    unionpay: {
-      niceType: "UnionPay",
-      type: "unionpay",
-      patterns: [
-        620,
-        [62100, 62182],
-        [62184, 62187],
-        [62185, 62197],
-        [62200, 62205],
-        [622010, 622999],
-        622018,
-        [62207, 62209],
-        [623, 626],
-        6270,
-        6272,
-        6276,
-        [627700, 627779],
-        [627781, 627799],
-        [6282, 6289],
-        6291,
-        6292,
-        810,
-        [8110, 8131],
-        [8132, 8151],
-        [8152, 8163],
-        [8164, 8171]
-      ],
-      gaps: [4, 8, 12],
-      lengths: [14, 15, 16, 17, 18, 19],
-      code: {
-        name: "CVN",
-        size: 3
-      }
-    },
-    maestro: {
-      niceType: "Maestro",
-      type: "maestro",
-      patterns: [
-        493698,
-        [5e5, 504174],
-        [504176, 506698],
-        [506779, 508999],
-        [56, 59],
-        63,
-        67,
-        6
-      ],
-      gaps: [4, 8, 12],
-      lengths: [12, 13, 14, 15, 16, 17, 18, 19],
-      code: {
-        name: "CVC",
-        size: 3
-      }
-    },
-    elo: {
-      niceType: "Elo",
-      type: "elo",
-      patterns: [
-        401178,
-        401179,
-        438935,
-        457631,
-        457632,
-        431274,
-        451416,
-        457393,
-        504175,
-        [506699, 506778],
-        [509e3, 509999],
-        627780,
-        636297,
-        636368,
-        [650031, 650033],
-        [650035, 650051],
-        [650405, 650439],
-        [650485, 650538],
-        [650541, 650598],
-        [650700, 650718],
-        [650720, 650727],
-        [650901, 650978],
-        [651652, 651679],
-        [655e3, 655019],
-        [655021, 655058]
-      ],
-      gaps: [4, 8, 12],
-      lengths: [16],
-      code: {
-        name: "CVE",
-        size: 3
-      }
-    },
-    mir: {
-      niceType: "Mir",
-      type: "mir",
-      patterns: [[2200, 2204]],
-      gaps: [4, 8, 12],
-      lengths: [16, 17, 18, 19],
-      code: {
-        name: "CVP2",
-        size: 3
-      }
-    },
-    hiper: {
-      niceType: "Hiper",
-      type: "hiper",
-      patterns: [637095, 63737423, 63743358, 637568, 637599, 637609, 637612],
-      gaps: [4, 8, 12],
-      lengths: [16],
-      code: {
-        name: "CVC",
-        size: 3
-      }
-    },
-    hipercard: {
-      niceType: "Hipercard",
-      type: "hipercard",
-      patterns: [606282],
-      gaps: [4, 8, 12],
-      lengths: [16],
-      code: {
-        name: "CVC",
-        size: 3
-      }
-    },
-    verve: {
-      niceType: "Verve",
-      type: "verve",
-      patterns: [
-        [506099, 506127],
-        506129,
-        [506133, 506150],
-        [506158, 506163],
-        506166,
-        506168,
-        506170,
-        506173,
-        [506176, 506180],
-        506184,
-        [506187, 506188],
-        506191,
-        506195,
-        506197,
-        507865,
-        507866,
-        [507868, 507877],
-        [507880, 507888],
-        507900,
-        507941
-      ],
-      gaps: [4, 8, 12],
-      lengths: [16, 18, 19],
-      code: {
-        name: "CVV",
-        size: 3
-      }
-    }
-  };
-  return I = s, I;
-}
-var C = {}, R = {}, O;
-function N() {
-  if (O) return R;
-  O = 1, Object.defineProperty(R, "__esModule", { value: !0 }), R.clone = void 0;
-  function s(o) {
-    return o ? JSON.parse(JSON.stringify(o)) : null;
-  }
-  return R.clone = s, R;
-}
-var T = {}, P;
-function Y() {
-  if (P) return T;
-  P = 1, Object.defineProperty(T, "__esModule", { value: !0 }), T.matches = void 0;
-  function s(a, r, d) {
-    var c = String(r).length, t = a.substr(0, c), l = parseInt(t, 10);
-    return r = parseInt(String(r).substr(0, t.length), 10), d = parseInt(String(d).substr(0, t.length), 10), l >= r && l <= d;
-  }
-  function o(a, r) {
-    return r = String(r), r.substring(0, a.length) === a.substring(0, r.length);
-  }
-  function p(a, r) {
-    return Array.isArray(r) ? s(a, r[0], r[1]) : o(a, r);
-  }
-  return T.matches = p, T;
-}
-var D;
-function F() {
-  if (D) return C;
-  D = 1, Object.defineProperty(C, "__esModule", { value: !0 }), C.addMatchingCardsToResults = void 0;
-  var s = N(), o = Y();
-  function p(a, r, d) {
-    var c, t;
-    for (c = 0; c < r.patterns.length; c++) {
-      var l = r.patterns[c];
-      if ((0, o.matches)(a, l)) {
-        var h = (0, s.clone)(r);
-        Array.isArray(l) ? t = String(l[0]).length : t = String(l).length, a.length >= t && (h.matchStrength = t), d.push(h);
-        break;
-      }
-    }
-  }
-  return C.addMatchingCardsToResults = p, C;
-}
-var _ = {}, B;
-function W() {
-  if (B) return _;
-  B = 1, Object.defineProperty(_, "__esModule", { value: !0 }), _.isValidInputType = void 0;
-  function s(o) {
-    return typeof o == "string" || o instanceof String;
-  }
-  return _.isValidInputType = s, _;
-}
-var M = {}, q;
-function K() {
-  if (q) return M;
-  q = 1, Object.defineProperty(M, "__esModule", { value: !0 }), M.findBestMatch = void 0;
-  function s(p) {
-    var a = p.filter(function(r) {
-      return r.matchStrength;
-    }).length;
-    return a > 0 && a === p.length;
-  }
-  function o(p) {
-    return s(p) ? p.reduce(function(a, r) {
-      return !a || Number(a.matchStrength) < Number(r.matchStrength) ? r : a;
-    }) : null;
-  }
-  return M.findBestMatch = o, M;
-}
-var V, z;
-function Q() {
-  if (z) return V;
-  z = 1;
-  var s = V && V.__assign || function() {
-    return s = Object.assign || function(e) {
-      for (var n, i = 1, f = arguments.length; i < f; i++) {
-        n = arguments[i];
-        for (var y in n) Object.prototype.hasOwnProperty.call(n, y) && (e[y] = n[y]);
-      }
-      return e;
-    }, s.apply(this, arguments);
-  }, o = X(), p = F(), a = W(), r = K(), d = N(), c = {}, t = {
-    VISA: "visa",
-    MASTERCARD: "mastercard",
-    AMERICAN_EXPRESS: "american-express",
-    DINERS_CLUB: "diners-club",
-    DISCOVER: "discover",
-    JCB: "jcb",
-    UNIONPAY: "unionpay",
-    VERVE: "verve",
-    MAESTRO: "maestro",
-    ELO: "elo",
-    MIR: "mir",
-    HIPER: "hiper",
-    HIPERCARD: "hipercard"
-  }, l = [
-    t.VISA,
-    t.MASTERCARD,
-    t.AMERICAN_EXPRESS,
-    t.DINERS_CLUB,
-    t.DISCOVER,
-    t.JCB,
-    t.UNIONPAY,
-    t.VERVE,
-    t.MAESTRO,
-    t.ELO,
-    t.MIR,
-    t.HIPER,
-    t.HIPERCARD
-  ], h = (0, d.clone)(l);
-  function u(e) {
-    return c[e] || o[e];
-  }
-  function E() {
-    return h.map(function(e) {
-      return (0, d.clone)(u(e));
-    });
-  }
-  function m(e, n) {
-    n === void 0 && (n = !1);
-    var i = h.indexOf(e);
-    if (!n && i === -1)
-      throw new Error('"' + e + '" is not a supported card type.');
-    return i;
-  }
-  function g(e) {
-    var n = [];
-    if (!(0, a.isValidInputType)(e))
-      return n;
-    if (e.length === 0)
-      return E();
-    h.forEach(function(f) {
-      var y = u(f);
-      (0, p.addMatchingCardsToResults)(e, y, n);
-    });
-    var i = (0, r.findBestMatch)(n);
-    return i ? [i] : n;
-  }
-  return g.getTypeInfo = function(e) {
-    return (0, d.clone)(u(e));
-  }, g.removeCard = function(e) {
-    var n = m(e);
-    h.splice(n, 1);
-  }, g.addCard = function(e) {
-    var n = m(e.type, !0);
-    c[e.type] = e, n === -1 && h.push(e.type);
-  }, g.updateCard = function(e, n) {
-    var i = c[e] || o[e];
-    if (!i)
-      throw new Error('"'.concat(e, "\" is not a recognized type. Use `addCard` instead.'"));
-    if (n.type && i.type !== n.type)
-      throw new Error("Cannot overwrite type parameter.");
-    var f = (0, d.clone)(i);
-    f = s(s({}, f), n), c[f.type] = f;
-  }, g.changeOrder = function(e, n) {
-    var i = m(e);
-    h.splice(i, 1), h.splice(n, 0, e);
-  }, g.resetModifications = function() {
-    h = (0, d.clone)(l), c = {};
-  }, g.types = t, V = g, V;
-}
-var Z = Q();
-const j = /* @__PURE__ */ x(Z), de = (s) => {
-  const { baseProps: o, controlProps: p } = U(s, {
+import { jsxs as v, jsx as e } from "react/jsx-runtime";
+import { noop as u } from "../../../utils/noop.js";
+import { c as p } from "../../../style-A7_0w2WD.js";
+import { useMemo as x } from "react";
+import { BaseControl as y } from "../base-control/index.js";
+import { useBaseControlProps as P } from "../base-control/props.js";
+import { AmericanExpress as T } from "./cards/american-express.js";
+import { Discover as N } from "./cards/discover.js";
+import { Mastercard as V } from "./cards/mastercard.js";
+import { Visa as j } from "./cards/visa.js";
+const H = (l) => {
+  const { baseProps: g, controlProps: d } = P(l, {
     className: "component-card-number-control"
   }), {
-    value: a,
-    onChangeValue: r = S,
-    onChange: d = S,
-    ...c
-  } = p, t = L(() => j(a), [a]);
-  function l(u) {
-    if (t.length !== 1)
-      return /* @__PURE__ */ v(A, { ...u });
-    switch (t[0].type) {
-      case "american-express":
-        return /* @__PURE__ */ v(J, { ...u });
-      case "discover":
-        return /* @__PURE__ */ v($, { ...u });
-      case "mastercard":
-        return /* @__PURE__ */ v(k, { ...u });
-      case "visa":
-        return /* @__PURE__ */ v(G, { ...u });
-      default:
-        return /* @__PURE__ */ v(A, { ...u });
-    }
-  }
-  return /* @__PURE__ */ w(H, { ...o, children: [
-    /* @__PURE__ */ v("input", { value: a, onChange: (u) => {
-      const E = u.currentTarget.value.replace(/\D/g, "").trim(), m = j(E), e = (m.length === 1 ? m[0].gaps : [4, 8, 12]).reduce(
-        (n, i, f) => n.substring(0, i + f) + " " + n.substring(i + f),
-        E
+    value: o,
+    onChangeValue: f = u,
+    onChange: C = u,
+    ...h
+  } = d, t = x(() => p(o), [o]);
+  function b(r) {
+    if (t.length === 1)
+      switch (t[0].type) {
+        case "american-express":
+          return /* @__PURE__ */ e(T, { ...r });
+        case "discover":
+          return /* @__PURE__ */ e(N, { ...r });
+        case "mastercard":
+          return /* @__PURE__ */ e(V, { ...r });
+        case "visa":
+          return /* @__PURE__ */ e(j, { ...r });
+      }
+  }
+  return /* @__PURE__ */ v(y, { ...g, children: [
+    /* @__PURE__ */ e("input", { value: o, onChange: (r) => {
+      const n = r.currentTarget.value.replace(/\D/g, "").trim(), s = p(n), a = (s.length === 1 ? s[0].gaps : [4, 8, 12]).reduce(
+        (c, m, i) => c.substring(0, m + i) + " " + c.substring(m + i),
+        n
       ).trim();
-      u.currentTarget.value = e, r(e), d(u);
-    }, ...c }),
-    /* @__PURE__ */ v(l, { className: "component-card-number-control__card" })
+      r.currentTarget.value = a, f(a), C(r);
+    }, ...h }),
+    /* @__PURE__ */ e(b, { className: "component-card-number-control__card" })
   ] });
 };
 export {
-  de as CardNumberControl
+  H as CardNumberControl
 };

package/dist/components/controls/checkbox-control/index.d.ts

@@ -1,8 +1,10 @@
+import { Icon } from '@phosphor-icons/react';
 import { InputHTMLAttributes } from 'react';
 import { ControlFC } from '../base-control/props';
 interface CheckboxControlProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "checked"> {
     value?: boolean;
     onChangeValue?: (value: boolean) => void;
+    getCheckmark?: (value?: boolean) => Icon;
 }
 export declare const CheckboxControl: ControlFC<CheckboxControlProps>;
 export {};

package/dist/components/controls/checkbox-control/index.js

@@ -1,57 +1,91 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { cn as N } from "../../../utils/css.js";
-import { noop as t } from "../../../utils/noop.js";
-import "react";
-import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/index4.css';/* empty css                      */
-/* empty css                      */
-/* empty css                      */
-import { VisuallyHidden as g } from "../../../primitives/visually-hidden/index.js";
-import { r as C, a as P } from "../../../Square.es-KJLdY11q.js";
-import { Affix as l } from "../base-control/affix.js";
-import { useBaseControlProps as j } from "../base-control/props.js";
-const q = (s) => {
-  const { baseProps: a, controlProps: m } = j(s, {
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { cn as E } from "../../../utils/css.js";
+import { noop as h } from "../../../utils/noop.js";
+import { r as _, a as M } from "../../../Square.es-KJLdY11q.js";
+import * as e from "react";
+import { w as N } from "../../../SSRBase.es-BUXS72ra.js";
+import { Affix as p } from "../base-control/affix.js";
+import { useBaseControlProps as C } from "../base-control/props.js";
+import '../../../assets/style7.css';/* empty css                      */
+const F = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28Zm-4,176H52V52H204ZM76,128a12,12,0,0,1,12-12h80a12,12,0,0,1,0,24H88A12,12,0,0,1,76,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,48V208a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V48a8,8,0,0,1,8-8H208A8,8,0,0,1,216,48Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Zm-32-80a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM168,136H88a8,8,0,0,1,0-16h80a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,34H48A14,14,0,0,0,34,48V208a14,14,0,0,0,14,14H208a14,14,0,0,0,14-14V48A14,14,0,0,0,208,34Zm2,174a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V48a2,2,0,0,1,2-2H208a2,2,0,0,1,2,2Zm-36-80a6,6,0,0,1-6,6H88a6,6,0,0,1,0-12h80A6,6,0,0,1,174,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32Zm0,176H48V48H208V208Zm-32-80a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h80A8,8,0,0,1,176,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36Zm4,172a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V48a4,4,0,0,1,4-4H208a4,4,0,0,1,4,4Zm-40-80a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h80A4,4,0,0,1,172,128Z" }))
+  ]
+]), i = e.forwardRef((o, c) => /* @__PURE__ */ e.createElement(N, { ref: c, ...o, weights: F }));
+i.displayName = "MinusSquareIcon";
+const B = (o) => {
+  const { baseProps: c, controlProps: H } = C(o, {
     className: "component-checkbox-control"
-  }), { id: i, label: p, prefix: h, suffix: x, help: e, className: d } = a, {
-    value: c = !1,
-    onChange: f = t,
-    onChangeValue: b = t,
-    ...u
-  } = m, k = (n) => {
-    b(n.currentTarget.checked), f(n);
-  }, _ = c ? C : P;
-  return /* @__PURE__ */ r(
+  }), { id: d, label: m, prefix: f, suffix: u, help: s, className: V } = c, {
+    value: t,
+    onChange: A = h,
+    onChangeValue: x = h,
+    getCheckmark: Z = (n) => n === !0 ? _ : n === !1 ? M : i,
+    ...g
+  } = H, b = (n) => {
+    x(n.currentTarget.checked), A(n);
+  }, r = t === void 0, k = Z(r ? void 0 : t);
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: N(d, c && "component-checkbox-control--checked"),
+      className: E(V, t && "component-checkbox-control--checked"),
       children: [
-        /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(
-          "input",
-          {
-            className: "component-checkbox-control__input",
-            type: "checkbox",
-            checked: c,
-            onChange: k,
-            ...u
-          }
-        ) }),
-        /* @__PURE__ */ r("label", { className: "component-checkbox-control__label", htmlFor: i, children: [
-          /* @__PURE__ */ o(
-            _,
-            {
-              className: "component-checkbox-control__icon",
-              weight: c ? "fill" : "regular"
-            }
-          ),
-          /* @__PURE__ */ o(l, { children: h }),
-          /* @__PURE__ */ o("span", { className: "component-checkbox-control__text", children: p }),
-          /* @__PURE__ */ o(l, { suffix: !0, children: x })
+        /* @__PURE__ */ l("label", { className: "component-checkbox-control__label", htmlFor: d, children: [
+          /* @__PURE__ */ l("div", { className: "component-checkbox-control__input__wrapper", children: [
+            /* @__PURE__ */ a(
+              "input",
+              {
+                className: "component-checkbox-control__input",
+                type: "checkbox",
+                checked: r ? !1 : t,
+                onChange: b,
+                ...g
+              }
+            ),
+            /* @__PURE__ */ a(
+              k,
+              {
+                className: "component-checkbox-control__icon",
+                weight: r || t ? "fill" : "regular"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a(p, { children: f }),
+          m && /* @__PURE__ */ a("span", { className: "component-checkbox-control__text", children: m }),
+          /* @__PURE__ */ a(p, { suffix: !0, children: u })
         ] }),
-        e && /* @__PURE__ */ o("div", { className: "component-checkbox-control__help", children: e })
+        s && /* @__PURE__ */ a("div", { className: "component-checkbox-control__help", children: s })
       ]
     }
   );
 };
 export {
-  q as CheckboxControl
+  B as CheckboxControl
 };