@wrdagency/blockout 1.0.35 → 1.0.36

package/dist/components/shell/navigation.js

@@ -1,51 +1,7 @@
-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
-  ] });
-};
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import { ap as a } from "../../style-nHUEFY3u.js";
+import "./context.js";
 export {
-  M as Navigation
+  a as Navigation
 };

package/dist/components/shell/pane.js

@@ -1,32 +1,19 @@
-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 "react/jsx-runtime";
+import "../../utils/css.js";
+import "../../primitives/colourway/index.js";
+import { aq as g } from "../../style-nHUEFY3u.js";
 import "react";
-/* empty css                   */
-/* empty css                   */
-/* empty css                   */
+import "../../primitives/link/index.js";
+import "../../primitives/icon-label/index.js";
+import "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
-/* empty css                   */
-import { ScrollArea as i } from "../../primitives/scroll-area/index.js";
+import '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
+import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
 /* empty css                   */
-/* empty css                   */
-/* empty css                   */
-/* empty css                    */
-const j = ({
-  className: m,
-  edgeless: o = !1,
-  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__padding",
-      o && `component-shell__pane__padding--edgeless-${o === !0 ? "all" : o}`
-    ),
-    children: t
-  }
-) }) });
+import "../../primitives/visually-hidden/index.js";
 export {
-  j as Pane
+  g as Pane
 };

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

@@ -1,52 +1,20 @@
-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/jsx-runtime";
+import "../../utils/css.js";
+import "../../primitives/colourway/index.js";
+import { ar as j } from "../../style-nHUEFY3u.js";
 import "react";
-/* empty css                   */
-/* empty css                   */
-import { NavLink as a } from "../../primitives/nav-link/index.js";
+import "../../primitives/link/index.js";
+import "../../primitives/icon-label/index.js";
+import "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
-/* empty css                   */
+import '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
-import { Tooltip as d } from "../../primitives/tooltip/index.js";
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
 /* empty css                   */
-/* empty css                   */
-/* empty css                    */
-import { useShell as c } from "./context.js";
-const q = ({
-  className: o,
-  children: i,
-  label: r,
-  divide: e = !1,
-  end: m = !1,
-  ...t
-}) => {
-  const { isSidebarOpen: p } = c();
-  return /* @__PURE__ */ s(
-    d,
-    {
-      label: !p && r,
-      placement: "right",
-      render: /* @__PURE__ */ n(
-        a,
-        {
-          className: l(
-            "component-shell__sidebar-item",
-            e && "component-shell__sidebar-item--divide",
-            m && "component-shell__sidebar-item--end",
-            o
-          ),
-          ...t,
-          children: [
-            i,
-            r
-          ]
-        }
-      )
-    }
-  );
-};
+import "../../primitives/visually-hidden/index.js";
+import "./context.js";
 export {
-  q as SidebarItem
+  j as SidebarItem
 };

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/index10.css';const p = Object.assign(m, {
+import '../../assets/index4.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-CndMWcVv.js";
+import { T as i } from "../../tab-list-C-qZAxsl.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-DedzuWUA.js";
+import { T as e } from "../../tab-panel-BaWZ3QU6.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-B0BoLfST.js";
+import { T as m } from "../../tab-provider-BqxRaJtd.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-DejwS4C8.js";
+import { T as s } from "../../tab-Cz1Iy2-6.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,8 +1,4 @@
-import { List as o } from "./list.js";
-import { Tag as t } from "./tag.js";
-import '../../assets/index11.css';const s = Object.assign(t, {
-  List: o
-});
+import { T as r } from "../../style-nHUEFY3u.js";
 export {
-  s as Tag
+  r as Tag
 };

package/dist/components/tag/list.js

@@ -1,10 +1,6 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { cn as i } from "../../utils/css.js";
-import { Tag as p } from "./tag.js";
-const d = ({ className: l, items: o, children: c }) => /* @__PURE__ */ n("div", { className: i("component-tag-list", l), role: "list", children: [
-  o == null ? void 0 : o.map((r) => /* @__PURE__ */ a(p, { colourway: r.colourway, children: r.label }, r.id)),
-  c
-] });
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import { a3 as m } from "../../style-nHUEFY3u.js";
 export {
-  d as List
+  m as List
 };

package/dist/components/tag/tag.js

@@ -1,27 +1,19 @@
-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/jsx-runtime";
+import "../../primitives/colourway/index.js";
+import { a2 as j } from "../../style-nHUEFY3u.js";
+import "../../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                   */
-/* empty css                   */
-/* empty css                   */
+import "../../primitives/link/index.js";
+import "../../primitives/icon-label/index.js";
+import "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
-/* empty css                   */
+import '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
 /* empty css                   */
-/* empty css                   */
-/* empty css                   */
-/* empty css                    */
-const y = ({ className: o, colourway: r, children: m }) => /* @__PURE__ */ t(
-  p,
-  {
-    as: "div",
-    theme: r,
-    className: i("component-tag", o),
-    children: m
-  }
-);
+import "../../primitives/visually-hidden/index.js";
 export {
-  y as Tag
+  j as Tag
 };

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

package/dist/components/toolbar/index.js

@@ -1,17 +1,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-BACkQ6dc.js";
-import '../../assets/index12.css';const p = Object.assign(i, {
-  Generic: o,
-  IconButton: t(o, r.Icon, {
-    size: "small",
-    variant: "ghost",
-    className: "component-toolbar__icon-button"
-  }),
-  Divider: m
-});
+import "../../utils/components.js";
+import { b as a } from "../../style-nHUEFY3u.js";
+import "./divider.js";
+import "./root.js";
+import "../../combobox-popover-C6rwSpgq.js";
 export {
-  p as Toolbar
+  a as Toolbar
 };

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-PSaF1mdF.js";
+import { T as a } from "../../toolbar-BlMTPulL.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,34 +1,34 @@
 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/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                   */
-/* empty css                   */
-/* empty css                   */
+import "../../primitives/colourway/index.js";
+import { B as l } from "../../style-nHUEFY3u.js";
+import { Draggable as d } from "../../primitives/draggable/index.js";
+import { useState as f } from "react";
+import "../../primitives/link/index.js";
+import "../../primitives/icon-label/index.js";
+import "../../primitives/nav-link/index.js";
 import "../../primitives/popover/index.js";
-import { Resizable as f } from "../../primitives/resizable/index.js";
+import { Resizable as h } from "../../primitives/resizable/index.js";
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
-import { a as h } from "../../G7GW6PWC-Dk4hVbAk.js";
-/* empty css                   */
-/* empty css                   */
-import { H3 as w } from "../../primitives/typography/heading.js";
-/* empty css                   */
-/* empty css                    */
-import { o as x } from "../../DotsSixVertical.es-Ixbhxg7Z.js";
-import { Button as _ } from "../button/index.js";
+import { P as w } from "../../G7GW6PWC-BbXlQk2u.js";
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
+import { H3 as x } from "../../primitives/typography/heading.js";
+import '../../assets/style2.css';/* empty css                   */
+import "../../primitives/visually-hidden/index.js";
+import { o as _ } from "../../DotsSixVertical.es-Ixbhxg7Z.js";
 const C = ({
   className: e,
   title: m,
   children: n,
   edgeless: s = !1
 }) => {
-  const [r, p] = d({ x: 0, y: 0 }), a = (t) => {
+  const [r, p] = f({ x: 0, y: 0 }), a = (t) => {
     p({ x: t.current.x - 25, y: t.current.y - 25 });
   };
-  return /* @__PURE__ */ o(h, { children: /* @__PURE__ */ o(
-    f,
+  return /* @__PURE__ */ o(w, { children: /* @__PURE__ */ o(
+    h,
     {
       axis: "both",
       className: c(
@@ -42,8 +42,8 @@ const C = ({
       },
       children: /* @__PURE__ */ i("div", { className: "component-window__body", children: [
         /* @__PURE__ */ i("header", { className: "component-window__header", children: [
-          /* @__PURE__ */ o(l, { onMove: a, transform: !1, children: /* @__PURE__ */ o(_.Icon, { variant: "ghost", size: "small", children: /* @__PURE__ */ o(x, {}) }) }),
-          /* @__PURE__ */ o(w, { className: "component-window__title", size: 6, children: m })
+          /* @__PURE__ */ o(d, { onMove: a, transform: !1, children: /* @__PURE__ */ o(l.Icon, { variant: "ghost", size: "small", children: /* @__PURE__ */ o(_, {}) }) }),
+          /* @__PURE__ */ o(x, { className: "component-window__title", size: 6, children: m })
         ] }),
         /* @__PURE__ */ o("div", { className: "component-window__children", children: n })
       ] })

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

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

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

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

package/dist/filter-ClQxRPQl.js

@@ -0,0 +1,120 @@
+import { jsx as i } from "react/jsx-runtime";
+import "react";
+import "./components/controls/base-control/index.js";
+import "./style-DH642ww9.js";
+import "./components/controls/checkbox-control/index.js";
+import { normalizeOption as n } from "./types/options.js";
+import "./primitives/colourway/index.js";
+import { d as s } from "./style-nHUEFY3u.js";
+import "./primitives/link/index.js";
+import "./primitives/icon-label/index.js";
+import "./primitives/nav-link/index.js";
+import "./primitives/popover/index.js";
+import './assets/styles.css';import './assets/style5.css';import './assets/style4.css';import './assets/style2.css';import './assets/style.css';/* empty css               */
+import "./primitives/scroll-area/index.js";
+import "./primitives/symbol/index.js";
+import "./primitives/tooltip/index.js";
+import "./primitives/truncate/index.js";
+/* empty css               */
+import "./primitives/visually-hidden/index.js";
+import "./components/controls/date-control/component.js";
+import "./index-CrDFDRMM.js";
+/* empty css               */
+/* empty css               */
+import { TextControl as a } from "./components/controls/text-control/index.js";
+/* empty css                */
+const l = {
+  id: "is",
+  label: "is",
+  filterFn: (t, o) => t === o,
+  editor: ({ className: t, value: o, onChangeValue: r, options: e }) => /* @__PURE__ */ i(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: e
+    }
+  )
+}, m = {
+  id: "isNot",
+  label: "is not",
+  filterFn: (t, o) => t !== o,
+  editor: ({ className: t, value: o, onChangeValue: r, options: e }) => /* @__PURE__ */ i(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: e
+    }
+  )
+}, p = {
+  id: "contains",
+  label: "contains",
+  filterFn: (t, o) => t.toLowerCase().includes(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ i(a, { className: t, value: o, onChangeValue: r })
+}, d = {
+  id: "startsWith",
+  label: "starts with",
+  filterFn: (t, o) => t.toLowerCase().startsWith(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ i(a, { className: t, value: o, onChangeValue: r })
+}, c = {
+  id: "endsWith",
+  label: "ends with",
+  filterFn: (t, o) => t.toLowerCase().endsWith(o.toLowerCase()),
+  editor: ({ className: t, value: o, onChangeValue: r }) => /* @__PURE__ */ i(a, { className: t, value: o, onChangeValue: r })
+}, b = {
+  id: "inArray",
+  label: "includes",
+  filterFn: (t, o) => t.some(
+    (r) => n(r).value.toLowerCase() === o.toLowerCase()
+  ),
+  editor: ({ className: t, value: o, onChangeValue: r, options: e }) => /* @__PURE__ */ i(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: e
+    }
+  )
+}, f = {
+  id: "notInArray",
+  label: "doesn't include",
+  filterFn: (t, o) => !t.some(
+    (r) => n(r).value.toLowerCase() === o.toLowerCase()
+  ),
+  editor: ({ className: t, value: o, onChangeValue: r, options: e }) => /* @__PURE__ */ i(
+    s,
+    {
+      searchable: !0,
+      className: t,
+      value: o,
+      onChangeValue: r,
+      options: e
+    }
+  )
+}, D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  contains: p,
+  endsWith: c,
+  inArray: b,
+  is: l,
+  isNot: m,
+  notInArray: f,
+  startsWith: d
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  m as a,
+  b,
+  p as c,
+  c as e,
+  D as f,
+  l as i,
+  f as n,
+  d as s
+};

package/dist/hooks/state.js

@@ -1,4 +1,4 @@
-import { a as e } from "../index-D7vLJIGX.js";
+import { a as e } from "../index-D0xboB4V.js";
 function a(t) {
   return e(t);
 }

package/dist/hooks/theme.js

@@ -1,4 +1,4 @@
-import { u as m } from "../index-D7vLJIGX.js";
+import { u as m } from "../index-D0xboB4V.js";
 import { useEffect as r } from "react";
 function h() {
   const [e, t] = m("blockout__theme", "light");