@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/Tag/Tag.variants.js

@@ -1,29 +1,42 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const f = e(["px-2", "py-1", "rounded-md", "w-max", "text-xs", "flex", "items-center", "justify-center", "gap-1"], {
-  variants: {
-    color: {
-      gray: ["bg-[#f4f4f5]", "text-[#71717a]"],
-      "gray-800": ["bg-gray-100", "text-gray-800"],
-      cyan: ["bg-[#ecfeff]", "text-[#0e7490]"],
-      gold: ["bg-[#fef9c3]", "text-[#a16207]"],
-      green: ["bg-[#dcfce7]", "text-[#15803d]"],
-      "light blue": ["bg-[#e0f2fe]", "text-[#0369a1]"],
-      lime: ["bg-[#ecfccb]", "text-[#4d7c0f]"],
-      pink: ["bg-[#fce7f3]", "text-[#be185d]"],
-      purple: ["bg-[#ede9fe]", "text-[#6d28d9]"],
-      emerald: ["bg-[#ecfdf5]", "text-[#047857]"],
-      fuscia: ["bg-[#fdf4ff]", "text-[#a21caf]"],
-      indigo: ["bg-[#e0e7ff]", "text-[#4338ca]"],
-      "light-orange": ["bg-[#fef3c7]", "text-[#d97706]"],
-      "dark-sky-blue": ["bg-[#dbeafe]", "text-[#1d4ed8]"],
-      mistery: ["bg-[#1e2235]", "text-[#81e2b4]"],
-      default: ["bg-transparent", "text-[#71717A]"]
+const f = e(
+  [
+    "px-2",
+    "py-1",
+    "rounded-md",
+    "w-max",
+    "text-xs",
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-1"
+  ],
+  {
+    variants: {
+      color: {
+        gray: ["bg-[#f4f4f5]", "text-[#71717a]"],
+        "gray-800": ["bg-gray-100", "text-gray-800"],
+        cyan: ["bg-[#ecfeff]", "text-[#0e7490]"],
+        gold: ["bg-[#fef9c3]", "text-[#a16207]"],
+        green: ["bg-[#dcfce7]", "text-[#15803d]"],
+        "light blue": ["bg-[#e0f2fe]", "text-[#0369a1]"],
+        lime: ["bg-[#ecfccb]", "text-[#4d7c0f]"],
+        pink: ["bg-[#fce7f3]", "text-[#be185d]"],
+        purple: ["bg-[#ede9fe]", "text-[#6d28d9]"],
+        emerald: ["bg-[#ecfdf5]", "text-[#047857]"],
+        fuscia: ["bg-[#fdf4ff]", "text-[#a21caf]"],
+        indigo: ["bg-[#e0e7ff]", "text-[#4338ca]"],
+        "light-orange": ["bg-[#fef3c7]", "text-[#d97706]"],
+        "dark-sky-blue": ["bg-[#dbeafe]", "text-[#1d4ed8]"],
+        mistery: ["bg-[#1e2235]", "text-[#81e2b4]"],
+        default: ["bg-transparent", "text-[#71717A]"]
+      }
+    },
+    defaultVariants: {
+      color: "default"
     }
-  },
-  defaultVariants: {
-    color: "default"
   }
-});
+);
 export {
   f as tagVariants
 };

package/dist/components/TagSelect/TagSelect.js

@@ -1,21 +1,10 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-import { Wrapper as a } from "./components/Wrapper/Wrapper.js";
-import { TagSelectProvider as n } from "./contexts/TagSelect.provider.js";
-const S = f((m, p) => {
-  const e = c.c(11);
-  let t, o, r;
-  e[0] !== m ? ({
-    options: r,
-    multiselect: o,
-    ...t
-  } = m, e[0] = m, e[1] = t, e[2] = o, e[3] = r) : (t = e[1], o = e[2], r = e[3]);
-  let l;
-  e[4] !== t || e[5] !== p ? (l = /* @__PURE__ */ s(a, { ref: p, ...t }), e[4] = t, e[5] = p, e[6] = l) : l = e[6];
-  let i;
-  return e[7] !== o || e[8] !== r || e[9] !== l ? (i = /* @__PURE__ */ s(n, { defaultOptions: r, multiselect: o, children: l }), e[7] = o, e[8] = r, e[9] = l, e[10] = i) : i = e[10], i;
-});
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { TagSelectProvider as f } from "./contexts/TagSelect.provider.js";
+import { Wrapper as i } from "./components/Wrapper/Wrapper.js";
+const n = p(
+  ({ options: o, multiselect: e, ...t }, m) => /* @__PURE__ */ r(f, { defaultOptions: o, multiselect: e, children: /* @__PURE__ */ r(i, { ref: m, ...t }) })
+);
 export {
-  S as TagSelect
+  n as TagSelect
 };

package/dist/components/TagSelect/TagSelect.variants.js

@@ -1,5 +1,26 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const t = e(["flex", "flex-col", "gap-2", "w-full", "relative", "text-zinc-500"]), a = e(["cursor-pointer"]), o = e(["border", "cursor-pointer", "duration-250", "ease-in-out", "flex", "items-center", "justify-between", "px-2", "py-1", "rounded", "transition-all", "w-full", "border-gray-200"]);
+const t = e([
+  "flex",
+  "flex-col",
+  "gap-2",
+  "w-full",
+  "relative",
+  "text-zinc-500"
+]), a = e(["cursor-pointer"]), o = e([
+  "border",
+  "cursor-pointer",
+  "duration-250",
+  "ease-in-out",
+  "flex",
+  "items-center",
+  "justify-between",
+  "px-2",
+  "py-1",
+  "rounded",
+  "transition-all",
+  "w-full",
+  "border-gray-200"
+]);
 export {
   a as labelVariants,
   o as tagSelectVariants,

package/dist/components/TagSelect/components/Item/Item.js

@@ -1,27 +1,21 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
-import { Tag as a } from "../../../Tag/Tag.js";
-import { cn as f } from "../../../../utils/index.js";
-import { wrapperVariants as d } from "./Item.variants.js";
-import { useTagSelect as S } from "../../contexts/TagSelect.hook.js";
-const k = (n) => {
-  const e = p.c(12), {
-    option: t,
-    theme: s
-  } = n, {
-    onSelectTag: m
-  } = S();
-  let o;
-  e[0] !== t.isSelected ? (o = f(d({
-    isSelected: t.isSelected
-  })), e[0] = t.isSelected, e[1] = o) : o = e[1];
-  let i;
-  e[2] !== m || e[3] !== t ? (i = () => m(t), e[2] = m, e[3] = t, e[4] = i) : i = e[4];
-  let r;
-  e[5] !== t ? (r = /* @__PURE__ */ c(a, { ...t }), e[5] = t, e[6] = r) : r = e[6];
-  let l;
-  return e[7] !== o || e[8] !== i || e[9] !== r || e[10] !== s ? (l = /* @__PURE__ */ c("li", { role: "option", "data-theme": s, className: o, onClick: i, children: r }), e[7] = o, e[8] = i, e[9] = r, e[10] = s, e[11] = l) : l = e[11], l;
+import { jsx as r } from "react/jsx-runtime";
+import { Tag as m } from "../../../Tag/Tag.js";
+import { cn as a } from "../../../../utils/index.js";
+import { wrapperVariants as c } from "./Item.variants.js";
+import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
+const d = ({ option: e, theme: t }) => {
+  const { onSelectTag: o } = i();
+  return /* @__PURE__ */ r(
+    "li",
+    {
+      role: "option",
+      "data-theme": t,
+      className: a(c({ isSelected: e.isSelected })),
+      onClick: () => o(e),
+      children: /* @__PURE__ */ r(m, { ...e })
+    }
+  );
 };
 export {
-  k as Item
+  d as Item
 };

package/dist/components/TagSelect/components/Item/Item.variants.js

@@ -1,19 +1,32 @@
 import { c as e } from "../../../../index-D29mdTf5.js";
-const t = e(["cursor-pointer", "py-1.5", "px-2", "last:pb-2", "first:pt-2", "h-full", "hover:bg-purple-100"], {
-  variants: {
-    isSelected: {
-      true: "",
-      false: ""
+const t = e(
+  [
+    "cursor-pointer",
+    "py-1.5",
+    "px-2",
+    "last:pb-2",
+    "first:pt-2",
+    "h-full",
+    "hover:bg-purple-100"
+  ],
+  {
+    variants: {
+      isSelected: {
+        true: "",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        isSelected: !0,
+        class: ["bg-purple-100"]
+      }
+    ],
+    defaultVariants: {
+      isSelected: !1
     }
-  },
-  compoundVariants: [{
-    isSelected: !0,
-    class: ["bg-purple-100"]
-  }],
-  defaultVariants: {
-    isSelected: !1
   }
-});
+);
 export {
   t as wrapperVariants
 };

package/dist/components/TagSelect/components/List/List.js

@@ -1,25 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as l } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as a } from "../../../../utils/index.js";
-import { Item as c } from "../Item/Item.js";
-import { wrapperVariants as p } from "./List.variants.js";
-import { useTagSelect as f } from "../../contexts/TagSelect.hook.js";
-const y = (o) => {
-  const e = l.c(6), {
-    theme: i
-  } = o, {
-    tags: r
-  } = f();
-  let m;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = a(p()), e[0] = m) : m = e[0];
-  let t;
-  e[1] !== r ? (t = r.length > 0 ? r.map(h) : /* @__PURE__ */ n("span", { className: "text-center text-sm px-4 py-2", children: "There is not options available" }), e[1] = r, e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== t || e[4] !== i ? (s = /* @__PURE__ */ n("ul", { role: "listbox", "data-theme": i, className: m, children: t }), e[3] = t, e[4] = i, e[5] = s) : s = e[5], s;
+import { jsx as t } from "react/jsx-runtime";
+import { cn as m } from "../../../../utils/index.js";
+import { Item as s } from "../Item/Item.js";
+import { wrapperVariants as a } from "./List.variants.js";
+import { useTagSelect as i } from "../../contexts/TagSelect.hook.js";
+const f = ({ theme: o }) => {
+  const { tags: e } = i();
+  return /* @__PURE__ */ t("ul", { role: "listbox", "data-theme": o, className: m(a()), children: e.length > 0 ? e.map((r) => /* @__PURE__ */ t(s, { option: r }, r.id)) : /* @__PURE__ */ t("span", { className: "text-center text-sm px-4 py-2", children: "There is not options available" }) });
 };
-function h(o) {
-  return /* @__PURE__ */ n(c, { option: o }, o.id);
-}
 export {
-  y as List
+  f as List
 };

package/dist/components/TagSelect/components/List/List.variants.js

@@ -1,5 +1,23 @@
 import { c as o } from "../../../../index-D29mdTf5.js";
-const a = o(["absolute", "bg-white", "border", "duration-100", "flex", "flex-col", "mt-0.5", "rounded", "shadow-xs", "top-full", "transition-all", "w-full", "z-10", "animate-in", "fade-in-50", "overflow-hidden", "border-gray-200"]);
+const a = o([
+  "absolute",
+  "bg-white",
+  "border",
+  "duration-100",
+  "flex",
+  "flex-col",
+  "mt-0.5",
+  "rounded",
+  "shadow-xs",
+  "top-full",
+  "transition-all",
+  "w-full",
+  "z-10",
+  "animate-in",
+  "fade-in-50",
+  "overflow-hidden",
+  "border-gray-200"
+]);
 export {
   a as wrapperVariants
 };

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,71 +1,87 @@
 import "../Item/Item.js";
-import { List as H } from "../List/List.js";
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { c as L } from "../../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as U, useId as X, useImperativeHandle as q } from "react";
-import { Tag as z } from "../../../Tag/Tag.js";
-import { cn as d } from "../../../../utils/index.js";
-import { useTagSelect as A } from "../../hooks/useTagSelect.js";
-import { wrapperVariants as B, labelVariants as D, tagSelectVariants as G } from "../../TagSelect.variants.js";
-import { X as J } from "../../../../x-Eoa9FJjA.js";
-import { C as K } from "../../../../chevron-up-DEfvgPCw.js";
-import { useTagSelect as M } from "../../contexts/TagSelect.hook.js";
-const ne = U((E, F) => {
-  const e = L.c(40), {
-    label: h,
-    labelClassName: w,
-    labelWrapperClassName: S,
-    name: l,
-    placeholder: _,
-    theme: T,
-    wrapperClassName: R
-  } = E, k = _ === void 0 ? "Select a value..." : _, u = X(), {
-    selectedTags: N,
-    isOpen: a,
-    onOpen: I,
-    onRemoveTag: O,
-    inputRef: s
-  } = M(), {
-    wrapperRef: V,
-    handleOpen: j
-  } = A();
-  let x, b;
-  e[0] !== s ? (x = () => s.current, b = [s], e[0] = s, e[1] = x, e[2] = b) : (x = e[1], b = e[2]), q(F, x, b);
-  let r;
-  e[3] !== R ? (r = d(B({
-    className: R
-  })), e[3] = R, e[4] = r) : r = e[4];
-  let i;
-  e[5] !== u || e[6] !== h || e[7] !== w || e[8] !== S || e[9] !== l || e[10] !== I ? (i = h ? /* @__PURE__ */ t("div", { className: d(S), children: /* @__PURE__ */ t("label", { htmlFor: l ?? u, className: d(D({
-    className: w
-  })), onClick: () => I(!0), children: h }) }) : null, e[5] = u, e[6] = h, e[7] = w, e[8] = S, e[9] = l, e[10] = I, e[11] = i) : i = e[11];
-  const y = l ?? u;
-  let v;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = d(G()), e[12] = v) : v = e[12];
-  let o;
-  e[13] !== O || e[14] !== k || e[15] !== N ? (o = N.length === 0 ? /* @__PURE__ */ t("span", { className: "text-base text-inherit select-none", children: k }) : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5", children: N.map((g) => /* @__PURE__ */ t(z, { ...g, className: "select-none", rightIcon: /* @__PURE__ */ t(J, { className: "w-3 h-3", onClick: () => O(g) }), "data-value": g.label }, g.id)) }), e[13] = O, e[14] = k, e[15] = N, e[16] = o) : o = e[16];
-  const W = a ? "rotate-0" : "rotate-180";
-  let n;
-  e[17] !== W ? (n = d("w-4 h-4 text-inherit transition-all duration-50 shrink-0", W), e[17] = W, e[18] = n) : n = e[18];
-  let m;
-  e[19] !== n ? (m = /* @__PURE__ */ t(K, { className: n }), e[19] = n, e[20] = m) : m = e[20];
-  let c;
-  e[21] !== j || e[22] !== a || e[23] !== m || e[24] !== y || e[25] !== o ? (c = /* @__PURE__ */ $("div", { id: y, className: v, role: "combobox", onClick: j, "aria-expanded": a, children: [
-    o,
-    m
-  ] }), e[21] = j, e[22] = a, e[23] = m, e[24] = y, e[25] = o, e[26] = c) : c = e[26];
-  let p;
-  e[27] !== s || e[28] !== l ? (p = /* @__PURE__ */ t("input", { ref: s, type: "text", name: l, className: "hidden" }), e[27] = s, e[28] = l, e[29] = p) : p = e[29];
-  let f;
-  e[30] !== a ? (f = a ? /* @__PURE__ */ t(H, {}) : null, e[30] = a, e[31] = f) : f = e[31];
-  let C;
-  return e[32] !== c || e[33] !== p || e[34] !== f || e[35] !== r || e[36] !== i || e[37] !== T || e[38] !== V ? (C = /* @__PURE__ */ $("div", { ref: V, className: r, "data-theme": T, children: [
-    i,
-    c,
-    p,
-    f
-  ] }), e[32] = c, e[33] = p, e[34] = f, e[35] = r, e[36] = i, e[37] = T, e[38] = V, e[39] = C) : C = e[39], C;
-});
+import { List as w } from "../List/List.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as T, useId as b, useImperativeHandle as C } from "react";
+import { Tag as S } from "../../../Tag/Tag.js";
+import { cn as a } from "../../../../utils/index.js";
+import { useTagSelect as k } from "../../hooks/useTagSelect.js";
+import { labelVariants as R, tagSelectVariants as I, wrapperVariants as O } from "../../TagSelect.variants.js";
+import { X as V } from "../../../../x-Eoa9FJjA.js";
+import { C as j } from "../../../../chevron-up-DEfvgPCw.js";
+import { useTagSelect as y } from "../../contexts/TagSelect.hook.js";
+const D = T(
+  ({
+    label: i,
+    labelClassName: m,
+    labelWrapperClassName: p,
+    name: t,
+    placeholder: d = "Select a value...",
+    theme: f,
+    wrapperClassName: h
+  }, u) => {
+    const o = b(), { selectedTags: n, isOpen: s, onOpen: N, onRemoveTag: x, inputRef: l } = y(), { wrapperRef: v, handleOpen: g } = k();
+    return C(u, () => l.current, [l]), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: v,
+        className: a(
+          O({
+            className: h
+          })
+        ),
+        "data-theme": f,
+        children: [
+          i ? /* @__PURE__ */ e("div", { className: a(p), children: /* @__PURE__ */ e(
+            "label",
+            {
+              htmlFor: t ?? o,
+              className: a(
+                R({
+                  className: m
+                })
+              ),
+              onClick: () => N(!0),
+              children: i
+            }
+          ) }) : null,
+          /* @__PURE__ */ c(
+            "div",
+            {
+              id: t ?? o,
+              className: a(I()),
+              role: "combobox",
+              onClick: g,
+              "aria-expanded": s,
+              children: [
+                n.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: d }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: n.map((r) => /* @__PURE__ */ e(
+                  S,
+                  {
+                    ...r,
+                    className: "select-none",
+                    rightIcon: /* @__PURE__ */ e(V, { className: "w-3 h-3", onClick: () => x(r) }),
+                    "data-value": r.label
+                  },
+                  r.id
+                )) }),
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    className: a(
+                      "w-4 h-4 text-inherit transition-all duration-50 shrink-0",
+                      s ? "rotate-0" : "rotate-180"
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("input", { ref: l, type: "text", name: t, className: "hidden" }),
+          s ? /* @__PURE__ */ e(w, {}) : null
+        ]
+      }
+    );
+  }
+);
 export {
-  ne as Wrapper
+  D as Wrapper
 };

package/dist/components/TagSelect/contexts/TagSelect.provider.js

@@ -1,79 +1,69 @@
-import { jsx as E } from "react/jsx-runtime";
-import { c as J } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as N, useState as C } from "react";
-import { TagSelectContext as U } from "./TagSelect.context.js";
-import { useToggle as V } from "../../../hooks/useToggle.js";
-const G = (o) => {
-  const e = J.c(24), {
-    children: a,
-    defaultOptions: d,
-    multiselect: y
-  } = o;
-  let u;
-  e[0] !== d ? (u = d === void 0 ? [] : d, e[0] = d, e[1] = u) : u = e[1];
-  const n = u, f = y === void 0 ? !0 : y, h = N(null), [O, i] = V(!1), [R, w] = C(n);
-  let m;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = [], e[2] = m) : m = e[2];
-  const [t, P] = C(m);
-  let p;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (c) => {
-    if (h.current) {
-      const s = c.map($);
-      h.current.value = JSON.stringify(s);
+import { jsx as I } from "react/jsx-runtime";
+import { useRef as R, useState as T, useCallback as l } from "react";
+import { TagSelectContext as x } from "./TagSelect.context.js";
+import { useToggle as w } from "../../../hooks/useToggle.js";
+const k = ({
+  children: m,
+  defaultOptions: n = [],
+  multiselect: d = !0
+}) => {
+  const i = R(null), [p, a] = w(!1), [S, g] = T(n), [r, u] = T([]), o = l((t) => {
+    if (i.current) {
+      const s = t.map(({ id: c, label: e }) => ({
+        id: c,
+        value: e
+      }));
+      i.current.value = JSON.stringify(s);
     }
-  }, e[3] = p) : p = e[3];
-  const j = p;
-  let g;
-  e[4] !== n || e[5] !== f || e[6] !== t || e[7] !== i ? (g = (c) => {
-    const s = [...f ? t : [], c];
-    P(s);
-    const _ = s.map(k);
-    w(() => f ? n.filter((l) => !_.includes(l.id)) : n.map((l) => ({
-      ...l,
-      isSelected: _.includes(l.id)
-    }))), j(s), i(!1);
-  }, e[4] = n, e[5] = f, e[6] = t, e[7] = i, e[8] = g) : g = e[8];
-  const x = g;
-  let T;
-  e[9] !== n || e[10] !== t ? (T = (c) => {
-    const s = t.filter((l) => l.id !== c.id);
-    P(s);
-    const _ = s.map(q);
-    w(() => n.filter((l) => !_.includes(l.id))), j(s);
-  }, e[9] = n, e[10] = t, e[11] = T) : T = e[11];
-  const I = T;
-  let S;
-  e[12] !== i ? (S = (c) => i(c), e[12] = i, e[13] = S) : S = e[13];
-  const b = S;
-  let r;
-  e[14] !== b || e[15] !== I || e[16] !== x || e[17] !== O || e[18] !== t || e[19] !== R ? (r = {
-    tags: R,
-    selectedTags: t,
-    isOpen: O,
-    inputRef: h,
-    onSelectTag: x,
-    onRemoveTag: I,
-    onOpen: b
-  }, e[14] = b, e[15] = I, e[16] = x, e[17] = O, e[18] = t, e[19] = R, e[20] = r) : r = e[20];
-  let v;
-  return e[21] !== a || e[22] !== r ? (v = /* @__PURE__ */ E(U.Provider, { value: r, children: a }), e[21] = a, e[22] = r, e[23] = v) : v = e[23], v;
+  }, []), f = l(
+    (t) => {
+      const s = [...d ? r : [], t];
+      u(s);
+      const c = s.map((e) => e.id);
+      g(() => d ? n.filter(
+        (e) => !c.includes(e.id)
+      ) : n.map((e) => ({
+        ...e,
+        isSelected: c.includes(e.id)
+      }))), o(s), a(!1);
+    },
+    [
+      n,
+      o,
+      d,
+      r,
+      a
+    ]
+  ), v = l(
+    (t) => {
+      const s = r.filter((e) => e.id !== t.id);
+      u(s);
+      const c = s.map((e) => e.id);
+      g(
+        () => n.filter((e) => !c.includes(e.id))
+      ), o(s);
+    },
+    [n, o, r]
+  ), h = l(
+    (t) => a(t),
+    [a]
+  );
+  return /* @__PURE__ */ I(
+    x.Provider,
+    {
+      value: {
+        tags: S,
+        selectedTags: r,
+        isOpen: p,
+        inputRef: i,
+        onSelectTag: f,
+        onRemoveTag: v,
+        onOpen: h
+      },
+      children: m
+    }
+  );
 };
-function $(o) {
-  const {
-    id: e,
-    label: a
-  } = o;
-  return {
-    id: e,
-    value: a
-  };
-}
-function k(o) {
-  return o.id;
-}
-function q(o) {
-  return o.id;
-}
 export {
-  G as TagSelectProvider
+  k as TagSelectProvider
 };