@tpc-mare/mare-ui-components-react 0.1.11 → 0.1.13

package/dist/shared/Password-cqTK9OlT.js

@@ -1,94 +0,0 @@
-import { jsxs as r, jsx as e, Fragment as k } from "react/jsx-runtime";
-import { PasswordInput as l } from "@ark-ui/react/password-input";
-import { useFieldContext as A } from "@ark-ui/react/field";
-import { E as R, h as Z } from "./icons-BFOFrum4.js";
-import { u as $, m as j, d as D, f as O } from "./field-layout-D34MpDMB.js";
-const T = "mare:relative mare:w-full mare:group", V = "mare:relative mare:w-full", W = `
-	mare:hidden mare:group-focus-within:flex mare:flex-col mare:gap-2
-	mare:absolute mare:top-full mare:left-0 mare:mt-2 mare:z-50 mare:w-full
-	mare:p-4 mare:rounded-input mare:border mare:border-default mare:bg-raised
-	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
-`, q = "mare:tpc-typography-label-s mare:text-default", B = "mare:border-t mare:border-default", G = "mare:flex mare:flex-col mare:gap-2", H = "mare:h-1 mare:w-full mare:bg-neutral-weak mare:rounded-md mare:overflow-hidden", J = {
-  weak: "mare:w-1/3 mare:bg-danger",
-  medium: "mare:w-2/3 mare:bg-warning",
-  strong: "mare:w-full mare:bg-positive"
-}, K = (a) => `mare:h-full mare:rounded-md mare:transition-[width] mare:duration-500 mare:ease-in-out ${a ? J[a] : "mare:w-0"}`, Q = "mare:tpc-typography-body-s mare:text-default", U = "mare:flex mare:flex-col mare:gap-1 mare:my-0 mare:pl-0 mare:list-none", X = "mare:tpc-typography-body-s mare:text-default", Y = "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})", M = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})", ee = (a, s = Y, t = M) => a ? new RegExp(t).test(a) ? "strong" : new RegExp(s).test(a) ? "medium" : "weak" : null;
-function te({
-  value: a = "",
-  onValueChange: s,
-  size: t = "medium",
-  rounded: h = !1,
-  invalid: g = !1,
-  disabled: b = !1,
-  toggleMask: i = !0,
-  showIcon: w = /* @__PURE__ */ e(R, {}),
-  hideIcon: v = /* @__PURE__ */ e(Z, {}),
-  feedback: d = !0,
-  header: n,
-  footer: c,
-  promptLabel: x = "Please enter a password",
-  weakLabel: y = "Weak",
-  mediumLabel: N = "Medium",
-  strongLabel: I = "Strong",
-  mediumRegex: F,
-  strongRegex: E,
-  ...u
-}) {
-  const m = $(), f = A(), P = g || (f?.invalid ?? !1), p = b || (f?.disabled ?? !1), S = i ? j(m?.iconSide ?? null, "right") : m?.iconSide ?? null, L = D({
-    size: t,
-    rounded: h,
-    hasFloatLabel: m?.hasFloatLabel ?? !1,
-    iconSide: S
-  }), _ = m?.hasFloatLabel ? " " : u.placeholder, o = d ? ee(a, F, E) : null, z = o ? { weak: y, medium: N, strong: I }[o] : x;
-  return /* @__PURE__ */ r(
-    l.Root,
-    {
-      className: T,
-      invalid: P,
-      disabled: p,
-      visible: i ? void 0 : !1,
-      children: [
-        /* @__PURE__ */ r(l.Control, { className: V, children: [
-          /* @__PURE__ */ e(
-            l.Input,
-            {
-              ...u,
-              placeholder: _,
-              value: a,
-              onChange: (C) => s?.(C.target.value),
-              className: L
-            }
-          ),
-          i && /* @__PURE__ */ e(
-            l.VisibilityTrigger,
-            {
-              className: O("right", {
-                disabled: p,
-                interactive: !0
-              }),
-              children: /* @__PURE__ */ e(l.Indicator, { fallback: w, children: v })
-            }
-          )
-        ] }),
-        d && /* @__PURE__ */ r("div", { className: W, children: [
-          n && /* @__PURE__ */ e("div", { className: q, children: n }),
-          /* @__PURE__ */ r("div", { className: G, children: [
-            /* @__PURE__ */ e("div", { className: H, children: /* @__PURE__ */ e("div", { className: K(o) }) }),
-            /* @__PURE__ */ e("span", { className: Q, children: z })
-          ] }),
-          c && /* @__PURE__ */ r(k, { children: [
-            /* @__PURE__ */ e("div", { className: B }),
-            /* @__PURE__ */ e("ul", { className: U, children: c })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function ie({ children: a }) {
-  return /* @__PURE__ */ e("li", { className: X, children: a });
-}
-export {
-  te as P,
-  ie as a
-};

package/dist/shared/SearchField-CgZV2Am-.js

@@ -1,63 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { a as x, I as t } from "./IconField-Dh6j6SL1.js";
-import { P as I } from "./ProgressSpinner-B-lrS-tu.js";
-import { S as v, c as F } from "./icons-BFOFrum4.js";
-const L = (o) => !!o.value && o.clearable, P = (o) => o.loading && !o.disabled;
-function B({
-  value: o = "",
-  onValueChange: s,
-  loading: e = !1,
-  clearable: c = !1,
-  disabled: i = !1,
-  leftIcon: l = /* @__PURE__ */ n(v, {}),
-  clearIcon: u = /* @__PURE__ */ n(F, {}),
-  rightIcon: r,
-  onClear: S,
-  ...h
-}) {
-  const a = L({ value: o, clearable: c }), p = P({ loading: e, disabled: i }), C = !!r || c || e, f = /* @__PURE__ */ n(
-    x,
-    {
-      ...h,
-      value: o,
-      onValueChange: s,
-      disabled: i,
-      rounded: !0
-    }
-  );
-  if (!C)
-    return /* @__PURE__ */ n(
-      t,
-      {
-        icon: l,
-        position: "left",
-        disabled: i,
-        children: f
-      }
-    );
-  const d = r || (p ? /* @__PURE__ */ n(I, { className: "mare:size-5" }) : a ? u : null), m = !r && !p && a;
-  return /* @__PURE__ */ n(
-    t,
-    {
-      icon: l,
-      position: "left",
-      disabled: i,
-      children: /* @__PURE__ */ n(
-        t,
-        {
-          icon: d,
-          position: "right",
-          disabled: i,
-          onIconClick: m ? () => {
-            s?.(""), S?.();
-          } : void 0,
-          iconLabel: m ? "Clear" : void 0,
-          children: f
-        }
-      )
-    }
-  );
-}
-export {
-  B as S
-};

package/dist/shared/icons-BFOFrum4.js

@@ -1,55 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-const o = (c) => function(t) {
-  return /* @__PURE__ */ s(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      width: "1em",
-      height: "1em",
-      ...t,
-      children: c.map((n) => /* @__PURE__ */ s(
-        "path",
-        {
-          d: n
-        },
-        n
-      ))
-    }
-  );
-}, M = o(["M6 9l6 6 6-6"]), h = o(["M15 18l-6-6 6-6"]), l = o(["M9 18l6-6-6-6"]), i = o(["M11 17l-5-5 5-5", "M18 17l-5-5 5-5"]), I = o(["M6 17l5-5-5-5", "M13 17l5-5-5-5"]), v = o(["M5 12l5 5L20 7"]), C = o([
-  "M8 2v4M16 2v4",
-  "M3 8h18",
-  "M4 4h16a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"
-]), e = o(["M6 6l12 12", "M18 6L6 18"]), d = e, f = o([
-  "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
-  "M15 12a3 3 0 1 1-6 0 3 3 0 1 1 6 0z"
-]), g = o([
-  "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
-  "M15 12a3 3 0 1 1-6 0 3 3 0 1 1 6 0z",
-  "M3 3l18 18"
-]), u = o(["M5 12h14"]), w = o([
-  "M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14z",
-  "M20 20l-5-5"
-]);
-export {
-  d as C,
-  f as E,
-  u as M,
-  w as S,
-  M as a,
-  v as b,
-  e as c,
-  h as d,
-  l as e,
-  i as f,
-  I as g,
-  g as h,
-  C as i
-};

package/dist/shared/icons.d.ts

@@ -1,15 +0,0 @@
-import { SVGProps } from 'react';
-export declare const ChevronDownIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ChevronUpIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ChevronLeftIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ChevronRightIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ChevronsLeftIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ChevronsRightIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const CheckIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const CalendarIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const ClearIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const CloseIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const EyeIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const EyeOffIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const MinusIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
-export declare const SearchIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;