@wrdagency/blockout 1.0.26 → 1.0.27

package/dist/assets/style8.css

@@ -1 +1 @@
-.primitive-link{width:fit-content}
+.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}

package/dist/assets/style9.css

@@ -1 +1 @@
-.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}
+.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem;height:100%}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__surface--100)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__surface--700)}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{fill:var(--blockout__colours__surface--300);width:1.375rem;height:1.375rem;flex-shrink:0;transform:translateY(.25rem);transition:fill .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{fill:var(--blockout__colours__primary--500)}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}

package/dist/{combobox-group-BCdU5rML.js → combobox-group-Q7OatWHm.js}

@@ -1,6 +1,6 @@
-import { u as c, a as i } from "./YORGHBM4-6CReFG7i.js";
-import { f as u, c as n, a as p, _ as C, i as l, S as x, o as s } from "./LMDWO4NN-BfJb6my4.js";
-import { a as v } from "./S43UC3DV-bOoyE-xW.js";
+import { u as c, a as i } from "./YORGHBM4-B1RRY_xR.js";
+import { f as u, c as n, a as p, _ as C, i as l, S as x, o as s } from "./LMDWO4NN-ZnclRjpA.js";
+import { a as v } from "./S43UC3DV-BVbmEy3J.js";
 var f = "div", G = n(function(o) {
   return o = c(o), o;
 }), w = u(function(o) {

package/dist/{combobox-popover-D5bLZY4d.js → combobox-popover-CDfaOt6J.js}

@@ -1,8 +1,8 @@
-import { c as P, u as g } from "./G7GW6PWC-DeYlSr7f.js";
-import { u as y } from "./MAXQOH4L-DB7jDisS.js";
-import { u as C } from "./S43UC3DV-bOoyE-xW.js";
-import { a as S } from "./YV4JVR4I-D8_aZ62q.js";
-import { f as I, c as F, a as k, _ as w, i as D, o as v, m as H, C as R, D as V } from "./LMDWO4NN-BfJb6my4.js";
+import { c as P, u as g } from "./G7GW6PWC-C6qSYISF.js";
+import { u as y } from "./MAXQOH4L-lpuvS1NR.js";
+import { u as C } from "./S43UC3DV-BVbmEy3J.js";
+import { a as S } from "./YV4JVR4I-BuKFdNa0.js";
+import { f as I, c as F, a as k, _ as w, i as D, o as v, m as H, C as R, D as V } from "./LMDWO4NN-ZnclRjpA.js";
 import { useRef as j } from "react";
 var B = "div";
 function N(l, ...u) {

package/dist/components/breadcrumbs/index.js

@@ -14,11 +14,11 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                    */
 import { e as n } from "../../CaretRight.es-vnr78BGI.js";
-import { C as c } from "../../composite-provider-DFOFHro7.js";
-import { C as l } from "../../5JTVDSTH-zDMMKAyC.js";
-import { C as d } from "../../J2LQO3EC-Cevd6Bvq.js";
-import { C as b } from "../../6VRAQV3D-pLV6BqmA.js";
-import { C as f } from "../../TP7N7UIH-D_nR5wDv.js";
+import { C as c } from "../../composite-provider-VHhinf1k.js";
+import { C as l } from "../../5JTVDSTH-BOGL3M3F.js";
+import { C as d } from "../../J2LQO3EC-XUQS0UAH.js";
+import { C as b } from "../../6VRAQV3D-pTuMqsWW.js";
+import { C as f } from "../../TP7N7UIH-Bs0NX7lb.js";
 const D = ({
   crumbs: m,
   separator: e = /* @__PURE__ */ r(n, {}),

package/dist/components/button/icon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cn as i } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.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/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/style7.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

package/dist/components/button/row.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
 import { Children as i } from "react";
-import { C as p } from "../../composite-provider-DFOFHro7.js";
-import { C as n } from "../../5JTVDSTH-zDMMKAyC.js";
-import { C as s } from "../../J2LQO3EC-Cevd6Bvq.js";
-import { C as a } from "../../6VRAQV3D-pLV6BqmA.js";
+import { C as p } from "../../composite-provider-VHhinf1k.js";
+import { C as n } from "../../5JTVDSTH-BOGL3M3F.js";
+import { C as s } from "../../J2LQO3EC-XUQS0UAH.js";
+import { C as a } from "../../6VRAQV3D-pTuMqsWW.js";
 const u = ({ className: m, children: t }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(n, { className: e("component-button-row", m), children: /* @__PURE__ */ o(s, { className: "component-button-row__row", children: i.map(
   t,
   (r) => r && /* @__PURE__ */ o(a, { render: r })

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { CommandPaletteProps } from './static';
+interface DialogCommandPaletteProps extends CommandPaletteProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    hotkey?: string;
+}
+export declare const DialogCommandPalette: FC<DialogCommandPaletteProps>;
+export {};

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

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { useHotkey as s } from "../../hooks/keyboard.js";
+import { cn as c } from "../../utils/css.js";
+import { noop as l } from "../../utils/noop.js";
+import { CommandPalette as d } from "./static.js";
+import { u } from "../../BM6PGYQY-DL-j4NGc.js";
+import { D as f } from "../../G7GW6PWC-C6qSYISF.js";
+const O = ({
+  className: r,
+  open: a,
+  onOpenChange: t = l,
+  hotkey: e,
+  ...n
+}) => {
+  const m = u({ open: a, setOpen: t }), p = () => {
+    t(!0);
+  };
+  return e && s(e, (i) => {
+    i.preventDefault(), p();
+  }), /* @__PURE__ */ o(
+    f,
+    {
+      store: m,
+      className: c("component-command-palette", r),
+      backdrop: /* @__PURE__ */ o("div", { className: "component-command-palette__backdrop" }),
+      unmountOnHide: !0,
+      children: /* @__PURE__ */ o(d, { disclosure: m, ...n })
+    }
+  );
+};
+export {
+  O as DialogCommandPalette
+};

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

@@ -1,177 +1,8 @@
-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
-        ))
-      ]
-    }
-  );
-};
+import { DialogCommandPalette as t } from "./dialog.js";
+import { CommandPalette as a } from "./static.js";
+const e = Object.assign(t, {
+  Static: a
+});
 export {
-  j as CommandGroup,
-  i as CommandItem,
-  p0 as CommandPalette
+  e as CommandPalette
 };

package/dist/components/command-palette/{index.d.ts → static.d.ts}

@@ -5,13 +5,11 @@ interface CommandPaletteItemProps {
     command: Command;
     className?: string;
 }
-interface CommandPaletteProps {
+export interface CommandPaletteProps {
+    disclosure?: Ariakit.DialogStore;
     className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
     search?: string;
     onSearchChange?: (query: string) => void;
-    hotkey?: string;
     placeholder?: string;
     commands: Command[];
     suggestions?: Command[];
@@ -25,4 +23,4 @@ export declare const CommandItem: FC<CommandPaletteItemProps & {
     render?: Ariakit.ComboboxItemProps["render"];
 }>;
 export declare const CommandGroup: FC<CommandPaletteItemProps>;
-export type { Command };
+export {};

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

@@ -0,0 +1,157 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { cn as i } 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/style10.css';import '../../assets/style7.css';import '../../assets/static.css';/* empty css                   */
+import { noop as M } from "../../utils/noop.js";
+import * as e from "react";
+import { startTransition as f } from "react";
+/* 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 b } from "../../primitives/typography/keyboard.js";
+/* empty css                    */
+import { w as E } from "../../SSRBase.es-BUXS72ra.js";
+import { s as g } from "../../MagnifyingGlass.es-CLstwG_v.js";
+import { C as A, a as N, b as C, c as x } from "../../MAXQOH4L-lpuvS1NR.js";
+import { C as y, a as F } from "../../combobox-group-Q7OatWHm.js";
+const S = /* @__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" }))
+  ]
+]), V = e.forwardRef((t, m) => /* @__PURE__ */ e.createElement(E, { ref: m, ...t, weights: S }));
+V.displayName = "CommandIcon";
+const e0 = ({
+  disclosure: t,
+  className: m,
+  search: n = "",
+  onSearchChange: l = M,
+  placeholder: Z = "Search...",
+  commands: s = [],
+  render: d = {
+    group: w,
+    item: h
+  }
+}) => {
+  const u = (o) => {
+    f(() => {
+      l(o);
+    });
+  }, _ = (o) => {
+    var r, H;
+    (H = (r = s.flatMap((c) => [c, ...c.children || []]).find((c) => c.id === o)) == null ? void 0 : r.onSelect) == null || H.call(r);
+  }, v = s.length > 0;
+  return /* @__PURE__ */ a("div", { className: i("component-command-palette__static", m), children: /* @__PURE__ */ p(
+    A,
+    {
+      focusLoop: !1,
+      includesBaseElement: !1,
+      resetValueOnHide: !0,
+      value: n,
+      setValue: u,
+      selectedValue: "",
+      setSelectedValue: _,
+      disclosure: t,
+      children: [
+        /* @__PURE__ */ p("header", { className: "component-command-palette__header", children: [
+          /* @__PURE__ */ a(g, { className: "component-command-palette__header__icon" }),
+          /* @__PURE__ */ a(
+            N,
+            {
+              autoSelect: "always",
+              className: "component-command-palette__input",
+              type: "search",
+              placeholder: Z
+            }
+          ),
+          /* @__PURE__ */ a(b, { className: "component-command-palette__close", children: "Esc" })
+        ] }),
+        v ? /* @__PURE__ */ a(C, { className: "component-command-palette__results", children: s.map(
+          (o) => o.children ? /* @__PURE__ */ a(d.group, { command: o }, o.id) : /* @__PURE__ */ a(d.item, { command: o }, o.id)
+        ) }) : /* @__PURE__ */ a("div", { className: "component-command-palette__empty", children: "No results found" })
+      ]
+    }
+  ) });
+}, h = ({ command: t, className: m, render: n }) => {
+  const l = t.icon || V;
+  return /* @__PURE__ */ p(
+    x,
+    {
+      className: i("component-command-palette__item", m),
+      focusOnHover: !0,
+      blurOnHoverEnd: !1,
+      value: t.id,
+      setValueOnClick: !1,
+      render: n,
+      children: [
+        /* @__PURE__ */ a(l, { className: "component-command-palette__item__icon" }),
+        /* @__PURE__ */ a("span", { className: "component-command-palette__item__label", children: t.label })
+      ]
+    }
+  );
+}, w = ({
+  className: t,
+  command: m
+}) => {
+  var n;
+  return /* @__PURE__ */ p(
+    y,
+    {
+      className: i("component-command-palette__group", t),
+      children: [
+        /* @__PURE__ */ a(
+          h,
+          {
+            command: m,
+            render: /* @__PURE__ */ a(F, { className: "component-command-palette__group__label" })
+          }
+        ),
+        (n = m.children) == null ? void 0 : n.map((l) => /* @__PURE__ */ a(
+          h,
+          {
+            className: "component-command-palette__group__item",
+            command: l
+          },
+          l.id
+        ))
+      ]
+    }
+  );
+};
+export {
+  w as CommandGroup,
+  h as CommandItem,
+  e0 as CommandPalette
+};

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/style8.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/style10.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-BoZ9PI_r.js";
-import { P as _ } from "../../../WMYDSCNQ-qLZnyPON.js";
-import { P as h } from "../../../G7GW6PWC-DeYlSr7f.js";
+import { P as u } from "../../../popover-provider-HlPXIcud.js";
+import { P as _ } from "../../../WMYDSCNQ-J1-TanSP.js";
+import { P as h } from "../../../G7GW6PWC-C6qSYISF.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/style9.css';/* empty css                      */
+import '../../../assets/style8.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/style8.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/style10.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/style10.css';/* empty css                      */
+import '../../../assets/style9.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/style8.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/style10.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-BUCg1BqW.js";
+import { f as A, D as R } from "../../../picker-DioIiYC0.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-BUCg1BqW.js";
-import "../../../composite-provider-DFOFHro7.js";
-import "../../../5JTVDSTH-zDMMKAyC.js";
-import "../../../J2LQO3EC-Cevd6Bvq.js";
-import "../../../6VRAQV3D-pLV6BqmA.js";
+import { D as d } from "../../../picker-DioIiYC0.js";
+import "../../../composite-provider-VHhinf1k.js";
+import "../../../5JTVDSTH-BOGL3M3F.js";
+import "../../../J2LQO3EC-XUQS0UAH.js";
+import "../../../6VRAQV3D-pTuMqsWW.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/style8.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/style10.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/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                      */
 /* 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-DnWKxDD-.js";
+import { S as B } from "../../../select-value-3BLrBdZV.js";
 const f = m.forwardRef((o, t) => /* @__PURE__ */ m.createElement(P, { ref: t, ...o, weights: w }));
 f.displayName = "CaretDownIcon";
 function H(o) {