@wrdagency/blockout 1.0.27 → 1.0.30

package/dist/{tag-remove-DmlHu_9b.js → tag-remove-Dz-sGbyZ.js}

@@ -1,15 +1,15 @@
-import { d as pe } from "./S43UC3DV-BVbmEy3J.js";
+import { b as pe } from "./S43UC3DV-HCi6u_G4.js";
 import { createContext as ve, useContext as F, useState as ee, useEffect as te, useCallback as fe } from "react";
-import { f as L, c as N, a as B, _ as M, m as P, o as C, r as ge, a7 as he, s as Ce, i as H, q as ne, j as R, e as I, ah as oe, l as re, ai as be, y as G, aa as Te, n as ke, H as ye, V as J, U as W, W as q, a5 as Pe } from "./LMDWO4NN-ZnclRjpA.js";
+import { f as L, c as N, a as B, _ as M, m as P, o as C, r as ge, a5 as he, s as Ce, i as q, q as ne, j as R, e as I, ah as oe, l as re, ai as be, y as G, a8 as Te, n as ke, J as ye, V as J, U as W, W as A, ab as Pe } from "./LMDWO4NN-CpSMaD5G.js";
 import { jsx as x, jsxs as ae, Fragment as xe } from "react/jsx-runtime";
-import { d as A, T as se, e as ie, f as Ve, g as Se, h as De } from "./MAXQOH4L-lpuvS1NR.js";
-import { u as ue } from "./6VRAQV3D-pTuMqsWW.js";
-import { a as we, c as Ee, s as Ie, d as _e, b as Oe, f as Q } from "./YV4JVR4I-BuKFdNa0.js";
+import { c as H, T as se, d as ie, e as Ve, f as Se, g as De } from "./MAXQOH4L-BYWBWXpb.js";
+import { u as ue } from "./6VRAQV3D-BYmT0QTl.js";
+import { a as we, c as Ee, s as Ie, d as _e, b as Oe, f as Q } from "./YV4JVR4I-CQnJhUSg.js";
 import { t as Ke } from "./7PRQYBBV-91wrWGjk.js";
-import { u as Re } from "./5JTVDSTH-BOGL3M3F.js";
-import { b as Le } from "./PFRGBC2K-BS9YO5-Q.js";
-import { c as Ne, b as Be } from "./4CMBR7SL-C-0Aig1V.js";
-import { R as Me } from "./G7GW6PWC-C6qSYISF.js";
+import { u as Re } from "./5JTVDSTH-CZ7mfyUK.js";
+import { b as Le } from "./PFRGBC2K-BdRJd-gU.js";
+import { c as Ne, b as Be } from "./4CMBR7SL-DezfZPUS.js";
+import { R as Me } from "./G7GW6PWC-Dk4hVbAk.js";
 var je = ve(!1), Ue = "span", $e = /* @__PURE__ */ x(
   "svg",
   {
@@ -48,12 +48,12 @@ var le = N(
 ), ht = L(function(r) {
   const n = le(r);
   return B(Ue, n);
-}), Fe = "span", He = N(function(r) {
+}), Fe = "span", qe = N(function(r) {
   var n = r, { store: e, checked: a } = n, s = M(n, ["store", "checked"]);
   const c = F(pe);
   return a = a ?? c, s = le(P(C({}, s), { checked: a })), s;
 }), Ct = L(function(r) {
-  const n = He(r);
+  const n = qe(r);
   return B(Fe, n);
 });
 function Z() {
@@ -62,7 +62,7 @@ function Z() {
     r(he());
   }, []), o;
 }
-var qe = "div", Ae = N(function(r) {
+var Ae = "div", He = N(function(r) {
   var n = r, {
     store: e,
     value: a,
@@ -74,8 +74,8 @@ var qe = "div", Ae = N(function(r) {
     "getItem",
     "removeOnKeyPress"
   ]);
-  const p = A();
-  e = e || p, H(
+  const p = H();
+  e = e || p, q(
     e,
     process.env.NODE_ENV !== "production" && "Tag must be wrapped in a TagList component."
   );
@@ -114,8 +114,8 @@ var qe = "div", Ae = N(function(r) {
   })), i;
 }), bt = Ce(
   L(function(r) {
-    const n = Ae(r);
-    return B(qe, n);
+    const n = He(r);
+    return B(Ae, n);
   })
 );
 function ce(o) {
@@ -197,8 +197,8 @@ var Je = N(
       "setValueOnChange",
       "removeOnBackspace"
     ]);
-    const v = A();
-    e = e || v, H(
+    const v = H();
+    e = e || v, q(
       e,
       process.env.NODE_ENV !== "production" && "TagInput must receive a `store` prop or be wrapped in a TagProvider component."
     );
@@ -257,7 +257,7 @@ var Je = N(
   function(r) {
     var n = r, { store: e } = n, a = M(n, ["store"]);
     const s = Ve();
-    e = e || s, H(
+    e = e || s, q(
       e,
       process.env.NODE_ENV !== "production" && "TagList must receive a `store` prop or be wrapped in a TagProvider component."
     );
@@ -320,7 +320,7 @@ var Je = N(
 });
 function Ye(o = {}) {
   var r;
-  const n = (r = o.store) == null ? void 0 : r.getState(), e = Ne(o), a = J(q({}, e.getState()), {
+  const n = (r = o.store) == null ? void 0 : r.getState(), e = Ne(o), a = J(A({}, e.getState()), {
     inputElement: W(n == null ? void 0 : n.inputElement, null),
     labelElement: W(n == null ? void 0 : n.labelElement, null),
     value: W(o.value, n == null ? void 0 : n.value, o.defaultValue, ""),
@@ -351,7 +351,7 @@ function Ye(o = {}) {
         };
     });
   };
-  return J(q(q({}, e), s), {
+  return J(A(A({}, e), s), {
     setInputElement: (i) => s.setState("inputElement", i),
     setLabelElement: (i) => s.setState("labelElement", i),
     setValue: (i) => s.setState("value", i),
@@ -385,8 +385,8 @@ var nt = "button", ot = N(
       "value",
       "removeOnClick"
     ]);
-    const i = A();
-    e = e || i, H(
+    const i = H();
+    e = e || i, q(
       e,
       process.env.NODE_ENV !== "production" && "TagRemove must receive a `store` prop or be wrapped in a TagProvider component."
     );
@@ -439,7 +439,7 @@ export {
   Tt as d,
   je as e,
   ht as f,
-  Ae as g,
+  He as g,
   Je as h,
   Xe as i,
   ot as j,

package/dist/{toolbar-BlVhTG5v.js → toolbar-PSaF1mdF.js}

@@ -1,8 +1,8 @@
-import { c as d, b as v } from "./4CMBR7SL-C-0Aig1V.js";
-import { b as T } from "./YV4JVR4I-BuKFdNa0.js";
-import { V as _, U as i, W as S, f as P, c as x, a as C, _ as L, l as h, o as u } from "./LMDWO4NN-ZnclRjpA.js";
-import { a as V, T as g } from "./A3WPL2ZJ-BiXYGxnE.js";
-import { u as j } from "./5JTVDSTH-BOGL3M3F.js";
+import { c as d, b as v } from "./4CMBR7SL-DezfZPUS.js";
+import { b as T } from "./YV4JVR4I-CQnJhUSg.js";
+import { V as _, U as i, W as S, f as P, c as x, a as C, _ as L, l as h, o as u } from "./LMDWO4NN-CpSMaD5G.js";
+import { a as V, T as g } from "./A3WPL2ZJ-24tGIJIQ.js";
+import { u as j } from "./5JTVDSTH-CZ7mfyUK.js";
 import { jsx as E } from "react/jsx-runtime";
 function F(t = {}) {
   var r;

package/dist/{toolbar-separator-liolx0p8.js → toolbar-separator-DJHiHbGj.js}

@@ -1,6 +1,6 @@
-import { u as p } from "./A3WPL2ZJ-BiXYGxnE.js";
-import { u as n } from "./TP7N7UIH-Bs0NX7lb.js";
-import { f as u, c as m, a as c, _ as f, o as l } from "./LMDWO4NN-ZnclRjpA.js";
+import { u as p } from "./A3WPL2ZJ-24tGIJIQ.js";
+import { u as n } from "./TP7N7UIH-C4jXJDlO.js";
+import { f as u, c as m, a as c, _ as f, o as l } from "./LMDWO4NN-CpSMaD5G.js";
 var b = "hr", T = m(
   function(o) {
     var r = o, { store: a } = r, e = f(r, ["store"]);

package/dist/{tooltip-arrow-CjZ1x0xv.js → tooltip-arrow-BVwULA6B.js}

@@ -1,11 +1,11 @@
-import { c as q, u as J, a as Z, b as G } from "./MR26YJYP-CWddku_H.js";
-import { c as K } from "./G7GW6PWC-C6qSYISF.js";
-import { V as R, U as w, W as y, J as Q, f as x, c as E, a as O, _, i as k, l as X, o as b, m as N, C as V, N as Y, a2 as ee, e as H, q as te, n as oe, r as re, b as ne, ad as ae, s as se } from "./LMDWO4NN-ZnclRjpA.js";
+import { c as q, u as Z, a as G, b as J } from "./MR26YJYP-CTh6rCwA.js";
+import { c as K } from "./G7GW6PWC-Dk4hVbAk.js";
+import { V as R, U as w, W as y, L as Q, f as x, c as E, a as O, _, i as k, l as X, o as b, m as N, C as V, P as Y, a2 as ee, e as H, q as te, n as oe, r as re, b as ne, ad as ae, s as se } from "./LMDWO4NN-CpSMaD5G.js";
 import { jsx as h, jsxs as ie } from "react/jsx-runtime";
-import { c as U, b as ue, f as I, d as z, a as j } from "./YV4JVR4I-BuKFdNa0.js";
+import { c as L, b as ue, f as I, d as z, a as U } from "./YV4JVR4I-CQnJhUSg.js";
 import { useRef as le, useEffect as D, useMemo as M, useState as ce } from "react";
-import { H as de, a as pe } from "./EM5CXX6A-B4C-NFJy.js";
-import { u as ve } from "./MTZPJQMC-CNgogsHX.js";
+import { H as de, a as pe } from "./EM5CXX6A-B4ZS4Hs_.js";
+import { u as ve } from "./MTZPJQMC-D2i4-LA_.js";
 function fe(o = {}) {
   var r;
   process.env.NODE_ENV !== "production" && o.type === "label" && console.warn(
@@ -23,11 +23,11 @@ function fe(o = {}) {
   })), c = R(y({}, e.getState()), {
     type: w(o.type, t == null ? void 0 : t.type, "description"),
     skipTimeout: w(o.skipTimeout, t == null ? void 0 : t.skipTimeout, 300)
-  }), n = U(c, e, o.store);
+  }), n = L(c, e, o.store);
   return y(y({}, e), n);
 }
 function me(o, r, t) {
-  return I(o, t, "type"), I(o, t, "skipTimeout"), J(o, r, t);
+  return I(o, t, "type"), I(o, t, "skipTimeout"), Z(o, r, t);
 }
 function he(o = {}) {
   const [r, t] = ue(fe, o);
@@ -65,7 +65,7 @@ var C = Q(
     const P = e.useState(
       (u) => u.type === "description" ? "tooltip" : "none"
     );
-    return s = b({ role: P }, s), s = Z(N(b({}, s), {
+    return s = b({ role: P }, s), s = G(N(b({}, s), {
       store: e,
       portal: c,
       gutter: n,
@@ -93,7 +93,7 @@ function De(o = {}) {
   const r = he(o);
   return /* @__PURE__ */ h(be, { value: r, children: o.children });
 }
-var we = "div", S = U({
+var we = "div", S = L({
   activeStore: null
 });
 function B(o) {
@@ -152,7 +152,7 @@ var ye = E(
       onMouseEnter: s,
       onFocusVisible: P,
       onBlur: f
-    }), n = G(b({
+    }), n = J(b({
       store: e,
       showOnHover(a) {
         if (!v.current || V(c, a)) return !1;
@@ -171,7 +171,7 @@ var ye = E(
   left: `rotate(90 ${m} ${m})`
 };
 function Oe(o) {
-  const [r, t] = ce(), e = j(o, "contentElement");
+  const [r, t] = ce(), e = U(o, "contentElement");
   return ne(() => {
     if (!e) return;
     const n = ae(e).getComputedStyle(e);
@@ -182,7 +182,7 @@ function _e(o) {
   var r;
   return o ? (r = o.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : r[1] : void 0;
 }
-var L = E(
+var j = E(
   function(r) {
     var t = r, {
       store: e,
@@ -198,7 +198,7 @@ var L = E(
       e,
       process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
-    const p = j(
+    const p = U(
       e,
       (l) => l.currentPlacement.split("-")[0]
     ), s = te(), i = Oe(e), P = (i == null ? void 0 : i.getPropertyValue("background-color")) || "none", u = (i == null ? void 0 : i.getPropertyValue(`border-${p}-color`)) || "none", A = M(() => {
@@ -245,7 +245,7 @@ var L = E(
   }
 ), Be = se(
   x(function(r) {
-    const t = L(r);
+    const t = j(r);
     return O(xe, t);
   })
 ), ke = "div", Ce = E(
@@ -255,7 +255,7 @@ var L = E(
     return e = e || d, k(
       e,
       process.env.NODE_ENV !== "production" && "TooltipArrow must be wrapped in a Tooltip component."
-    ), n = L(b({ store: e, size: c }, n)), n;
+    ), n = j(b({ store: e, size: c }, n)), n;
   }
 ), Fe = x(function(r) {
   const t = Ce(r);
@@ -269,5 +269,5 @@ export {
   Fe as c,
   Se as d,
   he as e,
-  L as u
+  j as u
 };

package/dist/types/options.d.ts

@@ -10,5 +10,19 @@ export type PartialOption<T extends string = string> = Partial<Option<T>> & {
     value: T;
 };
 export type Optionable<T extends string = string> = Option<T> | PartialOption<T> | T;
+export type OptionGroup<T extends string = string> = {
+    type: "group";
+    label: string;
+    items: Option<T>[];
+};
+export type OptionableGroup<T extends string = string> = {
+    type: "group";
+    label: string;
+    items: Optionable<T>[];
+};
+export declare function isOptionGroup<T extends string = string>(value: Optionable<T> | OptionableGroup<T>): value is OptionGroup<T> | OptionableGroup<T>;
 export declare function normalizeOption<T extends string = string>(opt: Optionable<T>): Option<T>;
+export declare function normalizeOptionGroup<T extends string = string>(group: OptionableGroup<T>): OptionGroup<T>;
+export declare function normalizeOptions<T extends string = string>(opts: (OptionableGroup<T> | Optionable<T>)[]): OptionGroup<T>[];
+export declare function findOption<T extends string = string>(options: (OptionableGroup<T> | Optionable<T>)[], value: T | undefined): Option<T> | undefined;
 export declare function uniqueOptions<T extends string = string>(value: Optionable<T>, index: number, array: Optionable<T>[]): boolean;

package/dist/types/options.js

@@ -1,18 +1,50 @@
-function n(e) {
-  return typeof e == "string" ? {
-    value: e,
-    label: e
+function s(n) {
+  return typeof n == "object" && n.hasOwnProperty("type") && n.type === "group";
+}
+function i(n) {
+  return typeof n == "string" ? {
+    value: n,
+    label: n
   } : {
-    label: e.label || e.value,
-    ...e
+    label: n.label || n.value,
+    ...n
+  };
+}
+function f(n) {
+  return {
+    ...n,
+    items: n.items.map(i)
   };
 }
-function r(e, l, u) {
-  return u.findIndex(
-    (i) => n(i).value === n(e).value
-  ) === l;
+function p(n) {
+  const o = [], e = {
+    type: "group",
+    label: "",
+    items: []
+  };
+  for (const t of n)
+    s(t) ? o.push(f(t)) : e.items.push(i(t));
+  return e.items.length > 0 && o.push(e), o;
+}
+function l(n, o) {
+  const e = p(n);
+  console.log(e, o);
+  for (const t of e) {
+    const r = t.items.find((u) => u.value === o);
+    if (r)
+      return r;
+  }
+}
+function c(n, o, e) {
+  return e.findIndex(
+    (t) => i(t).value === i(n).value
+  ) === o;
 }
 export {
-  n as normalizeOption,
-  r as uniqueOptions
+  l as findOption,
+  s as isOptionGroup,
+  i as normalizeOption,
+  f as normalizeOptionGroup,
+  p as normalizeOptions,
+  c as uniqueOptions
 };

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+export * from './array';
+export * from './components';
+export * from './css';
+export * from './date';
+export * from './noop';
+export * from './object';
+export * from './string';
+export * from './url';

package/dist/utils/index.js

@@ -0,0 +1,23 @@
+import { chunk as e } from "./array.js";
+import { createComposite as f, withProps as m } from "./components.js";
+import { cn as n } from "./css.js";
+import { getOrdinalSuffix as i } from "./date.js";
+import { noop as u } from "./noop.js";
+import { dot as c } from "./object.js";
+import { basename as l, extension as b, filename as g, slugify as h } from "./string.js";
+import { isCurrent as O, isOutbound as k } from "./url.js";
+export {
+  l as basename,
+  e as chunk,
+  n as cn,
+  f as createComposite,
+  c as dot,
+  b as extension,
+  g as filename,
+  i as getOrdinalSuffix,
+  O as isCurrent,
+  k as isOutbound,
+  u as noop,
+  h as slugify,
+  m as withProps
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.27",
+	"version": "1.0.30",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",