@wrdagency/blockout 1.0.26 → 1.0.29

package/dist/components/shell/index.js

@@ -1,16 +1,18 @@
 import { Navigation as o } from "./navigation.js";
-import { Pane as r } from "./pane.js";
-import { Root as m } from "./root.js";
-import { Sidebar as t } from "./sidebar.js";
-import { SidebarItem as i } from "./sidebar-item.js";
-import { SidebarSeparator as a } from "./sidebar-separator.js";
-import '../../assets/index9.css';const d = Object.assign(m, {
-  Pane: r,
-  Sidebar: t,
-  SidebarItem: i,
-  SidebarSeparator: a,
-  Navigation: o
+import { NavigationSeparator as r } from "./navigation-separator.js";
+import { Pane as t } from "./pane.js";
+import { Root as i } from "./root.js";
+import { Sidebar as m } from "./sidebar.js";
+import { SidebarItem as a } from "./sidebar-item.js";
+import { SidebarSeparator as e } from "./sidebar-separator.js";
+import '../../assets/index9.css';const s = Object.assign(i, {
+  Pane: t,
+  Sidebar: m,
+  SidebarItem: a,
+  SidebarSeparator: e,
+  Navigation: o,
+  NavigationSeparator: r
 });
 export {
-  d as Shell
+  s as Shell
 };

package/dist/components/shell/navigation-separator.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface NavigationSeparatorProps {
+    className?: string;
+}
+export declare const NavigationSeparator: FC<NavigationSeparatorProps>;
+export {};

package/dist/components/shell/navigation-separator.js

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as a } from "../../utils/css.js";
+const n = ({
+  className: o
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    role: "separator",
+    className: a("component-shell__navigation-separator", o)
+  }
+);
+export {
+  n as NavigationSeparator
+};

package/dist/components/shell/pane.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as p } 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';/* empty 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 "react";
 /* empty css                   */
 /* empty css                   */

package/dist/components/shell/sidebar-item.d.ts

@@ -1,8 +1,9 @@
-import { FC, PropsWithChildren } from 'react';
-interface SidebarItemProps extends PropsWithChildren {
-    className?: string;
+import { NavLinkProps } from '../../primitives/nav-link';
+import { FC } from 'react';
+interface SidebarItemProps extends NavLinkProps {
     label: string;
-    href?: string;
+    divide?: boolean;
+    end?: boolean;
 }
 export declare const SidebarItem: FC<SidebarItemProps>;
 export {};

package/dist/components/shell/sidebar-item.js

@@ -1,39 +1,45 @@
-import { jsx as p, jsxs as e } from "react/jsx-runtime";
-import { cn as s } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style3.css';import '../../assets/style.css';import '../../assets/style8.css';import '../../assets/style7.css';/* empty css                   */
+import { jsx as s, jsxs as n } from "react/jsx-runtime";
+import { cn as l } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style3.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/style7.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */
-import { NavLink as n } from "../../primitives/nav-link/index.js";
+import { NavLink as a } from "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
 /* empty css                   */
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
-import { Tooltip as l } from "../../primitives/tooltip/index.js";
+import { Tooltip as d } from "../../primitives/tooltip/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                    */
-import { useShell as a } from "./context.js";
-const L = ({
+import { useShell as c } from "./context.js";
+const q = ({
   className: o,
-  children: m,
+  children: i,
   label: r,
-  href: i
+  divide: e = !1,
+  end: m = !1,
+  ...t
 }) => {
-  const { isSidebarOpen: t } = a();
-  return /* @__PURE__ */ p(
-    l,
+  const { isSidebarOpen: p } = c();
+  return /* @__PURE__ */ s(
+    d,
     {
-      className: "component-shell__sidebar-item__wrapper",
-      label: !t && r,
+      label: !p && r,
       placement: "right",
-      children: /* @__PURE__ */ e(
-        n,
+      render: /* @__PURE__ */ n(
+        a,
         {
-          className: s("component-shell__sidebar-item", o),
-          href: i,
+          className: l(
+            "component-shell__sidebar-item",
+            e && "component-shell__sidebar-item--divide",
+            m && "component-shell__sidebar-item--end",
+            o
+          ),
+          ...t,
           children: [
-            m,
+            i,
             r
           ]
         }
@@ -42,5 +48,5 @@ const L = ({
   );
 };
 export {
-  L as SidebarItem
+  q as SidebarItem
 };

package/dist/components/tabs/list.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { T as i } from "../../tab-list-BPSxHllS.js";
+import { T as i } from "../../tab-list-CndMWcVv.js";
 const c = ({ className: t, children: o, style: r }) => /* @__PURE__ */ s(
   i,
   {

package/dist/components/tabs/panel.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cn as n } from "../../utils/css.js";
-import { T as e } from "../../tab-panel-fbUcLE4f.js";
+import { T as e } from "../../tab-panel-DedzuWUA.js";
 const l = ({
   value: o,
   className: a,

package/dist/components/tabs/root.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
-import { T as m } from "../../tab-provider-x586a8l7.js";
+import { T as m } from "../../tab-provider-B0BoLfST.js";
 const n = ({
   value: t,
   onValueChange: r,

package/dist/components/tabs/tab.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as r } from "../../utils/css.js";
-import { T as s } from "../../tab-BXGTM7Se.js";
+import { T as s } from "../../tab-DejwS4C8.js";
 const c = ({ className: o, value: t, children: m }) => /* @__PURE__ */ a(s, { id: t, className: r("component-tabs__tab", o), children: /* @__PURE__ */ a("div", { className: "component-tabs__tab__label", children: m }) });
 export {
   c as Tab

package/dist/components/tag/tag.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { Colourway as p } from "../../primitives/colourway/index.js";
 import { cn as i } from "../../utils/css.js";
 import "react";
-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';/* empty 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';/* empty css                   */
 /* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";

package/dist/components/toolbar/divider.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as t } from "../../utils/css.js";
-import { T as m } from "../../toolbar-separator-CN00-jyc.js";
+import { T as m } from "../../toolbar-separator-DJHiHbGj.js";
 const p = ({ className: o }) => /* @__PURE__ */ r(
   m,
   {

package/dist/components/toolbar/index.js

@@ -2,7 +2,7 @@ import { createComposite as t } from "../../utils/components.js";
 import { Button as r } from "../button/index.js";
 import { Divider as m } from "./divider.js";
 import { Root as i } from "./root.js";
-import { T as o } from "../../IWEFDH56-DLJvQd6v.js";
+import { T as o } from "../../IWEFDH56-BACkQ6dc.js";
 import '../../assets/index12.css';const p = Object.assign(i, {
   Generic: o,
   IconButton: t(o, r.Icon, {

package/dist/components/toolbar/root.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { T as a } from "../../toolbar-hQ58P-Nk.js";
+import { T as a } from "../../toolbar-PSaF1mdF.js";
 const c = ({ className: o, children: r }) => /* @__PURE__ */ t(a, { className: m("component-toolbar", o), children: r });
 export {
   c as Root

package/dist/components/window/index.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style8.css';import '../../assets/style7.css';import '../../assets/index13.css';/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/style7.css';import '../../assets/index13.css';/* empty css                   */
 import { Draggable as l } from "../../primitives/draggable/index.js";
 import { useState as d } from "react";
 /* empty css                   */
@@ -10,7 +10,7 @@ import "../../primitives/popover/index.js";
 import { Resizable as f } from "../../primitives/resizable/index.js";
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
-import { a as h } from "../../G7GW6PWC-DeYlSr7f.js";
+import { a as h } from "../../G7GW6PWC-Dk4hVbAk.js";
 /* empty css                   */
 /* empty css                   */
 import { H3 as w } from "../../primitives/typography/heading.js";

package/dist/{composite-provider-DFOFHro7.js → composite-provider-BPIeS4Cg.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./4CMBR7SL-Cf8t3EeF.js";
-import { C as t } from "./P7GR5CS5-DbUZzAnv.js";
+import { u as e } from "./4CMBR7SL-DezfZPUS.js";
+import { C as t } from "./P7GR5CS5-3RsPGPTy.js";
 import { jsx as i } from "react/jsx-runtime";
 function C(o = {}) {
   const r = e(o);

package/dist/{disclosure-provider-DIT2ijtk.js → disclosure-provider-cEVysvZT.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./WYCIER3C-BJwD0YDE.js";
-import { a as s } from "./RS7LB2H4-D1_VRecC.js";
+import { u as e } from "./WYCIER3C-CxfgpZG_.js";
+import { a as s } from "./RS7LB2H4-COOfOq9w.js";
 import { jsx as i } from "react/jsx-runtime";
 function n(r = {}) {
   const o = e(r);

package/dist/{filter-DzrtcAfG.js → filter-DHK0UoZG.js}

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import "react";
-import './assets/styles3.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style10.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';import './assets/style9.css';import './assets/styles2.css';/* empty css                */
+import './assets/styles3.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style9.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';import './assets/style8.css';import './assets/styles2.css';/* empty css                */
 import "./style-CWAa57kN.js";
 /* empty css               */
 import { normalizeOption as m } from "./types/options.js";

package/dist/{index-Bp_FFk15.js → index-BLCPauyN.js}

@@ -1,6 +1,6 @@
 import { jsx as p, jsxs as u } from "react/jsx-runtime";
 import "react";
-import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style10.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';import './assets/styles2.css';/* empty css                */
+import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style9.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';import './assets/styles2.css';/* empty css                */
 import "./style-CWAa57kN.js";
 import { CheckboxControl as l } from "./components/controls/checkbox-control/index.js";
 /* empty css               */
@@ -37,7 +37,7 @@ import "./match-sorter.esm-MNVE8H_6.js";
 /* empty css                */
 import { useGroup as a, GroupProvider as d } from "./components/data-view/slots/group/context.js";
 import { Header as h } from "./components/data-view/slots/group/header.js";
-import { R as g } from "./index-C8OctMj0.js";
+import { R as g } from "./index-CLl-PPjx.js";
 const C = ({ className: r, as: t = "div" }) => {
   const { selection: o, primaryKey: m } = g.use(), { selected: e, group: s } = i.use();
   return !o || o.mode !== "multiple" ? void 0 : /* @__PURE__ */ p(t, { className: r, children: /* @__PURE__ */ p(l, { value: e, onChangeValue: (n) => {

package/dist/{index-B5z_GwnD.js → index-BnbjJBS4.js}

@@ -4,11 +4,11 @@ import { useItem as F, ItemProvider as R } from "./components/data-view/slots/it
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { r as C } from "./ArrowBendDownRight.es-mejk84um.js";
 import { useMemo as c, Fragment as D } from "react";
-import { R as A } from "./index-C8OctMj0.js";
+import { R as A } from "./index-CLl-PPjx.js";
 import { getPlacements as j } from "./components/data-view/data/fields.js";
 import { PropertyProvider as z, useProperty as K } from "./components/data-view/slots/property/context.js";
 import { cn as N } from "./utils/css.js";
-import './assets/style26.css';import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style10.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';import './assets/style9.css';import './assets/styles2.css';/* empty css                */
+import './assets/style26.css';import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style9.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';import './assets/style8.css';import './assets/styles2.css';/* empty css                */
 import "./style-CWAa57kN.js";
 /* empty css               */
 /* empty css               */
@@ -48,7 +48,7 @@ import "./match-sorter.esm-MNVE8H_6.js";
 import { IconLabel as T } from "./primitives/icon-label/index.js";
 import { Link as w } from "./primitives/link/index.js";
 import { Truncate as q } from "./primitives/truncate/index.js";
-import { G } from "./index-Bp_FFk15.js";
+import { G } from "./index-BLCPauyN.js";
 import { Tag as B } from "./components/tag/index.js";
 const H = ({
   as: s,

package/dist/{index-C8OctMj0.js → index-CLl-PPjx.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style10.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';import './assets/styles2.css';/* empty css                */
+import './assets/styles3.css';import './assets/style18.css';import './assets/style17.css';import './assets/styles5.css';import './assets/styles4.css';import './assets/style16.css';import './assets/style19.css';import './assets/style15.css';import './assets/style14.css';import './assets/style13.css';import './assets/prosemirror.css';import './assets/style12.css';import './assets/style11.css';import './assets/style9.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';import './assets/styles2.css';/* empty css                */
 import "./style-CWAa57kN.js";
 import { CheckboxControl as m } from "./components/controls/checkbox-control/index.js";
 /* empty css               */

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './hooks';
 export * from './primitives';
+export * from './utils';

package/dist/index.js

@@ -1,49 +1,49 @@
 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 { Breadcrumbs as f } from "./components/breadcrumbs/index.js";
 import { Button as a } from "./components/button/index.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 { BaseControl as i } from "./components/controls/base-control/index.js";
+import { CardNumberControl as C } from "./components/controls/card-number-control/index.js";
+import { CheckboxControl as g } from "./components/controls/checkbox-control/index.js";
+import { ChoiceControl as b } 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 { NumberControl as P } from "./components/controls/number-control/index.js";
+import { PasswordControl as F } 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 { TagControl as V } from "./components/controls/tag-control/index.js";
+import { TextControl as I } from "./components/controls/text-control/index.js";
+import { TextareaControl as z } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as K } 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 { f as Z } from "./filter-DHK0UoZG.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 { createForm as xo } 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 { Tabs as co } from "./components/tabs/index.js";
+import { Tag as bo } 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 { useHotkey as Po, useModifiers as Do } 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 { useTheme as Oo } from "./hooks/theme.js";
+import { Colourway as Ao } from "./primitives/colourway/index.js";
+import { Draggable as jo } from "./primitives/draggable/index.js";
+import { IconLabel as Go } 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";
@@ -52,47 +52,55 @@ 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 { H1 as pr, H2 as fr, H3 as xr, 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 { Paragraph as cr } 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 { chunk as Tr } from "./utils/array.js";
+import { createComposite as Sr, withProps as Hr } from "./utils/components.js";
+import { cn as wr } from "./utils/css.js";
+import { getOrdinalSuffix as Pr } from "./utils/date.js";
+import { noop as Fr } from "./utils/noop.js";
+import { dot as Lr } from "./utils/object.js";
+import { basename as vr, extension as Mr, filename as Nr, slugify as Or } from "./utils/string.js";
+import { isCurrent as Ar, isOutbound as Ir } from "./utils/url.js";
+import { getRandomTheme as zr } from "./primitives/colourway/util.js";
 import './assets/index.css';export {
   e as Avatar,
   m as Badge,
-  C as BaseControl,
-  x as Breadcrumbs,
+  i as BaseControl,
+  f as Breadcrumbs,
   a as Button,
-  i as CardNumberControl,
-  c as CheckboxControl,
-  T as ChoiceControl,
-  Io as Colourway,
+  C as CardNumberControl,
+  g as CheckboxControl,
+  b as ChoiceControl,
+  Ao as Colourway,
   n as CommandPalette,
   J as DataForm,
   $ as DataView,
-  H as DateControl,
+  h as DateControl,
   ro as Dialog,
-  zo as Draggable,
+  jo as Draggable,
   to as Filesystem,
   Z as Filters,
   po as Form,
   pr as H1,
-  xr as H2,
-  fr as H3,
+  fr as H2,
+  xr as H3,
   ar as H4,
   lr as H5,
   nr as H6,
   sr as Heading,
-  Ko as IconLabel,
+  Go as IconLabel,
   ur as Keyboard,
   Wo as Link,
-  h as ListControl,
+  H as ListControl,
   w as MarkdownControl,
   lo as Menu,
   Eo as NavLink,
-  D as NumberControl,
-  gr as Paragraph,
-  P as PasswordControl,
+  P as NumberControl,
+  cr as Paragraph,
+  F as PasswordControl,
   Qo as Popover,
   so as Progress,
   L as RecurrenceControl,
@@ -102,27 +110,40 @@ import './assets/index.css';export {
   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,
+  co as Tabs,
+  bo as Tag,
+  V as TagControl,
+  I as TextControl,
+  z as TextareaControl,
+  K as ToggleControl,
   q as ToggleGroupControl,
-  Ho as Toolbar,
+  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,
+  Ho as Window,
+  vr as basename,
+  Tr as chunk,
+  wr as cn,
+  Sr as createComposite,
+  xo as createForm,
+  Lr as dot,
+  Mr as extension,
+  Nr as filename,
+  Pr as getOrdinalSuffix,
+  zr as getRandomTheme,
+  Ar as isCurrent,
+  Ir as isOutbound,
+  Fr as noop,
+  Or as slugify,
+  Po as useHotkey,
+  Do as useModifiers,
   Ro as useObjectState,
   U as useSchema,
   Bo as useSelection,
   wo as useSplitInput,
   Mo as useTemporaryChange,
-  Vo as useTheme,
-  X as useView
+  Oo as useTheme,
+  X as useView,
+  Hr as withProps
 };

package/dist/{item-CGLYiEST.js → item-CmTk8eHD.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-C-h3k7Gh.js";
-import { M as h } from "./2NBKRL7C-Cunv252F.js";
+import { u as p, M as l, a as d, b as M } from "./menu-button-GQO5dB3U.js";
+import { M as h } from "./2NBKRL7C-DBbnghCe.js";
 const b = ({ item: n }) => {
   const o = n.icon || u, t = p();
   return /* @__PURE__ */ m(l, { store: t, children: [