@wrdagency/blockout 1.0.27 → 1.0.29

package/dist/assets/style6.css

@@ -1 +1 @@
-.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}.primitive-keyboard{display:inline-flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;box-shadow:inset 0 .3em .3em -.1em #ffffffbf;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard .primitive-keyboard__key:is([data-colour-scheme=dark] *){box-shadow:inset 0 .3em .3em -.1em #000000bf}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}
+.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}.primitive-keyboard{display:inline-flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}

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

@@ -1,6 +1,6 @@
-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";
+import { u as c, a as i } from "./YORGHBM4-D_fOXG5Y.js";
+import { f as u, c as n, a as p, _ as C, i as l, S as x, o as s } from "./LMDWO4NN-CpSMaD5G.js";
+import { a as v } from "./S43UC3DV-HCi6u_G4.js";
 var f = "div", G = n(function(o) {
   return o = c(o), o;
 }), w = u(function(o) {

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

@@ -1,8 +1,8 @@
-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 { c as P, u as g } from "./G7GW6PWC-Dk4hVbAk.js";
+import { u as y } from "./MAXQOH4L-BYWBWXpb.js";
+import { u as C } from "./S43UC3DV-HCi6u_G4.js";
+import { a as S } from "./YV4JVR4I-CQnJhUSg.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-CpSMaD5G.js";
 import { useRef as j } from "react";
 var B = "div";
 function N(l, ...u) {

package/dist/components/avatar/index.d.ts

@@ -1,5 +1,5 @@
-import { FC, HTMLAttributeAnchorTarget } from 'react';
-interface AvatarProps {
+import { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
+interface AvatarProps extends PropsWithChildren {
     className?: string;
     image?: string;
     name?: string;

package/dist/components/avatar/index.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { Colourway as l } from "../../primitives/colourway/index.js";
-import { cn as v } from "../../utils/css.js";
-import { useMemo as d } from "react";
-import { Link as f } from "../../primitives/link/index.js";
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import { Colourway as v } from "../../primitives/colourway/index.js";
+import { cn as d } from "../../utils/css.js";
+import { useMemo as f } from "react";
+import { Link as _ } from "../../primitives/link/index.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/index2.css';/* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
@@ -13,36 +13,38 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                    */
-import { getRandomTheme as _ } from "../../primitives/colourway/util.js";
-const T = ({
+import { getRandomTheme as u } from "../../primitives/colourway/util.js";
+const $ = ({
   className: r,
   image: t = "",
   name: o = "",
   size: a = "medium",
   withName: s = !1,
   href: i,
-  target: p
+  target: p,
+  children: n
 }) => {
-  const n = i ? f : void 0, e = d(() => u(o, 2), [o]);
-  return /* @__PURE__ */ c(
-    l,
+  const e = i ? _ : void 0, c = f(() => h(o, 2), [o]);
+  return /* @__PURE__ */ l(
+    v,
     {
-      className: v(
+      className: d(
         "component-avatar",
         `component-avatar--size-${a}`,
         r
       ),
-      theme: _(t + o),
-      as: n,
+      theme: u(t + o),
+      as: e,
       href: i,
       target: p,
       children: [
-        t ? /* @__PURE__ */ m("img", { className: "component-avatar__image", src: t, alt: o }) : /* @__PURE__ */ m("div", { className: "component-avatar__fallback", children: e }),
-        o && s && /* @__PURE__ */ m("span", { className: "component-avatar__name", children: o })
+        t ? /* @__PURE__ */ m("img", { className: "component-avatar__image", src: t, alt: o }) : /* @__PURE__ */ m("div", { className: "component-avatar__fallback", children: c }),
+        o && s && /* @__PURE__ */ m("span", { className: "component-avatar__name", children: o }),
+        n
       ]
     }
   );
-}, u = (r, t) => r.split(" ").slice(0, t).map((o) => o[0]).join("");
+}, h = (r, t) => r.split(" ").slice(0, t).map((o) => o[0]).join("");
 export {
-  T as Avatar
+  $ as Avatar
 };

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-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";
+import { C as c } from "../../composite-provider-BPIeS4Cg.js";
+import { C as l } from "../../5JTVDSTH-CZ7mfyUK.js";
+import { C as d } from "../../J2LQO3EC-BXJIaM2U.js";
+import { C as b } from "../../6VRAQV3D-BYmT0QTl.js";
+import { C as f } from "../../TP7N7UIH-C4jXJDlO.js";
 const D = ({
   crumbs: m,
   separator: e = /* @__PURE__ */ r(n, {}),

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-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";
+import { C as p } from "../../composite-provider-BPIeS4Cg.js";
+import { C as n } from "../../5JTVDSTH-CZ7mfyUK.js";
+import { C as s } from "../../J2LQO3EC-BXJIaM2U.js";
+import { C as a } from "../../6VRAQV3D-BYmT0QTl.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.js

@@ -4,8 +4,8 @@ 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";
+import { u } from "../../BM6PGYQY-DCbkDr5N.js";
+import { D as f } from "../../G7GW6PWC-Dk4hVbAk.js";
 const O = ({
   className: r,
   open: a,

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

@@ -1,8 +1,10 @@
 import { DialogCommandPalette as t } from "./dialog.js";
+import { P as m } from "../../presets-BDIhXP0C.js";
 import { CommandPalette as a } from "./static.js";
-const e = Object.assign(t, {
-  Static: a
+const s = Object.assign(t, {
+  Static: a,
+  ...m
 });
 export {
-  e as CommandPalette
+  s as CommandPalette
 };

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

@@ -0,0 +1,4 @@
+import { CommandPaletteChildren } from './static';
+declare const ListCommandPalettePreset: CommandPaletteChildren;
+declare const HorizontalCommandPalettePreset: CommandPaletteChildren;
+export { HorizontalCommandPalettePreset, ListCommandPalettePreset };

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

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import { H as p, L as s } from "../../presets-BDIhXP0C.js";
+import "react";
+import "../../combobox-group-hNvv1WJm.js";
+import "../../JMHAJKUZ-D5KCN1Aj.js";
+export {
+  p as HorizontalCommandPalettePreset,
+  s as ListCommandPalettePreset
+};

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

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { Command } from './types';
 import * as Ariakit from "@ariakit/react";
-interface CommandPaletteItemProps {
+export interface CommandPaletteItemProps {
     command: Command;
     className?: string;
 }
+export type CommandPaletteChildren = (props: CommandPaletteItemProps) => ReactNode;
 export interface CommandPaletteProps {
     disclosure?: Ariakit.DialogStore;
     className?: string;
@@ -13,14 +14,6 @@ export interface CommandPaletteProps {
     placeholder?: string;
     commands: Command[];
     suggestions?: Command[];
-    render?: {
-        item: FC<CommandPaletteItemProps>;
-        group: FC<CommandPaletteItemProps>;
-    };
+    children?: CommandPaletteChildren;
 }
 export declare const CommandPalette: FC<CommandPaletteProps>;
-export declare const CommandItem: FC<CommandPaletteItemProps & {
-    render?: Ariakit.ComboboxItemProps["render"];
-}>;
-export declare const CommandGroup: FC<CommandPaletteItemProps>;
-export {};

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

@@ -1,9 +1,8 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { cn as i } from "../../utils/css.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { cn as f } 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";
+import { noop as N } from "../../utils/noop.js";
+import { startTransition as b } from "react";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
@@ -14,144 +13,64 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
-import { Keyboard as b } from "../../primitives/typography/keyboard.js";
+import { Keyboard as x } 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
-  }
+import { s as C } from "../../MagnifyingGlass.es-CLstwG_v.js";
+import { L as S } from "../../presets-BDIhXP0C.js";
+import { C as v, a as y, b as L } from "../../MAXQOH4L-BYWBWXpb.js";
+const I = ({
+  disclosure: m,
+  className: l,
+  search: c = "",
+  onSearchChange: p = N,
+  placeholder: i = "Search...",
+  commands: r = [],
+  children: d = S
 }) => {
-  const u = (o) => {
-    f(() => {
-      l(o);
+  const _ = (t) => {
+    b(() => {
+      p(t);
     });
-  }, _ = (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,
+  }, h = (t) => {
+    var o, n;
+    (n = (o = r.flatMap((a) => [a, ...a.children || []]).find((a) => a.id === t)) == null ? void 0 : o.onSelect) == null || n.call(o);
+  }, u = r.length > 0;
+  return /* @__PURE__ */ e("div", { className: f("component-command-palette__static", l), children: /* @__PURE__ */ s(
+    v,
     {
       focusLoop: !1,
       includesBaseElement: !1,
       resetValueOnHide: !0,
-      value: n,
-      setValue: u,
+      value: c,
+      setValue: _,
       selectedValue: "",
-      setSelectedValue: _,
-      disclosure: t,
+      setSelectedValue: h,
+      disclosure: m,
+      open: m ? void 0 : !0,
       children: [
-        /* @__PURE__ */ p("header", { className: "component-command-palette__header", children: [
-          /* @__PURE__ */ a(g, { className: "component-command-palette__header__icon" }),
-          /* @__PURE__ */ a(
-            N,
+        /* @__PURE__ */ s("header", { className: "component-command-palette__header", children: [
+          /* @__PURE__ */ e(C, { className: "component-command-palette__header__icon" }),
+          /* @__PURE__ */ e(
+            y,
             {
               autoSelect: "always",
               className: "component-command-palette__input",
               type: "search",
-              placeholder: Z
+              placeholder: i
             }
           ),
-          /* @__PURE__ */ a(b, { className: "component-command-palette__close", children: "Esc" })
+          m && /* @__PURE__ */ e(x, { 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" })
+        u ? /* @__PURE__ */ e(L, { className: "component-command-palette__results", children: r.map(
+          (t) => d({
+            command: t,
+            className: "component-command-palette__results__item"
+          })
+        ) }) : /* @__PURE__ */ e("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
+  I as CommandPalette
 };

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

@@ -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-HlPXIcud.js";
-import { P as _ } from "../../../WMYDSCNQ-J1-TanSP.js";
-import { P as h } from "../../../G7GW6PWC-C6qSYISF.js";
+import { P as u } from "../../../popover-provider-BJEfhgr1.js";
+import { P as _ } from "../../../WMYDSCNQ-pGjWB-Pk.js";
+import { P as h } from "../../../G7GW6PWC-Dk4hVbAk.js";
 const H = (t) => {
   const { baseProps: s, controlProps: r } = P(t, {
     className: "component-base-popover-control"

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

@@ -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-DioIiYC0.js";
+import { f as A, D as R } from "../../../picker-DyJogHYh.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-DioIiYC0.js";
-import "../../../composite-provider-VHhinf1k.js";
-import "../../../5JTVDSTH-BOGL3M3F.js";
-import "../../../J2LQO3EC-XUQS0UAH.js";
-import "../../../6VRAQV3D-pTuMqsWW.js";
+import { D as d } from "../../../picker-DyJogHYh.js";
+import "../../../composite-provider-BPIeS4Cg.js";
+import "../../../5JTVDSTH-CZ7mfyUK.js";
+import "../../../J2LQO3EC-BXJIaM2U.js";
+import "../../../6VRAQV3D-BYmT0QTl.js";
 export {
   d as DatePicker
 };

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-3BLrBdZV.js";
+import { S as B } from "../../../select-value-B3DYk9eV.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,4 +1,4 @@
-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/style10.css';import '../../../assets/style7.css';/* empty css                      */
 import { noop as g } from "../../../utils/noop.js";
@@ -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-lpuvS1NR.js";
-import { S as $, a as q, b as B, c as D, d as E } from "../../../select-popover-P8y2n3bQ.js";
-import { C as F } from "../../../combobox-popover-CDfaOt6J.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
 };