@wrdagency/blockout 1.0.24 → 1.0.26

package/dist/components/index.js

@@ -2,72 +2,76 @@ import { Avatar as e } from "./avatar/index.js";
 import { Badge as m } from "./badge/index.js";
 import { Breadcrumbs as f } from "./breadcrumbs/index.js";
 import { Button as l } from "./button/index.js";
-import { BaseControl as n } from "./controls/base-control/index.js";
-import { CardNumberControl as s } from "./controls/card-number-control/index.js";
-import { CheckboxControl as u } from "./controls/checkbox-control/index.js";
-import { ChoiceControl as T } from "./controls/choice-control/index.js";
-import { DateControl as b } from "./controls/date-control/index.js";
-import { ListControl as w } from "./controls/list-control/index.js";
-import { MarkdownControl as h } from "./controls/markdown-control/index.js";
-import { NumberControl as S } from "./controls/number-control/index.js";
-import { PasswordControl as k } from "./controls/password-control/index.js";
-import { RecurrenceControl as N } from "./controls/recurrence-control/index.js";
-import { SelectControl as R } from "./controls/select-control/control.js";
-import { Select as v } from "./controls/select-control/select.js";
-import { TagControl as A } from "./controls/tag-control/index.js";
-import { TextControl as L } from "./controls/text-control/index.js";
-import { TextareaControl as j } from "./controls/textarea-control/index.js";
-import { ToggleControl as z } from "./controls/toggle-control/index.js";
-import { ToggleGroupControl as H } from "./controls/toggle-group-control/index.js";
-import { DataForm as J } from "./data-form/index.js";
-import { useSchema as O, useView as Q } from "./data-view/api.js";
-import { f as X } from "../filter-DHK0UoZG.js";
-import { Root as Z } from "./data-view/root.js";
-import { Filesystem as $ } from "./filesystem/index.js";
-import { Form as ro } from "./form/components/index.js";
-import { createForm as to } from "./form/types/form.js";
-import { Menu as xo } from "./menu/index.js";
-import { Progress as po } from "./progress/index.js";
-import { Shell as ao } from "./shell/index.js";
-import { Tabs as Co } from "./tabs/index.js";
-import { Tag as co } from "./tag/index.js";
-import { Toolbar as go } from "./toolbar/index.js";
-import { Window as io } from "./window/index.js";
+import { CommandPalette as n } from "./command-palette/index.js";
+import { BaseControl as s } from "./controls/base-control/index.js";
+import { CardNumberControl as g } from "./controls/card-number-control/index.js";
+import { CheckboxControl as i } from "./controls/checkbox-control/index.js";
+import { ChoiceControl as d } from "./controls/choice-control/index.js";
+import { DateControl as w } from "./controls/date-control/index.js";
+import { ListControl as h } from "./controls/list-control/index.js";
+import { MarkdownControl as D } from "./controls/markdown-control/index.js";
+import { NumberControl as P } from "./controls/number-control/index.js";
+import { PasswordControl as M } from "./controls/password-control/index.js";
+import { RecurrenceControl as R } from "./controls/recurrence-control/index.js";
+import { SelectControl as v } from "./controls/select-control/control.js";
+import { Select as A } from "./controls/select-control/select.js";
+import { TagControl as L } from "./controls/tag-control/index.js";
+import { TextControl as j } from "./controls/text-control/index.js";
+import { TextareaControl as z } from "./controls/textarea-control/index.js";
+import { ToggleControl as H } from "./controls/toggle-control/index.js";
+import { ToggleGroupControl as J } from "./controls/toggle-group-control/index.js";
+import { DataForm as O } from "./data-form/index.js";
+import { useSchema as U, useView as X } from "./data-view/api.js";
+import { f as Z } from "../filter-DzrtcAfG.js";
+import { Root as $ } from "./data-view/root.js";
+import { Dialog as ro } from "./dialog/index.js";
+import { Filesystem as to } from "./filesystem/index.js";
+import { Form as xo } from "./form/components/index.js";
+import { createForm as po } from "./form/types/form.js";
+import { Menu as ao } from "./menu/index.js";
+import { Progress as Co } from "./progress/index.js";
+import { Shell as co } from "./shell/index.js";
+import { Tabs as uo } from "./tabs/index.js";
+import { Tag as To } from "./tag/index.js";
+import { Toolbar as wo } from "./toolbar/index.js";
+import { Window as ho } from "./window/index.js";
 export {
   e as Avatar,
   m as Badge,
-  n as BaseControl,
+  s as BaseControl,
   f as Breadcrumbs,
   l as Button,
-  s as CardNumberControl,
-  u as CheckboxControl,
-  T as ChoiceControl,
-  J as DataForm,
-  Z as DataView,
-  b as DateControl,
-  $ as Filesystem,
-  X as Filters,
-  ro as Form,
-  w as ListControl,
-  h as MarkdownControl,
-  xo as Menu,
-  S as NumberControl,
-  k as PasswordControl,
-  po as Progress,
-  N as RecurrenceControl,
-  v as Select,
-  R as SelectControl,
-  ao as Shell,
-  Co as Tabs,
-  co as Tag,
-  A as TagControl,
-  L as TextControl,
-  j as TextareaControl,
-  z as ToggleControl,
-  H as ToggleGroupControl,
-  go as Toolbar,
-  io as Window,
-  to as createForm,
-  O as useSchema,
-  Q as useView
+  g as CardNumberControl,
+  i as CheckboxControl,
+  d as ChoiceControl,
+  n as CommandPalette,
+  O as DataForm,
+  $ as DataView,
+  w as DateControl,
+  ro as Dialog,
+  to as Filesystem,
+  Z as Filters,
+  xo as Form,
+  h as ListControl,
+  D as MarkdownControl,
+  ao as Menu,
+  P as NumberControl,
+  M as PasswordControl,
+  Co as Progress,
+  R as RecurrenceControl,
+  A as Select,
+  v as SelectControl,
+  co as Shell,
+  uo as Tabs,
+  To as Tag,
+  L as TagControl,
+  j as TextControl,
+  z as TextareaControl,
+  H as ToggleControl,
+  J as ToggleGroupControl,
+  wo as Toolbar,
+  ho as Window,
+  po as createForm,
+  U as useSchema,
+  X as useView
 };

package/dist/components/menu/index.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
 import { useState as M } from "react";
 import { Button as r } from "../button/index.js";
-import { M as w } from "../../item-BZJ3JrHw.js";
+import { M as w } from "../../item-CGLYiEST.js";
 import '../../assets/style20.css';/* empty css                   */
-import { M as _, a as h, b as v } from "../../menu-button-DBjUzoaw.js";
+import { M as _, a as h, b as v } from "../../menu-button-C-h3k7Gh.js";
 const I = ({
   className: n,
   iconOnly: t = !1,

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { M as e } from "../../item-BZJ3JrHw.js";
+import { M as e } from "../../item-CGLYiEST.js";
 import "./items/toggle.js";
 export {
   e as MenuItem

package/dist/components/menu/items/action.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { EmptyIcon as c } from "../icon.js";
-import { M as t } from "../../../2NBKRL7C-Ds7w7Ay7.js";
+import { M as t } from "../../../2NBKRL7C-Cunv252F.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(

package/dist/components/menu/items/spacer.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { M as e } from "../../../menu-separator-H9l1SpSV.js";
+import { M as e } from "../../../menu-separator-CuuhJPnR.js";
 const a = () => /* @__PURE__ */ r(e, { className: "component-menu__separator" });
 export {
   a as SeparatorMenuItem

package/dist/components/menu/items/submenu.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../../CaretRight.es-vnr78BGI.js";
 import "../icon.js";
-import { S as u } from "../../../item-BZJ3JrHw.js";
-import "../../../menu-button-DBjUzoaw.js";
-import "../../../2NBKRL7C-Ds7w7Ay7.js";
+import { S as u } from "../../../item-CGLYiEST.js";
+import "../../../menu-button-C-h3k7Gh.js";
+import "../../../2NBKRL7C-Cunv252F.js";
 export {
   u as SubmenuMenuItem
 };

package/dist/components/menu/items/toggle.js

@@ -3,7 +3,7 @@ import { cn as r } from "../../../utils/css.js";
 import { r as a, a as i } from "../../../Square.es-KJLdY11q.js";
 import "react";
 import { EmptyIcon as p } from "../icon.js";
-import { M as d } from "../../../2NBKRL7C-Ds7w7Ay7.js";
+import { M as d } from "../../../2NBKRL7C-Cunv252F.js";
 const x = ({ item: e }) => {
   const t = e.icon || p, s = () => {
     var _, m, l;

package/dist/components/pagination/index.js

@@ -4,7 +4,7 @@ import { cn as p } from "../../utils/css.js";
 import { noop as d } from "../../utils/noop.js";
 import { t as _ } from "../../CaretLeft.es-C1wX08tw.js";
 import { e as h } from "../../CaretRight.es-vnr78BGI.js";
-import '../../assets/index17.css';const I = ({
+import '../../assets/index18.css';const I = ({
   className: s,
   onPaginate: m = d,
   page: t,

package/dist/components/progress/index.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as p } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
-import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/style7.css';import '../../assets/index7.css';/* empty css                   */
+import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style8.css';import '../../assets/style7.css';import '../../assets/index8.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

package/dist/components/shell/context.d.ts

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+export type ShellContext = {
+    isSidebarOpen: boolean;
+    openSidebar: () => void;
+    closeSidebar: () => void;
+    toggleSidebar: () => void;
+};
+export declare const ShellProvider: FC<PropsWithChildren>;
+export declare const useShell: () => ShellContext;

package/dist/components/shell/context.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { u as a } from "../../index-D7vLJIGX.js";
+import { createContext as l, useContext as c } from "react";
+const o = l(void 0), m = ({ children: r }) => {
+  const [t, e] = a(
+    "component-shell__is-sidebar-open",
+    !1
+  ), s = {
+    isSidebarOpen: t,
+    openSidebar: () => {
+      e(!0);
+    },
+    closeSidebar: () => {
+      e(!1);
+    },
+    toggleSidebar: () => {
+      e((n) => !n);
+    }
+  };
+  return /* @__PURE__ */ i(o.Provider, { value: s, children: r });
+}, u = () => c(o);
+export {
+  m as ShellProvider,
+  u as useShell
+};

package/dist/components/shell/index.js

@@ -1,12 +1,16 @@
 import { Navigation as o } from "./navigation.js";
 import { Pane as r } from "./pane.js";
-import { Root as t } from "./root.js";
-import { Sidebar as i } from "./sidebar.js";
-import '../../assets/index8.css';const f = Object.assign(t, {
+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: i,
+  Sidebar: t,
+  SidebarItem: i,
+  SidebarSeparator: a,
   Navigation: o
 });
 export {
-  f as Shell
+  d as Shell
 };

package/dist/components/shell/navigation.js

@@ -1,6 +1,51 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as i } from "../../utils/css.js";
-const m = ({ className: o, children: n }) => /* @__PURE__ */ t("div", { className: i("component-shell__navigation", o), children: n });
+import { jsxs as H, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/css.js";
+import * as e from "react";
+import { w as i } from "../../SSRBase.es-BUXS72ra.js";
+import { Button as V } from "../button/index.js";
+import { useShell as c } from "./context.js";
+const p = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36ZM44,60H76V196H44ZM212,196H100V60H212Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M88,48V208H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H88V56H216V200Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM38,200V56a2,2,0,0,1,2-2H82V202H40A2,2,0,0,1,38,200Zm180,0a2,2,0,0,1-2,2H94V54H216a2,2,0,0,1,2,2Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,44H40A12,12,0,0,0,28,56V200a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A12,12,0,0,0,216,44ZM36,200V56a4,4,0,0,1,4-4H84V204H40A4,4,0,0,1,36,200Zm184,0a4,4,0,0,1-4,4H92V52H216a4,4,0,0,1,4,4Z" }))
+  ]
+]), l = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(i, { ref: t, ...a, weights: p }));
+l.displayName = "SidebarSimpleIcon";
+const M = ({ className: a, children: t }) => {
+  const { isSidebarOpen: n, toggleSidebar: m } = c();
+  return /* @__PURE__ */ H("div", { className: o("component-shell__navigation", a), children: [
+    /* @__PURE__ */ r(
+      V.Icon,
+      {
+        "aria-label": "Toggle Sidebar",
+        onClick: m,
+        variant: "ghost",
+        children: /* @__PURE__ */ r(l, { weight: n ? "fill" : "regular" })
+      }
+    ),
+    t
+  ] });
+};
 export {
-  m as Navigation
+  M as Navigation
 };

package/dist/components/shell/pane.d.ts

@@ -2,8 +2,6 @@ import { FC, PropsWithChildren } from 'react';
 interface PaneProps extends PropsWithChildren {
     className?: string;
     edgeless?: boolean | "x" | "y" | "top" | "bottom" | "left" | "right" | "all";
-    weight?: number;
-    minWidth?: string;
 }
 export declare const Pane: FC<PaneProps>;
 export {};

package/dist/components/shell/pane.js

@@ -1,13 +1,13 @@
 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/style10.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/style8.css';import '../../assets/style7.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
 /* empty css                   */
-import { ScrollArea as n } from "../../primitives/scroll-area/index.js";
+import { ScrollArea as i } from "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
@@ -16,29 +16,17 @@ import "../../primitives/symbol/index.js";
 const j = ({
   className: m,
   edgeless: o = !1,
-  weight: e = 1,
-  minWidth: t = "20rem",
-  children: i
-}) => /* @__PURE__ */ r(
+  children: t
+}) => /* @__PURE__ */ r("div", { className: p("component-shell__pane", m), children: /* @__PURE__ */ r(i, { className: "component-shell__pane__scroll-area", axis: "y", children: /* @__PURE__ */ r(
   "div",
   {
-    className: p("component-shell__pane", m),
-    style: {
-      "--pane-weight": e,
-      "--pane-min-width": t
-    },
-    children: /* @__PURE__ */ r(n, { className: "component-shell__pane__scroll-area", axis: "y", children: /* @__PURE__ */ r(
-      "div",
-      {
-        className: p(
-          "component-shell__pane__padding",
-          o && `component-shell__pane__padding--edgeless-${o === !0 ? "all" : o}`
-        ),
-        children: i
-      }
-    ) })
+    className: p(
+      "component-shell__pane__padding",
+      o && `component-shell__pane__padding--edgeless-${o === !0 ? "all" : o}`
+    ),
+    children: t
   }
-);
+) }) });
 export {
   j as Pane
 };

package/dist/components/shell/root.js

@@ -1,20 +1,21 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { cn as f } from "../../utils/css.js";
-import { Children as n } from "react";
-import { Pane as s } from "./pane.js";
-const v = ({ className: t, children: e }) => {
-  const m = n.map(
-    e,
-    (o) => (o == null ? void 0 : o.type) === s ? o : null
-  ), r = n.map(
-    e,
-    (o) => (o == null ? void 0 : o.type) !== s ? o : null
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../utils/css.js";
+import "react";
+import { ShellProvider as s, useShell as i } from "./context.js";
+const l = ({ className: o, children: r }) => {
+  const { isSidebarOpen: n } = i();
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: t(
+        "component-shell",
+        n && "component-shell--sidebar-open",
+        o
+      ),
+      children: r
+    }
   );
-  return /* @__PURE__ */ p("div", { className: f("component-shell", t), children: [
-    r,
-    /* @__PURE__ */ a("div", { className: "component-shell__panes", children: m })
-  ] });
-};
+}, h = (o) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(l, { ...o }) });
 export {
-  v as Root
+  h as Root
 };

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

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface SidebarItemProps extends PropsWithChildren {
+    className?: string;
+    label: string;
+    href?: string;
+}
+export declare const SidebarItem: FC<SidebarItemProps>;
+export {};

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

@@ -0,0 +1,46 @@
+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 "react";
+/* empty css                   */
+/* empty css                   */
+import { NavLink as n } 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";
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+import { useShell as a } from "./context.js";
+const L = ({
+  className: o,
+  children: m,
+  label: r,
+  href: i
+}) => {
+  const { isSidebarOpen: t } = a();
+  return /* @__PURE__ */ p(
+    l,
+    {
+      className: "component-shell__sidebar-item__wrapper",
+      label: !t && r,
+      placement: "right",
+      children: /* @__PURE__ */ e(
+        n,
+        {
+          className: s("component-shell__sidebar-item", o),
+          href: i,
+          children: [
+            m,
+            r
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  L as SidebarItem
+};

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../utils/css.js";
+const p = ({
+  className: e,
+  children: r
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    role: "separator",
+    className: o("component-shell__sidebar-separator", e),
+    children: r && /* @__PURE__ */ a("span", { className: "component-shell__sidebar-separator__label", children: r })
+  }
+);
+export {
+  p as SidebarSeparator
+};

package/dist/components/shell/sidebar.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../utils/css.js";
-const i = ({ className: r, children: o }) => /* @__PURE__ */ e("div", { className: m("component-shell__sidebar", r), children: o });
+import { cn as o } from "../../utils/css.js";
+const m = ({ className: r, children: n }) => /* @__PURE__ */ e("div", { className: o("component-shell__sidebar", r), children: /* @__PURE__ */ e("div", { className: "component-shell__sidebar__inner", children: n }) });
 export {
-  i as Sidebar
+  m as Sidebar
 };

package/dist/components/tabs/index.js

@@ -2,7 +2,7 @@ import { List as o } from "./list.js";
 import { Panel as r } from "./panel.js";
 import { Tabs as m } from "./root.js";
 import { Tab as s } from "./tab.js";
-import '../../assets/index9.css';const p = Object.assign(m, {
+import '../../assets/index10.css';const p = Object.assign(m, {
   Panel: r,
   List: o,
   Tab: s

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-BvZvev5m.js";
+import { T as i } from "../../tab-list-BPSxHllS.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-QxtN3GO3.js";
+import { T as e } from "../../tab-panel-fbUcLE4f.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-T_g-bJwY.js";
+import { T as m } from "../../tab-provider-x586a8l7.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-BbgJF9GJ.js";
+import { T as s } from "../../tab-BXGTM7Se.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/index.js

@@ -1,6 +1,6 @@
 import { List as o } from "./list.js";
 import { Tag as t } from "./tag.js";
-import '../../assets/index10.css';const s = Object.assign(t, {
+import '../../assets/index11.css';const s = Object.assign(t, {
   List: o
 });
 export {

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/style10.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/style8.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-CN-A8iMa.js";
+import { T as m } from "../../toolbar-separator-CN00-jyc.js";
 const p = ({ className: o }) => /* @__PURE__ */ r(
   m,
   {

package/dist/components/toolbar/index.js

@@ -2,8 +2,8 @@ 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-UEiMfbRm.js";
-import '../../assets/index11.css';const p = Object.assign(i, {
+import { T as o } from "../../IWEFDH56-DLJvQd6v.js";
+import '../../assets/index12.css';const p = Object.assign(i, {
   Generic: o,
   IconButton: t(o, r.Icon, {
     size: "small",