@wrdagency/blockout 0.1.10 → 1.0.1

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

@@ -0,0 +1,9 @@
+import { PolymorphicProps } from '../../types/component';
+import { ElementType } from 'react';
+import { getRandomTheme } from './util';
+export type ColourwayTheme = "rose" | "poppy" | "amber" | "honey" | "lemon" | "apple" | "jade" | "spearmint" | "aqua" | "bluebell" | "sapphire" | "amethyst" | "lavender" | "raspberry" | "smoke" | "ash";
+interface ColourwayProps {
+    theme?: ColourwayTheme;
+}
+export declare const Colourway: <As extends ElementType = "div">({ theme, as, className, children, ...restProps }: PolymorphicProps<As, ColourwayProps>) => import("react/jsx-runtime").JSX.Element;
+export { getRandomTheme };

package/dist/primitives/colourway/index.js

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

package/dist/primitives/colourway/util.d.ts

@@ -0,0 +1,2 @@
+import { ColourwayTheme } from '.';
+export declare function getRandomTheme(seed?: string | number): ColourwayTheme;

package/dist/primitives/colourway/util.js

@@ -0,0 +1,146 @@
+/*!
+ * jsrand - https://github.com/DomenicoDeFelice/jsrand
+ *
+ * Copyright (c) 2014-2025 Domenico De Felice
+ * Released under the MIT License
+ *
+ * @license
+ */
+function n(t) {
+  t != null ? this.seed(t) : this.randomize();
+}
+n.prototype = {};
+n.seed = n.prototype.seed = function(t) {
+  if (t == null)
+    return this._seed;
+  this._seed = t;
+  let e = t | 0;
+  e ^= e >>> 16, e = Math.imul(e, 2246822507), e ^= e >>> 13, e = Math.imul(e, 3266489909), e ^= e >>> 16;
+  const o = e & 65535 | 1;
+  return this._mw = o, this._mz = 123456789, t;
+};
+n.randomize = n.prototype.randomize = function() {
+  return this.seed(1 + Math.floor(Math.random() * 4294967295));
+};
+n.getState = n.prototype.getState = function() {
+  return {
+    seed: this._seed,
+    mz: this._mz,
+    mw: this._mw
+  };
+};
+n.setState = n.prototype.setState = function(t) {
+  if (t == null || typeof t != "object" || typeof t.seed != "number" || typeof t.mz != "number" || typeof t.mw != "number")
+    throw new Error("Invalid state.");
+  this._seed = t.seed, this._mz = t.mz, this._mw = t.mw;
+};
+n.random = n.prototype.random = function() {
+  this._seed == null && this.randomize();
+  let t = this._mz, e = this._mw;
+  return t = (t & 65535) * 36969 + (t >> 16) & 4294967295, e = (e & 65535) * 18e3 + (e >> 16) & 4294967295, this._mz = t, this._mw = e, 0.5 + ((t << 16) + e & 4294967295) / 4294967296;
+};
+n.inRange = n.prototype.inRange = function(t, e) {
+  return t + this.random() * (e - t);
+};
+n.intInRange = n.prototype.intInRange = function(t, e) {
+  return t + Math.floor(this.random() * (e - t + 1));
+};
+n.choice = n.prototype.choice = function(t) {
+  if (t.length === 0)
+    throw new Error("Cannot choose random element from empty array.");
+  const e = this.intInRange(0, t.length - 1);
+  return t[e];
+};
+n.choices = n.prototype.choices = function(t, e) {
+  const o = new Array(e);
+  for (let i = 0; i < e; i++)
+    o[i] = this.choice(t);
+  return o;
+};
+n.sample = n.prototype.sample = function(t, e) {
+  if (e > t.length)
+    throw new Error("Sample size cannot exceed population size.");
+  if (e === t.length)
+    return this.shuffle([...t]);
+  const o = t.length - 1, i = new Array(e), f = {};
+  for (let r = 0, s; r < e; r++) {
+    do
+      s = this.intInRange(0, o);
+    while (f[s]);
+    i[r] = t[s], f[s] = !0;
+  }
+  return i;
+};
+n.shuffle = n.prototype.shuffle = function(t) {
+  for (let e = t.length - 1; e > 0; e--) {
+    const o = this.intInRange(0, e - 1), i = t[e];
+    t[e] = t[o], t[o] = i;
+  }
+  return t;
+};
+n.weightedChoice = n.prototype.weightedChoice = function(t, e) {
+  if (t.length === 0)
+    throw new Error("Cannot choose random element from empty array.");
+  if (t.length !== e.length)
+    throw new Error("Items and weights must have the same length.");
+  let o = 0;
+  for (let r = 0; r < e.length; r++) {
+    if (e[r] < 0)
+      throw new Error("Weights must be non-negative.");
+    o += e[r];
+  }
+  if (o === 0)
+    throw new Error("At least one weight must be greater than zero.");
+  const i = this.random() * o;
+  let f = 0;
+  for (let r = 0; r < t.length; r++)
+    if (f += e[r], i < f)
+      return t[r];
+  return t[t.length - 1];
+};
+n.gaussian = n.prototype.gaussian = function(t = 0, e = 1) {
+  const o = this.random(), i = this.random();
+  return Math.sqrt(-2 * Math.log(o)) * Math.cos(2 * Math.PI * i) * e + t;
+};
+n.exponential = n.prototype.exponential = function(t) {
+  if (t <= 0)
+    throw new Error("For exponential distributions, lambda must be positive.");
+  return -Math.log(1 - this.random()) / t;
+};
+n.poisson = n.prototype.poisson = function(t) {
+  if (t <= 0)
+    throw new Error("For Poisson distributions, lambda must be positive.");
+  const e = Math.exp(-t);
+  let o = 0, i = 1;
+  do
+    o++, i *= this.random();
+  while (i > e);
+  return o - 1;
+};
+n._oldSrand = void 0;
+n.noConflict = function() {
+  return n;
+};
+function h(t) {
+  return typeof t == "string" && (t = [...t].map((e) => e.toLowerCase().charCodeAt(0) - 97 + 1).reduce((e, o) => e + o, 0)), n.seed(t), n.choice([
+    "rose",
+    "poppy",
+    "amber",
+    "honey",
+    "lemon",
+    "apple",
+    "jade",
+    "spearmint",
+    "aqua",
+    "bluebell",
+    "sapphire",
+    "amethyst",
+    "lavender",
+    "raspberry",
+    "smoke",
+    "ash"
+  ]);
+}
+export {
+  h as getRandomTheme
+};

package/dist/primitives/icon-label/index.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface IconLabelProps extends PropsWithChildren {
+    className?: string;
+    size?: "small" | "normal";
+    variant?: "soft" | "normal" | "strong";
+}
+export declare const IconLabel: FC<IconLabelProps>;
+export {};

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

@@ -0,0 +1,23 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as a } from "../../utils/css.js";
+import '../../assets/style.css';/* empty css                   */
+const c = ({
+  className: i,
+  children: r,
+  size: o = "normal",
+  variant: e = "normal"
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: a(
+      "primitive-icon-label",
+      `primitive-icon-label--size-${o}`,
+      `primitive-icon-label--variant-${e}`,
+      i
+    ),
+    children: r
+  }
+);
+export {
+  c as IconLabel
+};

package/dist/primitives/index.d.ts

@@ -1,5 +1,12 @@
+export { Colourway, getRandomTheme, type ColourwayTheme } from './colourway';
 export { Draggable } from './draggable';
+export { IconLabel } from './icon-label';
+export { Link } from './link';
+export { Popover } from './popover';
 export { Resizable } from './resizable';
 export { ScrollArea } from './scroll-area';
+export { Symbol } from './symbol';
+export { Tooltip } from './tooltip';
 export { Truncate } from './truncate';
+export { H1, H2, H3, H4, H5, H6, Heading, Paragraph } from './typography';
 export { VisuallyHidden } from './visually-hidden';

package/dist/primitives/index.js

@@ -1,12 +1,36 @@
-import { Draggable as o } from "./draggable/index.js";
-import { Resizable as l } from "./resizable/index.js";
-import { ScrollArea as f } from "./scroll-area/index.js";
-import { Truncate as p } from "./truncate/index.js";
-import { VisuallyHidden as i } from "./visually-hidden/index.js";
+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 { Popover as H } from "./popover/index.js";
+import { Resizable as n } from "./resizable/index.js";
+import { ScrollArea as b } from "./scroll-area/index.js";
+import { Symbol as c } from "./symbol/index.js";
+import { Tooltip as y } from "./tooltip/index.js";
+import { Truncate as h } from "./truncate/index.js";
+import { H1 as L, H2 as P, H3 as R, H4 as S, H5 as k, H6 as v, Heading as w } from "./typography/heading.js";
+import { Paragraph as A } from "./typography/paragraph.js";
+import { VisuallyHidden as D } from "./visually-hidden/index.js";
+import { getRandomTheme as V } from "./colourway/util.js";
 export {
-  o as Draggable,
-  l as Resizable,
-  f as ScrollArea,
-  p as Truncate,
-  i as VisuallyHidden
+  e as Colourway,
+  p as Draggable,
+  L as H1,
+  P as H2,
+  R as H3,
+  S as H4,
+  k as H5,
+  v as H6,
+  w as Heading,
+  f as IconLabel,
+  a as Link,
+  A as Paragraph,
+  H as Popover,
+  n as Resizable,
+  b as ScrollArea,
+  c as Symbol,
+  y as Tooltip,
+  h as Truncate,
+  D as VisuallyHidden,
+  V as getRandomTheme
 };

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

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes, FC } from 'react';
+interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+}
+export declare const Link: FC<LinkProps>;
+export {};

package/dist/primitives/link/index.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as s } from "../../utils/css.js";
+import { isOutbound as u } from "../../utils/url.js";
+import { useMemo as p } from "react";
+import '../../assets/style2.css';/* empty css                   */
+const d = ({
+  className: n,
+  children: m,
+  href: o,
+  target: i,
+  ...r
+}) => (p(() => o && u(o), [o]) && !i && (i = "_blank"), o ? /* @__PURE__ */ t(
+  "a",
+  {
+    className: s("primitive-link", n),
+    href: o,
+    target: i,
+    ...r,
+    children: m
+  }
+) : m);
+export {
+  d as Link
+};

package/dist/primitives/popover/index.js

@@ -0,0 +1,10 @@
+import { R as o } from "../../root-C7IYlG1s.js";
+import { Target as r } from "./target.js";
+import { Window as t } from "./window.js";
+import '../../assets/index12.css';const e = Object.assign(o, {
+  Window: t,
+  Target: r
+});
+export {
+  e as Popover
+};

package/dist/primitives/popover/root.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+type BasePlacement = "top" | "bottom" | "left" | "right";
+type Placement = BasePlacement | `${BasePlacement}-start` | `${BasePlacement}-end`;
+interface RootProps extends PropsWithChildren {
+    open?: boolean;
+    setOpen?: (open: boolean) => void;
+    placement?: Placement;
+}
+export declare const Root: FC<RootProps>;
+export {};

package/dist/primitives/popover/root.js

@@ -0,0 +1,5 @@
+import "react/jsx-runtime";
+import { R as m } from "../../root-C7IYlG1s.js";
+export {
+  m as Root
+};

package/dist/primitives/popover/target.d.ts

@@ -0,0 +1,7 @@
+import { RenderProp } from '@ariakit/react-core/utils/types';
+import { FC, HTMLAttributes } from 'react';
+interface TargetProps extends HTMLAttributes<HTMLButtonElement> {
+    render?: RenderProp | React.ReactElement;
+}
+export declare const Target: FC<TargetProps>;
+export {};

package/dist/primitives/popover/target.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+import { P as p } from "../../WMYDSCNQ-D43V-JUe.js";
+const c = ({
+  className: r,
+  children: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  p,
+  {
+    className: m("primitive-popover__target", r),
+    ...t,
+    children: o
+  }
+);
+export {
+  c as Target
+};

package/dist/primitives/popover/window.d.ts

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes } from 'react';
+interface WindowProps extends HTMLAttributes<HTMLElement> {
+    edgeless?: boolean;
+}
+export declare const Window: FC<WindowProps>;
+export {};

package/dist/primitives/popover/window.js

@@ -0,0 +1,38 @@
+import { jsx as o } from "react/jsx-runtime";
+import { cn as a } from "../../utils/css.js";
+import { ScrollArea as m } from "../scroll-area/index.js";
+import { u as n } from "../../MTZPJQMC-RLG1q394.js";
+import { a as l } from "../../YV4JVR4I-BXEaRiAN.js";
+import { P as w } from "../../G7GW6PWC-Crp1Jn-8.js";
+const P = ({
+  className: r,
+  children: e,
+  edgeless: t = !1,
+  ...i
+}) => {
+  const p = n(), { open: s } = l(p) || {};
+  if (s)
+    return /* @__PURE__ */ o(
+      w,
+      {
+        className: a(
+          "primitive-popover__window",
+          t && "primitive-popover__window--edgeless",
+          r
+        ),
+        "data-colour-scheme": "invert",
+        wrapperProps: {
+          className: "primitive-popover__window__wrapper"
+        },
+        fitViewport: !0,
+        gutter: 8,
+        overflowPadding: 4,
+        portal: !0,
+        ...i,
+        children: /* @__PURE__ */ o(m, { className: "primitive-popover__window__scoll-area", axis: "y", children: e })
+      }
+    );
+};
+export {
+  P as Window
+};

package/dist/primitives/resizable/index.js

@@ -1,73 +1,84 @@
-import { jsxs as v, jsx as h } from "react/jsx-runtime";
-import { cn as g } from "../../utils/css.js";
-import { useRef as _, useState as z, useEffect as R } from "react";
-import { Draggable as d } from "../draggable/index.js";
-import '../../assets/style2.css';/* empty css                   */
+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: c,
+  as: m,
   axis: t = "both",
-  className: m,
-  children: f,
-  ...b
+  className: c,
+  children: b,
+  ...f
 }) => {
-  const p = c || "div", i = _(null), [r, n] = z({
+  const p = m || "div", i = z(null), [h, d] = g({
     x: 0,
     y: 0,
     width: 0,
     height: 0
   }), a = () => {
     const e = i.current.getBoundingClientRect();
-    n({
+    d({
       x: e.x,
       y: e.y,
       width: e.width,
       height: e.height
     });
-  }, o = (e) => {
+  }, r = (e) => {
     a();
-  }, s = (e) => {
-    t !== "y" && (i.current.style.width = `${r.width + e.delta.x}px`), t !== "x" && (i.current.style.height = `${r.height + e.delta.y}px`);
-  }, l = (e) => {
-    n(({ x: u, y: x, ...y }) => ({
+  }, 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: x + e.delta.y,
-      ...y
+      y: v + e.delta.y,
+      ..._
     })), a();
   };
   return R(() => {
     a();
-  }, []), /* @__PURE__ */ v(
+  }, []), /* @__PURE__ */ x(
     p,
     {
-      className: g("primitive-resizable", m),
+      className: y("primitive-resizable", c),
       ref: i,
-      ...b,
+      ...f,
       children: [
-        t !== "y" && /* @__PURE__ */ h(
-          d,
+        t !== "y" && /* @__PURE__ */ s(
+          l,
           {
             className: "primitive-resizable__handle primitive-resizable__handle--x",
             "aria-orientation": "horizontal",
             axis: "x",
             transform: !1,
-            onGrab: o,
-            onMove: s,
-            onRelease: l
+            onGrab: r,
+            onMove: n,
+            onRelease: o
           }
         ),
-        t !== "x" && /* @__PURE__ */ h(
-          d,
+        t !== "x" && /* @__PURE__ */ s(
+          l,
           {
             className: "primitive-resizable__handle primitive-resizable__handle--y",
             "aria-orientation": "vertical",
             axis: "y",
             transform: !1,
-            onGrab: o,
-            onMove: s,
-            onRelease: l
+            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,
+            onMove: n,
+            onRelease: o
           }
         ),
-        f
+        b
       ]
     }
   );

package/dist/primitives/scroll-area/index.js

@@ -2,8 +2,7 @@ import { jsx as m, jsxs as J, Fragment as fe } from "react/jsx-runtime";
 import { cn as he } from "../../utils/css.js";
 import * as l from "react";
 import "../../index-Cgx3BqdJ.js";
-import '../../assets/style3.css';/* empty css                   */
-function j(e, t) {
+import '../../assets/index20.css';function j(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -238,7 +237,7 @@ function E(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
 function _e(e, t) {
   return l.useReducer((r, n) => t[r][n] ?? r, e);
 }
-var B = "ScrollArea", [Q, qe] = ye(B), [Ne, w] = Q(B), ee = l.forwardRef(
+var B = "ScrollArea", [Q, je] = ye(B), [Ne, w] = Q(B), ee = l.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -746,7 +745,7 @@ function x(e, t) {
   }, [e, r]);
 }
 var Ve = ee, Fe = re, Z = oe, G = ce, Xe = se;
-const Ze = ({
+const qe = ({
   as: e,
   axis: t = "both",
   children: r,
@@ -773,5 +772,5 @@ const Ze = ({
   t === "both" && /* @__PURE__ */ m(Xe, { className: "primitive-scroll-area__corner" })
 ] }) });
 export {
-  Ze as ScrollArea
+  qe as ScrollArea
 };

package/dist/primitives/symbol/danger.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { SymbolProps } from './types';
+export interface DangerProps {
+    stage: "safe" | "normal" | "warning" | "dangerous";
+}
+export declare const Danger: FC<SymbolProps & DangerProps>;

package/dist/primitives/symbol/danger.js

@@ -0,0 +1,83 @@
+import { jsx as t } from "react/jsx-runtime";
+const h = ({
+  stage: e,
+  ...r
+}) => {
+  switch (e) {
+    case "safe":
+      return /* @__PURE__ */ t(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          ...r,
+          children: /* @__PURE__ */ t(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: "3",
+              fill: "var(--blockout__colours__surface--400)"
+            }
+          )
+        }
+      );
+    case "normal":
+      return /* @__PURE__ */ t(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          ...r,
+          children: /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M12,6,20,19H4Z",
+              fill: "none",
+              stroke: "var(--blockout__colours__surface--400)",
+              strokeWidth: 2
+            }
+          )
+        }
+      );
+    case "warning":
+      return /* @__PURE__ */ t(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          ...r,
+          children: /* @__PURE__ */ t(
+            "path",
+            {
+              d: "M12,6,20,19H4Z",
+              fill: "none",
+              stroke: "var(--blockout__colours__surface--950)",
+              strokeWidth: 2
+            }
+          )
+        }
+      );
+    case "dangerous":
+      return /* @__PURE__ */ t(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          ...r,
+          children: /* @__PURE__ */ t("path", { d: "M12,6,20,19H4Z", fill: "#D93C1B" })
+        }
+      );
+  }
+};
+export {
+  h as Danger
+};

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

@@ -0,0 +1,5 @@
+declare const Symbol: {
+    Progress: import('react').FC<import('./types').SymbolProps & import('./progress').ProgressProps>;
+    Danger: import('react').FC<import('./types').SymbolProps & import('./danger').DangerProps>;
+};
+export { Symbol };