@wrdagency/blockout 1.0.24 → 1.0.26

package/dist/components/command-palette/index.js

@@ -0,0 +1,177 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import * as e from "react";
+import { startTransition as N } from "react";
+import { useHotkey as A } from "../../hooks/keyboard.js";
+import { cn as h } from "../../utils/css.js";
+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';import '../../assets/index19.css';/* empty css                   */
+import { noop as Z } from "../../utils/noop.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+import { Keyboard as C } from "../../primitives/typography/keyboard.js";
+/* empty css                    */
+import { w as x } from "../../SSRBase.es-BUXS72ra.js";
+import { s as S } from "../../MagnifyingGlass.es-CLstwG_v.js";
+import { a as y } from "../../BM6PGYQY-g6WySwtg.js";
+import { D as F } from "../../G7GW6PWC-DeYlSr7f.js";
+import { C as O, a as w, b as D, c as I } from "../../MAXQOH4L-DB7jDisS.js";
+import { C as k, a as G } from "../../combobox-group-BCdU5rML.js";
+const L = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,140H164V116h16a40,40,0,1,0-40-40V92H116V76a40,40,0,1,0-40,40H92v24H76a40,40,0,1,0,40,40V164h24v16a40,40,0,1,0,40-40ZM164,76a16,16,0,1,1,16,16H164ZM60,76a16,16,0,0,1,32,0V92H76A16,16,0,0,1,60,76ZM92,180a16,16,0,1,1-16-16H92Zm24-64h24v24H116Zm64,80a16,16,0,0,1-16-16V164h16a16,16,0,0,1,0,32Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M208,76h0a28,28,0,0,1-28,28H152V76a28,28,0,0,1,28-28h0A28,28,0,0,1,208,76ZM76,48h0A28,28,0,0,0,48,76h0a28,28,0,0,0,28,28h28V76A28,28,0,0,0,76,48ZM180,152H152v28a28,28,0,0,0,28,28h0a28,28,0,0,0,28-28h0A28,28,0,0,0,180,152ZM48,180h0a28,28,0,0,0,28,28h0a28,28,0,0,0,28-28V152H76A28,28,0,0,0,48,180Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M116,116h24v24H116ZM86,72a14,14,0,0,0,0,28h14V86A14,14,0,0,0,86,72Zm98,14a14,14,0,0,0-28,0v14h14A14,14,0,0,0,184,86ZM72,170a14,14,0,0,0,28,0V156H86A14,14,0,0,0,72,170ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48Zm-68,92V116h14a30,30,0,1,0-30-30v14H116V86a30,30,0,1,0-30,30h14v24H86a30,30,0,1,0,30,30V156h24v14a30,30,0,1,0,30-30Zm0,30a14,14,0,1,0,14-14H156Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,146H158V110h22a34,34,0,1,0-34-34V98H110V76a34,34,0,1,0-34,34H98v36H76a34,34,0,1,0,34,34V158h36v22a34,34,0,1,0,34-34ZM158,76a22,22,0,1,1,22,22H158ZM54,76a22,22,0,0,1,44,0V98H76A22,22,0,0,1,54,76ZM98,180a22,22,0,1,1-22-22H98Zm12-70h36v36H110Zm70,92a22,22,0,0,1-22-22V158h22a22,22,0,0,1,0,44Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,148H156V108h24a32,32,0,1,0-32-32v24H108V76a32,32,0,1,0-32,32h24v40H76a32,32,0,1,0,32,32V156h40v24a32,32,0,1,0,32-32ZM156,76a24,24,0,1,1,24,24H156ZM52,76a24,24,0,0,1,48,0v24H76A24,24,0,0,1,52,76Zm48,104a24,24,0,1,1-24-24h24Zm8-72h40v40H108Zm72,96a24,24,0,0,1-24-24V156h24a24,24,0,0,1,0,48Z" }))
+  ]
+]), _ = e.forwardRef((o, m) => /* @__PURE__ */ e.createElement(x, { ref: m, ...o, weights: L }));
+_.displayName = "CommandIcon";
+const p0 = ({
+  className: o,
+  open: m,
+  onOpenChange: n = Z,
+  search: r = "",
+  onSearchChange: v = Z,
+  hotkey: d,
+  placeholder: M = "Search...",
+  commands: p = [],
+  render: H = {
+    group: j,
+    item: i
+  }
+}) => {
+  const u = y({ open: m, setOpen: n }), f = () => {
+    n(!0);
+  }, b = (t) => {
+    N(() => {
+      v(t);
+    });
+  }, g = (t) => {
+    var l, V;
+    (V = (l = p.flatMap((c) => [c, ...c.children || []]).find((c) => c.id === t)) == null ? void 0 : l.onSelect) == null || V.call(l);
+  };
+  d && A(d, (t) => {
+    t.preventDefault(), f();
+  });
+  const E = p.length > 0;
+  return /* @__PURE__ */ a(
+    F,
+    {
+      store: u,
+      className: h("component-command-palette", o),
+      backdrop: /* @__PURE__ */ a("div", { className: "component-command-palette__backdrop" }),
+      unmountOnHide: !0,
+      children: /* @__PURE__ */ s(
+        O,
+        {
+          disclosure: u,
+          focusLoop: !1,
+          includesBaseElement: !1,
+          resetValueOnHide: !0,
+          value: r,
+          setValue: b,
+          selectedValue: "",
+          setSelectedValue: g,
+          children: [
+            /* @__PURE__ */ s("header", { className: "component-command-palette__header", children: [
+              /* @__PURE__ */ a(S, { className: "component-command-palette__header__icon" }),
+              /* @__PURE__ */ a(
+                w,
+                {
+                  autoSelect: "always",
+                  className: "component-command-palette__input",
+                  type: "search",
+                  placeholder: M
+                }
+              ),
+              /* @__PURE__ */ a(C, { className: "component-command-palette__close", children: "Esc" })
+            ] }),
+            E ? /* @__PURE__ */ a(D, { className: "component-command-palette__results", children: p.map(
+              (t) => t.children ? /* @__PURE__ */ a(H.group, { command: t }, t.id) : /* @__PURE__ */ a(H.item, { command: t }, t.id)
+            ) }) : /* @__PURE__ */ a("div", { className: "component-command-palette__empty", children: "No results found" })
+          ]
+        }
+      )
+    }
+  );
+}, i = ({ command: o, className: m, render: n }) => {
+  const r = o.icon || _;
+  return /* @__PURE__ */ s(
+    I,
+    {
+      className: h("component-command-palette__item", m),
+      focusOnHover: !0,
+      blurOnHoverEnd: !1,
+      value: o.id,
+      setValueOnClick: !1,
+      render: n,
+      children: [
+        /* @__PURE__ */ a(r, { className: "component-command-palette__item__icon" }),
+        /* @__PURE__ */ a("span", { className: "component-command-palette__item__label", children: o.label })
+      ]
+    }
+  );
+}, j = ({
+  className: o,
+  command: m
+}) => {
+  var n;
+  return /* @__PURE__ */ s(
+    k,
+    {
+      className: h("component-command-palette__group", o),
+      children: [
+        /* @__PURE__ */ a(
+          i,
+          {
+            command: m,
+            render: /* @__PURE__ */ a(G, { className: "component-command-palette__group__label" })
+          }
+        ),
+        (n = m.children) == null ? void 0 : n.map((r) => /* @__PURE__ */ a(
+          i,
+          {
+            className: "component-command-palette__group__item",
+            command: r
+          },
+          r.id
+        ))
+      ]
+    }
+  );
+};
+export {
+  j as CommandGroup,
+  i as CommandItem,
+  p0 as CommandPalette
+};

package/dist/components/command-palette/types.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export type Command = {
+    id: string;
+    label: string;
+    icon?: FC<{
+        className?: string;
+    }>;
+    onSelect?: () => void;
+    children?: Command[];
+};

package/dist/components/command-palette/types.js

@@ -0,0 +1 @@
+

package/dist/components/controls/base-popover-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Button as a } from "../../button/index.js";
-import '../../../assets/style19.css';import '../../../assets/styles.css';import '../../../assets/style6.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 '../../../assets/style19.css';import '../../../assets/styles.css';import '../../../assets/style6.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 { useState as c } from "react";
 /* empty css                      */
 /* empty css                      */
@@ -17,9 +17,9 @@ import { e as v } from "../../../CaretDown.es-eyr5AnCc.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";
 /* empty css                      */
-import { P as u } from "../../../popover-provider-xofWxUiu.js";
-import { P as _ } from "../../../WMYDSCNQ-BIYNTVEx.js";
-import { P as h } from "../../../G7GW6PWC-DtkamyQv.js";
+import { P as u } from "../../../popover-provider-BoZ9PI_r.js";
+import { P as _ } from "../../../WMYDSCNQ-qLZnyPON.js";
+import { P as h } from "../../../G7GW6PWC-DeYlSr7f.js";
 const H = (t) => {
   const { baseProps: s, controlProps: r } = P(t, {
     className: "component-base-popover-control"

package/dist/components/controls/checkbox-control/index.js

@@ -6,7 +6,7 @@ import * as e from "react";
 import { w as N } from "../../../SSRBase.es-BUXS72ra.js";
 import { Affix as p } from "../base-control/affix.js";
 import { useBaseControlProps as C } from "../base-control/props.js";
-import '../../../assets/style8.css';/* empty css                      */
+import '../../../assets/style9.css';/* empty css                      */
 const F = /* @__PURE__ */ new Map([
   [
     "bold",

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

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
-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 '../../../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 * as e from "react";
 import { useId as f } from "react";
 /* empty css                      */

package/dist/components/controls/choice-control/index.js

@@ -5,7 +5,7 @@ import "react";
 import { BaseControl as g } from "../base-control/index.js";
 import { useBaseControlProps as v } from "../base-control/props.js";
 import { Choice as P } from "./choice.js";
-import '../../../assets/style9.css';/* empty css                      */
+import '../../../assets/style10.css';/* empty css                      */
 const b = (l) => {
   const { baseProps: a, controlProps: i } = v(l, {
     className: "component-choice-control"

package/dist/components/controls/date-control/index.js

@@ -4,7 +4,7 @@ import { useSplitInput as y } from "../../../hooks/input.js";
 import * as e from "react";
 import { useMemo as v, Fragment as j } from "react";
 import { useTemporaryChange as I } from "../../../hooks/temporary.js";
-import '../../../assets/style11.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 '../../../assets/style11.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 { noop as M } from "../../../utils/noop.js";
 /* empty css                      */
 /* empty css                      */
@@ -21,7 +21,7 @@ import { w as x } from "../../../SSRBase.es-BUXS72ra.js";
 import { BaseControl as T } from "../base-control/index.js";
 import { useBaseControlProps as $ } from "../base-control/props.js";
 import { DateComponentInput as z } from "./component.js";
-import { f as A, D as R } from "../../../picker-aBRTIOUU.js";
+import { f as A, D as R } from "../../../picker-BUCg1BqW.js";
 /* empty css                      */
 import { getDefaultFormat as S } from "./types.js";
 import { p as W } from "../../../parse-CdaSNXK6.js";

package/dist/components/controls/date-control/picker.js

@@ -8,11 +8,11 @@ import "../../../CaretRight.es-vnr78BGI.js";
 import "react";
 import '../../../assets/style11.css';/* empty css                      */
 import "../../../protectedTokens-DdjZoCxO.js";
-import { D as d } from "../../../picker-aBRTIOUU.js";
-import "../../../composite-provider-K8zU8z0x.js";
-import "../../../5JTVDSTH-Ci6OX9MK.js";
-import "../../../J2LQO3EC-TlCRyAh7.js";
-import "../../../6VRAQV3D-Cnyfi8tq.js";
+import { D as d } from "../../../picker-BUCg1BqW.js";
+import "../../../composite-provider-DFOFHro7.js";
+import "../../../5JTVDSTH-zDMMKAyC.js";
+import "../../../J2LQO3EC-Cevd6Bvq.js";
+import "../../../6VRAQV3D-pLV6BqmA.js";
 export {
   d as DatePicker
 };

package/dist/components/controls/list-control/item.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { cn as d } from "../../../utils/css.js";
-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 '../../../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 "react";
 /* empty css                      */
 /* empty css                      */

package/dist/components/controls/recurrence-control/index.js

@@ -8,7 +8,7 @@ import { useBaseControlProps as W } from "../base-control/props.js";
 import { BasePopoverControl as A } from "../base-popover-control/index.js";
 import { NumberControl as E } from "../number-control/index.js";
 import { SelectControl as d } from "../select-control/control.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/style10.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/style8.css';import '../../../assets/style7.css';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */

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

@@ -9,7 +9,7 @@ import { Affix as p } from "../base-control/affix.js";
 import { useBaseControlProps as I } from "../base-control/props.js";
 import { Select as g } from "./select.js";
 import '../../../assets/style16.css';/* empty css                      */
-import { S as B } from "../../../select-value-C1gT40_5.js";
+import { S as B } from "../../../select-value-DnWKxDD-.js";
 const f = m.forwardRef((o, t) => /* @__PURE__ */ m.createElement(P, { ref: t, ...o, weights: w }));
 f.displayName = "CaretDownIcon";
 function H(o) {

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

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as s } 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/style10.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/style8.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,9 +18,10 @@ 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 $, d as f } from "../../../combobox-popover-DFcT6u90.js";
-import { S as q, a as B, b as D, c as E, d as F } from "../../../select-popover-BuB2Ioa9.js";
-const ue = ({
+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 = ({
   className: u,
   value: r,
   onChangeValue: p = g,
@@ -35,10 +36,10 @@ const ue = ({
   ...P
 }) => {
   t && (i = !0);
-  const [n, a] = _(!1), [c, O] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
+  const [n, a] = _(!1), [c, C] = _(""), l = (v || []).map(z), m = j(() => H(l, c, {
     baseSort: (e, x) => e.index < x.index ? -1 : 1,
     keys: ["label", "description"]
-  }), [c]), w = i || t ? $ : E, C = t ? f : F, I = t ? h : B, V = t ? T : D, d = !!!l.find((e) => e.value === r);
+  }), [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(
     M,
     {
@@ -48,11 +49,11 @@ const ue = ({
       value: t ? r : c,
       setValue: (e) => {
         t && p(e), y(() => {
-          O(e);
+          C(e);
         });
       },
       children: /* @__PURE__ */ s(
-        q,
+        $,
         {
           value: d ? "" : r,
           setValue: p,
@@ -96,8 +97,8 @@ const ue = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ o(w, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
-                    C,
+                  /* @__PURE__ */ o(O, { className: "component-select__list", children: m.map((e) => /* @__PURE__ */ s(
+                    w,
                     {
                       disabled: e.disabled,
                       value: e.value,
@@ -123,5 +124,5 @@ const ue = ({
   );
 };
 export {
-  ue as Select
+  ve as Select
 };