@nastechai-research/ui 0.18.2

package/dist/ui/components/blend-mode.d.ts

@@ -0,0 +1,28 @@
+import { type PolyProps } from '../../utils';
+declare const LAYER_KEYS: {
+    readonly bg: "bgColor";
+    readonly fg: "fgColor";
+    readonly mg: "mgColor";
+};
+type Layer = keyof typeof LAYER_KEYS;
+type LayerSpec = `${Layer}/${number}` | Layer;
+export declare const useBlendMode: (opts?: BlendModeOpts) => BlendColors;
+export declare const withBlendMode: <P extends BlendColors>(Component: React.ComponentType<P>, opts?: BlendModeOpts) => {
+    (props: Omit<P, keyof BlendColors> & Partial<BlendModeOpts>): import("react").JSX.Element;
+    displayName: string;
+};
+export declare const BlendMode: import("../..").PolyComponent<"div", BlendModeOwnProps>;
+interface BlendModeOwnProps extends BlendModeOpts {
+    children?: ((colors: BlendColors) => React.ReactNode) | React.ReactNode;
+}
+export interface BlendColors {
+    backgroundColor?: string;
+    color?: string;
+}
+interface BlendModeOpts {
+    against?: Layer;
+    background?: LayerSpec | string;
+    color?: LayerSpec | string;
+}
+export type BlendModeProps<T extends React.ElementType = 'div'> = PolyProps<T, BlendModeOwnProps>;
+export {};

package/dist/ui/components/blend-mode.js

@@ -0,0 +1,69 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useStore } from "@nanostores/react";
+import { createElement, useMemo } from "react";
+import { getControlAtom } from "../../hooks/use-smooth-controls.js";
+import { cn, polyRef } from "../../utils/index.js";
+import { colorDodge, colorMix } from "../../utils/color.js";
+const LAYER_KEYS = { bg: "bgColor", fg: "fgColor", mg: "mgColor" };
+const parseSpec = (spec) => {
+  const [layer, alpha] = spec.split("/");
+  return [layer, alpha ? parseFloat(alpha) : void 0];
+};
+const useControlColor = (key, fallback) => {
+  const atom = getControlAtom("Lens", key);
+  return (atom ? useStore(atom) : void 0) ?? fallback;
+};
+const useBlend = (against, spec) => {
+  const layerKey = spec?.split("/")[0];
+  const isLayerSpec = layerKey && layerKey in LAYER_KEYS;
+  const [target, alpha] = isLayerSpec ? parseSpec(spec) : [void 0, void 0];
+  const againstColor = useControlColor(LAYER_KEYS[against], "#041c1c");
+  const fgColor = useControlColor(LAYER_KEYS.fg, "#ffe6cb");
+  const mgColor = useControlColor(LAYER_KEYS.mg, "#ffe6cb");
+  const bgColor = useControlColor(LAYER_KEYS.bg, "#ffe6cb");
+  const targetColor = target ? target === "fg" ? fgColor : target === "mg" ? mgColor : bgColor : spec;
+  return useMemo(() => {
+    if (!spec || !targetColor) {
+      return void 0;
+    }
+    const result = colorDodge(againstColor, targetColor);
+    return alpha != null ? colorMix(result, alpha) : result;
+  }, [spec, againstColor, targetColor, alpha]);
+};
+export const useBlendMode = (opts = {}) => {
+  const { against = "bg", background, color } = opts;
+  return {
+    backgroundColor: useBlend(against, background),
+    color: useBlend(against, color)
+  };
+};
+export const withBlendMode = (Component, opts) => {
+  const Wrapped = (props) => {
+    const { against, background, color, ...rest } = props;
+    const colors = useBlendMode({
+      against: against ?? opts?.against,
+      background: background ?? opts?.background,
+      color: color ?? opts?.color
+    });
+    return /* @__PURE__ */ jsx(Component, { ...rest, ...colors });
+  };
+  Wrapped.displayName = `withBlendMode(${Component.displayName ?? Component.name ?? "Component"})`;
+  return Wrapped;
+};
+export const BlendMode = polyRef(
+  ({ against, as, background, children, className, color, style, ...rest }, ref) => {
+    const colors = useBlendMode({ against, background, color });
+    if (typeof children === "function") {
+      return /* @__PURE__ */ jsx(Fragment, { children: children(colors) });
+    }
+    return createElement(as ?? "div", {
+      ...rest,
+      children,
+      className: cn(className),
+      ref,
+      style: { ...colors, ...style }
+    });
+  }
+);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IHVzZVN0b3JlIH0gZnJvbSAnQG5hbm9zdG9yZXMvcmVhY3QnXG5pbXBvcnQgeyBjcmVhdGVFbGVtZW50LCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IGdldENvbnRyb2xBdG9tIH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlLXNtb290aC1jb250cm9scydcbmltcG9ydCB7IGNuLCB0eXBlIFBvbHlQcm9wcywgcG9seVJlZiB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgY29sb3JEb2RnZSwgY29sb3JNaXggfSBmcm9tICcuLi8uLi91dGlscy9jb2xvcidcblxuY29uc3QgTEFZRVJfS0VZUyA9IHsgYmc6ICdiZ0NvbG9yJywgZmc6ICdmZ0NvbG9yJywgbWc6ICdtZ0NvbG9yJyB9IGFzIGNvbnN0XG50eXBlIExheWVyID0ga2V5b2YgdHlwZW9mIExBWUVSX0tFWVNcbnR5cGUgTGF5ZXJTcGVjID0gYCR7TGF5ZXJ9LyR7bnVtYmVyfWAgfCBMYXllclxuXG5jb25zdCBwYXJzZVNwZWMgPSAoc3BlYzogTGF5ZXJTcGVjKTogW0xheWVyLCBudW1iZXI/XSA9PiB7XG4gIGNvbnN0IFtsYXllciwgYWxwaGFdID0gc3BlYy5zcGxpdCgnLycpIGFzIFtMYXllciwgc3RyaW5nP11cblxuICByZXR1cm4gW2xheWVyLCBhbHBoYSA/IHBhcnNlRmxvYXQoYWxwaGEpIDogdW5kZWZpbmVkXVxufVxuXG5jb25zdCB1c2VDb250cm9sQ29sb3IgPSAoa2V5OiBzdHJpbmcsIGZhbGxiYWNrOiBzdHJpbmcpID0+IHtcbiAgY29uc3QgYXRvbSA9IGdldENvbnRyb2xBdG9tPHN0cmluZz4oJ0xlbnMnLCBrZXkpXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9ydWxlcy1vZi1ob29rc1xuICByZXR1cm4gKGF0b20gPyB1c2VTdG9yZShhdG9tKSA6IHVuZGVmaW5lZCkgPz8gZmFsbGJhY2tcbn1cblxuY29uc3QgdXNlQmxlbmQgPSAoYWdhaW5zdDogTGF5ZXIsIHNwZWM/OiBMYXllclNwZWMgfCBzdHJpbmcpID0+IHtcbiAgY29uc3QgbGF5ZXJLZXkgPSBzcGVjPy5zcGxpdCgnLycpWzBdXG4gIGNvbnN0IGlzTGF5ZXJTcGVjID0gbGF5ZXJLZXkgJiYgbGF5ZXJLZXkgaW4gTEFZRVJfS0VZU1xuXG4gIGNvbnN0IFt0YXJnZXQsIGFscGhhXSA9IGlzTGF5ZXJTcGVjXG4gICAgPyBwYXJzZVNwZWMoc3BlYyBhcyBMYXllclNwZWMpXG4gICAgOiBbdW5kZWZpbmVkLCB1bmRlZmluZWRdXG5cbiAgY29uc3QgYWdhaW5zdENvbG9yID0gdXNlQ29udHJvbENvbG9yKExBWUVSX0tFWVNbYWdhaW5zdF0sICcjMDQxYzFjJylcbiAgY29uc3QgZmdDb2xvciA9IHVzZUNvbnRyb2xDb2xvcihMQVlFUl9LRVlTLmZnLCAnI2ZmZTZjYicpXG4gIGNvbnN0IG1nQ29sb3IgPSB1c2VDb250cm9sQ29sb3IoTEFZRVJfS0VZUy5tZywgJyNmZmU2Y2InKVxuICBjb25zdCBiZ0NvbG9yID0gdXNlQ29udHJvbENvbG9yKExBWUVSX0tFWVMuYmcsICcjZmZlNmNiJylcblxuICBjb25zdCB0YXJnZXRDb2xvciA9IHRhcmdldFxuICAgID8gdGFyZ2V0ID09PSAnZmcnXG4gICAgICA/IGZnQ29sb3JcbiAgICAgIDogdGFyZ2V0ID09PSAnbWcnXG4gICAgICAgID8gbWdDb2xvclxuICAgICAgICA6IGJnQ29sb3JcbiAgICA6IHNwZWNcblxuICByZXR1cm4gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFzcGVjIHx8ICF0YXJnZXRDb2xvcikge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZFxuICAgIH1cblxuICAgIGNvbnN0IHJlc3VsdCA9IGNvbG9yRG9kZ2UoYWdhaW5zdENvbG9yLCB0YXJnZXRDb2xvcilcblxuICAgIHJldHVybiBhbHBoYSAhPSBudWxsID8gY29sb3JNaXgocmVzdWx0LCBhbHBoYSkgOiByZXN1bHRcbiAgfSwgW3NwZWMsIGFnYWluc3RDb2xvciwgdGFyZ2V0Q29sb3IsIGFscGhhXSlcbn1cblxuZXhwb3J0IGNvbnN0IHVzZUJsZW5kTW9kZSA9IChvcHRzOiBCbGVuZE1vZGVPcHRzID0ge30pOiBCbGVuZENvbG9ycyA9PiB7XG4gIGNvbnN0IHsgYWdhaW5zdCA9ICdiZycsIGJhY2tncm91bmQsIGNvbG9yIH0gPSBvcHRzXG5cbiAgcmV0dXJuIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHVzZUJsZW5kKGFnYWluc3QsIGJhY2tncm91bmQpLFxuICAgIGNvbG9yOiB1c2VCbGVuZChhZ2FpbnN0LCBjb2xvcilcbiAgfVxufVxuXG5leHBvcnQgY29uc3Qgd2l0aEJsZW5kTW9kZSA9IDxQIGV4dGVuZHMgQmxlbmRDb2xvcnM+KFxuICBDb21wb25lbnQ6IFJlYWN0LkNvbXBvbmVudFR5cGU8UD4sXG4gIG9wdHM/OiBCbGVuZE1vZGVPcHRzXG4pID0+IHtcbiAgY29uc3QgV3JhcHBlZCA9IChcbiAgICBwcm9wczogT21pdDxQLCBrZXlvZiBCbGVuZENvbG9ycz4gJiBQYXJ0aWFsPEJsZW5kTW9kZU9wdHM+XG4gICkgPT4ge1xuICAgIGNvbnN0IHsgYWdhaW5zdCwgYmFja2dyb3VuZCwgY29sb3IsIC4uLnJlc3QgfSA9IHByb3BzIGFzIFAgJiBCbGVuZE1vZGVPcHRzXG5cbiAgICBjb25zdCBjb2xvcnMgPSB1c2VCbGVuZE1vZGUoe1xuICAgICAgYWdhaW5zdDogYWdhaW5zdCA/PyBvcHRzPy5hZ2FpbnN0LFxuICAgICAgYmFja2dyb3VuZDogYmFja2dyb3VuZCA/PyBvcHRzPy5iYWNrZ3JvdW5kLFxuICAgICAgY29sb3I6IGNvbG9yID8/IG9wdHM/LmNvbG9yXG4gICAgfSlcblxuICAgIHJldHVybiA8Q29tcG9uZW50IHsuLi4ocmVzdCBhcyBQKX0gey4uLmNvbG9yc30gLz5cbiAgfVxuXG4gIFdyYXBwZWQuZGlzcGxheU5hbWUgPSBgd2l0aEJsZW5kTW9kZSgke0NvbXBvbmVudC5kaXNwbGF5TmFtZSA/PyBDb21wb25lbnQubmFtZSA/PyAnQ29tcG9uZW50J30pYFxuXG4gIHJldHVybiBXcmFwcGVkXG59XG5cbmV4cG9ydCBjb25zdCBCbGVuZE1vZGUgPSBwb2x5UmVmPCdkaXYnLCBCbGVuZE1vZGVPd25Qcm9wcz4oXG4gIChcbiAgICB7IGFnYWluc3QsIGFzLCBiYWNrZ3JvdW5kLCBjaGlsZHJlbiwgY2xhc3NOYW1lLCBjb2xvciwgc3R5bGUsIC4uLnJlc3QgfSxcbiAgICByZWZcbiAgKSA9PiB7XG4gICAgY29uc3QgY29sb3JzID0gdXNlQmxlbmRNb2RlKHsgYWdhaW5zdCwgYmFja2dyb3VuZCwgY29sb3IgfSlcblxuICAgIGlmICh0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbicpIHtcbiAgICAgIHJldHVybiA8PntjaGlsZHJlbihjb2xvcnMpfTwvPlxuICAgIH1cblxuICAgIHJldHVybiBjcmVhdGVFbGVtZW50KChhcyA/PyAnZGl2JykgYXMgUmVhY3QuRWxlbWVudFR5cGUsIHtcbiAgICAgIC4uLnJlc3QsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNsYXNzTmFtZTogY24oY2xhc3NOYW1lKSxcbiAgICAgIHJlZixcbiAgICAgIHN0eWxlOiB7IC4uLmNvbG9ycywgLi4uc3R5bGUgfVxuICAgIH0pXG4gIH1cbilcblxuaW50ZXJmYWNlIEJsZW5kTW9kZU93blByb3BzIGV4dGVuZHMgQmxlbmRNb2RlT3B0cyB7XG4gIGNoaWxkcmVuPzogKChjb2xvcnM6IEJsZW5kQ29sb3JzKSA9PiBSZWFjdC5SZWFjdE5vZGUpIHwgUmVhY3QuUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmxlbmRDb2xvcnMge1xuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmdcbiAgY29sb3I/OiBzdHJpbmdcbn1cblxuaW50ZXJmYWNlIEJsZW5kTW9kZU9wdHMge1xuICBhZ2FpbnN0PzogTGF5ZXJcbiAgYmFja2dyb3VuZD86IExheWVyU3BlYyB8IHN0cmluZ1xuICBjb2xvcj86IExheWVyU3BlYyB8IHN0cmluZ1xufVxuXG5leHBvcnQgdHlwZSBCbGVuZE1vZGVQcm9wczxUIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSAnZGl2Jz4gPSBQb2x5UHJvcHM8XG4gIFQsXG4gIEJsZW5kTW9kZU93blByb3BzXG4+XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBaUZXLFNBZ0JFLFVBaEJGO0FBL0VYLFNBQVMsZ0JBQWdCO0FBQ3pCLFNBQVMsZUFBZSxlQUFlO0FBRXZDLFNBQVMsc0JBQXNCO0FBQy9CLFNBQVMsSUFBb0IsZUFBZTtBQUM1QyxTQUFTLFlBQVksZ0JBQWdCO0FBRXJDLE1BQU0sYUFBYSxFQUFFLElBQUksV0FBVyxJQUFJLFdBQVcsSUFBSSxVQUFVO0FBSWpFLE1BQU0sWUFBWSxDQUFDLFNBQXNDO0FBQ3ZELFFBQU0sQ0FBQyxPQUFPLEtBQUssSUFBSSxLQUFLLE1BQU0sR0FBRztBQUVyQyxTQUFPLENBQUMsT0FBTyxRQUFRLFdBQVcsS0FBSyxJQUFJLE1BQVM7QUFDdEQ7QUFFQSxNQUFNLGtCQUFrQixDQUFDLEtBQWEsYUFBcUI7QUFDekQsUUFBTSxPQUFPLGVBQXVCLFFBQVEsR0FBRztBQUUvQyxVQUFRLE9BQU8sU0FBUyxJQUFJLElBQUksV0FBYztBQUNoRDtBQUVBLE1BQU0sV0FBVyxDQUFDLFNBQWdCLFNBQThCO0FBQzlELFFBQU0sV0FBVyxNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7QUFDbkMsUUFBTSxjQUFjLFlBQVksWUFBWTtBQUU1QyxRQUFNLENBQUMsUUFBUSxLQUFLLElBQUksY0FDcEIsVUFBVSxJQUFpQixJQUMzQixDQUFDLFFBQVcsTUFBUztBQUV6QixRQUFNLGVBQWUsZ0JBQWdCLFdBQVcsT0FBTyxHQUFHLFNBQVM7QUFDbkUsUUFBTSxVQUFVLGdCQUFnQixXQUFXLElBQUksU0FBUztBQUN4RCxRQUFNLFVBQVUsZ0JBQWdCLFdBQVcsSUFBSSxTQUFTO0FBQ3hELFFBQU0sVUFBVSxnQkFBZ0IsV0FBVyxJQUFJLFNBQVM7QUFFeEQsUUFBTSxjQUFjLFNBQ2hCLFdBQVcsT0FDVCxVQUNBLFdBQVcsT0FDVCxVQUNBLFVBQ0o7QUFFSixTQUFPLFFBQVEsTUFBTTtBQUNuQixRQUFJLENBQUMsUUFBUSxDQUFDLGFBQWE7QUFDekIsYUFBTztBQUFBLElBQ1Q7QUFFQSxVQUFNLFNBQVMsV0FBVyxjQUFjLFdBQVc7QUFFbkQsV0FBTyxTQUFTLE9BQU8sU0FBUyxRQUFRLEtBQUssSUFBSTtBQUFBLEVBQ25ELEdBQUcsQ0FBQyxNQUFNLGNBQWMsYUFBYSxLQUFLLENBQUM7QUFDN0M7QUFFTyxhQUFNLGVBQWUsQ0FBQyxPQUFzQixDQUFDLE1BQW1CO0FBQ3JFLFFBQU0sRUFBRSxVQUFVLE1BQU0sWUFBWSxNQUFNLElBQUk7QUFFOUMsU0FBTztBQUFBLElBQ0wsaUJBQWlCLFNBQVMsU0FBUyxVQUFVO0FBQUEsSUFDN0MsT0FBTyxTQUFTLFNBQVMsS0FBSztBQUFBLEVBQ2hDO0FBQ0Y7QUFFTyxhQUFNLGdCQUFnQixDQUMzQixXQUNBLFNBQ0c7QUFDSCxRQUFNLFVBQVUsQ0FDZCxVQUNHO0FBQ0gsVUFBTSxFQUFFLFNBQVMsWUFBWSxPQUFPLEdBQUcsS0FBSyxJQUFJO0FBRWhELFVBQU0sU0FBUyxhQUFhO0FBQUEsTUFDMUIsU0FBUyxXQUFXLE1BQU07QUFBQSxNQUMxQixZQUFZLGNBQWMsTUFBTTtBQUFBLE1BQ2hDLE9BQU8sU0FBUyxNQUFNO0FBQUEsSUFDeEIsQ0FBQztBQUVELFdBQU8sb0JBQUMsYUFBVyxHQUFJLE1BQWEsR0FBRyxRQUFRO0FBQUEsRUFDakQ7QUFFQSxVQUFRLGNBQWMsaUJBQWlCLFVBQVUsZUFBZSxVQUFVLFFBQVEsV0FBVztBQUU3RixTQUFPO0FBQ1Q7QUFFTyxhQUFNLFlBQVk7QUFBQSxFQUN2QixDQUNFLEVBQUUsU0FBUyxJQUFJLFlBQVksVUFBVSxXQUFXLE9BQU8sT0FBTyxHQUFHLEtBQUssR0FDdEUsUUFDRztBQUNILFVBQU0sU0FBUyxhQUFhLEVBQUUsU0FBUyxZQUFZLE1BQU0sQ0FBQztBQUUxRCxRQUFJLE9BQU8sYUFBYSxZQUFZO0FBQ2xDLGFBQU8sZ0NBQUcsbUJBQVMsTUFBTSxHQUFFO0FBQUEsSUFDN0I7QUFFQSxXQUFPLGNBQWUsTUFBTSxPQUE2QjtBQUFBLE1BQ3ZELEdBQUc7QUFBQSxNQUNIO0FBQUEsTUFDQSxXQUFXLEdBQUcsU0FBUztBQUFBLE1BQ3ZCO0FBQUEsTUFDQSxPQUFPLEVBQUUsR0FBRyxRQUFRLEdBQUcsTUFBTTtBQUFBLElBQy9CLENBQUM7QUFBQSxFQUNIO0FBQ0Y7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/blink.d.ts

@@ -0,0 +1,6 @@
+export declare function Blink({ className, cursor }: BlinkProps): import("react").JSX.Element;
+interface BlinkProps {
+    className?: string;
+    cursor?: 'block' | 'line';
+}
+export {};

package/dist/ui/components/blink.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+export function Blink({ className, cursor = "block" }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "blink hidden group-hover:inline-block",
+        "dither ml-1 w-[1.2ch]",
+        cursor === "block" ? "-mb-[0.15em] h-[1.1em]" : "-mb-[0.1em] h-[2px]",
+        className
+      )
+    }
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7IGNuIH0gZnJvbSAnLi4vLi4vdXRpbHMnXG5cbmV4cG9ydCBmdW5jdGlvbiBCbGluayh7IGNsYXNzTmFtZSwgY3Vyc29yID0gJ2Jsb2NrJyB9OiBCbGlua1Byb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPHNwYW5cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdibGluayBoaWRkZW4gZ3JvdXAtaG92ZXI6aW5saW5lLWJsb2NrJyxcbiAgICAgICAgJ2RpdGhlciBtbC0xIHctWzEuMmNoXScsXG4gICAgICAgIGN1cnNvciA9PT0gJ2Jsb2NrJyA/ICctbWItWzAuMTVlbV0gaC1bMS4xZW1dJyA6ICctbWItWzAuMWVtXSBoLVsycHhdJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgIC8+XG4gIClcbn1cblxuaW50ZXJmYWNlIEJsaW5rUHJvcHMge1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY3Vyc29yPzogJ2Jsb2NrJyB8ICdsaW5lJ1xufVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQU1JO0FBSkosU0FBUyxVQUFVO0FBRVosZ0JBQVMsTUFBTSxFQUFFLFdBQVcsU0FBUyxRQUFRLEdBQWU7QUFDakUsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsV0FBVztBQUFBLFFBQ1Q7QUFBQSxRQUNBO0FBQUEsUUFDQSxXQUFXLFVBQVUsMkJBQTJCO0FBQUEsUUFDaEQ7QUFBQSxNQUNGO0FBQUE7QUFBQSxFQUNGO0FBRUo7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/bottom-sheet.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from 'react';
+/**
+ * Mobile-first bottom sheet with slide + fade enter/exit, drag-to-dismiss
+ * handle, body scroll lock, and reduced-motion support. Portaled to
+ * `document.body` to escape ancestor stacking contexts.
+ */
+export declare function BottomSheet({ backdropDismissLabel, children, onClose, open, title }: BottomSheetProps): import("react").ReactPortal | null;
+interface BottomSheetProps {
+    backdropDismissLabel?: string;
+    children: ReactNode;
+    onClose: () => void;
+    open: boolean;
+    title: string;
+}
+export {};

package/dist/ui/components/bottom-sheet.js

@@ -0,0 +1,192 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../../utils/index.js";
+import { Typography } from "./typography/index.js";
+const CLOSE_DRAG_MIN_PX = 72;
+const CLOSE_DRAG_RATIO = 0.18;
+const SHEET_TRANSITION_MS = 280;
+export function BottomSheet({
+  backdropDismissLabel = "Dismiss",
+  children,
+  onClose,
+  open,
+  title
+}) {
+  const [renderPortal, setRenderPortal] = useState(open);
+  const [entered, setEntered] = useState(false);
+  const [dragOffsetPx, setDragOffsetPx] = useState(0);
+  const [dragActive, setDragActive] = useState(false);
+  const closeTimerRef = useRef(null);
+  const sheetRef = useRef(null);
+  const dragTrackingRef = useRef(false);
+  const dragStartYRef = useRef(0);
+  const dragOffsetRef = useRef(0);
+  const reducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  const syncDragPx = (next) => {
+    dragOffsetRef.current = next;
+    setDragOffsetPx(next);
+  };
+  useEffect(() => {
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    const ms = reducedMotion ? 0 : SHEET_TRANSITION_MS;
+    let openRafId = 0;
+    let exitRafId = 0;
+    if (open) {
+      openRafId = requestAnimationFrame(() => {
+        dragTrackingRef.current = false;
+        dragOffsetRef.current = 0;
+        setDragActive(false);
+        setDragOffsetPx(0);
+        setRenderPortal(true);
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => setEntered(true));
+        });
+      });
+    } else {
+      exitRafId = requestAnimationFrame(() => {
+        dragTrackingRef.current = false;
+        setDragActive(false);
+        setEntered(false);
+        closeTimerRef.current = window.setTimeout(() => {
+          dragOffsetRef.current = 0;
+          setDragOffsetPx(0);
+          setRenderPortal(false);
+          closeTimerRef.current = null;
+        }, ms);
+      });
+    }
+    return () => {
+      cancelAnimationFrame(openRafId);
+      cancelAnimationFrame(exitRafId);
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+    };
+  }, [open, reducedMotion]);
+  useEffect(() => {
+    if (!renderPortal) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = prev;
+    };
+  }, [renderPortal]);
+  if (!renderPortal || typeof document === "undefined") return null;
+  const durationClass = reducedMotion ? "duration-0" : "duration-[280ms]";
+  const draggingVisual = dragActive || dragOffsetPx > 0;
+  const onDragPointerDown = (e) => {
+    if (reducedMotion || !entered) return;
+    if (e.pointerType === "mouse" && e.button !== 0) return;
+    dragTrackingRef.current = true;
+    setDragActive(true);
+    dragStartYRef.current = e.clientY;
+    syncDragPx(0);
+    e.currentTarget.setPointerCapture(e.pointerId);
+  };
+  const onDragPointerMove = (e) => {
+    if (!dragTrackingRef.current) return;
+    const dy = e.clientY - dragStartYRef.current;
+    const next = Math.max(0, dy);
+    const sheetH = sheetRef.current?.offsetHeight ?? 560;
+    syncDragPx(Math.min(next, sheetH));
+  };
+  const endDrag = (e) => {
+    if (!dragTrackingRef.current) return;
+    dragTrackingRef.current = false;
+    setDragActive(false);
+    try {
+      e.currentTarget.releasePointerCapture(e.pointerId);
+    } catch {
+    }
+    const sheetH = sheetRef.current?.offsetHeight ?? 560;
+    const threshold = Math.max(CLOSE_DRAG_MIN_PX, sheetH * CLOSE_DRAG_RATIO);
+    const d = dragOffsetRef.current;
+    if (d >= threshold) {
+      onClose();
+      return;
+    }
+    syncDragPx(0);
+  };
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[200] flex flex-col justify-end", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          "aria-label": backdropDismissLabel,
+          className: cn(
+            "absolute inset-0 bg-black/55 backdrop-blur-[2px]",
+            "transition-opacity ease-out motion-reduce:transition-none",
+            durationClass,
+            entered ? "opacity-100" : "opacity-0"
+          ),
+          onClick: onClose,
+          type: "button"
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "aria-label": title,
+          "aria-modal": "true",
+          className: cn(
+            "relative flex max-h-[85dvh] min-h-0 flex-col rounded-t-xl border border-current/20",
+            "bg-background-base/98 pb-[max(1rem,env(safe-area-inset-bottom))]",
+            "shadow-[0_-12px_40px_-8px_rgba(0,0,0,0.55)] backdrop-blur-md",
+            "ease-out motion-reduce:transition-none transform-gpu",
+            draggingVisual ? "transition-none" : cn("transition-transform", durationClass),
+            entered ? "translate-y-0" : "translate-y-full"
+          ),
+          ref: sheetRef,
+          role: "dialog",
+          style: entered && dragOffsetPx > 0 ? { transform: `translateY(${dragOffsetPx}px)` } : void 0,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex shrink-0 flex-col gap-2 border-b border-current/15 px-4 pb-3 pt-2",
+                  "touch-none select-none",
+                  reducedMotion ? "cursor-default" : "cursor-grab active:cursor-grabbing"
+                ),
+                onPointerCancel: endDrag,
+                onPointerDown: onDragPointerDown,
+                onPointerMove: onDragPointerMove,
+                onPointerUp: endDrag,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "aria-hidden": true,
+                      className: "mx-auto h-1 w-10 shrink-0 rounded-full bg-current/20"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Typography,
+                    {
+                      className: "text-[0.65rem] tracking-[0.15em] uppercase text-midground/70",
+                      mondwest: true,
+                      children: title
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", children })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB7XG4gIHR5cGUgUG9pbnRlckV2ZW50IGFzIFJlYWN0UG9pbnRlckV2ZW50LFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3JlYXRlUG9ydGFsIH0gZnJvbSAncmVhY3QtZG9tJ1xuXG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJy4vdHlwb2dyYXBoeSdcblxuY29uc3QgQ0xPU0VfRFJBR19NSU5fUFggPSA3MlxuY29uc3QgQ0xPU0VfRFJBR19SQVRJTyA9IDAuMThcbmNvbnN0IFNIRUVUX1RSQU5TSVRJT05fTVMgPSAyODBcblxuLyoqXG4gKiBNb2JpbGUtZmlyc3QgYm90dG9tIHNoZWV0IHdpdGggc2xpZGUgKyBmYWRlIGVudGVyL2V4aXQsIGRyYWctdG8tZGlzbWlzc1xuICogaGFuZGxlLCBib2R5IHNjcm9sbCBsb2NrLCBhbmQgcmVkdWNlZC1tb3Rpb24gc3VwcG9ydC4gUG9ydGFsZWQgdG9cbiAqIGBkb2N1bWVudC5ib2R5YCB0byBlc2NhcGUgYW5jZXN0b3Igc3RhY2tpbmcgY29udGV4dHMuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBCb3R0b21TaGVldCh7XG4gIGJhY2tkcm9wRGlzbWlzc0xhYmVsID0gJ0Rpc21pc3MnLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgb3BlbixcbiAgdGl0bGVcbn06IEJvdHRvbVNoZWV0UHJvcHMpIHtcbiAgY29uc3QgW3JlbmRlclBvcnRhbCwgc2V0UmVuZGVyUG9ydGFsXSA9IHVzZVN0YXRlKG9wZW4pXG4gIGNvbnN0IFtlbnRlcmVkLCBzZXRFbnRlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKVxuICBjb25zdCBbZHJhZ09mZnNldFB4LCBzZXREcmFnT2Zmc2V0UHhdID0gdXNlU3RhdGUoMClcbiAgY29uc3QgW2RyYWdBY3RpdmUsIHNldERyYWdBY3RpdmVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgY2xvc2VUaW1lclJlZiA9IHVzZVJlZjxSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0PiB8IG51bGw+KG51bGwpXG4gIGNvbnN0IHNoZWV0UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuICBjb25zdCBkcmFnVHJhY2tpbmdSZWYgPSB1c2VSZWYoZmFsc2UpXG4gIGNvbnN0IGRyYWdTdGFydFlSZWYgPSB1c2VSZWYoMClcbiAgY29uc3QgZHJhZ09mZnNldFJlZiA9IHVzZVJlZigwKVxuXG4gIGNvbnN0IHJlZHVjZWRNb3Rpb24gPVxuICAgIHR5cGVvZiB3aW5kb3cgIT09ICd1bmRlZmluZWQnICYmXG4gICAgd2luZG93Lm1hdGNoTWVkaWEoJyhwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpJykubWF0Y2hlc1xuXG4gIGNvbnN0IHN5bmNEcmFnUHggPSAobmV4dDogbnVtYmVyKSA9PiB7XG4gICAgZHJhZ09mZnNldFJlZi5jdXJyZW50ID0gbmV4dFxuICAgIHNldERyYWdPZmZzZXRQeChuZXh0KVxuICB9XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoY2xvc2VUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICBjbGVhclRpbWVvdXQoY2xvc2VUaW1lclJlZi5jdXJyZW50KVxuICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgIH1cblxuICAgIGNvbnN0IG1zID0gcmVkdWNlZE1vdGlvbiA/IDAgOiBTSEVFVF9UUkFOU0lUSU9OX01TXG5cbiAgICBsZXQgb3BlblJhZklkID0gMFxuICAgIGxldCBleGl0UmFmSWQgPSAwXG5cbiAgICBpZiAob3Blbikge1xuICAgICAgb3BlblJhZklkID0gcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgZHJhZ1RyYWNraW5nUmVmLmN1cnJlbnQgPSBmYWxzZVxuICAgICAgICBkcmFnT2Zmc2V0UmVmLmN1cnJlbnQgPSAwXG4gICAgICAgIHNldERyYWdBY3RpdmUoZmFsc2UpXG4gICAgICAgIHNldERyYWdPZmZzZXRQeCgwKVxuICAgICAgICBzZXRSZW5kZXJQb3J0YWwodHJ1ZSlcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKCgpID0+IHtcbiAgICAgICAgICByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gc2V0RW50ZXJlZCh0cnVlKSlcbiAgICAgICAgfSlcbiAgICAgIH0pXG4gICAgfSBlbHNlIHtcbiAgICAgIGV4aXRSYWZJZCA9IHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB7XG4gICAgICAgIGRyYWdUcmFja2luZ1JlZi5jdXJyZW50ID0gZmFsc2VcbiAgICAgICAgc2V0RHJhZ0FjdGl2ZShmYWxzZSlcbiAgICAgICAgc2V0RW50ZXJlZChmYWxzZSlcbiAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgIGRyYWdPZmZzZXRSZWYuY3VycmVudCA9IDBcbiAgICAgICAgICBzZXREcmFnT2Zmc2V0UHgoMClcbiAgICAgICAgICBzZXRSZW5kZXJQb3J0YWwoZmFsc2UpXG4gICAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgICAgICB9LCBtcylcbiAgICAgIH0pXG4gICAgfVxuXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKG9wZW5SYWZJZClcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKGV4aXRSYWZJZClcbiAgICAgIGlmIChjbG9zZVRpbWVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KGNsb3NlVGltZXJSZWYuY3VycmVudClcbiAgICAgICAgY2xvc2VUaW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICAgICAgfVxuICAgIH1cbiAgfSwgW29wZW4sIHJlZHVjZWRNb3Rpb25dKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFyZW5kZXJQb3J0YWwpIHJldHVyblxuICAgIGNvbnN0IHByZXYgPSBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93XG4gICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBwcmV2XG4gICAgfVxuICB9LCBbcmVuZGVyUG9ydGFsXSlcblxuICBpZiAoIXJlbmRlclBvcnRhbCB8fCB0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm4gbnVsbFxuXG4gIGNvbnN0IGR1cmF0aW9uQ2xhc3MgPSByZWR1Y2VkTW90aW9uID8gJ2R1cmF0aW9uLTAnIDogJ2R1cmF0aW9uLVsyODBtc10nXG4gIGNvbnN0IGRyYWdnaW5nVmlzdWFsID0gZHJhZ0FjdGl2ZSB8fCBkcmFnT2Zmc2V0UHggPiAwXG5cbiAgY29uc3Qgb25EcmFnUG9pbnRlckRvd24gPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKHJlZHVjZWRNb3Rpb24gfHwgIWVudGVyZWQpIHJldHVyblxuICAgIGlmIChlLnBvaW50ZXJUeXBlID09PSAnbW91c2UnICYmIGUuYnV0dG9uICE9PSAwKSByZXR1cm5cblxuICAgIGRyYWdUcmFja2luZ1JlZi5jdXJyZW50ID0gdHJ1ZVxuICAgIHNldERyYWdBY3RpdmUodHJ1ZSlcbiAgICBkcmFnU3RhcnRZUmVmLmN1cnJlbnQgPSBlLmNsaWVudFlcbiAgICBzeW5jRHJhZ1B4KDApXG4gICAgZS5jdXJyZW50VGFyZ2V0LnNldFBvaW50ZXJDYXB0dXJlKGUucG9pbnRlcklkKVxuICB9XG5cbiAgY29uc3Qgb25EcmFnUG9pbnRlck1vdmUgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKCFkcmFnVHJhY2tpbmdSZWYuY3VycmVudCkgcmV0dXJuXG4gICAgY29uc3QgZHkgPSBlLmNsaWVudFkgLSBkcmFnU3RhcnRZUmVmLmN1cnJlbnRcbiAgICBjb25zdCBuZXh0ID0gTWF0aC5tYXgoMCwgZHkpXG4gICAgY29uc3Qgc2hlZXRIID0gc2hlZXRSZWYuY3VycmVudD8ub2Zmc2V0SGVpZ2h0ID8/IDU2MFxuICAgIHN5bmNEcmFnUHgoTWF0aC5taW4obmV4dCwgc2hlZXRIKSlcbiAgfVxuXG4gIGNvbnN0IGVuZERyYWcgPSAoZTogUmVhY3RQb2ludGVyRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKCFkcmFnVHJhY2tpbmdSZWYuY3VycmVudCkgcmV0dXJuXG4gICAgZHJhZ1RyYWNraW5nUmVmLmN1cnJlbnQgPSBmYWxzZVxuICAgIHNldERyYWdBY3RpdmUoZmFsc2UpXG4gICAgdHJ5IHtcbiAgICAgIGUuY3VycmVudFRhcmdldC5yZWxlYXNlUG9pbnRlckNhcHR1cmUoZS5wb2ludGVySWQpXG4gICAgfSBjYXRjaCB7XG4gICAgICAvKiBhbHJlYWR5IHJlbGVhc2VkICovXG4gICAgfVxuXG4gICAgY29uc3Qgc2hlZXRIID0gc2hlZXRSZWYuY3VycmVudD8ub2Zmc2V0SGVpZ2h0ID8/IDU2MFxuICAgIGNvbnN0IHRocmVzaG9sZCA9IE1hdGgubWF4KENMT1NFX0RSQUdfTUlOX1BYLCBzaGVldEggKiBDTE9TRV9EUkFHX1JBVElPKVxuICAgIGNvbnN0IGQgPSBkcmFnT2Zmc2V0UmVmLmN1cnJlbnRcblxuICAgIGlmIChkID49IHRocmVzaG9sZCkge1xuICAgICAgb25DbG9zZSgpXG4gICAgICByZXR1cm5cbiAgICB9XG4gICAgc3luY0RyYWdQeCgwKVxuICB9XG5cbiAgcmV0dXJuIGNyZWF0ZVBvcnRhbChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImZpeGVkIGluc2V0LTAgei1bMjAwXSBmbGV4IGZsZXgtY29sIGp1c3RpZnktZW5kXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGFyaWEtbGFiZWw9e2JhY2tkcm9wRGlzbWlzc0xhYmVsfVxuICAgICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAgICdhYnNvbHV0ZSBpbnNldC0wIGJnLWJsYWNrLzU1IGJhY2tkcm9wLWJsdXItWzJweF0nLFxuICAgICAgICAgICd0cmFuc2l0aW9uLW9wYWNpdHkgZWFzZS1vdXQgbW90aW9uLXJlZHVjZTp0cmFuc2l0aW9uLW5vbmUnLFxuICAgICAgICAgIGR1cmF0aW9uQ2xhc3MsXG4gICAgICAgICAgZW50ZXJlZCA/ICdvcGFjaXR5LTEwMCcgOiAnb3BhY2l0eS0wJ1xuICAgICAgICApfVxuICAgICAgICBvbkNsaWNrPXtvbkNsb3NlfVxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIC8+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgYXJpYS1sYWJlbD17dGl0bGV9XG4gICAgICAgIGFyaWEtbW9kYWw9XCJ0cnVlXCJcbiAgICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgICAncmVsYXRpdmUgZmxleCBtYXgtaC1bODVkdmhdIG1pbi1oLTAgZmxleC1jb2wgcm91bmRlZC10LXhsIGJvcmRlciBib3JkZXItY3VycmVudC8yMCcsXG4gICAgICAgICAgJ2JnLWJhY2tncm91bmQtYmFzZS85OCBwYi1bbWF4KDFyZW0sZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20pKV0nLFxuICAgICAgICAgICdzaGFkb3ctWzBfLTEycHhfNDBweF8tOHB4X3JnYmEoMCwwLDAsMC41NSldIGJhY2tkcm9wLWJsdXItbWQnLFxuICAgICAgICAgICdlYXNlLW91dCBtb3Rpb24tcmVkdWNlOnRyYW5zaXRpb24tbm9uZSB0cmFuc2Zvcm0tZ3B1JyxcbiAgICAgICAgICBkcmFnZ2luZ1Zpc3VhbFxuICAgICAgICAgICAgPyAndHJhbnNpdGlvbi1ub25lJ1xuICAgICAgICAgICAgOiBjbigndHJhbnNpdGlvbi10cmFuc2Zvcm0nLCBkdXJhdGlvbkNsYXNzKSxcbiAgICAgICAgICBlbnRlcmVkID8gJ3RyYW5zbGF0ZS15LTAnIDogJ3RyYW5zbGF0ZS15LWZ1bGwnXG4gICAgICAgICl9XG4gICAgICAgIHJlZj17c2hlZXRSZWZ9XG4gICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICBzdHlsZT17XG4gICAgICAgICAgZW50ZXJlZCAmJiBkcmFnT2Zmc2V0UHggPiAwXG4gICAgICAgICAgICA/IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke2RyYWdPZmZzZXRQeH1weClgIH1cbiAgICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICAgIH1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICAgICAnZmxleCBzaHJpbmstMCBmbGV4LWNvbCBnYXAtMiBib3JkZXItYiBib3JkZXItY3VycmVudC8xNSBweC00IHBiLTMgcHQtMicsXG4gICAgICAgICAgICAndG91Y2gtbm9uZSBzZWxlY3Qtbm9uZScsXG4gICAgICAgICAgICByZWR1Y2VkTW90aW9uXG4gICAgICAgICAgICAgID8gJ2N1cnNvci1kZWZhdWx0J1xuICAgICAgICAgICAgICA6ICdjdXJzb3ItZ3JhYiBhY3RpdmU6Y3Vyc29yLWdyYWJiaW5nJ1xuICAgICAgICAgICl9XG4gICAgICAgICAgb25Qb2ludGVyQ2FuY2VsPXtlbmREcmFnfVxuICAgICAgICAgIG9uUG9pbnRlckRvd249e29uRHJhZ1BvaW50ZXJEb3dufVxuICAgICAgICAgIG9uUG9pbnRlck1vdmU9e29uRHJhZ1BvaW50ZXJNb3ZlfVxuICAgICAgICAgIG9uUG9pbnRlclVwPXtlbmREcmFnfVxuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT1cIm14LWF1dG8gaC0xIHctMTAgc2hyaW5rLTAgcm91bmRlZC1mdWxsIGJnLWN1cnJlbnQvMjBcIlxuICAgICAgICAgIC8+XG5cbiAgICAgICAgICA8VHlwb2dyYXBoeVxuICAgICAgICAgICAgY2xhc3NOYW1lPVwidGV4dC1bMC42NXJlbV0gdHJhY2tpbmctWzAuMTVlbV0gdXBwZXJjYXNlIHRleHQtbWlkZ3JvdW5kLzcwXCJcbiAgICAgICAgICAgIG1vbmR3ZXN0XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJtaW4taC0wIGZsZXgtMSBvdmVyZmxvdy15LWF1dG8gb3ZlcnNjcm9sbC1jb250YWluXCI+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PixcbiAgICBkb2N1bWVudC5ib2R5XG4gIClcbn1cblxuaW50ZXJmYWNlIEJvdHRvbVNoZWV0UHJvcHMge1xuICBiYWNrZHJvcERpc21pc3NMYWJlbD86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xvc2U6ICgpID0+IHZvaWRcbiAgb3BlbjogYm9vbGVhblxuICB0aXRsZTogc3RyaW5nXG59XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBd0pNLGNBaUNFLFlBakNGO0FBdEpOO0FBQUEsRUFHRTtBQUFBLEVBQ0E7QUFBQSxFQUNBO0FBQUEsT0FDSztBQUNQLFNBQVMsb0JBQW9CO0FBRTdCLFNBQVMsVUFBVTtBQUNuQixTQUFTLGtCQUFrQjtBQUUzQixNQUFNLG9CQUFvQjtBQUMxQixNQUFNLG1CQUFtQjtBQUN6QixNQUFNLHNCQUFzQjtBQU9yQixnQkFBUyxZQUFZO0FBQUEsRUFDMUIsdUJBQXVCO0FBQUEsRUFDdkI7QUFBQSxFQUNBO0FBQUEsRUFDQTtBQUFBLEVBQ0E7QUFDRixHQUFxQjtBQUNuQixRQUFNLENBQUMsY0FBYyxlQUFlLElBQUksU0FBUyxJQUFJO0FBQ3JELFFBQU0sQ0FBQyxTQUFTLFVBQVUsSUFBSSxTQUFTLEtBQUs7QUFDNUMsUUFBTSxDQUFDLGNBQWMsZUFBZSxJQUFJLFNBQVMsQ0FBQztB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

package/dist/ui/components/button.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    destructive?: boolean | null | undefined;
+    ghost?: boolean | null | undefined;
+    invert?: boolean | null | undefined;
+    outlined?: boolean | null | undefined;
+    size?: "sm" | "default" | "icon" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Button: ({ children, className, destructive, ghost, invert, outlined, prefix, size, suffix, ...props }: ButtonProps) => import("react").JSX.Element;
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'prefix' | 'suffix'>, VariantProps<typeof buttonVariants> {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+}
+export {};

package/dist/ui/components/button.js

@@ -0,0 +1,147 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cloneElement } from "react";
+import { cn } from "../../utils/index.js";
+import { Typography } from "./typography/index.js";
+const SHADOW_DEFAULT = "shadow-[inset_-1px_-1px_0_0_#00000080,inset_1px_1px_0_0_#ffffff80]";
+const SHADOW_INVERT = "shadow-[inset_-1px_-1px_0_0_#00000080,inset_1px_1px_0_0_#ffffff29]";
+const SHADOW_INVERT_OUTLINED = "shadow-[inset_-1px_-1px_0_0_#ffffff12,inset_1px_1px_0_0_#ffffff29]";
+const ACTIVE_FILTER = "active:[filter:invert(1)_brightness(calc(100-99*var(--foreground-alpha,0)))]";
+const buttonVariants = cva(
+  [
+    "group relative grid cursor-pointer grid-cols-[auto_1fr_auto] items-center",
+    "text-display leading-0 font-bold tracking-[0.2em]",
+    "disabled:pointer-events-none disabled:bg-midground/15 disabled:text-midground disabled:shadow-none"
+  ],
+  {
+    compoundVariants: [
+      // ── invert × outlined matrix (default surface, no ghost/destructive) ──
+      {
+        class: `bg-midground text-background-base active:invert ${SHADOW_DEFAULT}`,
+        destructive: false,
+        ghost: false,
+        invert: false,
+        outlined: false
+      },
+      {
+        class: `bg-midground/15 text-midground ${SHADOW_INVERT} ${ACTIVE_FILTER}`,
+        destructive: false,
+        ghost: false,
+        invert: true,
+        outlined: false
+      },
+      {
+        class: `shadow-midground ${SHADOW_DEFAULT} ${ACTIVE_FILTER}`,
+        destructive: false,
+        ghost: false,
+        invert: false,
+        outlined: true
+      },
+      {
+        class: `${SHADOW_INVERT_OUTLINED} ${ACTIVE_FILTER}`,
+        destructive: false,
+        ghost: false,
+        invert: true,
+        outlined: true
+      },
+      // ── ghost: no chrome, hover bg only ──
+      {
+        class: "bg-transparent text-current hover:bg-midground/10 shadow-none",
+        destructive: false,
+        ghost: true
+      },
+      {
+        class: "bg-transparent text-destructive hover:bg-destructive/10 shadow-none",
+        destructive: true,
+        ghost: true
+      },
+      // ── solid destructive ──
+      {
+        class: `bg-destructive text-destructive-foreground hover:bg-destructive/90 ${SHADOW_INVERT}`,
+        destructive: true,
+        ghost: false,
+        outlined: false
+      },
+      // ── outlined destructive ──
+      {
+        class: "border border-destructive/40 bg-transparent text-destructive hover:bg-destructive/10 shadow-none",
+        destructive: true,
+        ghost: false,
+        outlined: true
+      }
+    ],
+    defaultVariants: {
+      destructive: false,
+      ghost: false,
+      invert: false,
+      outlined: false,
+      size: "default"
+    },
+    variants: {
+      destructive: { true: "" },
+      ghost: { true: "" },
+      invert: { true: "" },
+      outlined: { true: "text-midground bg-transparent" },
+      size: {
+        default: "px-[.9em_.75em] py-[1.25em]",
+        icon: "p-2 aspect-square grid-cols-1 place-items-center [&>svg]:size-3.5",
+        sm: "px-3 py-1.5 text-[0.7rem] tracking-[0.15em] [&>svg]:size-3",
+        xs: "p-1 aspect-square grid-cols-1 place-items-center [&>svg]:size-3"
+      }
+    }
+  }
+);
+const IconSlot = ({
+  icon,
+  side
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("span", { className: "w-5" }),
+  /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "absolute top-1/2 -translate-y-1/2",
+        side === "left" ? "left-3" : "right-3"
+      ),
+      children: typeof icon === "object" ? cloneElement(icon, {
+        className: "size-3.5"
+      }) : icon
+    }
+  )
+] });
+export const Button = ({
+  children,
+  className,
+  destructive,
+  ghost,
+  invert,
+  outlined,
+  prefix,
+  size,
+  suffix,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  Typography,
+  {
+    as: "button",
+    className: cn(
+      buttonVariants({ destructive, ghost, invert, outlined, size }),
+      className
+    ),
+    mono: true,
+    ...props,
+    children: [
+      !ghost && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "arc-border opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-visible:opacity-100 group-active:opacity-100"
+        }
+      ),
+      prefix && /* @__PURE__ */ jsx(IconSlot, { icon: prefix, side: "left" }),
+      children,
+      suffix && /* @__PURE__ */ jsx(IconSlot, { icon: suffix, side: "right" })
+    ]
+  }
+);
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgY3ZhLCB0eXBlIFZhcmlhbnRQcm9wcyB9IGZyb20gJ2NsYXNzLXZhcmlhbmNlLWF1dGhvcml0eSdcbmltcG9ydCB7IGNsb25lRWxlbWVudCB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBjbiB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi90eXBvZ3JhcGh5J1xuXG5jb25zdCBTSEFET1dfREVGQVVMVCA9XG4gICdzaGFkb3ctW2luc2V0Xy0xcHhfLTFweF8wXzBfIzAwMDAwMDgwLGluc2V0XzFweF8xcHhfMF8wXyNmZmZmZmY4MF0nXG5jb25zdCBTSEFET1dfSU5WRVJUID1cbiAgJ3NoYWRvdy1baW5zZXRfLTFweF8tMXB4XzBfMF8jMDAwMDAwODAsaW5zZXRfMXB4XzFweF8wXzBfI2ZmZmZmZjI5XSdcbmNvbnN0IFNIQURPV19JTlZFUlRfT1VUTElORUQgPVxuICAnc2hhZG93LVtpbnNldF8tMXB4Xy0xcHhfMF8wXyNmZmZmZmYxMixpbnNldF8xcHhfMXB4XzBfMF8jZmZmZmZmMjldJ1xuY29uc3QgQUNUSVZFX0ZJTFRFUiA9XG4gICdhY3RpdmU6W2ZpbHRlcjppbnZlcnQoMSlfYnJpZ2h0bmVzcyhjYWxjKDEwMC05OSp2YXIoLS1mb3JlZ3JvdW5kLWFscGhhLDApKSldJ1xuXG5jb25zdCBidXR0b25WYXJpYW50cyA9IGN2YShcbiAgW1xuICAgICdncm91cCByZWxhdGl2ZSBncmlkIGN1cnNvci1wb2ludGVyIGdyaWQtY29scy1bYXV0b18xZnJfYXV0b10gaXRlbXMtY2VudGVyJyxcbiAgICAndGV4dC1kaXNwbGF5IGxlYWRpbmctMCBmb250LWJvbGQgdHJhY2tpbmctWzAuMmVtXScsXG4gICAgJ2Rpc2FibGVkOnBvaW50ZXItZXZlbnRzLW5vbmUgZGlzYWJsZWQ6YmctbWlkZ3JvdW5kLzE1IGRpc2FibGVkOnRleHQtbWlkZ3JvdW5kIGRpc2FibGVkOnNoYWRvdy1ub25lJ1xuICBdLFxuICB7XG4gICAgY29tcG91bmRWYXJpYW50czogW1xuICAgICAgLy8gXHUyNTAwXHUyNTAwIGludmVydCBcdTAwRDcgb3V0bGluZWQgbWF0cml4IChkZWZhdWx0IHN1cmZhY2UsIG5vIGdob3N0L2Rlc3RydWN0aXZlKSBcdTI1MDBcdTI1MDBcbiAgICAgIHtcbiAgICAgICAgY2xhc3M6IGBiZy1taWRncm91bmQgdGV4dC1iYWNrZ3JvdW5kLWJhc2UgYWN0aXZlOmludmVydCAke1NIQURPV19ERUZBVUxUfWAsXG4gICAgICAgIGRlc3RydWN0aXZlOiBmYWxzZSxcbiAgICAgICAgZ2hvc3Q6IGZhbHNlLFxuICAgICAgICBpbnZlcnQ6IGZhbHNlLFxuICAgICAgICBvdXRsaW5lZDogZmFsc2VcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGNsYXNzOiBgYmctbWlkZ3JvdW5kLzE1IHRleHQtbWlkZ3JvdW5kICR7U0hBRE9XX0lOVkVSVH0gJHtBQ1RJVkVfRklMVEVSfWAsXG4gICAgICAgIGRlc3RydWN0aXZlOiBmYWxzZSxcbiAgICAgICAgZ2hvc3Q6IGZhbHNlLFxuICAgICAgICBpbnZlcnQ6IHRydWUsXG4gICAgICAgIG91dGxpbmVkOiBmYWxzZVxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgY2xhc3M6IGBzaGFkb3ctbWlkZ3JvdW5kICR7U0hBRE9XX0RFRkFVTFR9ICR7QUNUSVZFX0ZJTFRFUn1gLFxuICAgICAgICBkZXN0cnVjdGl2ZTogZmFsc2UsXG4gICAgICAgIGdob3N0OiBmYWxzZSxcbiAgICAgICAgaW52ZXJ0OiBmYWxzZSxcbiAgICAgICAgb3V0bGluZWQ6IHRydWVcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIGNsYXNzOiBgJHtTSEFET1dfSU5WRVJUX09VVExJTkVEfSAke0FDVElWRV9GSUxURVJ9YCxcbiAgICAgICAgZGVzdHJ1Y3RpdmU6IGZhbHNlLFxuICAgICAgICBnaG9zdDogZmFsc2UsXG4gICAgICAgIGludmVydDogdHJ1ZSxcbiAgICAgICAgb3V0bGluZWQ6IHRydWVcbiAgICAgIH0sXG4gICAgICAvLyBcdTI1MDBcdTI1MDAgZ2hvc3Q6IG5vIGNocm9tZSwgaG92ZXIgYmcgb25seSBcdTI1MDBcdTI1MDBcbiAgICAgIHtcbiAgICAgICAgY2xhc3M6ICdiZy10cmFuc3BhcmVudCB0ZXh0LWN1cnJlbnQgaG92ZXI6YmctbWlkZ3JvdW5kLzEwIHNoYWRvdy1ub25lJyxcbiAgICAgICAgZGVzdHJ1Y3RpdmU6IGZhbHNlLFxuICAgICAgICBnaG9zdDogdHJ1ZVxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgY2xhc3M6XG4gICAgICAgICAgJ2JnLXRyYW5zcGFyZW50IHRleHQtZGVzdHJ1Y3RpdmUgaG92ZXI6YmctZGVzdHJ1Y3RpdmUvMTAgc2hhZG93LW5vbmUnLFxuICAgICAgICBkZXN0cnVjdGl2ZTogdHJ1ZSxcbiAgICAgICAgZ2hvc3Q6IHRydWVcbiAgICAgIH0sXG4gICAgICAvLyBcdTI1MDBcdTI1MDAgc29saWQgZGVzdHJ1Y3RpdmUgXHUyNTAwXHUyNTAwXG4gICAgICB7XG4gICAgICAgIGNsYXNzOiBgYmctZGVzdHJ1Y3RpdmUgdGV4dC1kZXN0cnVjdGl2ZS1mb3JlZ3JvdW5kIGhvdmVyOmJnLWRlc3RydWN0aXZlLzkwICR7U0hBRE9XX0lOVkVSVH1gLFxuICAgICAgICBkZXN0cnVjdGl2ZTogdHJ1ZSxcbiAgICAgICAgZ2hvc3Q6IGZhbHNlLFxuICAgICAgICBvdXRsaW5lZDogZmFsc2VcbiAgICAgIH0sXG4gICAgICAvLyBcdTI1MDBcdTI1MDAgb3V0bGluZWQgZGVzdHJ1Y3RpdmUgXHUyNTAwXHUyNTAwXG4gICAgICB7XG4gICAgICAgIGNsYXNzOlxuICAgICAgICAgICdib3JkZXIgYm9yZGVyLWRlc3RydWN0aXZlLzQwIGJnLXRyYW5zcGFyZW50IHRleHQtZGVzdHJ1Y3RpdmUgaG92ZXI6YmctZGVzdHJ1Y3RpdmUvMTAgc2hhZG93LW5vbmUnLFxuICAgICAgICBkZXN0cnVjdGl2ZTogdHJ1ZSxcbiAgICAgICAgZ2hvc3Q6IGZhbHNlLFxuICAgICAgICBvdXRsaW5lZDogdHJ1ZVxuICAgICAgfVxuICAgIF0sXG4gICAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgICBkZXN0cnVjdGl2ZTogZmFsc2UsXG4gICAgICBnaG9zdDogZmFsc2UsXG4gICAgICBpbnZlcnQ6IGZhbHNlLFxuICAgICAgb3V0bGluZWQ6IGZhbHNlLFxuICAgICAgc2l6ZTogJ2RlZmF1bHQnXG4gICAgfSxcbiAgICB2YXJpYW50czoge1xuICAgICAgZGVzdHJ1Y3RpdmU6IHsgdHJ1ZTogJycgfSxcbiAgICAgIGdob3N0OiB7IHRydWU6ICcnIH0sXG4gICAgICBpbnZlcnQ6IHsgdHJ1ZTogJycgfSxcbiAgICAgIG91dGxpbmVkOiB7IHRydWU6ICd0ZXh0LW1pZGdyb3VuZCBiZy10cmFuc3BhcmVudCcgfSxcbiAgICAgIHNpemU6IHtcbiAgICAgICAgZGVmYXVsdDogJ3B4LVsuOWVtXy43NWVtXSBweS1bMS4yNWVtXScsXG4gICAgICAgIGljb246ICdwLTIgYXNwZWN0LXNxdWFyZSBncmlkLWNvbHMtMSBwbGFjZS1pdGVtcy1jZW50ZXIgWyY+c3ZnXTpzaXplLTMuNScsXG4gICAgICAgIHNtOiAncHgtMyBweS0xLjUgdGV4dC1bMC43cmVtXSB0cmFja2luZy1bMC4xNWVtXSBbJj5zdmddOnNpemUtMycsXG4gICAgICAgIHhzOiAncC0xIGFzcGVjdC1zcXVhcmUgZ3JpZC1jb2xzLTEgcGxhY2UtaXRlbXMtY2VudGVyIFsmPnN2Z106c2l6ZS0zJ1xuICAgICAgfVxuICAgIH1cbiAgfVxuKVxuXG5jb25zdCBJY29uU2xvdCA9ICh7XG4gIGljb24sXG4gIHNpZGVcbn06IHtcbiAgaWNvbjogUmVhY3QuUmVhY3ROb2RlXG4gIHNpZGU6ICdsZWZ0JyB8ICdyaWdodCdcbn0pID0+IChcbiAgPD5cbiAgICA8c3BhbiBjbGFzc05hbWU9XCJ3LTVcIiAvPlxuXG4gICAgPHNwYW5cbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdhYnNvbHV0ZSB0b3AtMS8yIC10cmFuc2xhdGUteS0xLzInLFxuICAgICAgICBzaWRlID09PSAnbGVmdCcgPyAnbGVmdC0zJyA6ICdyaWdodC0zJ1xuICAgICAgKX1cbiAgICA+XG4gICAgICB7dHlwZW9mIGljb24gPT09ICdvYmplY3QnXG4gICAgICAgID8gY2xvbmVFbGVtZW50KGljb24gYXMgUmVhY3QuUmVhY3RFbGVtZW50PGFueT4sIHtcbiAgICAgICAgICAgIGNsYXNzTmFtZTogJ3NpemUtMy41J1xuICAgICAgICAgIH0pXG4gICAgICAgIDogaWNvbn1cbiAgICA8L3NwYW4+XG4gIDwvPlxuKVxuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgZGVzdHJ1Y3RpdmUsXG4gIGdob3N0LFxuICBpbnZlcnQsXG4gIG91dGxpbmVkLFxuICBwcmVmaXgsXG4gIHNpemUsXG4gIHN1ZmZpeCxcbiAgLi4ucHJvcHNcbn06IEJ1dHRvblByb3BzKSA9PiAoXG4gIDxUeXBvZ3JhcGh5XG4gICAgYXM9XCJidXR0b25cIlxuICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICBidXR0b25WYXJpYW50cyh7IGRlc3RydWN0aXZlLCBnaG9zdCwgaW52ZXJ0LCBvdXRsaW5lZCwgc2l6ZSB9KSxcbiAgICAgIGNsYXNzTmFtZVxuICAgICl9XG4gICAgbW9ub1xuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHshZ2hvc3QgJiYgKFxuICAgICAgPHNwYW5cbiAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgY2xhc3NOYW1lPVwiYXJjLWJvcmRlciBvcGFjaXR5LTAgdHJhbnNpdGlvbi1vcGFjaXR5IGR1cmF0aW9uLTIwMCBncm91cC1ob3ZlcjpvcGFjaXR5LTEwMCBncm91cC1mb2N1cy12aXNpYmxlOm9wYWNpdHktMTAwIGdyb3VwLWFjdGl2ZTpvcGFjaXR5LTEwMFwiXG4gICAgICAvPlxuICAgICl9XG4gICAge3ByZWZpeCAmJiA8SWNvblNsb3QgaWNvbj17cHJlZml4fSBzaWRlPVwibGVmdFwiIC8+fVxuICAgIHtjaGlsZHJlbn1cbiAgICB7c3VmZml4ICYmIDxJY29uU2xvdCBpY29uPXtzdWZmaXh9IHNpZGU9XCJyaWdodFwiIC8+fVxuICA8L1R5cG9ncmFwaHk+XG4pXG5cbmludGVyZmFjZSBCdXR0b25Qcm9wc1xuICBleHRlbmRzIE9taXQ8XG4gICAgICBSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sXG4gICAgICAncHJlZml4JyB8ICdzdWZmaXgnXG4gICAgPixcbiAgICBWYXJpYW50UHJvcHM8dHlwZW9mIGJ1dHRvblZhcmlhbnRzPiB7XG4gIHByZWZpeD86IFJlYWN0LlJlYWN0Tm9kZVxuICBzdWZmaXg/OiBSZWFjdC5SZWFjdE5vZGVcbn1cbiJdLAogICJtYXBwaW5ncyI6ICJBQThHRSxtQkFDRSxLQURGO0FBOUdGLFNBQVMsV0FBOEI7QUFDdkMsU0FBUyxvQkFBb0I7QUFFN0IsU0FBUyxVQUFVO0FBRW5CLFNBQVMsa0JBQWtCO0FBRTNCLE1BQU0saUJBQ0o7QUFDRixNQUFNLGdCQUNKO0FBQ0YsTUFBTSx5QkFDSjtBQUNGLE1BQU0sZ0JBQ0o7QUFFRixNQUFNLGlCQUFpQjtBQUFBLEVBQ3JCO0FBQUEsSUFDRTtBQUFBLElBQ0E7QUFBQSxJQUNBO0FBQUEsRUFDRjtBQUFBLEVBQ0E7QUFBQSxJQUNFLGtCQUFrQjtBQUFBO0FBQUEsTUFFaEI7QUFBQSxRQUNFLE9BQU8sbURBQW1ELGNBQWM7QUFBQSxRQUN4RSxhQUFhO0FBQUEsUUFDYixPQUFPO0FBQUEsUUFDUCxRQUFRO0FBQUEsUUFDUixVQUFVO0FBQUEsTUFDWjtBQUFBLE1BQ0E7QUFBQSxRQUNFLE9BQU8sa0NBQWtDLGFBQWEsSUFBSSxhQUFhO0FBQUEsUUFDdkUsYUFBYTtBQUFBLFFBQ2IsT0FBTztBQUFBLFFBQ1AsUUFBUTtBQUFBLFFBQ1IsVUFBVTtBQUFBLE1BQ1o7QUFBQSxNQUNBO0FBQUEsUUFDRSxPQUFPLG9CQUFvQixjQUFjLElBQUksYUFBYTtB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

package/dist/ui/components/card.d.ts

@@ -0,0 +1,5 @@
+export declare function Card({ className, style, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react").JSX.Element;
+export declare function CardDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/ui/components/card.js

@@ -0,0 +1,74 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/index.js";
+const CARD_STYLE = {
+  background: "var(--component-card-background)",
+  borderImage: "var(--component-card-border-image)",
+  boxShadow: "var(--component-card-box-shadow)",
+  clipPath: "var(--component-card-clip-path)"
+};
+export function Card({
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "border border-midground/15 bg-background-base/80 text-midground w-full",
+        className
+      ),
+      style: { ...CARD_STYLE, ...style },
+      ...props
+    }
+  );
+}
+export function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-1.5 p-4 border-b border-midground/15",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h3",
+    {
+      className: cn(
+        "font-expanded text-sm font-bold tracking-[0.08em] uppercase",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn("font-mondwest text-xs text-midground/60", className),
+      ...props
+    }
+  );
+}
+export function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-4", className), ...props });
+}
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiPHN0ZGluPiJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHsgY24gfSBmcm9tICcuLi8uLi91dGlscydcblxuLyoqXG4gKiBUaGVtZWFibGUgY2FyZCBwcmltaXRpdmUuIFRoZW1lcyBjYW4gcmVzdHlsZSBldmVyeSBjYXJkIGJ5IHNldHRpbmcgQ1NTXG4gKiBjdXN0b20gcHJvcGVydGllczpcbiAqXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtY2xpcC1wYXRoXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtYm9yZGVyLWltYWdlXG4gKiAgIC0tY29tcG9uZW50LWNhcmQtYmFja2dyb3VuZFxuICogICAtLWNvbXBvbmVudC1jYXJkLWJveC1zaGFkb3dcbiAqXG4gKiBBbGwgYXJlIG9wdGlvbmFsIFx1MjAxNCB1bnNldCB2YXJzIGNvbXB1dGUgdG8gdGhlaXIgQ1NTIGluaXRpYWwgdmFsdWUuXG4gKi9cbmNvbnN0IENBUkRfU1RZTEU6IFJlYWN0LkNTU1Byb3BlcnRpZXMgPSB7XG4gIGJhY2tncm91bmQ6ICd2YXIoLS1jb21wb25lbnQtY2FyZC1iYWNrZ3JvdW5kKScsXG4gIGJvcmRlckltYWdlOiAndmFyKC0tY29tcG9uZW50LWNhcmQtYm9yZGVyLWltYWdlKScsXG4gIGJveFNoYWRvdzogJ3ZhcigtLWNvbXBvbmVudC1jYXJkLWJveC1zaGFkb3cpJyxcbiAgY2xpcFBhdGg6ICd2YXIoLS1jb21wb25lbnQtY2FyZC1jbGlwLXBhdGgpJ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZCh7XG4gIGNsYXNzTmFtZSxcbiAgc3R5bGUsXG4gIC4uLnByb3BzXG59OiBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgICAnYm9yZGVyIGJvcmRlci1taWRncm91bmQvMTUgYmctYmFja2dyb3VuZC1iYXNlLzgwIHRleHQtbWlkZ3JvdW5kIHctZnVsbCcsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIHN0eWxlPXt7IC4uLkNBUkRfU1RZTEUsIC4uLnN0eWxlIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZEhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y24oXG4gICAgICAgICdmbGV4IGZsZXgtY29sIGdhcC0xLjUgcC00IGJvcmRlci1iIGJvcmRlci1taWRncm91bmQvMTUnLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZnVuY3Rpb24gQ2FyZFRpdGxlKHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTEhlYWRpbmdFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxoM1xuICAgICAgY2xhc3NOYW1lPXtjbihcbiAgICAgICAgJ2ZvbnQtZXhwYW5kZWQgdGV4dC1zbSBmb250LWJvbGQgdHJhY2tpbmctWzAuMDhlbV0gdXBwZXJjYXNlJyxcbiAgICAgICAgY2xhc3NOYW1lXG4gICAgICApfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENhcmREZXNjcmlwdGlvbih7XG4gIGNsYXNzTmFtZSxcbiAgLi4ucHJvcHNcbn06IFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxQYXJhZ3JhcGhFbGVtZW50Pikge1xuICByZXR1cm4gKFxuICAgIDxwXG4gICAgICBjbGFzc05hbWU9e2NuKCdmb250LW1vbmR3ZXN0IHRleHQteHMgdGV4dC1taWRncm91bmQvNjAnLCBjbGFzc05hbWUpfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIENhcmRDb250ZW50KHtcbiAgY2xhc3NOYW1lLFxuICAuLi5wcm9wc1xufTogUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSB7XG4gIHJldHVybiA8ZGl2IGNsYXNzTmFtZT17Y24oJ3AtNCcsIGNsYXNzTmFtZSl9IHsuLi5wcm9wc30gLz5cbn1cbiJdLAogICJtYXBwaW5ncyI6ICJBQTBCSTtBQTFCSixTQUFTLFVBQVU7QUFhbkIsTUFBTSxhQUFrQztBQUFBLEVBQ3RDLFlBQVk7QUFBQSxFQUNaLGFBQWE7QUFBQSxFQUNiLFdBQVc7QUFBQSxFQUNYLFVBQVU7QUFDWjtBQUVPLGdCQUFTLEtBQUs7QUFBQSxFQUNuQjtBQUFBLEVBQ0E7QUFBQSxFQUNBLEdBQUc7QUFDTCxHQUF5QztBQUN2QyxTQUNFO0FBQUEsSUFBQztBQUFBO0FBQUEsTUFDQyxXQUFXO0FBQUEsUUFDVDtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsTUFDQSxPQUFPLEVBQUUsR0FBRyxZQUFZLEdBQUcsTUFBTTtBQUFBLE1BQ2hDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLFdBQVc7QUFBQSxFQUN6QjtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQXlDO0FBQ3ZDLFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLFVBQVU7QUFBQSxFQUN4QjtBQUFBLEVBQ0EsR0FBRztBQUNMLEdBQTZDO0FBQzNDLFNBQ0U7QUFBQSxJQUFDO0FBQUE7QUFBQSxNQUNDLFdBQVc7QUFBQSxRQUNUO0FBQUEsUUFDQTtBQUFBLE1BQ0Y7QUFBQSxNQUNDLEdBQUc7QUFBQTtBQUFBLEVBQ047QUFFSjtBQUVPLGdCQUFTLGdCQUFnQjtBQUFBLEVBQzlCO0FBQUEsRUFDQSxHQUFHO0FBQ0wsR0FBK0M7QUFDN0MsU0FDRTtBQUFBLElBQUM7QUFBQTtBQUFBLE1BQ0MsV0FBVyxHQUFHLDJDQUEyQyxTQUFTO0FBQUEsTUFDakUsR0FBRztBQUFBO0FBQUEsRUFDTjtBQUVKO0FBRU8sZ0JBQVMsWUFBWTtBQUFBLEVBQzFCO0FBQUEsRUFDQSxHQUFHO0FBQ0wsR0FBeUM7QUFDdkMsU0FBTyxvQkFBQyxTQUFJLFdBQVcsR0FBRyxPQUFPLFNBQVMsR0FBSSxHQUFHLE9BQU87QUFDMUQ7IiwKICAibmFtZXMiOiBbXQp9Cg==

package/dist/ui/components/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;