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

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,76 +1,4 @@
-import "../Item/Item.js";
-import { List as z } from "../List/List.js";
-import { jsx as t, jsxs as V } from "react/jsx-runtime";
-import { c as B } from "../../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as E, useId as F, useImperativeHandle as H } from "react";
-import { Badge as T } from "../../../Badge/Badge.js";
-import { Typography as $ } from "../../../Typography/Typography.js";
-import { cn as f } from "../../../../utils/index.js";
-import { useMultiSelectDropdown as U } from "../../hooks/useMultiSelectDropdown.js";
-import { wrapperVariants as X, labelVariants as A, multiSelectDropdownVariants as G } from "../../MultiSelectDropdown.variants.js";
-import { X as J } from "../../../../x-B9bYxG31.js";
-import { LoaderIcon as K } from "../../../../assets/icons/components/Loader.js";
-import { C as P } from "../../../../chevron-up-DEfvgPCw.js";
-import { useMultiSelectDropdown as Q } from "../../contexts/MultiSelectDropdown.hook.js";
-const Y = E((j, _) => {
-  const e = B.c(39), {
-    isRequired: g,
-    label: h,
-    labelClassName: y,
-    labelWrapperClassName: C,
-    name: u,
-    placeholder: W,
-    theme: k,
-    wrapperClassName: O
-  } = j, R = W === void 0 ? "" : W, q = F(), r = u ? `${q}-name` : "id", {
-    inputRef: a,
-    isLoading: S,
-    isOpen: l,
-    selectedOptions: N,
-    onOpen: D,
-    onRemoveOption: I
-  } = Q(), {
-    wrapperRef: L,
-    handleOpen: M
-  } = U();
-  let x, b;
-  e[0] !== a ? (x = () => a.current, b = [a], e[0] = a, e[1] = x, e[2] = b) : (x = e[1], b = e[2]), H(_, x, b);
-  let s;
-  e[3] !== O ? (s = f(X({
-    className: O
-  })), e[3] = O, e[4] = s) : s = e[4];
-  let o;
-  e[5] !== r || e[6] !== g || e[7] !== h || e[8] !== y || e[9] !== C || e[10] !== D ? (o = h ? /* @__PURE__ */ t("div", { className: f(C), children: /* @__PURE__ */ V($, { component: "label", variant: "labelLarge", htmlFor: r, className: f(A({
-    className: y
-  })), onClick: () => D(!0), children: [
-    h,
-    " ",
-    g && /* @__PURE__ */ t($, { component: "span", className: "text-red-500 dark:text-red-500 text-sm font-normal", children: "*" })
-  ] }) }) : null, e[5] = r, e[6] = g, e[7] = h, e[8] = y, e[9] = C, e[10] = D, e[11] = o) : o = e[11];
-  let v;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = f(G()), e[12] = v) : v = e[12];
-  let i;
-  e[13] !== I || e[14] !== R || e[15] !== N ? (i = N.length === 0 ? /* @__PURE__ */ t("span", { className: "text-base text-inherit select-none", children: R }) : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: N.map((d) => /* @__PURE__ */ t(T, { "data-value": d.label, label: d.value ?? d.label ?? "", className: "select-none", rightIcon: /* @__PURE__ */ t(J, { onClick: () => I(d) }) }, d.id)) }), e[13] = I, e[14] = R, e[15] = N, e[16] = i) : i = e[16];
-  let n;
-  e[17] !== S || e[18] !== l ? (n = S ? /* @__PURE__ */ t(K, { size: 16, className: "animate-spin shrink-0 text-gray-400" }) : /* @__PURE__ */ t(P, { className: f("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", l ? "rotate-0" : "rotate-180") }), e[17] = S, e[18] = l, e[19] = n) : n = e[19];
-  let m;
-  e[20] !== M || e[21] !== r || e[22] !== l || e[23] !== i || e[24] !== n ? (m = /* @__PURE__ */ V("div", { id: r, className: v, role: "combobox", onClick: M, "aria-expanded": l, children: [
-    i,
-    n
-  ] }), e[20] = M, e[21] = r, e[22] = l, e[23] = i, e[24] = n, e[25] = m) : m = e[25];
-  let c;
-  e[26] !== a || e[27] !== u ? (c = /* @__PURE__ */ t("input", { ref: a, type: "text", name: u, className: "hidden", readOnly: !0 }), e[26] = a, e[27] = u, e[28] = c) : c = e[28];
-  let p;
-  e[29] !== l ? (p = l ? /* @__PURE__ */ t(z, {}) : null, e[29] = l, e[30] = p) : p = e[30];
-  let w;
-  return e[31] !== c || e[32] !== p || e[33] !== s || e[34] !== o || e[35] !== m || e[36] !== k || e[37] !== L ? (w = /* @__PURE__ */ V("div", { ref: L, className: s, "data-theme": k, children: [
-    o,
-    m,
-    c,
-    p
-  ] }), e[31] = c, e[32] = p, e[33] = s, e[34] = o, e[35] = m, e[36] = k, e[37] = L, e[38] = w) : w = e[38], w;
-});
-Y.displayName = "MultiSelectDropdownWrapper";
+import { n as p } from "../../../../components-DNFycJGm.js";
 export {
-  Y as Wrapper
+  p as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/index.js

@@ -1,8 +1,7 @@
-import { Item as e } from "./Item/Item.js";
-import { List as t } from "./List/List.js";
-import { Wrapper as f } from "./Wrapper/Wrapper.js";
+import { Item as m } from "./Item/Item.js";
+import { n as p, r as t } from "../../../components-DNFycJGm.js";
 export {
-  e as Item,
+  m as Item,
   t as List,
-  f as Wrapper
+  p as Wrapper
 };

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.context.js

@@ -1,5 +1,5 @@
-import { createContext as n } from "react";
-const t = {
+import { createContext as e } from "react";
+var n = {
   options: [],
   selectedOptions: [],
   isOpen: !1,
@@ -15,7 +15,7 @@ const t = {
   },
   isLoading: !1,
   noOptionsText: void 0
-}, e = n(t);
+}, o = e(n);
 export {
-  e as MultiSelectDropdownContext
+  o as MultiSelectDropdownContext
 };

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js

@@ -1,9 +1,8 @@
-import { useContext as o } from "react";
 import { MultiSelectDropdownContext as e } from "./MultiSelectDropdown.context.js";
-const i = () => {
+import { useContext as o } from "react";
+var i = () => {
   const t = o(e);
-  if (!t)
-    throw new Error("useMultiSelectDropdown must be used within a MultiSelectDropdownProvider");
+  if (!t) throw new Error("useMultiSelectDropdown must be used within a MultiSelectDropdownProvider");
   return t;
 };
 export {

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

@@ -1,135 +1,107 @@
-import { jsx as A } from "react/jsx-runtime";
-import { c as F } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as G, useState as k, useEffect as q } from "react";
-import { MultiSelectDropdownContext as H } from "./MultiSelectDropdown.context.js";
-import { useToggle as K } from "../../../hooks/useToggle.js";
-const le = (r) => {
-  const e = F.c(46), {
-    children: O,
-    defaultOptions: a,
-    multiselect: $,
-    value: S,
-    onChange: h,
-    onBlur: w,
-    name: P,
-    isLoading: T,
-    noOptionsText: V
-  } = r;
-  let g;
-  e[0] !== a ? (g = a === void 0 ? [] : a, e[0] = a, e[1] = g) : g = e[1];
-  const n = g, o = $ === void 0 ? !0 : $, v = G(null), [p, B] = K(!1), [J, I] = k(n);
-  let _;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[2] = _) : _ = e[2];
-  const [i, L] = k(_), l = S !== void 0;
-  let x, R;
-  e[3] !== n || e[4] !== l || e[5] !== o || e[6] !== i ? (x = () => {
-    if (!l) {
-      const s = new Set(i.map(Q));
-      I(o ? n.filter((t) => !s.has(t.id)) : n.map((t) => ({
-        ...t,
-        isSelected: s.has(t.id)
+import { useToggle as V } from "../../../hooks/useToggle.js";
+import { MultiSelectDropdownContext as k } from "./MultiSelectDropdown.context.js";
+import { useCallback as f, useEffect as O, useRef as C, useState as R } from "react";
+import { jsx as E } from "react/jsx-runtime";
+var q = ({ children: g, defaultOptions: r = [], multiselect: c = !0, value: S, onChange: m, onBlur: u, name: h, isLoading: x, noOptionsText: b }) => {
+  const o = C(null), [v, I] = V(!1), [j, l] = R(r), [i, w] = R([]), d = S !== void 0;
+  O(() => {
+    if (!d) {
+      const t = new Set(i.map((e) => e.id));
+      l(c ? r.filter((e) => !t.has(e.id)) : r.map((e) => ({
+        ...e,
+        isSelected: t.has(e.id)
       })));
     }
-  }, R = [n, o, l, i], e[3] = n, e[4] = l, e[5] = o, e[6] = i, e[7] = x, e[8] = R) : (x = e[7], R = e[8]), q(x, R);
-  let b, y;
-  e[9] !== n || e[10] !== l || e[11] !== o || e[12] !== S ? (b = () => {
-    if (l) {
-      const s = S || [];
-      L(s);
-      const t = new Set(s.map(W));
-      I(o ? n.filter((d) => !t.has(d.id)) : n.map((d) => ({
-        ...d,
-        isSelected: t.has(d.id)
+  }, [
+    r,
+    c,
+    d,
+    i
+  ]), O(() => {
+    if (d) {
+      const t = S || [];
+      w(t);
+      const e = new Set(t.map((s) => s.id));
+      l(c ? r.filter((s) => !e.has(s.id)) : r.map((s) => ({
+        ...s,
+        isSelected: e.has(s.id)
       })));
     }
-  }, y = [S, l, n, o], e[9] = n, e[10] = l, e[11] = o, e[12] = S, e[13] = b, e[14] = y) : (b = e[13], y = e[14]), q(b, y);
-  let C;
-  e[15] !== P || e[16] !== h ? (C = (s) => {
-    const t = s.map(X), d = JSON.stringify(t);
-    v.current && (v.current.value = d), h && h({
-      target: {
-        value: s,
-        name: P ?? ""
-      }
-    });
-  }, e[15] = P, e[16] = h, e[17] = C) : C = e[17];
-  const u = C;
-  let j;
-  e[18] !== p || e[19] !== w || e[20] !== B ? (j = (s) => {
-    const t = p;
-    B(s), t && s === !1 && w && v.current && w({
-      target: v.current,
+  }, [
+    S,
+    d,
+    r,
+    c
+  ]);
+  const a = f((t) => {
+    const e = t.map(({ id: n, value: M, label: P }) => ({
+      id: n,
+      value: M ?? P
+    })), s = JSON.stringify(e);
+    o.current && (o.current.value = s), m && m({ target: {
+      value: t,
+      name: h ?? ""
+    } });
+  }, [m, h]), p = f((t) => {
+    const e = v;
+    I(t), e && t === !1 && u && o.current && u({
+      target: o.current,
       type: "blur"
     });
-  }, e[18] = p, e[19] = w, e[20] = B, e[21] = j) : j = e[21];
-  const f = j;
-  let D;
-  e[22] !== n || e[23] !== f || e[24] !== u || e[25] !== l || e[26] !== o || e[27] !== i ? (D = (s) => {
-    if (l) {
-      const c = [...o ? i : [], s];
-      u(c), f(!1);
+  }, [
+    v,
+    I,
+    u,
+    o
+  ]), y = f((t) => {
+    if (d) {
+      a([...c ? i : [], t]), p(!1);
       return;
     }
-    const t = [...o ? i : [], s];
-    L(t);
-    const d = t.map(Y);
-    I(() => o ? n.filter((c) => !d.includes(c.id)) : n.map((c) => ({
-      ...c,
-      isSelected: d.includes(c.id)
-    }))), u(t), f(!1);
-  }, e[22] = n, e[23] = f, e[24] = u, e[25] = l, e[26] = o, e[27] = i, e[28] = D) : D = e[28];
-  const N = D;
-  let E;
-  e[29] !== n || e[30] !== u || e[31] !== l || e[32] !== i ? (E = (s) => {
-    if (l) {
-      const c = i.filter((z) => z.id !== s.id);
-      u(c);
+    const e = [...c ? i : [], t];
+    w(e);
+    const s = e.map((n) => n.id);
+    l(() => c ? r.filter((n) => !s.includes(n.id)) : r.map((n) => ({
+      ...n,
+      isSelected: s.includes(n.id)
+    }))), a(e), p(!1);
+  }, [
+    r,
+    a,
+    c,
+    i,
+    p,
+    d
+  ]), D = f((t) => {
+    if (d) {
+      a(i.filter((n) => n.id !== t.id));
       return;
     }
-    const t = i.filter((c) => c.id !== s.id);
-    L(t);
-    const d = t.map(Z);
-    I(() => n.filter((c) => !d.includes(c.id))), u(t);
-  }, e[29] = n, e[30] = u, e[31] = l, e[32] = i, e[33] = E) : E = e[33];
-  const U = E;
-  let m;
-  e[34] !== f || e[35] !== U || e[36] !== N || e[37] !== T || e[38] !== p || e[39] !== V || e[40] !== J || e[41] !== i ? (m = {
-    options: J,
-    selectedOptions: i,
-    isOpen: p,
-    inputRef: v,
-    onSelectOption: N,
-    onRemoveOption: U,
-    onOpen: f,
-    isLoading: T,
-    noOptionsText: V
-  }, e[34] = f, e[35] = U, e[36] = N, e[37] = T, e[38] = p, e[39] = V, e[40] = J, e[41] = i, e[42] = m) : m = e[42];
-  let M;
-  return e[43] !== O || e[44] !== m ? (M = /* @__PURE__ */ A(H.Provider, { value: m, children: O }), e[43] = O, e[44] = m, e[45] = M) : M = e[45], M;
+    const e = i.filter((n) => n.id !== t.id);
+    w(e);
+    const s = e.map((n) => n.id);
+    l(() => r.filter((n) => !s.includes(n.id))), a(e);
+  }, [
+    r,
+    a,
+    i,
+    d
+  ]);
+  return /* @__PURE__ */ E(k.Provider, {
+    value: {
+      options: j,
+      selectedOptions: i,
+      isOpen: v,
+      inputRef: o,
+      onSelectOption: y,
+      onRemoveOption: D,
+      onOpen: p,
+      isLoading: x,
+      noOptionsText: b
+    },
+    children: g
+  });
 };
-function Q(r) {
-  return r.id;
-}
-function W(r) {
-  return r.id;
-}
-function X(r) {
-  const {
-    id: e,
-    value: O,
-    label: a
-  } = r;
-  return {
-    id: e,
-    value: O ?? a
-  };
-}
-function Y(r) {
-  return r.id;
-}
-function Z(r) {
-  return r.id;
-}
 export {
-  le as MultiSelectDropdownProvider
+  q as MultiSelectDropdownProvider
 };

package/dist/components/MultiSelectDropdown/contexts/index.js

@@ -1,6 +1,6 @@
 import { useMultiSelectDropdown as r } from "./MultiSelectDropdown.hook.js";
-import { MultiSelectDropdownProvider as l } from "./MultiSelectDropdown.provider.js";
+import { MultiSelectDropdownProvider as t } from "./MultiSelectDropdown.provider.js";
 export {
-  l as MultiSelectDropdownProvider,
+  t as MultiSelectDropdownProvider,
   r as useMultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js

@@ -1,36 +1,23 @@
-import { c as p } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as f, useEffect as m } from "react";
-import { useMultiSelectDropdown as g } from "../contexts/MultiSelectDropdown.hook.js";
-const E = () => {
-  const e = p.c(7), a = f(null), {
-    onOpen: t
-  } = g();
-  let o, r;
-  e[0] !== t ? (o = () => {
-    const n = new AbortController(), u = (i) => {
-      i.key === "Escape" && t(!1);
-    }, d = (i) => {
-      a.current?.contains(i.target) || t(!1);
+import { useMultiSelectDropdown as s } from "../contexts/MultiSelectDropdown.hook.js";
+import { useCallback as a, useEffect as u, useRef as c } from "react";
+var f = () => {
+  const n = c(null), { onOpen: e } = s();
+  return u(() => {
+    const t = new AbortController(), r = (o) => {
+      o.key === "Escape" && e(!1);
+    }, l = (o) => {
+      n.current?.contains(o.target) || e(!1);
     };
-    return document.addEventListener("keydown", u, {
-      signal: n.signal
-    }), document.addEventListener("mousedown", d, {
-      signal: n.signal
-    }), () => {
-      n.abort();
+    return document.addEventListener("keydown", r, { signal: t.signal }), document.addEventListener("mousedown", l, { signal: t.signal }), () => {
+      t.abort();
     };
-  }, r = [t, a], e[0] = t, e[1] = o, e[2] = r) : (o = e[1], r = e[2]), m(o, r);
-  let s;
-  e[3] !== t ? (s = (n) => {
-    n.target?.closest("[data-value]") || t(!0);
-  }, e[3] = t, e[4] = s) : s = e[4];
-  const c = s;
-  let l;
-  return e[5] !== c ? (l = {
-    wrapperRef: a,
-    handleOpen: c
-  }, e[5] = c, e[6] = l) : l = e[6], l;
+  }, [e, n]), {
+    wrapperRef: n,
+    handleOpen: a((t) => {
+      t.target?.closest("[data-value]") || e(!0);
+    }, [e])
+  };
 };
 export {
-  E as useMultiSelectDropdown
+  f as useMultiSelectDropdown
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,21 +1,14 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as d } from "../../compiler-runtime-DA41awpA.js";
+import { t as p } from "../../phone-number.provider-B5TfHi8y.js";
+import { t } from "../../Wrapper-BWSOaT1y.js";
 import { forwardRef as f } from "react";
-import { Wrapper as s } from "./components/Wrapper.js";
-import { PhoneNumberProvider as u } from "./contexts/phone-number.provider.js";
-const P = f((i, l) => {
-  const e = d.c(9);
-  let o, t;
-  e[0] !== i ? ({
-    defaultCountryCode: t,
-    ...o
-  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
-  const n = t === void 0 ? "US" : t;
-  let r;
-  e[3] !== o || e[4] !== l ? (r = /* @__PURE__ */ p(s, { ref: l, ...o }), e[3] = o, e[4] = l, e[5] = r) : r = e[5];
-  let m;
-  return e[6] !== n || e[7] !== r ? (m = /* @__PURE__ */ p(u, { defaultCountryCode: n, children: r }), e[6] = n, e[7] = r, e[8] = m) : m = e[8], m;
-});
+import { jsx as r } from "react/jsx-runtime";
+var h = f(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(p, {
+  defaultCountryCode: o,
+  children: /* @__PURE__ */ r(t, {
+    ref: e,
+    ...m
+  })
+}));
 export {
-  P as PhoneNumberInput
+  h as PhoneNumberInput
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js

@@ -1,16 +1,39 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const t = r(["text-sm", "relative", "border", "border-gray-300", "rounded", "data-[state=open]:border-aurora-500", "focus-within:border-aurora-500", "transition-colors", "duration-150", "dark:border-metal-700", "dark:bg-metal-800", "dark:data-[state=open]:border-metal-700", "dark:focus-within:border-metal-700"], {
-  variants: {
-    variant: {
-      default: [],
-      error: ["border-red-600", "dark:border-red-500", "data-[state=open]:border-red-500", "focus-within:border-red-500", "pr-8", "focus-visible:ring-transparent"]
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), e = r(["cursor-pointer", "text-sm", "leading-5", "tracking-[0.1px]", "dark:text-slate-50"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var e = r([
+  "text-sm",
+  "relative",
+  "border",
+  "border-gray-300",
+  "rounded",
+  "data-[state=open]:border-aurora-500",
+  "focus-within:border-aurora-500",
+  "transition-colors",
+  "duration-150",
+  "dark:border-metal-700",
+  "dark:bg-metal-800",
+  "dark:data-[state=open]:border-metal-700",
+  "dark:focus-within:border-metal-700"
+], {
+  variants: { variant: {
+    default: [],
+    error: [
+      "border-red-600",
+      "dark:border-red-500",
+      "data-[state=open]:border-red-500",
+      "focus-within:border-red-500",
+      "pr-8",
+      "focus-visible:ring-transparent"
+    ]
+  } },
+  defaultVariants: { variant: "default" }
+}), t = r([
+  "cursor-pointer",
+  "text-sm",
+  "leading-5",
+  "tracking-[0.1px]",
+  "dark:text-slate-50"
+]);
 export {
-  e as labelVariants,
-  t as phoneNumberInputVariants
+  t as labelVariants,
+  e as phoneNumberInputVariants
 };

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,31 +1,19 @@
-import { jsx as m, jsxs as f } from "react/jsx-runtime";
-import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as u } from "../../../../utils/index.js";
-import { C as x } from "../../../../chevron-up-IlDPxR7j.js";
-import { usePhoneNumberContext as h } from "../../contexts/phone-number.hook.js";
-const S = () => {
-  const t = d.c(12), {
-    selectedCountry: p,
-    isOpenSelector: r,
-    handleOpenSelector: a
-  } = h(), {
-    flag: c
-  } = p;
-  let e;
-  t[0] !== a || t[1] !== r ? (e = () => a(!r), t[0] = a, t[1] = r, t[2] = e) : e = t[2];
-  let o;
-  t[3] !== c ? (o = /* @__PURE__ */ m(c, {}), t[3] = c, t[4] = o) : o = t[4];
-  let l;
-  t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = u("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"), t[5] = l) : l = t[5];
-  const i = r ? "open" : "closed";
-  let s;
-  t[6] !== i ? (s = /* @__PURE__ */ m(x, { className: l, "data-state": i }), t[6] = i, t[7] = s) : s = t[7];
-  let n;
-  return t[8] !== e || t[9] !== o || t[10] !== s ? (n = /* @__PURE__ */ f("button", { type: "button", className: "flex items-center gap-2 cursor-pointer", onClick: e, children: [
-    o,
-    s
-  ] }), t[8] = e, t[9] = o, t[10] = s, t[11] = n) : n = t[11], n;
+import { t as n } from "../../../../utils-DHuiYnx1.js";
+import { t as s } from "../../../../chevron-up-DuS9MUNr.js";
+import { usePhoneNumberContext as l } from "../../contexts/phone-number.hook.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+var u = () => {
+  const { selectedCountry: o, isOpenSelector: t, handleOpenSelector: a } = l(), { flag: r } = o;
+  return /* @__PURE__ */ c("button", {
+    type: "button",
+    className: "flex items-center gap-2 cursor-pointer",
+    onClick: () => a(!t),
+    children: [/* @__PURE__ */ e(r, {}), /* @__PURE__ */ e(s, {
+      className: n("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"),
+      "data-state": t ? "open" : "closed"
+    })]
+  });
 };
 export {
-  S as FlagContent
+  u as FlagContent
 };