@wrdagency/blockout 1.0.23 → 1.0.25

package/dist/index.js

@@ -2,121 +2,127 @@ import { Avatar as e } from "./components/avatar/index.js";
 import { Badge as m } from "./components/badge/index.js";
 import { Breadcrumbs as x } from "./components/breadcrumbs/index.js";
 import { Button as a } from "./components/button/index.js";
-import { BaseControl as n } from "./components/controls/base-control/index.js";
-import { CardNumberControl as C } from "./components/controls/card-number-control/index.js";
-import { CheckboxControl as i } from "./components/controls/checkbox-control/index.js";
-import { ChoiceControl as g } from "./components/controls/choice-control/index.js";
-import { DateControl as b } from "./components/controls/date-control/index.js";
-import { ListControl as H } from "./components/controls/list-control/index.js";
-import { MarkdownControl as h } from "./components/controls/markdown-control/index.js";
-import { NumberControl as y } from "./components/controls/number-control/index.js";
-import { PasswordControl as F } from "./components/controls/password-control/index.js";
-import { RecurrenceControl as D } from "./components/controls/recurrence-control/index.js";
-import { SelectControl as P } from "./components/controls/select-control/control.js";
-import { Select as v } from "./components/controls/select-control/select.js";
-import { TagControl as N } from "./components/controls/tag-control/index.js";
-import { TextControl as A } from "./components/controls/text-control/index.js";
-import { TextareaControl as j } from "./components/controls/textarea-control/index.js";
-import { ToggleControl as G } from "./components/controls/toggle-control/index.js";
-import { ToggleGroupControl as W } from "./components/controls/toggle-group-control/index.js";
-import { DataForm as E } from "./components/data-form/index.js";
-import { useSchema as K, useView as Q } from "./components/data-view/api.js";
-import { f as X } from "./filter-rHYsh8Gq.js";
-import { Root as Z } from "./components/data-view/root.js";
-import { Filesystem as $ } from "./components/filesystem/index.js";
-import { Form as ro } from "./components/form/components/index.js";
-import { createForm as to } from "./components/form/types/form.js";
-import { Menu as po } from "./components/menu/index.js";
-import { Progress as fo } from "./components/progress/index.js";
-import { Shell as lo } from "./components/shell/index.js";
-import { Tabs as so } from "./components/tabs/index.js";
-import { Tag as uo } from "./components/tag/index.js";
-import { Toolbar as co } from "./components/toolbar/index.js";
-import { Window as To } from "./components/window/index.js";
-import { useSplitInput as Ho } from "./hooks/input.js";
-import { useHotkey as ho, useModifiers as wo } from "./hooks/keyboard.js";
-import { useSelection as ko } from "./hooks/selection.js";
-import { useObjectState as Bo } from "./hooks/state.js";
-import { useTemporaryChange as Lo } from "./hooks/temporary.js";
-import { useTheme as Ro } from "./hooks/theme.js";
-import { Colourway as Mo } from "./primitives/colourway/index.js";
-import { Draggable as Vo } from "./primitives/draggable/index.js";
-import { IconLabel as Io } from "./primitives/icon-label/index.js";
-import { Link as zo } from "./primitives/link/index.js";
-import { NavLink as Oo } from "./primitives/nav-link/index.js";
-import { Popover as qo } from "./primitives/popover/index.js";
-import { Resizable as Jo } from "./primitives/resizable/index.js";
-import { ScrollArea as Qo } from "./primitives/scroll-area/index.js";
-import { Symbol as Xo } from "./primitives/symbol/index.js";
-import { Tooltip as Zo } from "./primitives/tooltip/index.js";
-import { Truncate as $o } from "./primitives/truncate/index.js";
-import { H1 as rr, H2 as er, H3 as tr, H4 as mr, H5 as pr, H6 as xr, Heading as fr } from "./primitives/typography/heading.js";
-import { Paragraph as lr } from "./primitives/typography/paragraph.js";
-import { VisuallyHidden as sr } from "./primitives/visually-hidden/index.js";
-import { getRandomTheme as ur } from "./primitives/colourway/util.js";
+import { CommandPalette as n } from "./components/command-palette/index.js";
+import { BaseControl as C } from "./components/controls/base-control/index.js";
+import { CardNumberControl as i } from "./components/controls/card-number-control/index.js";
+import { CheckboxControl as c } from "./components/controls/checkbox-control/index.js";
+import { ChoiceControl as T } from "./components/controls/choice-control/index.js";
+import { DateControl as H } from "./components/controls/date-control/index.js";
+import { ListControl as h } from "./components/controls/list-control/index.js";
+import { MarkdownControl as w } from "./components/controls/markdown-control/index.js";
+import { NumberControl as D } from "./components/controls/number-control/index.js";
+import { PasswordControl as P } from "./components/controls/password-control/index.js";
+import { RecurrenceControl as L } from "./components/controls/recurrence-control/index.js";
+import { SelectControl as v } from "./components/controls/select-control/control.js";
+import { Select as N } from "./components/controls/select-control/select.js";
+import { TagControl as A } from "./components/controls/tag-control/index.js";
+import { TextControl as j } from "./components/controls/text-control/index.js";
+import { TextareaControl as G } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as O } from "./components/controls/toggle-control/index.js";
+import { ToggleGroupControl as q } from "./components/controls/toggle-group-control/index.js";
+import { DataForm as J } from "./components/data-form/index.js";
+import { useSchema as U, useView as X } from "./components/data-view/api.js";
+import { f as Z } from "./filter-DzrtcAfG.js";
+import { Root as $ } from "./components/data-view/root.js";
+import { Dialog as ro } from "./components/dialog/index.js";
+import { Filesystem as to } from "./components/filesystem/index.js";
+import { Form as po } from "./components/form/components/index.js";
+import { createForm as fo } from "./components/form/types/form.js";
+import { Menu as lo } from "./components/menu/index.js";
+import { Progress as so } from "./components/progress/index.js";
+import { Shell as uo } from "./components/shell/index.js";
+import { Tabs as go } from "./components/tabs/index.js";
+import { Tag as To } from "./components/tag/index.js";
+import { Toolbar as Ho } from "./components/toolbar/index.js";
+import { Window as ho } from "./components/window/index.js";
+import { useSplitInput as wo } from "./hooks/input.js";
+import { useHotkey as Do, useModifiers as Fo } from "./hooks/keyboard.js";
+import { useSelection as Bo } from "./hooks/selection.js";
+import { useObjectState as Ro } from "./hooks/state.js";
+import { useTemporaryChange as Mo } from "./hooks/temporary.js";
+import { useTheme as Vo } from "./hooks/theme.js";
+import { Colourway as Io } from "./primitives/colourway/index.js";
+import { Draggable as zo } from "./primitives/draggable/index.js";
+import { IconLabel as Ko } from "./primitives/icon-label/index.js";
+import { Link as Wo } from "./primitives/link/index.js";
+import { NavLink as Eo } from "./primitives/nav-link/index.js";
+import { Popover as Qo } from "./primitives/popover/index.js";
+import { Resizable as Xo } from "./primitives/resizable/index.js";
+import { ScrollArea as Zo } from "./primitives/scroll-area/index.js";
+import { Symbol as $o } from "./primitives/symbol/index.js";
+import { Tooltip as rr } from "./primitives/tooltip/index.js";
+import { Truncate as tr } from "./primitives/truncate/index.js";
+import { H1 as pr, H2 as xr, H3 as fr, H4 as ar, H5 as lr, H6 as nr, Heading as sr } from "./primitives/typography/heading.js";
+import { Keyboard as ur } from "./primitives/typography/keyboard.js";
+import { Paragraph as gr } from "./primitives/typography/paragraph.js";
+import { VisuallyHidden as dr } from "./primitives/visually-hidden/index.js";
+import { getRandomTheme as br } from "./primitives/colourway/util.js";
 import './assets/index.css';export {
   e as Avatar,
   m as Badge,
-  n as BaseControl,
+  C as BaseControl,
   x as Breadcrumbs,
   a as Button,
-  C as CardNumberControl,
-  i as CheckboxControl,
-  g as ChoiceControl,
-  Mo as Colourway,
-  E as DataForm,
-  Z as DataView,
-  b as DateControl,
-  Vo as Draggable,
-  $ as Filesystem,
-  X as Filters,
-  ro as Form,
-  rr as H1,
-  er as H2,
-  tr as H3,
-  mr as H4,
-  pr as H5,
-  xr as H6,
-  fr as Heading,
-  Io as IconLabel,
-  zo as Link,
-  H as ListControl,
-  h as MarkdownControl,
-  po as Menu,
-  Oo as NavLink,
-  y as NumberControl,
-  lr as Paragraph,
-  F as PasswordControl,
-  qo as Popover,
-  fo as Progress,
-  D as RecurrenceControl,
-  Jo as Resizable,
-  Qo as ScrollArea,
-  v as Select,
-  P as SelectControl,
-  lo as Shell,
-  Xo as Symbol,
-  so as Tabs,
-  uo as Tag,
-  N as TagControl,
-  A as TextControl,
-  j as TextareaControl,
-  G as ToggleControl,
-  W as ToggleGroupControl,
-  co as Toolbar,
-  Zo as Tooltip,
-  $o as Truncate,
-  sr as VisuallyHidden,
-  To as Window,
-  to as createForm,
-  ur as getRandomTheme,
-  ho as useHotkey,
-  wo as useModifiers,
-  Bo as useObjectState,
-  K as useSchema,
-  ko as useSelection,
-  Ho as useSplitInput,
-  Lo as useTemporaryChange,
-  Ro as useTheme,
-  Q as useView
+  i as CardNumberControl,
+  c as CheckboxControl,
+  T as ChoiceControl,
+  Io as Colourway,
+  n as CommandPalette,
+  J as DataForm,
+  $ as DataView,
+  H as DateControl,
+  ro as Dialog,
+  zo as Draggable,
+  to as Filesystem,
+  Z as Filters,
+  po as Form,
+  pr as H1,
+  xr as H2,
+  fr as H3,
+  ar as H4,
+  lr as H5,
+  nr as H6,
+  sr as Heading,
+  Ko as IconLabel,
+  ur as Keyboard,
+  Wo as Link,
+  h as ListControl,
+  w as MarkdownControl,
+  lo as Menu,
+  Eo as NavLink,
+  D as NumberControl,
+  gr as Paragraph,
+  P as PasswordControl,
+  Qo as Popover,
+  so as Progress,
+  L as RecurrenceControl,
+  Xo as Resizable,
+  Zo as ScrollArea,
+  N as Select,
+  v as SelectControl,
+  uo as Shell,
+  $o as Symbol,
+  go as Tabs,
+  To as Tag,
+  A as TagControl,
+  j as TextControl,
+  G as TextareaControl,
+  O as ToggleControl,
+  q as ToggleGroupControl,
+  Ho as Toolbar,
+  rr as Tooltip,
+  tr as Truncate,
+  dr as VisuallyHidden,
+  ho as Window,
+  fo as createForm,
+  br as getRandomTheme,
+  Do as useHotkey,
+  Fo as useModifiers,
+  Ro as useObjectState,
+  U as useSchema,
+  Bo as useSelection,
+  wo as useSplitInput,
+  Mo as useTemporaryChange,
+  Vo as useTheme,
+  X as useView
 };

package/dist/{item-BZJ3JrHw.js → item-CGLYiEST.js}

@@ -4,8 +4,8 @@ import { SeparatorMenuItem as a } from "./components/menu/items/spacer.js";
 import { e as i } from "./CaretRight.es-vnr78BGI.js";
 import { EmptyIcon as u } from "./components/menu/icon.js";
 import { ToggleMenuItem as _ } from "./components/menu/items/toggle.js";
-import { u as p, M as l, a as d, b as M } from "./menu-button-DBjUzoaw.js";
-import { M as h } from "./2NBKRL7C-Ds7w7Ay7.js";
+import { u as p, M as l, a as d, b as M } from "./menu-button-C-h3k7Gh.js";
+import { M as h } from "./2NBKRL7C-Cunv252F.js";
 const b = ({ item: n }) => {
   const o = n.icon || u, t = p();
   return /* @__PURE__ */ m(l, { store: t, children: [

package/dist/{menu-button-DBjUzoaw.js → menu-button-C-h3k7Gh.js}

@@ -1,17 +1,17 @@
-import { b as fe, c as me, d as q, M as pe, e as re } from "./VIIRIBF3-Co_vwgwZ.js";
-import { u as se } from "./T7VMP3TM-DX7RU0Yc.js";
-import { i as be } from "./KFH4SEIX-D9qCWzyY.js";
-import { u as ve } from "./5JTVDSTH-Ci6OX9MK.js";
-import { m as he, o as Me, p as Se, t as we, c as ye, s as te, e as ne, b as ge, d as Ee, a as H } from "./YV4JVR4I-BLQoWp1E.js";
-import { S as Oe, T as B, V as I, U as x, a5 as Pe, m as F, o as b, W as Ae, c as Q, _ as N, i as G, q as ae, e as $, l as ue, n as J, f as X, a as Y, a6 as xe, a4 as Fe, t as _e, Q as Ce, a0 as He } from "./LMDWO4NN-BxsnVArz.js";
+import { b as fe, c as me, d as q, M as pe, e as re } from "./VIIRIBF3-C4pOScX8.js";
+import { u as se } from "./T7VMP3TM-DZitNAMz.js";
+import { i as be } from "./KFH4SEIX-JLk95eQA.js";
+import { u as ve } from "./5JTVDSTH-zDMMKAyC.js";
+import { m as he, o as Me, p as Se, t as we, c as ye, s as te, d as ne, b as ge, f as Ee, a as H } from "./YV4JVR4I-D8_aZ62q.js";
+import { Y as Oe, U as B, T as I, V as x, a5 as Pe, m as F, o as b, W as Ae, c as Y, _ as N, i as G, q as ae, e as $, l as ue, n as J, f as Q, a as X, a6 as xe, C as Fe, t as _e, R as Ce, S as He } from "./LMDWO4NN-BfJb6my4.js";
 import { useState as ie, useEffect as le, useRef as ce, createRef as De, useMemo as ke } from "react";
 import { jsx as j } from "react/jsx-runtime";
-import { c as Ve, u as Ie, a as Le, b as Re } from "./MR26YJYP-BSJHEQsl.js";
-import { c as Te, R as Be } from "./G7GW6PWC-DtkamyQv.js";
-import { a as z } from "./PFRGBC2K-6AvuBT5M.js";
-import { c as Ne, b as Ke } from "./4CMBR7SL-_MPrTek0.js";
-import { a as Ue } from "./S43UC3DV-D5IqpYPC.js";
-import { u as We } from "./WMYDSCNQ-BIYNTVEx.js";
+import { c as Ve, u as Ie, a as Le, b as Re } from "./MR26YJYP-CDaPeerB.js";
+import { c as Te, R as Be } from "./G7GW6PWC-DeYlSr7f.js";
+import { a as z } from "./PFRGBC2K-DmHoUTiZ.js";
+import { c as Ne, b as Ke } from "./4CMBR7SL-Cf8t3EeF.js";
+import { u as Ue } from "./S43UC3DV-bOoyE-xW.js";
+import { u as We } from "./WMYDSCNQ-qLZnyPON.js";
 function $e(r = {}) {
   var n = r, {
     combobox: t,
@@ -120,7 +120,7 @@ function qe(r = {}) {
   return je(v, i, r);
 }
 var ze = "div";
-function Qe(r) {
+function Ye(r) {
   var n = r, { store: t } = n, e = N(n, ["store"]);
   const [v, i] = ie(void 0), s = e["aria-label"], o = H(t, "disclosureElement"), p = H(t, "contentElement");
   return le(() => {
@@ -131,7 +131,7 @@ function Qe(r) {
     s || a.hasAttribute("aria-label") ? i(void 0) : d.id && i(d.id);
   }, [s, o, p]), v;
 }
-var de = Q(
+var de = Y(
   function(n) {
     var t = n, { store: e, alwaysVisible: v, composite: i } = t, s = N(t, ["store", "alwaysVisible", "composite"]);
     const o = q();
@@ -186,7 +186,7 @@ var de = Q(
       (c) => /* @__PURE__ */ j(pe, { value: e, children: c }),
       [e]
     );
-    const L = Qe(b({ store: e }, s)), R = e.useState("mounted"), _ = be(R, s.hidden, v), D = _ ? F(b({}, s.style), { display: "none" }) : s.style;
+    const L = Ye(b({ store: e }, s)), R = e.useState("mounted"), _ = be(R, s.hidden, v), D = _ ? F(b({}, s.style), { display: "none" }) : s.style;
     s = F(b({
       id: h,
       "aria-labelledby": L,
@@ -202,10 +202,10 @@ var de = Q(
       "aria-orientation": O
     }, s)), s = ve(b({ store: e, composite: i }, s)), s = se(b({ store: e, typeahead: !P }, s)), s;
   }
-), pt = X(function(n) {
+), pt = Q(function(n) {
   const t = de(n);
-  return Y(ze, t);
-}), Ge = "div", Je = Q(function(n) {
+  return X(ze, t);
+}), Ge = "div", Je = Y(function(n) {
   var t = n, {
     store: e,
     modal: v = !1,
@@ -297,9 +297,9 @@ var de = Q(
     "aria-labelledby": L
   }, a), a;
 }), bt = Te(
-  X(function(n) {
+  Q(function(n) {
     const t = Je(n);
-    return Y(Ge, t);
+    return X(Ge, t);
   }),
   q
 );
@@ -307,8 +307,8 @@ function vt(r = {}) {
   const n = qe(r);
   return /* @__PURE__ */ j(re, { value: n, children: r.children });
 }
-var Xe = "button";
-function Ye(r, n) {
+var Qe = "button";
+function Xe(r, n) {
   return {
     ArrowDown: n === "bottom" || n === "top" ? "first" : !1,
     ArrowUp: n === "bottom" || n === "top" ? "last" : !1,
@@ -319,7 +319,7 @@ function Ye(r, n) {
 function oe(r, n) {
   return !!(r != null && r.some((t) => !t.element || t.element === n ? !1 : t.element.getAttribute("aria-expanded") === "true"));
 }
-var Ze = Q(
+var Ze = Y(
   function(n) {
     var t = n, {
       store: e,
@@ -349,7 +349,7 @@ var Ze = Q(
       (l) => l.placement.split("-")[0]
     ), R = o.onKeyDown, _ = $((l) => {
       if (R == null || R(l), O || l.defaultPrevented) return;
-      const y = Ye(l, L);
+      const y = Xe(l, L);
       y && (l.preventDefault(), m(), e == null || e.setAutoFocusOnShow(!0), e == null || e.setInitialFocus(y));
     }), D = o.onClick, P = $((l) => {
       if (D == null || D(l), l.defaultPrevented || !e) return;
@@ -403,9 +403,9 @@ var Ze = Q(
       typeahead: u
     }, o)), o;
   }
-), ht = X(function(n) {
+), ht = Q(function(n) {
   const t = Ze(n);
-  return Y(Xe, t);
+  return X(Qe, t);
 });
 export {
   vt as M,

package/dist/{menu-separator-H9l1SpSV.js → menu-separator-CuuhJPnR.js}

@@ -1,6 +1,6 @@
-import { b as n } from "./VIIRIBF3-Co_vwgwZ.js";
-import { u } from "./TP7N7UIH-CFp7Hh_A.js";
-import { f as p, c as m, a as c, _ as f, o as i } from "./LMDWO4NN-BxsnVArz.js";
+import { b as n } from "./VIIRIBF3-C4pOScX8.js";
+import { u } from "./TP7N7UIH-D_nR5wDv.js";
+import { f as p, c as m, a as c, _ as f, o as i } from "./LMDWO4NN-BfJb6my4.js";
 var M = "hr", _ = m(
   function(e) {
     var r = e, { store: a } = r, o = f(r, ["store"]);

package/dist/{picker-aBRTIOUU.js → picker-BUCg1BqW.js}

@@ -8,10 +8,10 @@ import { e as G } from "./CaretRight.es-vnr78BGI.js";
 import { useState as C, useEffect as Q } from "react";
 import './assets/style11.css';/* empty css               */
 import { t as h, c as x, a as F, g as q, m as B, b as X, d as I, e as R, f as j, h as A, l as V, i as K, j as Z, k as $, w as U, s as z } from "./protectedTokens-DdjZoCxO.js";
-import { C as J } from "./composite-provider-K8zU8z0x.js";
-import { C as tt } from "./5JTVDSTH-Ci6OX9MK.js";
-import { C as et } from "./J2LQO3EC-TlCRyAh7.js";
-import { C as nt } from "./6VRAQV3D-Cnyfi8tq.js";
+import { C as J } from "./composite-provider-DFOFHro7.js";
+import { C as tt } from "./5JTVDSTH-zDMMKAyC.js";
+import { C as et } from "./J2LQO3EC-Cevd6Bvq.js";
+import { C as nt } from "./6VRAQV3D-pLV6BqmA.js";
 function rt(n, e, t) {
   const r = h(n, t == null ? void 0 : t.in);
   if (isNaN(e)) return x(n, NaN);

package/dist/{popover-provider-xofWxUiu.js → popover-provider-BoZ9PI_r.js}

@@ -1,10 +1,10 @@
-import { u as e } from "./O2PQ2652-BxRvOru-.js";
-import { P as t } from "./MTZPJQMC-CNw1MVtu.js";
+import { u as e } from "./O2PQ2652-BCwdW7qA.js";
+import { a as t } from "./MTZPJQMC-CraWj4on.js";
 import { jsx as i } from "react/jsx-runtime";
-function s(o = {}) {
+function v(o = {}) {
   const r = e(o);
   return /* @__PURE__ */ i(t, { value: r, children: o.children });
 }
 export {
-  s as P
+  v as P
 };

package/dist/primitives/index.d.ts

@@ -9,5 +9,5 @@ export { ScrollArea } from './scroll-area';
 export { Symbol } from './symbol';
 export { Tooltip } from './tooltip';
 export { Truncate } from './truncate';
-export { H1, H2, H3, H4, H5, H6, Heading, Paragraph } from './typography';
+export { H1, H2, H3, H4, H5, H6, Heading, Keyboard, Paragraph, } from './typography';
 export { VisuallyHidden } from './visually-hidden';

package/dist/primitives/index.js

@@ -4,15 +4,16 @@ import { IconLabel as f } from "./icon-label/index.js";
 import { Link as a } from "./link/index.js";
 import { NavLink as H } from "./nav-link/index.js";
 import { Popover as n } from "./popover/index.js";
-import { Resizable as b } from "./resizable/index.js";
-import { ScrollArea as c } from "./scroll-area/index.js";
-import { Symbol as y } from "./symbol/index.js";
+import { Resizable as d } from "./resizable/index.js";
+import { ScrollArea as y } from "./scroll-area/index.js";
+import { Symbol as u } from "./symbol/index.js";
 import { Tooltip as T } from "./tooltip/index.js";
 import { Truncate as k } from "./truncate/index.js";
 import { H1 as v, H2 as P, H3 as R, H4 as S, H5 as w, H6 as z, Heading as A } from "./typography/heading.js";
-import { Paragraph as D } from "./typography/paragraph.js";
-import { VisuallyHidden as N } from "./visually-hidden/index.js";
-import { getRandomTheme as j } from "./colourway/util.js";
+import { Keyboard as D } from "./typography/keyboard.js";
+import { Paragraph as K } from "./typography/paragraph.js";
+import { VisuallyHidden as V } from "./visually-hidden/index.js";
+import { getRandomTheme as q } from "./colourway/util.js";
 export {
   e as Colourway,
   p as Draggable,
@@ -24,15 +25,16 @@ export {
   z as H6,
   A as Heading,
   f as IconLabel,
+  D as Keyboard,
   a as Link,
   H as NavLink,
-  D as Paragraph,
+  K as Paragraph,
   n as Popover,
-  b as Resizable,
-  c as ScrollArea,
-  y as Symbol,
+  d as Resizable,
+  y as ScrollArea,
+  u as Symbol,
   T as Tooltip,
   k as Truncate,
-  N as VisuallyHidden,
-  j as getRandomTheme
+  V as VisuallyHidden,
+  q as getRandomTheme
 };

package/dist/primitives/link/index.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { cn as u } from "../../utils/css.js";
 import { isOutbound as p } from "../../utils/url.js";
 import { useMemo as c } from "react";
-import '../../assets/style10.css';/* empty css                   */
+import '../../assets/style8.css';/* empty css                   */
 const l = ({
   className: n,
   children: m,

package/dist/primitives/popover/index.js

@@ -1,7 +1,7 @@
 import { Root as o } from "./root.js";
 import { Target as r } from "./target.js";
 import { Window as t } from "./window.js";
-import '../../assets/index13.css';const e = Object.assign(o, {
+import '../../assets/index14.css';const e = Object.assign(o, {
   Window: t,
   Target: r
 });

package/dist/primitives/popover/root.js

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import { P as p } from "../../popover-provider-xofWxUiu.js";
+import { P as p } from "../../popover-provider-BoZ9PI_r.js";
 const P = ({ open: o, setOpen: r, placement: t, children: e }) => /* @__PURE__ */ m(
   p,
   {

package/dist/primitives/popover/target.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { P as p } from "../../WMYDSCNQ-BIYNTVEx.js";
+import { P as p } from "../../WMYDSCNQ-qLZnyPON.js";
 const c = ({
   className: r,
   children: o,

package/dist/primitives/popover/window.js

@@ -1,9 +1,9 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as a } from "../../utils/css.js";
 import { ScrollArea as m } from "../scroll-area/index.js";
-import { u as n } from "../../MTZPJQMC-CNw1MVtu.js";
-import { a as l } from "../../YV4JVR4I-BLQoWp1E.js";
-import { P as w } from "../../G7GW6PWC-DtkamyQv.js";
+import { u as n } from "../../MTZPJQMC-CraWj4on.js";
+import { a as l } from "../../YV4JVR4I-D8_aZ62q.js";
+import { P as w } from "../../G7GW6PWC-DeYlSr7f.js";
 const P = ({
   className: r,
   children: e,

package/dist/primitives/scroll-area/index.js

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as J, Fragment as fe } from "react/jsx-runtime";
 import { cn as he } from "../../utils/css.js";
 import * as l from "react";
 import "../../index-Cgx3BqdJ.js";
-import '../../assets/index20.css';function j(e, t) {
+import '../../assets/index22.css';function j(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);

package/dist/primitives/tooltip/index.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { cn as a } from "../../utils/css.js";
 import { useState as l } from "react";
 import '../../assets/style4.css';/* empty css                   */
-import { T as n, a as c, b as T, c as f } from "../../tooltip-arrow-DSk_atex.js";
+import { T as n, a as c, b as T, c as f } from "../../tooltip-arrow-BRJ4m2ZL.js";
 const d = ({
   className: s,
   label: o,

package/dist/primitives/typography/index.d.ts

@@ -1,2 +1,3 @@
 export { H1, H2, H3, H4, H5, H6, Heading } from './heading';
+export { Keyboard } from './keyboard';
 export { Paragraph } from './paragraph';

package/dist/primitives/typography/index.js

@@ -1,12 +1,14 @@
-import { H1 as a, H2 as o, H3 as e, H4 as p, H5 as f, H6 as g, Heading as m } from "./heading.js";
-import { Paragraph as x } from "./paragraph.js";
+import { H1 as H, H2 as a, H3 as e, H4 as p, H5 as f, H6 as m, Heading as t } from "./heading.js";
+import { Keyboard as d } from "./keyboard.js";
+import { Paragraph as b } from "./paragraph.js";
 export {
-  a as H1,
-  o as H2,
+  H as H1,
+  a as H2,
   e as H3,
   p as H4,
   f as H5,
-  g as H6,
-  m as Heading,
-  x as Paragraph
+  m as H6,
+  t as Heading,
+  d as Keyboard,
+  b as Paragraph
 };

package/dist/primitives/typography/keyboard.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface KeyboardProps extends PropsWithChildren {
+    className?: string;
+    hotkey?: string;
+    onHotkey?: (evt: KeyboardEvent) => void;
+}
+export declare const Keyboard: FC<KeyboardProps>;
+export {};

package/dist/primitives/typography/keyboard.js

@@ -0,0 +1,33 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useRef as c } from "react";
+import { useHotkey as n } from "../../hooks/keyboard.js";
+import { cn as a } from "../../utils/css.js";
+import { noop as d } from "../../utils/noop.js";
+const k = ({
+  className: m,
+  hotkey: r = "",
+  onHotkey: o = d,
+  children: s
+}) => {
+  const i = c(null);
+  return r && n(r, (e) => {
+    i.current.classList.add("primitive-keyboard--active"), o(e), setTimeout(() => {
+      i.current.classList.remove("primitive-keyboard--active");
+    }, 600);
+  }), /* @__PURE__ */ p("kbd", { ref: i, className: a("primitive-keyboard", m), children: [
+    r && r.split("+").map((e) => /* @__PURE__ */ t(
+      "span",
+      {
+        className: a(
+          "primitive-keyboard__key",
+          e.length === 1 && "primitive-keyboard__key--singular"
+        ),
+        children: e
+      }
+    )),
+    s && /* @__PURE__ */ t("span", { className: "primitive-keyboard__key", children: s })
+  ] });
+};
+export {
+  k as Keyboard
+};