@incodetech/web 0.0.0-dev-20260325-72e1e24 → 0.0.0-dev-20260326-106dc21

package/dist/{vendor-preact-BY8u4mdq.js → vendor-preact-BoMmvSgn.js}

@@ -679,9 +679,9 @@ export {
   w_ as Q,
   qe as T,
   U as _,
-  A_ as a,
-  Ie as b,
-  N_ as c,
+  Ie as a,
+  N_ as b,
+  A_ as c,
   n_ as d,
   S_ as g,
   E as k,

package/dist/{warningIcon-BEDHbr3Z.js → warningIcon-MsE5PaSQ.js}

@@ -1,4 +1,4 @@
-import { u as n } from "./button-qiC4m4lf.js";
+import { u as n } from "./button-B2Ewo0rX.js";
 const t = ({ size: i = 32 }) => /* @__PURE__ */ n(
   "svg",
   {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260325-72e1e24",
+  "version": "0.0.0-dev-20260326-106dc21",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -136,7 +136,7 @@
     "preact-markup": "^2.1.1",
     "qrcode": "^1.5.4",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260325-72e1e24"
+    "@incodetech/core": "0.0.0-dev-20260326-106dc21"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",

package/dist/dropdownComposed-LjhdF9Jx.js

@@ -1,345 +0,0 @@
-import { u as o, c as M } from "./button-qiC4m4lf.js";
-import { d as D, A as p, y as C } from "./vendor-preact-BY8u4mdq.js";
-import { C as ce } from "./chevronDown-J1Yx1Jy7.js";
-import { E as de } from "./errorIcon-DbJL-4MJ.js";
-import { S as ie } from "./successIcon-C-3-t1kz.js";
-const le = ({ size: s = 20 }) => /* @__PURE__ */ o(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: s,
-    height: s,
-    viewBox: "0 0 20 20",
-    fill: "none",
-    class: "IncodeSearchIcon",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ o("title", { children: "Search" }),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          d: "M19 19L14.65 14.65",
-          stroke: "var(--icon-neutral-300)",
-          "stroke-width": "2",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }
-      )
-    ]
-  }
-), ve = ({
-  id: s,
-  label: u,
-  placeholder: b = "Choose an option",
-  value: g,
-  options: k,
-  onChange: Q,
-  error: l,
-  helper: y,
-  showErrorIcon: U,
-  showHelperIcon: V,
-  suppressMessages: S = !1,
-  disabled: f = !1,
-  required: T,
-  searchable: w = !1,
-  searchPlaceholder: W = "Search...",
-  noResultsText: Z = "No results found",
-  name: H,
-  tabIndex: _,
-  onKeyDown: G,
-  onBlur: J,
-  renderSelectedLabel: K,
-  siblingElement: x,
-  enterKeyHint: pe,
-  class: P,
-  "data-testid": X
-}) => {
-  const [n, d] = D(!1), [Y, L] = D(!1), [a, t] = D(-1), [$, O] = D(""), B = p(null), m = p(null), j = p(null), R = p([]), A = p(null), E = p(""), h = p(), v = k.find((e) => e.value === g), c = w && $ ? k.filter(
-    (e) => e.label.toLowerCase().includes($.toLowerCase())
-  ) : k, F = `${s}-label`, z = `${s}-listbox`, N = `${s}-helper`, q = `${s}-error`, ee = S ? "" : [y ? N : null, l ? q : null].filter(Boolean).join(" ");
-  C(() => {
-    if (!n) return;
-    const e = requestAnimationFrame(() => {
-      w && A.current && A.current.focus(), requestAnimationFrame(() => {
-        j.current?.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest",
-          inline: "nearest"
-        });
-      });
-    });
-    return () => cancelAnimationFrame(e);
-  }, [n, w]), C(() => {
-    n || (t(-1), O(""));
-  }, [n]), C(() => {
-    a >= 0 && R.current[a] && R.current[a]?.scrollIntoView({
-      block: "nearest",
-      inline: "nearest"
-    });
-  }, [a]), C(() => () => {
-    h.current && clearTimeout(h.current);
-  }, []);
-  const oe = () => {
-    f || d((e) => !e);
-  }, I = (e) => {
-    Q(e), d(!1), t(-1), m.current?.focus();
-  }, re = () => {
-    L(!0);
-  }, ne = (e) => {
-    L(!1), B.current?.contains(e.relatedTarget) || (d(!1), J?.());
-  }, te = (e) => {
-    if (f) return;
-    G?.(e);
-    const { key: i } = e;
-    if (i.length === 1 && /^[a-zA-Z0-9]$/.test(i)) {
-      e.preventDefault(), h.current && clearTimeout(h.current), E.current += i.toLowerCase();
-      const r = c.findIndex(
-        (se) => se.label.toLowerCase().startsWith(E.current)
-      );
-      r !== -1 && (n || d(!0), t(r)), h.current = setTimeout(() => {
-        E.current = "";
-      }, 500);
-      return;
-    }
-    switch (i) {
-      case "ArrowDown":
-        e.preventDefault(), n ? t(
-          (r) => r < c.length - 1 ? r + 1 : r
-        ) : (d(!0), t(0));
-        break;
-      case "ArrowUp":
-        e.preventDefault(), n ? t((r) => r > 0 ? r - 1 : r) : (d(!0), t(c.length - 1));
-        break;
-      case "Home":
-        e.preventDefault(), n && t(0);
-        break;
-      case "End":
-        e.preventDefault(), n && t(c.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || d(!0);
-        break;
-      case " ":
-        e.preventDefault(), n && a >= 0 && c[a] ? I(c[a].value) : n || (d(!0), t(0));
-        break;
-      case "Escape":
-        e.preventDefault(), n && (d(!1), t(-1), m.current?.focus());
-        break;
-      case "Tab":
-        n && (d(!1), t(-1));
-        break;
-    }
-  }, ae = (e) => {
-    const { key: i } = e;
-    switch (i) {
-      case "ArrowDown":
-        e.preventDefault(), t(
-          (r) => r < c.length - 1 ? r + 1 : r
-        );
-        break;
-      case "ArrowUp":
-        e.preventDefault(), t((r) => r > 0 ? r - 1 : r);
-        break;
-      case "Home":
-        e.preventDefault(), t(0);
-        break;
-      case "End":
-        e.preventDefault(), t(c.length - 1);
-        break;
-      case "Enter":
-        e.preventDefault(), a >= 0 && c[a] && I(c[a].value);
-        break;
-      case "Escape":
-        e.preventDefault(), d(!1), t(-1), m.current?.focus();
-        break;
-      case "Tab":
-        d(!1), t(-1);
-        break;
-    }
-  };
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      class: M("IncodeDropdownComposed", P),
-      ref: B,
-      onBlur: ne,
-      children: [
-        H && /* @__PURE__ */ o(
-          "input",
-          {
-            type: "hidden",
-            name: H,
-            value: g || "",
-            disabled: f,
-            required: T
-          }
-        ),
-        u && /* @__PURE__ */ o(
-          "label",
-          {
-            class: "IncodeDropdownComposedLabel",
-            id: F,
-            htmlFor: s,
-            "data-testid": `${s}-label`,
-            children: [
-              u,
-              T && /* @__PURE__ */ o("span", { class: "IncodeDropdownComposedRequired", children: " *" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedWrapper", children: [
-          /* @__PURE__ */ o(
-            "div",
-            {
-              class: M("IncodeDropdownComposedTriggerRow", {
-                IncodeDropdownComposedTriggerRowWithSibling: !!x
-              }),
-              children: [
-                /* @__PURE__ */ o(
-                  "button",
-                  {
-                    ref: m,
-                    type: "button",
-                    id: s,
-                    class: "IncodeDropdownComposedTrigger",
-                    onClick: oe,
-                    onFocus: re,
-                    onKeyDown: te,
-                    tabIndex: f ? -1 : _ ?? 0,
-                    disabled: f,
-                    "aria-haspopup": "listbox",
-                    "aria-expanded": n ? "true" : "false",
-                    "aria-disabled": f ? "true" : void 0,
-                    "aria-labelledby": u ? F : void 0,
-                    "aria-label": u ? void 0 : b,
-                    "aria-controls": n ? z : void 0,
-                    "aria-activedescendant": n && a >= 0 ? `${s}-option-${a}` : void 0,
-                    "aria-invalid": l ? "true" : void 0,
-                    "aria-required": T ? "true" : void 0,
-                    "aria-describedby": ee || void 0,
-                    "data-error": l ? "true" : void 0,
-                    "data-focused": Y || n ? "true" : void 0,
-                    "data-testid": X,
-                    children: [
-                      /* @__PURE__ */ o(
-                        "span",
-                        {
-                          class: v ? "IncodeDropdownComposedTriggerText" : "IncodeDropdownComposedTriggerPlaceholder",
-                          children: v ? K ? K(v) : v.label : b
-                        }
-                      ),
-                      /* @__PURE__ */ o(
-                        "span",
-                        {
-                          class: "IncodeDropdownComposedTriggerIcon",
-                          "aria-hidden": "true",
-                          "data-open": n,
-                          children: /* @__PURE__ */ o(ce, {})
-                        }
-                      )
-                    ]
-                  }
-                ),
-                x && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSibling", children: x })
-              ]
-            }
-          ),
-          n && /* @__PURE__ */ o(
-            "div",
-            {
-              ref: j,
-              id: z,
-              class: "IncodeDropdownComposedList",
-              role: "listbox",
-              "aria-labelledby": u ? F : void 0,
-              "aria-label": u ? void 0 : b,
-              "data-error": l ? "true" : void 0,
-              children: [
-                w && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchWrapper", children: /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedSearchInner", children: [
-                  /* @__PURE__ */ o(
-                    "input",
-                    {
-                      ref: A,
-                      type: "text",
-                      class: "IncodeDropdownComposedSearchInput",
-                      value: $,
-                      onInput: (e) => {
-                        O(e.target.value), t(0);
-                      },
-                      onKeyDown: ae,
-                      placeholder: W,
-                      "aria-label": W,
-                      autocomplete: "off"
-                    }
-                  ),
-                  /* @__PURE__ */ o(
-                    "span",
-                    {
-                      class: "IncodeDropdownComposedSearchIcon",
-                      "aria-hidden": "true",
-                      children: /* @__PURE__ */ o(le, { size: 20 })
-                    }
-                  )
-                ] }) }),
-                /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedOptionsScroll", children: c.length === 0 ? /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedNoResults", children: Z }) : c.map((e, i) => /* @__PURE__ */ o(
-                  "div",
-                  {
-                    id: `${s}-option-${i}`,
-                    role: "option",
-                    "aria-selected": g === e.value ? "true" : "false",
-                    class: "IncodeDropdownComposedOption",
-                    "data-highlighted": a === i,
-                    ref: (r) => {
-                      R.current[i] = r;
-                    },
-                    onClick: () => I(e.value),
-                    onMouseDown: (r) => r.preventDefault(),
-                    onMouseEnter: () => t(i),
-                    children: e.label
-                  },
-                  e.value
-                )) })
-              ]
-            }
-          )
-        ] }),
-        !S && l && /* @__PURE__ */ o(
-          "div",
-          {
-            class: "IncodeDropdownComposedErrorWrapper",
-            "data-testid": `${s}-error-wrapper`,
-            children: [
-              U && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(de, { size: 17 }) }),
-              /* @__PURE__ */ o("p", { id: q, class: "IncodeDropdownComposedError", children: l })
-            ]
-          }
-        ),
-        !S && y && !l && /* @__PURE__ */ o(
-          "div",
-          {
-            class: "IncodeDropdownComposedHelperWrapper",
-            "data-testid": `${s}-helper-wrapper`,
-            children: [
-              V && /* @__PURE__ */ o("div", { class: "IncodeDropdownComposedIconWrapper", children: /* @__PURE__ */ o(ie, { size: 17 }) }),
-              /* @__PURE__ */ o("p", { id: N, class: "IncodeDropdownComposedHelper", children: y })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  ve as D,
-  le as S
-};