@scbt-ecom/ui 0.64.1 → 0.65.0

package/dist/shared/ui/button/index.d.ts

@@ -1 +1,2 @@
 export { Button, type ButtonProps } from './Button';
+export { buttonPrimitiveIntent, buttonPrimitiveTextFormat, buttonPrimitiveSize } from './model/helpers';

package/dist/shared/ui/button/model/helpers.d.ts

@@ -1,8 +1,25 @@
 import { ButtonConfig } from '../Button';
 export declare const setButtonLoaderIntent: (intent: ButtonConfig["intent"]) => "primary" | "secondary" | null | undefined;
+export declare const buttonPrimitiveSize: {
+    readonly sm: "h-10";
+    readonly md: "h-12";
+    readonly lg: "h-14";
+};
+export declare const buttonPrimitiveTextFormat: {
+    readonly capitalize: "capitalize";
+    readonly uppercase: "uppercase";
+    readonly lowercase: "lowercase";
+    readonly initial: "initial";
+};
+export declare const buttonPrimitiveIntent: {
+    readonly primary: "bg-color-primary-default text-color-white outline-offset-[3px] hover:bg-color-primary-hover  active:bg-color-primary-hover  focus:bg-color-primary-default focus:outline-primary-focus  disabled:bg-color-primary-disabled";
+    readonly secondary: "bg-transparent text-color-primary-default border border-solid border-primary-default hover:bg-color-primary-tr-hover active:bg-color-primary-tr-pressed active:border-primary-hover  focus:outline-primary-focus  focus:bg-color-primary-tr-focus disabled:bg-color-blue-grey-200 disabled:text-color-primary-disabled disabled:border-transparent";
+    readonly ghost: "bg-transparent text-color-primary-default hover:bg-color-primary-tr-hover hover:text-color-primary-hover focus:bg-color-primary-tr-focus focus:outline-primary-focus active:bg-color-primary-tr-pressed active:text-color-primary-hover disabled:text-color-primary-disabled disabled:bg-transparent";
+    readonly negative: "bg-color-secondary-default text-color-white outline-offset-[3px] hover:bg-color-secondary-hover disabled:bg-color-secondary-disabled active:bg-color-secondary-hover focus:bg-color-secondary-default focus:outline-primary-focus";
+};
 export declare const buttonConfig: (props?: ({
     intent?: "primary" | "secondary" | "ghost" | "negative" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
     textFormat?: "capitalize" | "uppercase" | "lowercase" | "initial" | null | undefined;
     isFull?: boolean | null | undefined;
     isLoading?: boolean | null | undefined;

package/dist/shared/ui/buttonIcon/ButtonIcon.d.ts

@@ -6,7 +6,7 @@ type ButtonClasses = {
 };
 declare const buttonConfig: (props?: ({
     intent?: "primary" | "secondary" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type ButtonProps = VariantProps<typeof buttonConfig>;
 export interface IButtonIconProps extends Omit<ComponentProps<'button'>, 'className'>, ButtonProps {

package/dist/shared/ui/customLink/model/helpers.d.ts

@@ -2,7 +2,7 @@ export declare const customLinkConfig: (props?: ({
     intent?: "blue" | "white" | "dark" | null | undefined;
     withUnderline?: boolean | null | undefined;
     disabled?: boolean | null | undefined;
-    size?: "sm" | "md" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const linkArrowConfig: (props?: ({
     intent?: "blue" | "white" | "dark" | null | undefined;

package/dist/shared/ui/loader/model/helpers.d.ts

@@ -3,5 +3,5 @@ export declare const wrapperConfig: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const loaderConfig: (props?: ({
     intent?: "primary" | "secondary" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui.js

@@ -1,9 +1,9 @@
-import { j as p, c as tt, R as nt, B as D, u as ot, a as rt, b as it, d as lt, P as U, e as ye, f as ut, I as st, g as X, h as at, A as gt, H as dt, i as N, k as ct, m as Ce, D as ft, V as pt, O as mt } from "./index-B00qeS0W.js";
-import { n as io, C as lo, t as uo, s as so, o as ao, K as go, L as co, N as fo, l as po, p as mo, q as ho, U as So, r as wo, v as Co } from "./index-B00qeS0W.js";
+import { j as p, c as tt, R as nt, B as D, u as ot, a as rt, b as it, d as lt, P as U, e as ye, f as ut, I as st, g as X, h as at, A as gt, H as dt, i as N, k as ct, m as Ce, D as ft, V as pt, O as mt } from "./index-BC0CWE5w.js";
+import { q as io, C as lo, x as uo, w as so, r as ao, K as go, L as co, N as fo, p as po, s as mo, t as ho, U as So, v as wo, l as Co, o as Ro, n as vo, y as xo } from "./index-BC0CWE5w.js";
 import * as E from "react";
 import { forwardRef as V, useState as ne, useEffect as $e, useRef as ht, isValidElement as k, cloneElement as Ve, Children as G } from "react";
 import { c as C, T as Re } from "./typeGuards-Bhdr9KYW.js";
-import { D as vo, d as xo, f as _o, b as Fo, a as yo } from "./utils-DaXd4sci.js";
+import { D as Fo, d as yo, f as $o, b as Vo, a as Mo } from "./utils-DaXd4sci.js";
 import { createPortal as ve } from "react-dom";
 import { a as Me } from "./useDebounce-i1sdXecI.js";
 import { m as St } from "./mergeRefs-qDToYXtM.js";
@@ -239,9 +239,9 @@ var Ee = "TabsList", De = E.forwardRef(
   }
 );
 De.displayName = Ee;
-var Le = "TabsTrigger", be = E.forwardRef(
+var be = "TabsTrigger", Le = E.forwardRef(
   (e, o) => {
-    const { __scopeTabs: t, value: n, disabled: r = !1, ...i } = e, l = de(Le, t), u = Ie(t), s = Ge(l.baseId, n), g = je(l.baseId, n), d = n === l.value;
+    const { __scopeTabs: t, value: n, disabled: r = !1, ...i } = e, l = de(be, t), u = Ie(t), s = Ge(l.baseId, n), g = je(l.baseId, n), d = n === l.value;
     return /* @__PURE__ */ p.jsx(
       st,
       {
@@ -278,7 +278,7 @@ var Le = "TabsTrigger", be = E.forwardRef(
     );
   }
 );
-be.displayName = Le;
+Le.displayName = be;
 var Ae = "TabsContent", He = E.forwardRef(
   (e, o) => {
     const { __scopeTabs: t, value: n, forceMount: r, children: i, ...l } = e, u = de(Ae, t), s = Ge(u.baseId, n), g = je(u.baseId, n), d = n === u.value, f = E.useRef(d);
@@ -313,7 +313,7 @@ function Ge(e, o) {
 function je(e, o) {
   return `${e}-content-${o}`;
 }
-var vt = Pe, xt = De, _t = be, xe = He;
+var vt = Pe, xt = De, _t = Le, xe = He;
 const Ft = ({ classes: e, contents: o }) => /* @__PURE__ */ p.jsx("div", { className: C("flex flex-col gap-4", e == null ? void 0 : e.contentsWrapper), children: o == null ? void 0 : o.map(({ id: t, body: n, accordion: r }) => r && (r != null && r.title) ? /* @__PURE__ */ p.jsx(xe, { value: t, className: C("py-8", e == null ? void 0 : e.content), children: /* @__PURE__ */ p.jsx(gt, { label: r == null ? void 0 : r.title, children: n }) }, t) : /* @__PURE__ */ p.jsx(xe, { value: t, className: C("py-8", e == null ? void 0 : e.content), children: n }, t)) }), Zn = ({ renderContent: e, defaultActiveTabId: o = "1", value: t, onChangeTab: n, classes: r }) => {
   var i;
   return /* @__PURE__ */ p.jsxs(
@@ -491,24 +491,24 @@ function Dt() {
     group: (e) => e
   };
 }
-function L(e, o) {
+function b(e, o) {
   return typeof e == "function" ? e(o) : e;
 }
 function $(e, o) {
   return (t) => {
     o.setState((n) => ({
       ...n,
-      [e]: L(t, n[e])
+      [e]: b(t, n[e])
     }));
   };
 }
 function K(e) {
   return e instanceof Function;
 }
-function Lt(e) {
+function bt(e) {
   return Array.isArray(e) && e.every((o) => typeof o == "number");
 }
-function bt(e, o) {
+function Lt(e, o) {
   const t = [], n = (r) => {
     r.forEach((i) => {
       t.push(i);
@@ -758,7 +758,7 @@ const ce = (e, o, t, n, r, i, l) => {
       return (g = u.getValue(s)) != null ? g : e.options.renderFallbackValue;
     },
     subRows: [],
-    getLeafRows: () => bt(u.subRows, (s) => s.subRows),
+    getLeafRows: () => Lt(u.subRows, (s) => s.subRows),
     getParentRow: () => u.parentId ? e.getRow(u.parentId, !0) : void 0,
     getParentRows: () => {
       let s = [], g = u;
@@ -881,7 +881,7 @@ const Nt = {
       return (t = (n = o.getState().columnFilters) == null ? void 0 : n.findIndex((r) => r.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       o.setColumnFilters((n) => {
-        const r = e.getFilterFn(), i = n == null ? void 0 : n.find((d) => d.id === e.id), l = L(t, i ? i.value : void 0);
+        const r = e.getFilterFn(), i = n == null ? void 0 : n.find((d) => d.id === e.id), l = b(t, i ? i.value : void 0);
         if (Fe(r, l, e)) {
           var u;
           return (u = n == null ? void 0 : n.filter((d) => d.id !== e.id)) != null ? u : [];
@@ -905,7 +905,7 @@ const Nt = {
     e.setColumnFilters = (o) => {
       const t = e.getAllLeafColumns(), n = (r) => {
         var i;
-        return (i = L(o, r)) == null ? void 0 : i.filter((l) => {
+        return (i = b(o, r)) == null ? void 0 : i.filter((l) => {
           const u = t.find((s) => s.id === l.id);
           if (u) {
             const s = u.getFilterFn();
@@ -956,7 +956,7 @@ const zt = (e, o, t) => t.reduce((n, r) => {
   if (!o.length)
     return;
   const t = o.map((i) => i.getValue(e));
-  if (!Lt(t))
+  if (!bt(t))
     return;
   if (t.length === 1)
     return t[0];
@@ -1526,14 +1526,14 @@ const nn = {
         });
       }
     }, e.setPagination = (n) => {
-      const r = (i) => L(n, i);
+      const r = (i) => b(n, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (n) => {
       var r;
       e.setPagination(n ? Q() : (r = e.initialState.pagination) != null ? r : Q());
     }, e.setPageIndex = (n) => {
       e.setPagination((r) => {
-        let i = L(n, r.pageIndex);
+        let i = b(n, r.pageIndex);
         const l = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
         return i = Math.max(0, Math.min(i, l)), {
           ...r,
@@ -1548,7 +1548,7 @@ const nn = {
       e.setPageSize(n ? ie : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : ie);
     }, e.setPageSize = (n) => {
       e.setPagination((r) => {
-        const i = Math.max(1, L(n, r.pageSize)), l = r.pageSize * r.pageIndex, u = Math.floor(l / i);
+        const i = Math.max(1, b(n, r.pageSize)), l = r.pageSize * r.pageIndex, u = Math.floor(l / i);
         return {
           ...r,
           pageIndex: u,
@@ -1557,7 +1557,7 @@ const nn = {
       });
     }, e.setPageCount = (n) => e.setPagination((r) => {
       var i;
-      let l = L(n, (i = e.options.pageCount) != null ? i : -1);
+      let l = b(n, (i = e.options.pageCount) != null ? i : -1);
       return typeof l == "number" && (l = Math.max(-1, l)), {
         ...r,
         pageCount: l
@@ -1838,14 +1838,14 @@ function ue(e, o, t) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const se = /([0-9]+)/gm, an = (e, o, t) => Ze(b(e.getValue(t)).toLowerCase(), b(o.getValue(t)).toLowerCase()), gn = (e, o, t) => Ze(b(e.getValue(t)), b(o.getValue(t))), dn = (e, o, t) => me(b(e.getValue(t)).toLowerCase(), b(o.getValue(t)).toLowerCase()), cn = (e, o, t) => me(b(e.getValue(t)), b(o.getValue(t))), fn = (e, o, t) => {
+const se = /([0-9]+)/gm, an = (e, o, t) => Ze(L(e.getValue(t)).toLowerCase(), L(o.getValue(t)).toLowerCase()), gn = (e, o, t) => Ze(L(e.getValue(t)), L(o.getValue(t))), dn = (e, o, t) => me(L(e.getValue(t)).toLowerCase(), L(o.getValue(t)).toLowerCase()), cn = (e, o, t) => me(L(e.getValue(t)), L(o.getValue(t))), fn = (e, o, t) => {
   const n = e.getValue(t), r = o.getValue(t);
   return n > r ? 1 : n < r ? -1 : 0;
 }, pn = (e, o, t) => me(e.getValue(t), o.getValue(t));
 function me(e, o) {
   return e === o ? 0 : e > o ? 1 : -1;
 }
-function b(e) {
+function L(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
 function Ze(e, o) {
@@ -2025,7 +2025,7 @@ function Sn(e) {
       r.setState(r.initialState);
     },
     setOptions: (c) => {
-      const a = L(c, r.options);
+      const a = b(c, r.options);
       r.options = l(a);
     },
     getState: () => r.options.state,
@@ -2530,7 +2530,7 @@ const En = ({
       }
     )
   ] });
-}, Ln = ({ mode: e, enableHeaders: o, table: t, classes: n, pagination: r }) => {
+}, bn = ({ mode: e, enableHeaders: o, table: t, classes: n, pagination: r }) => {
   const i = r !== !1 && t.getPageCount() > 1, l = {
     pageCount: t.getPageCount(),
     rowsCount: t.getCoreRowModel().rows.length,
@@ -2600,7 +2600,7 @@ const En = ({
     ] }),
     i ? typeof r == "function" ? r(l) : /* @__PURE__ */ p.jsx(Dn, { ...l }) : null
   ] });
-}, bn = ({
+}, Ln = ({
   mode: e,
   enableHeaders: o,
   table: t,
@@ -2660,7 +2660,7 @@ const En = ({
     getFacetedUniqueValues: _n(),
     getPaginationRowModel: yn()
   }), { isMobile: f } = Me();
-  return f ? /* @__PURE__ */ p.jsx(bn, { table: d, enableHeaders: t, mode: n, classes: r }) : /* @__PURE__ */ p.jsx(Ln, { table: d, enableHeaders: t, mode: n, pagination: i, classes: r });
+  return f ? /* @__PURE__ */ p.jsx(Ln, { table: d, enableHeaders: t, mode: n, classes: r }) : /* @__PURE__ */ p.jsx(bn, { table: d, enableHeaders: t, mode: n, pagination: i, classes: r });
 };
 class eo {
   static getColumnHelper() {
@@ -2784,7 +2784,7 @@ export {
   lo as Calendar,
   uo as Controlled,
   so as CustomLink,
-  vo as DATE_VISIBLE_PATTERN,
+  Fo as DATE_VISIBLE_PATTERN,
   Qn as DataTable,
   Et as DataTableColumnHeader,
   Xn as FloatButton,
@@ -2816,10 +2816,13 @@ export {
   So as Uncontrolled,
   Wn as allowedIcons,
   wo as brandLogos,
-  xo as defaultClassNames,
-  _o as formatDateToLocaleString,
-  Fo as formatDateToMonthString,
-  yo as formatDateToYearString,
-  Co as isSingleOption
+  Co as buttonPrimitiveIntent,
+  Ro as buttonPrimitiveSize,
+  vo as buttonPrimitiveTextFormat,
+  yo as defaultClassNames,
+  $o as formatDateToLocaleString,
+  Vo as formatDateToMonthString,
+  Mo as formatDateToYearString,
+  xo as isSingleOption
 };
 //# sourceMappingURL=ui.js.map

package/dist/widget.js

@@ -13,7 +13,7 @@ var mt = (e, t, r, n) => ({
     return h(e, t, n);
   }
 });
-import { S as Vt, w as Wt, Q as le, x as M, y as Mt, z as ue, E as pe, F as Et, G as P, J as me, M as he, T as xe, W as fe, X as Ot, Y as St, Z as ce, _ as Ft, $ as Bt, a0 as be, j as o, B as vt, c as E, R as _, l as Gt, r as ge, H as W, i as c, s as ct, p as je, L as ye, n as Nt, A as ot, t as ke, a1 as we, q as ve, U as Kt, m as st, k as Ne } from "./index-B00qeS0W.js";
+import { S as Vt, z as Wt, Q as le, E as M, F as Mt, G as ue, J as pe, M as Et, T as P, W as me, X as he, Y as xe, Z as fe, _ as Ot, $ as St, a0 as ce, a1 as Ft, a2 as Bt, a3 as be, j as o, B as vt, c as E, R as _, p as Gt, v as ge, H as W, i as c, w as ct, s as je, L as ye, q as Nt, A as ot, x as ke, a4 as we, t as ve, U as Kt, m as st, k as Ne } from "./index-BC0CWE5w.js";
 import { c as a, T as k } from "./typeGuards-Bhdr9KYW.js";
 import * as at from "react";
 import { useCallback as $t, useState as G, useMemo as Ct, createElement as Zt, Fragment as se, useEffect as Xt, useRef as Tt, useReducer as Ce, memo as Jt, forwardRef as Te } from "react";