alinea 1.7.0 → 2.0.0-preview.0

package/dist/ui/Statusbar.js

@@ -1,54 +0,0 @@
-import {
-  dist_default
-} from "../chunks/chunk-A5O3N2GS.js";
-import "../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/Statusbar.tsx
-import { Icon } from "./Icon.js";
-import { HStack } from "./Stack.js";
-
-// src/ui/Statusbar.module.scss
-var Statusbar_module_default = {
-  "root": "alinea-Statusbar",
-  "root-slots": "alinea-Statusbar-slots",
-  "rootSlots": "alinea-Statusbar-slots",
-  "status": "alinea-Statusbar-status",
-  "is-interactive": "alinea-Statusbar-is-interactive",
-  "isInteractive": "alinea-Statusbar-is-interactive"
-};
-
-// src/ui/Statusbar.tsx
-import { createSlots } from "./util/Slots.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(Statusbar_module_default);
-var Statusbar;
-((Statusbar2) => {
-  ({ Provider: Statusbar2.Provider, Portal: Statusbar2.Portal, Slot: Statusbar2.Slot } = createSlots());
-  function Root({ children }) {
-    return /* @__PURE__ */ jsxs("footer", { className: styles.root(), children: [
-      children,
-      /* @__PURE__ */ jsx("div", { className: styles.root.slots(), children: /* @__PURE__ */ jsx(Statusbar2.Portal, {}) })
-    ] });
-  }
-  Statusbar2.Root = Root;
-  function Status({ children, icon, onClick }) {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: styles.status({
-          interactive: Boolean(onClick)
-        }),
-        onClick,
-        children: /* @__PURE__ */ jsxs(HStack, { center: true, gap: 5, children: [
-          /* @__PURE__ */ jsx(Icon, { icon }),
-          /* @__PURE__ */ jsx("span", { children })
-        ] })
-      }
-    );
-  }
-  Statusbar2.Status = Status;
-})(Statusbar || (Statusbar = {}));
-export {
-  Statusbar
-};

package/dist/ui/Tabs.d.ts

@@ -1,11 +0,0 @@
-import { Tab } from '@headlessui/react';
-import type { ComponentPropsWithoutRef, PropsWithChildren } from 'react';
-export declare namespace Tabs {
-    const Root: typeof Tab.Group;
-    function List({ backdrop, ...props }: PropsWithChildren<ComponentPropsWithoutRef<typeof Tab> & {
-        backdrop?: boolean;
-    }>): import("react/jsx-runtime").JSX.Element;
-    function Trigger(props: PropsWithChildren<ComponentPropsWithoutRef<typeof Tab>>): import("react/jsx-runtime").JSX.Element;
-    const Panels: typeof Tab.Panels;
-    const Panel: typeof Tab.Panel;
-}

package/dist/ui/Tabs.js

@@ -1,293 +0,0 @@
-import {
-  Lift_module_default
-} from "../chunks/chunk-CKT37OYJ.js";
-import {
-  F,
-  P,
-  T,
-  _ as _2
-} from "../chunks/chunk-HSIHEWFC.js";
-import {
-  f,
-  s as s2
-} from "../chunks/chunk-AICQFCVN.js";
-import {
-  $6179b936705e76d3$export$ae780daf29e6d456,
-  $f7dceffc5ad7768b$export$4e328f61c538687f,
-  K,
-  L,
-  O,
-  _,
-  e,
-  n,
-  o2 as o,
-  o3 as o2,
-  r,
-  s2 as s,
-  t,
-  u,
-  u2,
-  w,
-  y
-} from "../chunks/chunk-VUACWPFC.js";
-import {
-  dist_default
-} from "../chunks/chunk-A5O3N2GS.js";
-import "../chunks/chunk-NZLE2WMY.js";
-
-// node_modules/@headlessui/react/dist/hooks/use-is-mounted.js
-import { useRef as r2 } from "react";
-function f2() {
-  let e2 = r2(false);
-  return n(() => (e2.current = true, () => {
-    e2.current = false;
-  }), []), e2;
-}
-
-// node_modules/@headlessui/react/dist/components/tabs/tabs.js
-import U, { createContext as ae, useContext as le, useMemo as F2, useReducer as be, useRef as z, useState as me } from "react";
-
-// node_modules/@headlessui/react/dist/internal/focus-sentinel.js
-import s3, { useState as c } from "react";
-function b({ onFocus: n2 }) {
-  let [r3, o3] = c(true), u3 = f2();
-  return r3 ? s3.createElement(f, { as: "button", type: "button", features: s2.Focusable, onFocus: (a2) => {
-    a2.preventDefault();
-    let e2, i = 50;
-    function t2() {
-      if (i-- <= 0) {
-        e2 && cancelAnimationFrame(e2);
-        return;
-      }
-      if (n2()) {
-        if (cancelAnimationFrame(e2), !u3.current) return;
-        o3(false);
-        return;
-      }
-      e2 = requestAnimationFrame(t2);
-    }
-    e2 = requestAnimationFrame(t2);
-  } }) : null;
-}
-
-// node_modules/@headlessui/react/dist/utils/stable-collection.js
-import * as l from "react";
-var s4 = l.createContext(null);
-function a() {
-  return { groups: /* @__PURE__ */ new Map(), get(o3, e2) {
-    var i;
-    let t2 = this.groups.get(o3);
-    t2 || (t2 = /* @__PURE__ */ new Map(), this.groups.set(o3, t2));
-    let n2 = (i = t2.get(e2)) != null ? i : 0;
-    t2.set(e2, n2 + 1);
-    let r3 = Array.from(t2.keys()).indexOf(e2);
-    function u3() {
-      let c2 = t2.get(e2);
-      c2 > 1 ? t2.set(e2, c2 - 1) : t2.delete(e2);
-    }
-    return [r3, u3];
-  } };
-}
-function f3({ children: o3 }) {
-  let e2 = l.useRef(a());
-  return l.createElement(s4.Provider, { value: e2 }, o3);
-}
-function C(o3) {
-  let e2 = l.useContext(s4);
-  if (!e2) throw new Error("You must wrap your component in a <StableCollection>");
-  let t2 = l.useId(), [n2, r3] = e2.current.get(o3, t2);
-  return l.useEffect(() => r3, []), n2;
-}
-
-// node_modules/@headlessui/react/dist/components/tabs/tabs.js
-var Le = ((t2) => (t2[t2.Forwards = 0] = "Forwards", t2[t2.Backwards = 1] = "Backwards", t2))(Le || {});
-var _e = ((l2) => (l2[l2.Less = -1] = "Less", l2[l2.Equal = 0] = "Equal", l2[l2.Greater = 1] = "Greater", l2))(_e || {});
-var De = ((n2) => (n2[n2.SetSelectedIndex = 0] = "SetSelectedIndex", n2[n2.RegisterTab = 1] = "RegisterTab", n2[n2.UnregisterTab = 2] = "UnregisterTab", n2[n2.RegisterPanel = 3] = "RegisterPanel", n2[n2.UnregisterPanel = 4] = "UnregisterPanel", n2))(De || {});
-var Se = { [0](e2, r3) {
-  var d;
-  let t2 = _2(e2.tabs, (u3) => u3.current), l2 = _2(e2.panels, (u3) => u3.current), a2 = t2.filter((u3) => {
-    var T2;
-    return !((T2 = u3.current) != null && T2.hasAttribute("disabled"));
-  }), n2 = { ...e2, tabs: t2, panels: l2 };
-  if (r3.index < 0 || r3.index > t2.length - 1) {
-    let u3 = u2(Math.sign(r3.index - e2.selectedIndex), { [-1]: () => 1, [0]: () => u2(Math.sign(r3.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
-    if (a2.length === 0) return n2;
-    let T2 = u2(u3, { [0]: () => t2.indexOf(a2[0]), [1]: () => t2.indexOf(a2[a2.length - 1]) });
-    return { ...n2, selectedIndex: T2 === -1 ? e2.selectedIndex : T2 };
-  }
-  let s5 = t2.slice(0, r3.index), b2 = [...t2.slice(r3.index), ...s5].find((u3) => a2.includes(u3));
-  if (!b2) return n2;
-  let f4 = (d = t2.indexOf(b2)) != null ? d : e2.selectedIndex;
-  return f4 === -1 && (f4 = e2.selectedIndex), { ...n2, selectedIndex: f4 };
-}, [1](e2, r3) {
-  if (e2.tabs.includes(r3.tab)) return e2;
-  let t2 = e2.tabs[e2.selectedIndex], l2 = _2([...e2.tabs, r3.tab], (n2) => n2.current), a2 = e2.selectedIndex;
-  return e2.info.current.isControlled || (a2 = l2.indexOf(t2), a2 === -1 && (a2 = e2.selectedIndex)), { ...e2, tabs: l2, selectedIndex: a2 };
-}, [2](e2, r3) {
-  return { ...e2, tabs: e2.tabs.filter((t2) => t2 !== r3.tab) };
-}, [3](e2, r3) {
-  return e2.panels.includes(r3.panel) ? e2 : { ...e2, panels: _2([...e2.panels, r3.panel], (t2) => t2.current) };
-}, [4](e2, r3) {
-  return { ...e2, panels: e2.panels.filter((t2) => t2 !== r3.panel) };
-} };
-var V = ae(null);
-V.displayName = "TabsDataContext";
-function C2(e2) {
-  let r3 = le(V);
-  if (r3 === null) {
-    let t2 = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, C2), t2;
-  }
-  return r3;
-}
-var Q = ae(null);
-Q.displayName = "TabsActionsContext";
-function Y(e2) {
-  let r3 = le(Q);
-  if (r3 === null) {
-    let t2 = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t2, Y), t2;
-  }
-  return r3;
-}
-function Fe(e2, r3) {
-  return u2(r3.type, Se, e2, r3);
-}
-var Ie = "div";
-function he(e2, r3) {
-  let { defaultIndex: t2 = 0, vertical: l2 = false, manual: a2 = false, onChange: n2, selectedIndex: s5 = null, ...g } = e2;
-  const b2 = l2 ? "vertical" : "horizontal", f4 = a2 ? "manual" : "auto";
-  let d = s5 !== null, u3 = s({ isControlled: d }), T2 = y(r3), [p, c2] = be(Fe, { info: u3, selectedIndex: s5 != null ? s5 : t2, tabs: [], panels: [] }), h = F2(() => ({ selectedIndex: p.selectedIndex }), [p.selectedIndex]), m = s(n2 || (() => {
-  })), M = s(p.tabs), S = F2(() => ({ orientation: b2, activation: f4, ...p }), [b2, f4, p]), P2 = o((i) => (c2({ type: 1, tab: i }), () => c2({ type: 2, tab: i }))), A = o((i) => (c2({ type: 3, panel: i }), () => c2({ type: 4, panel: i }))), E = o((i) => {
-    _3.current !== i && m.current(i), d || c2({ type: 0, index: i });
-  }), _3 = s(d ? e2.selectedIndex : p.selectedIndex), D = F2(() => ({ registerTab: P2, registerPanel: A, change: E }), []);
-  n(() => {
-    c2({ type: 0, index: s5 != null ? s5 : t2 });
-  }, [s5]), n(() => {
-    if (_3.current === void 0 || p.tabs.length <= 0) return;
-    let i = _2(p.tabs, (R) => R.current);
-    i.some((R, X) => p.tabs[X] !== R) && E(i.indexOf(p.tabs[_3.current]));
-  });
-  let K2 = { ref: T2 }, J = L();
-  return U.createElement(f3, null, U.createElement(Q.Provider, { value: D }, U.createElement(V.Provider, { value: S }, S.tabs.length <= 0 && U.createElement(b, { onFocus: () => {
-    var i, G;
-    for (let R of M.current) if (((i = R.current) == null ? void 0 : i.tabIndex) === 0) return (G = R.current) == null || G.focus(), true;
-    return false;
-  } }), J({ ourProps: K2, theirProps: g, slot: h, defaultTag: Ie, name: "Tabs" }))));
-}
-var ve = "div";
-function Ce(e2, r3) {
-  let { orientation: t2, selectedIndex: l2 } = C2("Tab.List"), a2 = y(r3), n2 = F2(() => ({ selectedIndex: l2 }), [l2]), s5 = e2, g = { ref: a2, role: "tablist", "aria-orientation": t2 };
-  return L()({ ourProps: g, theirProps: s5, slot: n2, defaultTag: ve, name: "Tabs.List" });
-}
-var Me = "button";
-function Ge(e2, r3) {
-  var ee, te;
-  let t2 = r(), { id: l2 = `headlessui-tabs-tab-${t2}`, disabled: a2 = false, autoFocus: n2 = false, ...s5 } = e2, { orientation: g, activation: b2, selectedIndex: f4, tabs: d, panels: u3 } = C2("Tab"), T2 = Y("Tab"), p = C2("Tab"), [c2, h] = me(null), m = z(null), M = y(m, r3, h);
-  n(() => T2.registerTab(m), [T2, m]);
-  let S = C("tabs"), P2 = d.indexOf(m);
-  P2 === -1 && (P2 = S);
-  let A = P2 === f4, E = o((o3) => {
-    var $;
-    let L2 = o3();
-    if (L2 === T.Success && b2 === "auto") {
-      let q = ($ = u(m)) == null ? void 0 : $.activeElement, re = p.tabs.findIndex((ce) => ce.current === q);
-      re !== -1 && T2.change(re);
-    }
-    return L2;
-  }), _3 = o((o3) => {
-    let L2 = d.map((q) => q.current).filter(Boolean);
-    if (o3.key === o2.Space || o3.key === o2.Enter) {
-      o3.preventDefault(), o3.stopPropagation(), T2.change(P2);
-      return;
-    }
-    switch (o3.key) {
-      case o2.Home:
-      case o2.PageUp:
-        return o3.preventDefault(), o3.stopPropagation(), E(() => P(L2, F.First));
-      case o2.End:
-      case o2.PageDown:
-        return o3.preventDefault(), o3.stopPropagation(), E(() => P(L2, F.Last));
-    }
-    if (E(() => u2(g, { vertical() {
-      return o3.key === o2.ArrowUp ? P(L2, F.Previous | F.WrapAround) : o3.key === o2.ArrowDown ? P(L2, F.Next | F.WrapAround) : T.Error;
-    }, horizontal() {
-      return o3.key === o2.ArrowLeft ? P(L2, F.Previous | F.WrapAround) : o3.key === o2.ArrowRight ? P(L2, F.Next | F.WrapAround) : T.Error;
-    } })) === T.Success) return o3.preventDefault();
-  }), D = z(false), K2 = o(() => {
-    var o3;
-    D.current || (D.current = true, (o3 = m.current) == null || o3.focus({ preventScroll: true }), T2.change(P2), t(() => {
-      D.current = false;
-    }));
-  }), J = o((o3) => {
-    o3.preventDefault();
-  }), { isFocusVisible: i, focusProps: G } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n2 }), { isHovered: R, hoverProps: X } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a2 }), { pressed: Z, pressProps: ue } = w({ disabled: a2 }), Te = F2(() => ({ selected: A, hover: R, active: Z, focus: i, autofocus: n2, disabled: a2 }), [A, R, i, Z, n2, a2]), de = _({ ref: M, onKeyDown: _3, onMouseDown: J, onClick: K2, id: l2, role: "tab", type: e(e2, c2), "aria-controls": (te = (ee = u3[P2]) == null ? void 0 : ee.current) == null ? void 0 : te.id, "aria-selected": A, tabIndex: A ? 0 : -1, disabled: a2 || void 0, autoFocus: n2 }, G, X, ue);
-  return L()({ ourProps: de, theirProps: s5, slot: Te, defaultTag: Me, name: "Tabs.Tab" });
-}
-var Ue = "div";
-function He(e2, r3) {
-  let { selectedIndex: t2 } = C2("Tab.Panels"), l2 = y(r3), a2 = F2(() => ({ selectedIndex: t2 }), [t2]), n2 = e2, s5 = { ref: l2 };
-  return L()({ ourProps: s5, theirProps: n2, slot: a2, defaultTag: Ue, name: "Tabs.Panels" });
-}
-var we = "div";
-var Oe = O.RenderStrategy | O.Static;
-function Ne(e2, r3) {
-  var A, E, _3, D;
-  let t2 = r(), { id: l2 = `headlessui-tabs-panel-${t2}`, tabIndex: a2 = 0, ...n2 } = e2, { selectedIndex: s5, tabs: g, panels: b2 } = C2("Tab.Panel"), f4 = Y("Tab.Panel"), d = z(null), u3 = y(d, r3);
-  n(() => f4.registerPanel(d), [f4, d]);
-  let T2 = C("panels"), p = b2.indexOf(d);
-  p === -1 && (p = T2);
-  let c2 = p === s5, { isFocusVisible: h, focusProps: m } = $f7dceffc5ad7768b$export$4e328f61c538687f(), M = F2(() => ({ selected: c2, focus: h }), [c2, h]), S = _({ ref: u3, id: l2, role: "tabpanel", "aria-labelledby": (E = (A = g[p]) == null ? void 0 : A.current) == null ? void 0 : E.id, tabIndex: c2 ? a2 : -1 }, m), P2 = L();
-  return !c2 && ((_3 = n2.unmount) == null || _3) && !((D = n2.static) != null && D) ? U.createElement(f, { "aria-hidden": "true", ...S }) : P2({ ourProps: S, theirProps: n2, slot: M, defaultTag: we, features: Oe, visible: c2, name: "Tabs.Panel" });
-}
-var ke = K(Ge);
-var Be = K(he);
-var We = K(Ce);
-var je = K(He);
-var Ke = K(Ne);
-var Tt = Object.assign(ke, { Group: Be, List: We, Panels: je, Panel: Ke });
-
-// src/ui/Tabs.module.scss
-var Tabs_module_default = {
-  "list": "alinea-Tabs-list",
-  "trigger": "alinea-Tabs-trigger",
-  "is-selected": "alinea-Tabs-is-selected",
-  "isSelected": "alinea-Tabs-is-selected"
-};
-
-// src/ui/Tabs.tsx
-import { jsx } from "react/jsx-runtime";
-var styles = dist_default(Tabs_module_default);
-var liftStyles = dist_default(Lift_module_default);
-var Tabs;
-((Tabs2) => {
-  Tabs2.Root = Tt.Group;
-  function List({
-    backdrop = true,
-    ...props
-  }) {
-    return /* @__PURE__ */ jsx(
-      Tt.List,
-      {
-        className: backdrop ? liftStyles.header.mergeProps(props).with(styles.list)() : styles.list,
-        ...props
-      }
-    );
-  }
-  Tabs2.List = List;
-  function Trigger(props) {
-    return /* @__PURE__ */ jsx(
-      Tt,
-      {
-        ...props,
-        className: ({ selected }) => styles.trigger.mergeProps(props)({ selected })
-      }
-    );
-  }
-  Tabs2.Trigger = Trigger;
-  Tabs2.Panels = Tt.Panels;
-  Tabs2.Panel = Tt.Panel;
-})(Tabs || (Tabs = {}));
-export {
-  Tabs
-};

package/dist/ui/TextLabel.d.ts

@@ -1,5 +0,0 @@
-import type { HTMLProps } from 'react';
-export type TextLabelProps = {
-    label: string;
-} & Omit<HTMLProps<HTMLSpanElement>, 'label'>;
-export declare function TextLabel({ label, ...props }: TextLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/TextLabel.js

@@ -1,10 +0,0 @@
-import "../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/TextLabel.tsx
-import { jsx } from "react/jsx-runtime";
-function TextLabel({ label, ...props }) {
-  return /* @__PURE__ */ jsx("span", { ...props, children: label });
-}
-export {
-  TextLabel
-};

package/dist/ui/Typo.d.ts

@@ -1,35 +0,0 @@
-export declare const Typo: (({ children, align }: import("react").PropsWithChildren<{
-    align?: 'left' | 'right' | 'center';
-}>) => import("react/jsx-runtime").JSX.Element) & {
-    H1: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "h1">;
-    H2: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "h2">;
-    H3: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "h3">;
-    H4: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "h4">;
-    H5: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "h5">;
-    P: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "p">;
-    Link: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-    link: import("@alinea/styler").Styler<string> | import("@alinea/styler").GenericStyles;
-    Monospace: import("./util/PropsWithAs").ComponentWithAs<{}, "span">;
-    Small: import("./util/PropsWithAs").ComponentWithAs<{
-        flat?: boolean;
-        light?: boolean;
-    }, "small">;
-};

package/dist/ui/Typo.js

@@ -1,28 +0,0 @@
-import {
-  dist_default
-} from "../chunks/chunk-A5O3N2GS.js";
-import "../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/Typo.module.scss
-var Typo_module_default = {
-  "hyphenate": "alinea-Typo-hyphenate",
-  "link": "alinea-Typo-link",
-  "p": "alinea-Typo-p",
-  "h5": "alinea-Typo-h5",
-  "h4": "alinea-Typo-h4",
-  "h3": "alinea-Typo-h3",
-  "h2": "alinea-Typo-h2",
-  "h1": "alinea-Typo-h1",
-  "is-flat": "alinea-Typo-is-flat",
-  "isFlat": "alinea-Typo-is-flat",
-  "monospace": "alinea-Typo-monospace",
-  "small": "alinea-Typo-small"
-};
-
-// src/ui/Typo.tsx
-import { createTypo } from "./util/CreateTypo.js";
-var styles = dist_default(Typo_module_default);
-var Typo = createTypo(styles);
-export {
-  Typo
-};

package/dist/ui/UIStory.d.ts

@@ -1,8 +0,0 @@
-import type { FunctionComponent, PropsWithChildren } from 'react';
-import '../global.css';
-export interface UIStoryProps extends PropsWithChildren<{}> {
-    fullWidth?: boolean;
-    fullHeight?: boolean;
-}
-export declare function UIStory({ fullWidth, fullHeight, children }: UIStoryProps): import("react/jsx-runtime").JSX.Element;
-export declare function uiDecorator(props?: UIStoryProps): ((Story: FunctionComponent) => import("react/jsx-runtime").JSX.Element)[];

package/dist/ui/branding/FavIcon.d.ts

@@ -1,5 +0,0 @@
-type FavIconProps = {
-    color: string;
-};
-export declare function FavIcon({ color }: FavIconProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/branding/FavIcon.js

@@ -1,56 +0,0 @@
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/branding/FavIcon.tsx
-import { btoa } from "alinea/core/util/Encoding";
-import { useContrastColor } from "../hook/UseContrastColor.js";
-import { jsx } from "react/jsx-runtime";
-function FavIcon({ color }) {
-  const accentColorForeground = useContrastColor(color);
-  const favicon = btoa(
-    `
-    <svg
-      width="36"
-      height="36"
-      view-box="0 0 36 36"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <defs>
-        <linearGradient
-          id="grad1"
-          x1="0%"
-          y1="0%"
-          x2="100%"
-          y2="0%"
-          gradient-transform="rotate(65)"
-        >
-          <stop offset="0%" style="stop-color: ${color}; stop-opacity: 1" />
-          <stop
-            offset="100%"
-            style="stop-color: ${color}; stop-opacity: 1"
-          />
-        </linearGradient>
-      </defs>
-      <path
-        d="M18 36C25.884 36 29.9427 36 32.8047 33.138C35.6667 30.276 36 25.884 36 18C36 10.116 35.6667 6.05733 32.8047 3.19533C29.9427 0.333333 25.884 0 18 0C10.116 0 6.05733 0.333333 3.19533 3.19533C0.333333 6.05733 0 10.116 0 18C0 25.884 0.333333 29.9427 3.19533 32.8047C6.05733 35.6667 10.116 36 18 36Z"
-        fill="url(#grad1)"
-      />
-      <path 
-        fill="${accentColorForeground}" 
-        d="M20.8178 10.3977V11.733C19.8978 10.6534 18.5316 10 16.6636 10C13.0112 10 10 13.267 10 17.5C10 21.733 13.0112 25 16.6636 25C18.5316 25 19.8978 24.3466 20.8178 23.267V24.6023H25V10.3977H20.8178ZM17.5 20.9659C15.5762 20.9659 14.1822 19.6307 14.1822 17.5C14.1822 15.3693 15.5762 14.0341 17.5 14.0341C19.4238 14.0341 20.8178 15.3693 20.8178 17.5C20.8178 19.6307 19.4238 20.9659 17.5 20.9659Z"
-      />
-      </svg>
-  `
-  );
-  return /* @__PURE__ */ jsx(
-    "link",
-    {
-      rel: "icon",
-      type: "image/svg",
-      href: `data:image/svg+xml;base64,${favicon}`
-    }
-  );
-}
-export {
-  FavIcon
-};

package/dist/ui/branding/LogoShape.d.ts

@@ -1,6 +0,0 @@
-import type { HTMLProps } from 'react';
-export interface LogoShapeProps extends HTMLProps<HTMLDivElement> {
-    foreground?: string;
-    background?: string;
-}
-export declare function LogoShape({ children, foreground, background, ...props }: LogoShapeProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/branding/LogoShape.js

@@ -1,52 +0,0 @@
-import {
-  dist_default
-} from "../../chunks/chunk-A5O3N2GS.js";
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/branding/LogoShape.module.scss
-var LogoShape_module_default = {
-  "root": "alinea-LogoShape",
-  "root-bg": "alinea-LogoShape-bg",
-  "rootBg": "alinea-LogoShape-bg"
-};
-
-// src/ui/branding/LogoShape.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var styles = dist_default(LogoShape_module_default);
-function LogoShape({
-  children,
-  foreground = "var(--alinea-accent-foreground)",
-  background = "var(--alinea-accent)",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: { color: foreground },
-      className: styles.root.mergeProps(props)(),
-      children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: styles.root.bg(),
-            viewBox: "0 0 36 36",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            preserveAspectRatio: "none",
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M18 36C25.884 36 29.9427 36 32.8047 33.138C35.6667 30.276 36 25.884 36 18C36 10.116 35.6667 6.05733 32.8047 3.19533C29.9427 0.333333 25.884 0 18 0C10.116 0 6.05733 0.333333 3.19533 3.19533C0.333333 6.05733 0 10.116 0 18C0 25.884 0.333333 29.9427 3.19533 32.8047C6.05733 35.6667 10.116 36 18 36Z",
-                fill: background
-              }
-            )
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
-export {
-  LogoShape
-};

package/dist/ui/hook/UseAutoHide.d.ts

@@ -1,8 +0,0 @@
-import { type RefObject } from 'react';
-export type AutoHideOptions = {
-    scrollRef?: RefObject<HTMLElement>;
-    addToHeight?: number;
-};
-export declare const useAutoHide: <E extends HTMLElement = HTMLElement>(options?: AutoHideOptions) => {
-    ref: RefObject<E>;
-};

package/dist/ui/hook/UseAutoHide.js

@@ -1,43 +0,0 @@
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/hook/UseAutoHide.ts
-import { useEffect, useRef } from "react";
-var useAutoHide = (options) => {
-  const ref = useRef(null);
-  const height = useRef(0);
-  const lastScroll = useRef(0);
-  const offset = useRef(0);
-  useEffect(() => {
-    const dom = ref.current;
-    const { style } = dom;
-    const scroll = () => {
-      const y = options?.scrollRef?.current ? options?.scrollRef?.current.scrollTop : window.pageYOffset;
-      const diff = lastScroll.current - y;
-      const last = offset.current;
-      offset.current += diff;
-      if (offset.current < -height.current) offset.current = -height.current;
-      if (y <= 0 || offset.current > 0) offset.current = 0;
-      if (last !== offset.current)
-        style.transform = `translateY(${offset.current}px)`;
-      lastScroll.current = y;
-      if (y <= height.current) dom.classList.add("is-top");
-      else dom.classList.remove("is-top");
-    };
-    const trackHeight = () => {
-      height.current = dom.offsetHeight + (options?.addToHeight || 0);
-    };
-    trackHeight();
-    scroll();
-    const target = options?.scrollRef?.current || window;
-    target.addEventListener("scroll", scroll);
-    window.addEventListener("resize", trackHeight);
-    return () => {
-      target.removeEventListener("scroll", scroll);
-      window.removeEventListener("resize", trackHeight);
-    };
-  }, [options?.scrollRef, options?.addToHeight]);
-  return { ref };
-};
-export {
-  useAutoHide
-};

package/dist/ui/hook/UseColorScheme.d.ts

@@ -1,4 +0,0 @@
-export type ColorScheme = 'light' | 'dark' | undefined;
-export type ColorSchemeContext = [ColorScheme, () => void];
-export declare function useColorScheme(): ColorSchemeContext;
-export declare const ColorSchemeProvider: import("react").Provider<ColorSchemeContext | undefined>;

package/dist/ui/hook/UseColorScheme.js

@@ -1,13 +0,0 @@
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/hook/UseColorScheme.ts
-import { createContext, useContext } from "react";
-var context = createContext(void 0);
-function useColorScheme() {
-  return useContext(context);
-}
-var ColorSchemeProvider = context.Provider;
-export {
-  ColorSchemeProvider,
-  useColorScheme
-};

package/dist/ui/hook/UseContrastColor.d.ts

@@ -1 +0,0 @@
-export declare function useContrastColor(color?: string): string | undefined;

package/dist/ui/hook/UseContrastColor.js

@@ -1,12 +0,0 @@
-import "../../chunks/chunk-NZLE2WMY.js";
-
-// src/ui/hook/UseContrastColor.ts
-import { useMemo } from "react";
-import { contrastColor } from "../util/ContrastColor.js";
-function useContrastColor(color) {
-  if (!color) return void 0;
-  return useMemo(() => contrastColor(color), [color]);
-}
-export {
-  useContrastColor
-};