@wrdagency/blockout 1.0.26 → 1.0.29

package/dist/components/controls/select-control/select.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import { cn as L } from "../../../utils/css.js";
-import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';import '../../../assets/style7.css';/* empty css                      */
+import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
 import { noop as g } from "../../../utils/noop.js";
 import { useState as _, useMemo as j, startTransition as y } from "react";
 /* empty css                      */
@@ -18,49 +18,50 @@ import { normalizeOption as z } from "../../../types/options.js";
 import { s as A } from "../../../MagnifyingGlass.es-CLstwG_v.js";
 import { m as H } from "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { C as M, a as h, b as T, c as f } from "../../../MAXQOH4L-DB7jDisS.js";
-import { S as $, a as q, b as B, c as D, d as E } from "../../../select-popover-DmN0T8PP.js";
-import { C as F } from "../../../combobox-popover-D5bLZY4d.js";
-const ve = ({
+import { C as M, a as h, b as T } from "../../../MAXQOH4L-BYWBWXpb.js";
+import { S as $, a as q, b as B, c as D, d as E } from "../../../select-popover-Dheunyb0.js";
+import { C as F } from "../../../combobox-popover-BZ_1wNrj.js";
+import { C as f } from "../../../JMHAJKUZ-D5KCN1Aj.js";
+const Se = ({
   className: u,
-  value: r,
+  value: s,
   onChangeValue: p = g,
   options: v,
   searchable: i = !1,
-  combobox: t = !1,
+  combobox: o = !1,
   placeholder: S = "Choose an option...",
   prefix: G,
   suffix: J,
   children: N,
   withIcon: K,
-  ...P
+  ...C
 }) => {
-  t && (i = !0);
-  const [n, a] = _(!1), [c, C] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
+  o && (i = !0);
+  const [n, a] = _(!1), [c, P] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
     baseSort: (e, x) => e.index < x.index ? -1 : 1,
     keys: ["label", "description"]
-  }), [c]), O = i || t ? T : D, w = t ? f : E, I = t ? h : q, V = t ? F : B, d = !!!l.find((e) => e.value === r);
-  return /* @__PURE__ */ o(
+  }), [c]), O = i || o ? T : D, w = o ? f : E, I = o ? h : q, V = o ? F : B, d = !!!l.find((e) => e.value === s);
+  return /* @__PURE__ */ t(
     M,
     {
-      resetValueOnHide: !t,
+      resetValueOnHide: !o,
       open: n,
       setOpen: a,
-      value: t ? r : c,
+      value: o ? s : c,
       setValue: (e) => {
-        t && p(e), y(() => {
-          C(e);
+        o && p(e), y(() => {
+          P(e);
         });
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ r(
         $,
         {
-          value: d ? "" : r,
+          value: d ? "" : s,
           setValue: p,
           open: n,
           setOpen: a,
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ t(
               I,
               {
                 className: L(
@@ -68,12 +69,12 @@ const ve = ({
                   "component-select__input",
                   d && "component-select__input--placeholder"
                 ),
-                children: t ? void 0 : N,
+                children: o ? void 0 : N,
                 placeholder: S,
-                ...P
+                ...C
               }
             ),
-            n && m.length > 0 && /* @__PURE__ */ o(
+            n && m.length > 0 && /* @__PURE__ */ t(
               V,
               {
                 className: "component-select__popover",
@@ -85,10 +86,10 @@ const ve = ({
                 gutter: 8,
                 overflowPadding: 4,
                 shift: -1,
-                children: /* @__PURE__ */ s(k, { className: "component-select__popover__scroll", axis: "y", children: [
-                  i && !t && /* @__PURE__ */ s("div", { className: "component-select__popover__search-wrapper", children: [
-                    /* @__PURE__ */ o(A, { className: "component-select__popover__search-icon" }),
-                    /* @__PURE__ */ o(
+                children: /* @__PURE__ */ r(k, { className: "component-select__popover__scroll", axis: "y", children: [
+                  i && !o && /* @__PURE__ */ r("div", { className: "component-select__popover__search-wrapper", children: [
+                    /* @__PURE__ */ t(A, { className: "component-select__popover__search-icon" }),
+                    /* @__PURE__ */ t(
                       h,
                       {
                         autoSelect: !0,
@@ -97,19 +98,19 @@ const ve = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o(O, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
+                  /* @__PURE__ */ t(O, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ r(
                     w,
                     {
                       disabled: e.disabled,
                       value: e.value,
                       className: "component-select__option",
-                      render: /* @__PURE__ */ o(f, {}),
+                      render: /* @__PURE__ */ t(f, {}),
                       children: [
-                        /* @__PURE__ */ s("div", { className: "component-select__option__label", children: [
+                        /* @__PURE__ */ r("div", { className: "component-select__option__label", children: [
                           e.icon,
                           e.label
                         ] }),
-                        e.description && /* @__PURE__ */ o("div", { className: "component-select__option__description", children: e.description })
+                        e.description && /* @__PURE__ */ t("div", { className: "component-select__option__description", children: e.description })
                       ]
                     },
                     e.value
@@ -124,5 +125,5 @@ const ve = ({
   );
 };
 export {
-  ve as Select
+  Se as Select
 };