@wrdagency/blockout 1.0.35 → 1.0.37

package/dist/components/avatar/index.js

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

package/dist/components/badge/index.js

@@ -1,24 +1,25 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cn as c } from "../../utils/css.js";
-import '../../assets/index3.css';const a = ({
-  className: n,
+import { cn as m } from "../../utils/css.js";
+import '../../assets/style3.css';/* empty css                   */
+const i = ({
+  className: o,
   value: e = !0,
-  children: o
+  children: n
 }) => /* @__PURE__ */ t(
   "div",
   {
-    className: c(
+    className: m(
       "component-badge",
       !!e && "component-badge--enabled",
       typeof e == "number" && "component-badge--with-value",
-      n
+      o
     ),
     children: [
-      o,
+      n,
       /* @__PURE__ */ r("div", { className: "component-badge__indicator", children: e })
     ]
   }
 );
 export {
-  a as Badge
+  i as Badge
 };

package/dist/components/breadcrumbs/index.js

@@ -1,25 +1,26 @@
-import { jsx as r, jsxs as a } 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/style7.css';import '../../assets/index4.css';/* empty css                   */
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { cn as a } from "../../utils/css.js";
+import "../../primitives/colourway/index.js";
+import "../../style-nHUEFY3u.js";
 import "react";
 import { Link as s } from "../../primitives/link/index.js";
-/* empty css                   */
-/* empty css                   */
+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                    */
-import { e as n } from "../../CaretRight.es-vnr78BGI.js";
-import { C as c } from "../../composite-provider-BPIeS4Cg.js";
-import { C as l } from "../../5JTVDSTH-CZ7mfyUK.js";
-import { C as d } from "../../J2LQO3EC-BXJIaM2U.js";
-import { C as b } from "../../6VRAQV3D-BYmT0QTl.js";
-import { C as f } from "../../TP7N7UIH-C4jXJDlO.js";
-const D = ({
+import "../../primitives/visually-hidden/index.js";
+import { e as n } from "../../item-BHwNOBly.js";
+import { C as c } from "../../composite-provider-DlANhpbV.js";
+import { C as l } from "../../5JTVDSTH-Cb-3mCyv.js";
+import { C as d } from "../../J2LQO3EC-CvdDteYO.js";
+import { C as b } from "../../6VRAQV3D-Dzur8C7A.js";
+import { C as f } from "../../TP7N7UIH-BtuT6Y_M.js";
+const E = ({
   crumbs: m,
   separator: e = /* @__PURE__ */ r(n, {}),
   className: i,
@@ -30,7 +31,7 @@ const D = ({
     render: /* @__PURE__ */ r(
       "nav",
       {
-        className: p("component-breadcrumbs", i),
+        className: a("component-breadcrumbs", i),
         "aria-label": "breadcrumb",
         ...t
       }
@@ -39,7 +40,7 @@ const D = ({
       d,
       {
         render: /* @__PURE__ */ r("ol", { className: "component-breadcrumbs__list" }),
-        children: m.map((o) => /* @__PURE__ */ a(
+        children: m.map((o) => /* @__PURE__ */ p(
           "li",
           {
             className: "component-breadcrumbs__item",
@@ -69,5 +70,5 @@ const D = ({
   }
 ) });
 export {
-  D as Breadcrumbs
+  E as Breadcrumbs
 };

package/dist/components/button/button.js

@@ -1,35 +1,19 @@
-import { jsx as r } 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/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style7.css';import '../../assets/button.css';/* empty css                   */
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import "../../primitives/colourway/index.js";
+import { q as d } from "../../style-nHUEFY3u.js";
 import "react";
-import { Link as a } from "../../primitives/link/index.js";
-/* 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 L = (n) => {
-  const {
-    className: e,
-    wide: i,
-    size: p,
-    variant: s,
-    as: t = "button",
-    ...o
-  } = n, m = c(
-    e,
-    "component-button",
-    `component-button--${s || "primary"}`,
-    `component-button--${p || "medium"}`,
-    i && "component-button--wide"
-  );
-  return t === "link" ? /* @__PURE__ */ r(a, { ...o, className: m }) : t === "button" ? /* @__PURE__ */ r("button", { type: "button", ...o, className: m }) : /* @__PURE__ */ r(t, { ...o, className: m });
-};
+import "../../primitives/visually-hidden/index.js";
 export {
-  L as Button
+  d as Button
 };

package/dist/components/button/icon.js

@@ -1,35 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as i } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.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 { u as d } 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 '../../assets/style2.css';import '../../assets/style.css';/* empty css                   */
 import "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
-import { Tooltip as n } from "../../primitives/tooltip/index.js";
-/* empty css                   */
+import "../../primitives/tooltip/index.js";
+import "../../primitives/truncate/index.js";
 /* empty css                   */
-/* empty css                    */
-import { Button as r } from "./button.js";
-const T = (o) => {
-  const m = o["aria-label"];
-  return m ? /* @__PURE__ */ t(n, { label: m, children: /* @__PURE__ */ t(
-    r,
-    {
-      ...o,
-      className: i("component-button--icon", o.className)
-    }
-  ) }) : /* @__PURE__ */ t(
-    r,
-    {
-      ...o,
-      className: i("component-button--icon", o.className)
-    }
-  );
-};
+import "../../primitives/visually-hidden/index.js";
 export {
-  T as IconButton
+  d as IconButton
 };

package/dist/components/button/index.js

@@ -1,10 +1,5 @@
-import { Button as o } from "./button.js";
-import { IconButton as t } from "./icon.js";
-import { Row as n } from "./row.js";
-const i = Object.assign(o, {
-  Icon: t,
-  Row: n
-});
+import { B as m } from "../../style-nHUEFY3u.js";
+import "./row.js";
 export {
-  i as Button
+  m as Button
 };

package/dist/components/button/row.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as p } from "../../utils/css.js";
 import { Children as i } from "react";
-import { C as s } from "../../composite-provider-BPIeS4Cg.js";
-import { C as a } from "../../5JTVDSTH-CZ7mfyUK.js";
-import { C as c } from "../../J2LQO3EC-BXJIaM2U.js";
-import { C } from "../../6VRAQV3D-BYmT0QTl.js";
+import { C as s } from "../../composite-provider-DlANhpbV.js";
+import { C as a } from "../../5JTVDSTH-Cb-3mCyv.js";
+import { C as c } from "../../J2LQO3EC-CvdDteYO.js";
+import { C } from "../../6VRAQV3D-Dzur8C7A.js";
 const x = ({
   className: t,
   gap: m = "md",

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

@@ -1,34 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "react";
-import { useHotkey as s } from "../../hooks/keyboard.js";
-import { cn as c } from "../../utils/css.js";
-import { noop as l } from "../../utils/noop.js";
-import { CommandPalette as d } from "./static.js";
-import { u } from "../../BM6PGYQY-DCbkDr5N.js";
-import { D as f } from "../../G7GW6PWC-Dk4hVbAk.js";
-const O = ({
-  className: r,
-  open: a,
-  onOpenChange: t = l,
-  hotkey: e,
-  ...n
-}) => {
-  const m = u({ open: a, setOpen: t }), p = () => {
-    t(!0);
-  };
-  return e && s(e, (i) => {
-    i.preventDefault(), p();
-  }), /* @__PURE__ */ o(
-    f,
-    {
-      store: m,
-      className: c("component-command-palette", r),
-      backdrop: /* @__PURE__ */ o("div", { className: "component-command-palette__backdrop" }),
-      unmountOnHide: !0,
-      children: /* @__PURE__ */ o(d, { disclosure: m, ...n })
-    }
-  );
-};
+import "../../hooks/keyboard.js";
+import "../../utils/css.js";
+import "../../utils/noop.js";
+import { w as d } from "../../style-nHUEFY3u.js";
+import "../../BM6PGYQY-CCtFEKyb.js";
+import "../../G7GW6PWC-BbXlQk2u.js";
 export {
-  O as DialogCommandPalette
+  d as DialogCommandPalette
 };

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

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

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

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

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

@@ -1,76 +1,23 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { cn as f } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';import '../../assets/style7.css';import '../../assets/static.css';/* empty css                   */
-import { noop as N } from "../../utils/noop.js";
-import { startTransition as b } from "react";
-/* empty css                   */
-/* empty css                   */
-/* empty css                   */
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import "../../primitives/colourway/index.js";
+import { v as j } from "../../style-nHUEFY3u.js";
+import "../../utils/noop.js";
+import "react";
+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                   */
-import { Keyboard as x } from "../../primitives/typography/keyboard.js";
-/* empty css                    */
-import { s as C } from "../../MagnifyingGlass.es-CLstwG_v.js";
-import { L as S } from "../../presets-BDIhXP0C.js";
-import { C as v, a as y, b as L } from "../../MAXQOH4L-BYWBWXpb.js";
-const I = ({
-  disclosure: m,
-  className: l,
-  search: c = "",
-  onSearchChange: p = N,
-  placeholder: i = "Search...",
-  commands: r = [],
-  children: d = S
-}) => {
-  const _ = (t) => {
-    b(() => {
-      p(t);
-    });
-  }, h = (t) => {
-    var o, n;
-    (n = (o = r.flatMap((a) => [a, ...a.children || []]).find((a) => a.id === t)) == null ? void 0 : o.onSelect) == null || n.call(o);
-  }, u = r.length > 0;
-  return /* @__PURE__ */ e("div", { className: f("component-command-palette__static", l), children: /* @__PURE__ */ s(
-    v,
-    {
-      focusLoop: !1,
-      includesBaseElement: !1,
-      resetValueOnHide: !0,
-      value: c,
-      setValue: _,
-      selectedValue: "",
-      setSelectedValue: h,
-      disclosure: m,
-      open: m ? void 0 : !0,
-      children: [
-        /* @__PURE__ */ s("header", { className: "component-command-palette__header", children: [
-          /* @__PURE__ */ e(C, { className: "component-command-palette__header__icon" }),
-          /* @__PURE__ */ e(
-            y,
-            {
-              autoSelect: "always",
-              className: "component-command-palette__input",
-              type: "search",
-              placeholder: i
-            }
-          ),
-          m && /* @__PURE__ */ e(x, { className: "component-command-palette__close", children: "Esc" })
-        ] }),
-        u ? /* @__PURE__ */ e(L, { className: "component-command-palette__results", children: r.map(
-          (t) => d({
-            command: t,
-            className: "component-command-palette__results__item"
-          })
-        ) }) : /* @__PURE__ */ e("div", { className: "component-command-palette__empty", children: "No results found" })
-      ]
-    }
-  ) });
-};
+import "../../primitives/typography/keyboard.js";
+import "../../primitives/visually-hidden/index.js";
+import "../../presets-DevAa76r.js";
+import "../../combobox-popover-C6rwSpgq.js";
 export {
-  I as CommandPalette
+  j as CommandPalette
 };

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

@@ -2,8 +2,7 @@ import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { cn as k } from "../../../utils/css.js";
 import "react";
 import { Affix as m } from "./affix.js";
-import '../../../assets/styles2.css';/* empty css                       */
-const y = ({
+import '../../../assets/index2.css';const q = ({
   as: n = "div",
   label: c,
   className: i,
@@ -53,5 +52,5 @@ const y = ({
   );
 };
 export {
-  y as BaseControl
+  q as BaseControl
 };

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

@@ -1,36 +1,35 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { Button as a } from "../../button/index.js";
-import '../../../assets/style19.css';import '../../../assets/styles.css';import '../../../assets/style6.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 { B as i } from "../../../style-nHUEFY3u.js";
+import "../../../primitives/colourway/index.js";
 import { useState as c } from "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 '../../../assets/style2.css';import '../../../assets/style.css';/* empty css                      */
 import { ScrollArea as l } from "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
-/* empty css                      */
+import "../../../primitives/tooltip/index.js";
 import { Truncate as d } from "../../../primitives/truncate/index.js";
 /* empty css                      */
-/* empty css                       */
+import "../../../primitives/visually-hidden/index.js";
 import { e as v } from "../../../CaretDown.es-CfgGfmY2.js";
 import { BaseControl as f } from "../base-control/index.js";
-import { useBaseControlProps as P } from "../base-control/props.js";
-/* empty css                      */
-import { P as u } from "../../../popover-provider-BJEfhgr1.js";
-import { P as _ } from "../../../WMYDSCNQ-pGjWB-Pk.js";
-import { P as h } from "../../../G7GW6PWC-Dk4hVbAk.js";
-const H = (t) => {
-  const { baseProps: s, controlProps: r } = P(t, {
+import { useBaseControlProps as u } from "../base-control/props.js";
+import { P } from "../../../popover-provider-DsS2XUBC.js";
+import { P as _ } from "../../../WMYDSCNQ-BdMfJmVD.js";
+import { a as h } from "../../../G7GW6PWC-BbXlQk2u.js";
+const G = (t) => {
+  const { baseProps: s, controlProps: r } = u(t, {
     className: "component-base-popover-control"
-  }), [p, m] = c(!1), { placeholder: n, children: i } = r;
+  }), [p, n] = c(!1), { placeholder: m, children: a } = r;
   return /* @__PURE__ */ e(f, { ...s, children: [
     /* @__PURE__ */ o("input", { ...r.inputProps, id: r.id, type: "hidden" }),
-    /* @__PURE__ */ e(u, { open: p, setOpen: m, children: [
+    /* @__PURE__ */ e(P, { open: p, setOpen: n, children: [
       /* @__PURE__ */ e(_, { className: "component-base-popover-control__input", children: [
-        /* @__PURE__ */ o(d, { className: "component-base-popover-control__value", children: n }),
+        /* @__PURE__ */ o(d, { className: "component-base-popover-control__value", children: m }),
         /* @__PURE__ */ o(
-          a.Icon,
+          i.Icon,
           {
             className: "component-base-popover-control__caret",
             size: "small",
@@ -51,12 +50,12 @@ const H = (t) => {
           fitViewport: !0,
           gutter: 8,
           overflowPadding: 4,
-          children: /* @__PURE__ */ o(l, { axis: "y", children: i })
+          children: /* @__PURE__ */ o(l, { axis: "y", children: a })
         }
       )
     ] })
   ] });
 };
 export {
-  H as BasePopoverControl
+  G as BasePopoverControl
 };

package/dist/components/controls/card-number-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as e } from "react/jsx-runtime";
 import { noop as u } from "../../../utils/noop.js";
-import { c as p } from "../../../style-CWAa57kN.js";
+import { c as p } from "../../../style-DH642ww9.js";
 import { useMemo as x } from "react";
 import { BaseControl as y } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";

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

@@ -6,8 +6,7 @@ import * as e from "react";
 import { w as N } from "../../../SSRBase.es-BUXS72ra.js";
 import { Affix as p } from "../base-control/affix.js";
 import { useBaseControlProps as C } from "../base-control/props.js";
-import '../../../assets/style8.css';/* empty css                      */
-const F = /* @__PURE__ */ new Map([
+import '../../../assets/index13.css';const F = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,28H48A20,20,0,0,0,28,48V208a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V48A20,20,0,0,0,208,28Zm-4,176H52V52H204ZM76,128a12,12,0,0,1,12-12h80a12,12,0,0,1,0,24H88A12,12,0,0,1,76,128Z" }))
@@ -40,7 +39,7 @@ const F = /* @__PURE__ */ new Map([
   ]
 ]), i = e.forwardRef((o, c) => /* @__PURE__ */ e.createElement(N, { ref: c, ...o, weights: F }));
 i.displayName = "MinusSquareIcon";
-const B = (o) => {
+const q = (o) => {
   const { baseProps: c, controlProps: H } = C(o, {
     className: "component-checkbox-control"
   }), { id: d, label: m, prefix: f, suffix: u, help: s, className: V } = c, {
@@ -87,5 +86,5 @@ const B = (o) => {
   );
 };
 export {
-  B as CheckboxControl
+  q as CheckboxControl
 };