@wrdagency/blockout 1.0.34 → 1.0.36

package/dist/{presets-BDIhXP0C.js → presets-DevAa76r.js}

@@ -2,8 +2,7 @@ import { jsx as l, jsxs as m } from "react/jsx-runtime";
 import { cn as s } from "./utils/css.js";
 import * as e from "react";
 import { w as d } from "./SSRBase.es-BUXS72ra.js";
-import { C as p, a as _ } from "./combobox-group-hNvv1WJm.js";
-import { C as h } from "./JMHAJKUZ-D5KCN1Aj.js";
+import { a as p, C as _, b as h } from "./JMHAJKUZ-B_CxAFEI.js";
 const u = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -42,7 +41,7 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
     return /* @__PURE__ */ l(V, { className: t, command: a });
   const o = a.icon || i;
   return /* @__PURE__ */ m(
-    h,
+    _,
     {
       className: s("command-palette-preset__list", t),
       focusOnHover: !0,
@@ -69,7 +68,7 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
           c,
           {
             command: t,
-            render: /* @__PURE__ */ l(_, { className: "command-palette-preset__list__group__label" }),
+            render: /* @__PURE__ */ l(h, { className: "command-palette-preset__list__group__label" }),
             withinGroup: !0
           }
         ),
@@ -88,13 +87,13 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
   command: a,
   className: t
 }) => /* @__PURE__ */ l(
-  h,
+  _,
   {
     className: s("command-palette-preset__horizontal", t),
     focusOnHover: !0,
     value: a.id,
     setValueOnClick: !1,
-    render: /* @__PURE__ */ l(_, {}),
+    render: /* @__PURE__ */ l(h, {}),
     children: a.label
   }
 ), v = ({
@@ -109,13 +108,13 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
       className: s("command-palette-preset__horizontal__group", a),
       children: [
         /* @__PURE__ */ m(
-          h,
+          _,
           {
             className: "command-palette-preset__horizontal__group__label",
             focusOnHover: !0,
             value: t.id,
             setValueOnClick: !1,
-            render: /* @__PURE__ */ l(_, {}),
+            render: /* @__PURE__ */ l(h, {}),
             children: [
               /* @__PURE__ */ l(n, { className: "command-palette-preset__horizontal__group__label__icon" }),
               /* @__PURE__ */ l("span", { className: "command-palette-preset__horizontal__group__label__text", children: t.label })
@@ -136,7 +135,7 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
 }, M = (a) => {
   var t;
   return (t = a.command.children) != null && t.length ? /* @__PURE__ */ l(v, { ...a }) : /* @__PURE__ */ l(H, { ...a });
-}, E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HorizontalCommandPalettePreset: M,
   ListCommandPalettePreset: Z
@@ -144,5 +143,5 @@ const c = ({ command: a, className: t, render: n, withinGroup: r }) => {
 export {
   M as H,
   Z as L,
-  E as P
+  C as P
 };

package/dist/primitives/colourway/index.js

@@ -1,14 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { cn as s } from "../../utils/css.js";
-import '../../assets/style7.css';/* empty css                   */
-import { getRandomTheme as v } from "./util.js";
-const l = ({
+import { getRandomTheme as f } from "./util.js";
+import '../../assets/index5.css';const n = ({
   theme: o = "ash",
   as: r,
   className: m,
   children: t,
-  ...i
-}) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ i(
   r || "div",
   {
     className: s(
@@ -16,11 +15,11 @@ const l = ({
       `primitive-colourway--${o}`,
       m
     ),
-    ...i,
+    ...e,
     children: t
   }
 );
 export {
-  l as Colourway,
-  v as getRandomTheme
+  n as Colourway,
+  f as getRandomTheme
 };

package/dist/primitives/context-menu/index.d.ts

@@ -0,0 +1,7 @@
+import { AnyMenuItem } from '../../components/menu/types';
+import { HTMLAttributes } from 'react';
+interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
+    items: AnyMenuItem<void>[];
+}
+export declare const ContextMenu: import('react').ForwardRefExoticComponent<ContextMenuProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};

package/dist/primitives/context-menu/index.js

@@ -0,0 +1,37 @@
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import "../colourway/index.js";
+import { C as I } from "../../style-nHUEFY3u.js";
+import "../../utils/noop.js";
+import "react";
+import "../link/index.js";
+import "../icon-label/index.js";
+import "../nav-link/index.js";
+import "../popover/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';/* empty css                   */
+import "../scroll-area/index.js";
+import "../symbol/index.js";
+import "../tooltip/index.js";
+import "../truncate/index.js";
+/* empty css                   */
+import "../visually-hidden/index.js";
+/* empty css                   */
+import "../../components/controls/base-control/index.js";
+import "../../style-DH642ww9.js";
+import "../../components/controls/checkbox-control/index.js";
+import "../../components/controls/date-control/component.js";
+import "../../index-CrDFDRMM.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+import "../../components/data-view/slots/root/context.js";
+import "../../components/data-view/slots/item/context.js";
+import "../../components/data-view/slots/property/context.js";
+import "../../components/filesystem/index.js";
+import "../../components/form/types/form.js";
+import "../../components/tabs/index.js";
+import "../../components/dashboard/context.js";
+export {
+  I as ContextMenu
+};

package/dist/primitives/icon-label/index.js

@@ -1,32 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as p } from "../../utils/css.js";
-import { Link as c } from "../link/index.js";
-import '../../assets/style.css';/* empty css                   */
-const A = ({
+import { jsx as t } from "react/jsx-runtime";
+import { cn as c } from "../../utils/css.js";
+import { Link as p } from "../link/index.js";
+import '../../assets/index6.css';const x = ({
   className: e,
-  children: o,
-  size: l = "normal",
+  children: l,
+  size: o = "normal",
   variant: r = "normal",
-  flip: m = !1,
-  between: n = !1,
+  flip: n = !1,
+  between: a = !1,
   href: i,
-  target: t
-}) => /* @__PURE__ */ a(
-  i ? c : "div",
+  target: m
+}) => /* @__PURE__ */ t(
+  i ? p : "div",
   {
-    className: p(
+    className: c(
       "primitive-icon-label",
-      `primitive-icon-label--size-${l}`,
+      `primitive-icon-label--size-${o}`,
       `primitive-icon-label--variant-${r}`,
-      m && "primitive-icon-label--flip",
-      n && "primitive-icon-label--between",
+      n && "primitive-icon-label--flip",
+      a && "primitive-icon-label--between",
       e
     ),
     href: i,
-    target: t,
-    children: o
+    target: m,
+    children: l
   }
 );
 export {
-  A as IconLabel
+  x as IconLabel
 };

package/dist/primitives/index.d.ts

@@ -1,4 +1,5 @@
 export { Colourway, getRandomTheme, type ColourwayTheme } from './colourway';
+export { ContextMenu } from './context-menu';
 export { Draggable } from './draggable';
 export { IconLabel } from './icon-label';
 export { Link } from './link';

package/dist/primitives/index.js

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

package/dist/primitives/link/index.js

@@ -2,28 +2,27 @@ import { jsx as a } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
 import { isOutbound as l } from "../../utils/url.js";
 import p, { useMemo as f } from "react";
-import '../../assets/style10.css';/* empty css                   */
-const b = ({
+import '../../assets/index7.css';const b = ({
   className: s,
   children: i,
   href: t,
   render: o,
   ...m
 }) => {
-  const e = f(() => t && l(t), [t]), r = m.target || (e ? "_blank" : void 0);
+  const e = f(() => t && l(t), [t]), u = m.target || (e ? "_blank" : void 0);
   if (!t)
     return i;
   const n = {
     className: c("primitive-link", s),
     href: t,
-    target: r,
+    target: u,
     ...m,
     children: i
   };
   if (o)
     return typeof o == "function" ? o(n) : p.cloneElement(o, n);
-  const u = b.anchorElement || "a";
-  return /* @__PURE__ */ a(u, { ...n });
+  const r = b.anchorElement || "a";
+  return /* @__PURE__ */ a(r, { ...n });
 };
 export {
   b as Link

package/dist/primitives/nav-link/index.js

@@ -4,8 +4,7 @@ import { isCurrent as c } from "../../utils/url.js";
 import { useMemo as u } from "react";
 import { IconLabel as v } from "../icon-label/index.js";
 import { Link as f } from "../link/index.js";
-import '../../assets/style2.css';/* empty css                   */
-const d = ({
+import '../../assets/index8.css';const _ = ({
   className: o,
   href: r,
   children: m,
@@ -13,16 +12,16 @@ const d = ({
   variant: t,
   flip: e,
   between: a,
-  ...p
+  ...s
 }) => {
-  const s = u(() => r && c(r), [r]);
+  const p = u(() => r && c(r), [r]);
   return /* @__PURE__ */ i(
     f,
     {
-      ...p,
+      ...s,
       className: l("primitive-nav-link", o),
       href: r,
-      "aria-current": s ? "page" : "false",
+      "aria-current": p ? "page" : "false",
       render: /* @__PURE__ */ i(
         v,
         {
@@ -38,5 +37,5 @@ const d = ({
   );
 };
 export {
-  d as NavLink
+  _ as NavLink
 };

package/dist/primitives/popover/index.js

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

package/dist/primitives/popover/root.js

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

package/dist/primitives/popover/target.js

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

package/dist/primitives/popover/window.js

@@ -1,21 +1,21 @@
 import { jsx as o } from "react/jsx-runtime";
-import { cn as a } from "../../utils/css.js";
+import { cn as s } from "../../utils/css.js";
 import { ScrollArea as m } from "../scroll-area/index.js";
-import { u as n } from "../../MTZPJQMC-D2i4-LA_.js";
-import { a as l } from "../../YV4JVR4I-CQnJhUSg.js";
-import { P as w } from "../../G7GW6PWC-Dk4hVbAk.js";
-const P = ({
+import { u as n } from "../../MTZPJQMC-CeWFa7M2.js";
+import { a as l } from "../../YV4JVR4I-BqDRuYuU.js";
+import { a as w } from "../../G7GW6PWC-BbXlQk2u.js";
+const x = ({
   className: r,
   children: e,
   edgeless: t = !1,
   ...i
 }) => {
-  const p = n(), { open: s } = l(p) || {};
-  if (s)
+  const p = n(), { open: a } = l(p) || {};
+  if (a)
     return /* @__PURE__ */ o(
       w,
       {
-        className: a(
+        className: s(
           "primitive-popover__window",
           t && "primitive-popover__window--edgeless",
           r
@@ -34,5 +34,5 @@ const P = ({
     );
 };
 export {
-  P as Window
+  x as Window
 };

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

@@ -1,7 +1,14 @@
 import { PolymorphicProps } from '../../types/component';
+import { Bounds2D } from '../../types/math';
 import { ElementType } from 'react';
+type Side = "x" | "y" | "both";
+type Direction = "right" | "bottom" | "bottom-right" | "left" | "bottom-left";
 interface ResizableProps {
-    axis?: "x" | "y" | "both";
+    axis?: Side;
+    transform?: boolean;
+    onGrab?: (bounds: Bounds2D, direction: Direction) => void;
+    onMove?: (bounds: Bounds2D, direction: Direction) => void;
+    onRelease?: (bounds: Bounds2D, direction: Direction) => void;
 }
-export declare const Resizable: <As extends ElementType = "div">({ as, axis, className, children, ...restProps }: PolymorphicProps<As, ResizableProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Resizable: <As extends ElementType = "div">({ as, axis, transform, onGrab, onMove, onRelease, className, children, ...restProps }: PolymorphicProps<As, ResizableProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/primitives/resizable/index.js

@@ -1,88 +1,146 @@
-import { jsxs as x, jsx as s } from "react/jsx-runtime";
-import { cn as y } from "../../utils/css.js";
-import { useRef as z, useState as g, useEffect as R } from "react";
-import { Draggable as l } from "../draggable/index.js";
-import '../../assets/style3.css';/* empty css                   */
-const B = ({
-  as: m,
-  axis: t = "both",
-  className: c,
-  children: b,
-  ...f
+import { jsxs as b, jsx as h, Fragment as u } from "react/jsx-runtime";
+import { cn as B } from "../../utils/css.js";
+import { noop as c } from "../../utils/noop.js";
+import { useRef as $, useState as z, useEffect as D } from "react";
+import { Draggable as d } from "../draggable/index.js";
+import '../../assets/style.css';/* empty css                   */
+const X = ({
+  as: x,
+  axis: m = "both",
+  transform: _ = !0,
+  onGrab: w = c,
+  onMove: y = c,
+  onRelease: R = c,
+  className: G,
+  children: M,
+  ...N
 }) => {
-  const p = m || "div", i = z(null), [h, d] = g({
+  const k = x || "div", o = $(null), [i, f] = z({
     x: 0,
     y: 0,
     width: 0,
     height: 0
-  }), a = () => {
-    const e = i.current.getBoundingClientRect();
-    d({
+  }), [r, v] = z(
+    void 0
+  ), g = () => {
+    const e = o.current.getBoundingClientRect();
+    return {
       x: e.x,
       y: e.y,
       width: e.width,
       height: e.height
-    });
-  }, r = (e) => {
-    a();
+    };
+  }, p = (e, a) => {
+    const t = { ...i };
+    switch (a) {
+      case "right":
+        t.width = i.width + e.delta.x;
+        break;
+      case "bottom":
+        t.height = i.height + e.delta.y;
+        break;
+      case "bottom-right":
+        t.width = i.width + e.delta.x, t.height = i.height + e.delta.y;
+        break;
+      case "left":
+        t.x = i.x + e.delta.x, t.width = i.width - e.delta.x;
+        break;
+      case "bottom-left":
+        t.x = i.x + e.delta.x, t.width = i.width - e.delta.x, t.height = i.height + e.delta.y;
+        break;
+    }
+    return t;
+  }, s = (e, a) => {
+    const t = g();
+    v(e), w(t, e), f(t);
   }, n = (e) => {
-    t !== "y" && (i.current.style.width = `${h.width + e.delta.x}px`), t !== "x" && (i.current.style.height = `${h.height + e.delta.y}px`);
-  }, o = (e) => {
-    d(({ x: u, y: v, ..._ }) => ({
-      x: u + e.delta.x,
-      y: v + e.delta.y,
-      ..._
-    })), a();
+    const a = p(e, r);
+    _ && (o.current.style.width = `${a.width}px`, o.current.style.height = `${a.height}px`, a.x !== i.x && (o.current.style.transform = `translateX(${a.x - i.x}px)`)), y(a, r);
+  }, l = (e) => {
+    const a = p(e, r);
+    v(void 0), f(a), R(a, r);
   };
-  return R(() => {
-    a();
-  }, []), /* @__PURE__ */ x(
-    p,
+  return D(() => {
+    g();
+  }, []), /* @__PURE__ */ b(
+    k,
     {
-      className: y("primitive-resizable", c),
-      ref: i,
-      ...f,
+      className: B(
+        "primitive-resizable",
+        r && "primitive-resizable--resizing",
+        r && `primitive-resizable--resizing-${r}`,
+        G
+      ),
+      ref: o,
+      ...N,
       children: [
-        t !== "y" && /* @__PURE__ */ s(
-          l,
-          {
-            className: "primitive-resizable__handle primitive-resizable__handle--x",
-            "aria-orientation": "horizontal",
-            axis: "x",
-            transform: !1,
-            onGrab: r,
-            onMove: n,
-            onRelease: o
-          }
-        ),
-        t !== "x" && /* @__PURE__ */ s(
-          l,
+        m !== "y" && /* @__PURE__ */ b(u, { children: [
+          /* @__PURE__ */ h(
+            d,
+            {
+              className: "primitive-resizable__handle primitive-resizable__handle--right",
+              "aria-orientation": "horizontal",
+              axis: "x",
+              transform: !1,
+              onGrab: (e) => s("right"),
+              onMove: n,
+              onRelease: l
+            }
+          ),
+          /* @__PURE__ */ h(
+            d,
+            {
+              className: "primitive-resizable__handle primitive-resizable__handle--left",
+              "aria-orientation": "horizontal",
+              axis: "x",
+              transform: !1,
+              onGrab: (e) => s("left"),
+              onMove: n,
+              onRelease: l
+            }
+          )
+        ] }),
+        m !== "x" && /* @__PURE__ */ h(
+          d,
           {
-            className: "primitive-resizable__handle primitive-resizable__handle--y",
+            className: "primitive-resizable__handle primitive-resizable__handle--bottom",
             "aria-orientation": "vertical",
             axis: "y",
             transform: !1,
-            onGrab: r,
-            onMove: n,
-            onRelease: o
-          }
-        ),
-        t === "both" && /* @__PURE__ */ s(
-          l,
-          {
-            className: "primitive-resizable__handle primitive-resizable__handle--corner",
-            axis: "both",
-            transform: !1,
-            onGrab: r,
+            onGrab: (e) => s("bottom"),
             onMove: n,
-            onRelease: o
+            onRelease: l
           }
         ),
-        b
+        m === "both" && /* @__PURE__ */ b(u, { children: [
+          /* @__PURE__ */ h(
+            d,
+            {
+              className: "primitive-resizable__handle primitive-resizable__handle--bottom-right",
+              axis: "both",
+              transform: !1,
+              onGrab: (e) => s("bottom-right"),
+              onMove: n,
+              onRelease: l
+            }
+          ),
+          /* @__PURE__ */ h(
+            d,
+            {
+              className: "primitive-resizable__handle primitive-resizable__handle--bottom-left",
+              axis: "both",
+              transform: !1,
+              onGrab: (e) => s("bottom-left"),
+              onMove: n,
+              onRelease: l
+            }
+          )
+        ] }),
+        M
       ]
     }
   );
 };
 export {
-  B as Resizable
+  X as Resizable
 };