@5voltfx/design-system 0.1.0 → 0.2.0

package/dist/components/Radio/index.css

@@ -0,0 +1,57 @@
+/* src/components/Radio/Radio.css */
+.ds-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-space-2);
+}
+.ds-radio {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ds-space-2);
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-200);
+  color: var(--ds-color-font-0);
+  cursor: pointer;
+}
+.ds-radio__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  margin: 0;
+}
+.ds-radio__dot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.15rem;
+  height: 1.15rem;
+  flex-shrink: 0;
+  border: 1px solid var(--ds-color-field-border);
+  border-radius: var(--ds-radius-pill);
+  background-color: var(--ds-color-field-bg);
+  transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);
+}
+.ds-radio__dot::after {
+  content: "";
+  width: 0.6rem;
+  height: 0.6rem;
+  border-radius: var(--ds-radius-pill);
+  background-color: var(--ds-color-bg-2);
+  transform: scale(0);
+  transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);
+}
+.ds-radio__input:checked + .ds-radio__dot {
+  border-color: var(--ds-color-bg-2);
+}
+.ds-radio__input:checked + .ds-radio__dot::after {
+  transform: scale(1);
+}
+.ds-radio__input:focus-visible + .ds-radio__dot {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: 2px;
+}
+.ds-radio__input:disabled ~ * {
+  opacity: 0.5;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Radio/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Radio/Radio.css"],"sourcesContent":[".ds-radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-space-2);\n}\n\n.ds-radio {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ds-space-2);\n  font-family: var(--ds-font-body);\n  font-size: var(--ds-font-size-200);\n  color: var(--ds-color-font-0);\n  cursor: pointer;\n}\n\n.ds-radio__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  opacity: 0;\n  margin: 0;\n}\n\n.ds-radio__dot {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.15rem;\n  height: 1.15rem;\n  flex-shrink: 0;\n  border: 1px solid var(--ds-color-field-border);\n  border-radius: var(--ds-radius-pill);\n  background-color: var(--ds-color-field-bg);\n  transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n}\n\n.ds-radio__dot::after {\n  content: \"\";\n  width: 0.6rem;\n  height: 0.6rem;\n  border-radius: var(--ds-radius-pill);\n  background-color: var(--ds-color-bg-2);\n  transform: scale(0);\n  transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n}\n\n.ds-radio__input:checked + .ds-radio__dot {\n  border-color: var(--ds-color-bg-2);\n}\n\n.ds-radio__input:checked + .ds-radio__dot::after {\n  transform: scale(1);\n}\n\n.ds-radio__input:focus-visible + .ds-radio__dot {\n  outline: 2px solid var(--ds-color-focus-ring);\n  outline-offset: 2px;\n}\n\n.ds-radio__input:disabled ~ * {\n  opacity: 0.5;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,UAAQ;AACV;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,UAAQ;AACR,WAAS;AACT,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,eAAa;AACb,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACtB,cAAY,aAAa,IAAI,2BAA2B,IAAI;AAC9D;AAEA,CAbC,aAaa;AACZ,WAAS;AACT,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACtB,aAAW,MAAM;AACjB,cAAY,UAAU,IAAI,2BAA2B,IAAI;AAC3D;AAEA,CA/BC,eA+Be,SAAS,EAAE,CAvB1B;AAwBC,gBAAc,IAAI;AACpB;AAEA,CAnCC,eAmCe,SAAS,EAAE,CA3B1B,aA2BwC;AACvC,aAAW,MAAM;AACnB;AAEA,CAvCC,eAuCe,eAAe,EAAE,CA/BhC;AAgCC,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CA5CC,eA4Ce,UAAU,EAAE;AAC1B,WAAS;AACX;","names":[]}

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export { Radio } from "./Radio.jsx";
+export { RadioGroup } from "./RadioGroup.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.js"],"names":[],"mappings":""}

package/dist/components/Radio/index.js

@@ -0,0 +1,9 @@
+import {
+  Radio,
+  RadioGroup
+} from "../../chunk-45346SXP.js";
+export {
+  Radio,
+  RadioGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Native <select> styled to match Input. Keeping it native avoids a
+ * dependency and stays accessible for free. Pass <option> children.
+ *
+ * @param {object} props
+ * @param {"sm"|"md"|"lg"} [props.size] - Control height/padding. Default "md".
+ * @param {boolean} [props.invalid] - Applies error styling + aria-invalid.
+ * @param {import("react").ReactNode} [props.children]
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Select({ size, invalid, className, children, ...rest }: {
+    size?: "md" | "sm" | "lg" | undefined;
+    invalid?: boolean | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}): import("react").ReactElement;
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,wEANG;IAA+B,IAAI;IACX,OAAO;IACW,QAAQ,GAA1C,OAAO,OAAO,EAAE,SAAS;IACV,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAuBxC"}

package/dist/components/Select/index.css

@@ -0,0 +1,52 @@
+/* src/components/Select/Select.css */
+.ds-select {
+  display: block;
+  width: 100%;
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-200);
+  line-height: var(--ds-line-height-normal);
+  color: var(--ds-color-font-0);
+  background-color: var(--ds-color-field-bg);
+  border: 1px solid var(--ds-color-field-border);
+  border-radius: var(--ds-radius-md);
+  cursor: pointer;
+  appearance: none;
+  background-image:
+    linear-gradient(
+      45deg,
+      transparent 50%,
+      var(--ds-color-font-1) 50%),
+    linear-gradient(
+      135deg,
+      var(--ds-color-font-1) 50%,
+      transparent 50%);
+  background-position: calc(100% - 20px) center, calc(100% - 15px) center;
+  background-size: 5px 5px, 5px 5px;
+  background-repeat: no-repeat;
+  padding-right: var(--ds-space-7);
+  transition: border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard), box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-select--sm {
+  padding: var(--ds-space-2) var(--ds-space-7) var(--ds-space-2) var(--ds-space-3);
+  font-size: var(--ds-font-size-100);
+}
+.ds-select--md {
+  padding: var(--ds-space-3) var(--ds-space-7) var(--ds-space-3) var(--ds-space-4);
+}
+.ds-select--lg {
+  padding: var(--ds-space-4) var(--ds-space-7) var(--ds-space-4) var(--ds-space-5);
+  font-size: var(--ds-font-size-300);
+}
+.ds-select:focus-visible {
+  outline: none;
+  border-color: var(--ds-color-focus-ring);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-color-focus-ring) 30%, transparent);
+}
+.ds-select--invalid {
+  border-color: var(--ds-color-danger);
+}
+.ds-select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Select/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Select/Select.css"],"sourcesContent":[".ds-select {\n  display: block;\n  width: 100%;\n  font-family: var(--ds-font-body);\n  font-size: var(--ds-font-size-200);\n  line-height: var(--ds-line-height-normal);\n  color: var(--ds-color-font-0);\n  background-color: var(--ds-color-field-bg);\n  border: 1px solid var(--ds-color-field-border);\n  border-radius: var(--ds-radius-md);\n  cursor: pointer;\n  /* Custom chevron so the control matches across browsers */\n  appearance: none;\n  background-image: linear-gradient(\n      45deg,\n      transparent 50%,\n      var(--ds-color-font-1) 50%\n    ),\n    linear-gradient(135deg, var(--ds-color-font-1) 50%, transparent 50%);\n  background-position:\n    calc(100% - 20px) center,\n    calc(100% - 15px) center;\n  background-size:\n    5px 5px,\n    5px 5px;\n  background-repeat: no-repeat;\n  padding-right: var(--ds-space-7);\n  transition:\n    border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n    box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-select--sm {\n  padding: var(--ds-space-2) var(--ds-space-7) var(--ds-space-2)\n    var(--ds-space-3);\n  font-size: var(--ds-font-size-100);\n}\n\n.ds-select--md {\n  padding: var(--ds-space-3) var(--ds-space-7) var(--ds-space-3)\n    var(--ds-space-4);\n}\n\n.ds-select--lg {\n  padding: var(--ds-space-4) var(--ds-space-7) var(--ds-space-4)\n    var(--ds-space-5);\n  font-size: var(--ds-font-size-300);\n}\n\n.ds-select:focus-visible {\n  outline: none;\n  border-color: var(--ds-color-focus-ring);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--ds-color-focus-ring) 30%, transparent);\n}\n\n.ds-select--invalid {\n  border-color: var(--ds-color-danger);\n}\n\n.ds-select:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,SAAO;AACP,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AAER,cAAY;AACZ;AAAA,IAAkB;AAAA,MACd,KAAK;AAAA,MACL,YAAY,GAAG;AAAA,MACf,IAAI,mBAAmB,IACxB;AAAA,IACD;AAAA,MAAgB,MAAM;AAAA,MAAE,IAAI,mBAAmB,GAAG;AAAA,MAAE,YAAY;AAClE,uBACE,KAAK,KAAK,EAAE,MAAM,MAAM,EACxB,KAAK,KAAK,EAAE,MAAM;AACpB,mBACE,IAAI,GAAG,EACP,IAAI;AACN,qBAAmB;AACnB,iBAAe,IAAI;AACnB,cACE,aAAa,IAAI,2BAA2B,IAAI,0BAA0B,EAC1E,WAAW,IAAI,2BAA2B,IAAI;AAClD;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI,cAAc,IAAI,cAC/C,IAAI;AACN,aAAW,IAAI;AACjB;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI,cAAc,IAAI,cAC/C,IAAI;AACR;AAEA,CAAC;AACC,WAAS,IAAI,cAAc,IAAI,cAAc,IAAI,cAC/C,IAAI;AACN,aAAW,IAAI;AACjB;AAEA,CAjDC,SAiDS;AACR,WAAS;AACT,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAChB,UAAU,GAAG,IAAI,EAAE,IAAI,uBAAuB,GAAG,EAAE;AACvD;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CA5DC,SA4DS;AACR,WAAS;AACT,UAAQ;AACV;","names":[]}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from "./Select.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.js"],"names":[],"mappings":""}

package/dist/components/Select/index.js

@@ -0,0 +1,7 @@
+import {
+  Select
+} from "../../chunk-HPOL5NKF.js";
+export {
+  Select
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/SlideRuleNav/SlideRuleNav.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Navigation built on a linear slide rule. Travel is quantized to quarter-tick
+ * detents: the mechanism ratchets between stations while you drag it and
+ * settles onto one when you let go.
+ *
+ * Items carrying `to` render as NavLinks and the router drives the cursor;
+ * items without one render as buttons and the component tracks its own
+ * selection. Both forms may be mixed.
+ *
+ * The engraved chrome is decorative and hidden from assistive technology — the
+ * navigation itself is an ordinary list of links, fully operable by keyboard.
+ *
+ * @param {object} props
+ * @param {"cursor"|"slide"|"vernier"} [props.variant]
+ * @param {SlideRuleItem[]} props.items
+ * @param {string} [props.value] - Selected item id (controlled).
+ * @param {string} [props.defaultValue] - Initial item id (uncontrolled).
+ * @param {(id: string) => void} [props.onChange]
+ * @param {boolean} [props.readout] - Show the instrument readout strip.
+ * @param {string} [props.label] - Accessible name for the nav landmark.
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function SlideRuleNav({ variant, items, value, defaultValue, onChange, readout, label, className, }: {
+    variant?: "cursor" | "slide" | "vernier" | undefined;
+    items: SlideRuleItem[];
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ((id: string) => void) | undefined;
+    readout?: boolean | undefined;
+    label?: string | undefined;
+    className?: string | undefined;
+}): import("react").ReactElement;
+export type SlideRuleItem = {
+    id: string;
+    label: import("react").ReactNode;
+    /**
+     * - Route path. Renders a NavLink; requires a Router.
+     */
+    to?: string | undefined;
+    /**
+     * - Passed to NavLink for exact matching.
+     */
+    end?: boolean | undefined;
+    /**
+     * - Used when the item has no `to`.
+     */
+    onSelect?: (() => void) | undefined;
+    /**
+     * - Scarlet scale numeral. Defaults to `i.toFixed(2)`.
+     */
+    value?: string | undefined;
+};
+//# sourceMappingURL=SlideRuleNav.d.ts.map

package/dist/components/SlideRuleNav/SlideRuleNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideRuleNav.d.ts","sourceRoot":"","sources":["../../../src/components/SlideRuleNav/SlideRuleNav.jsx"],"names":[],"mappings":"AAoEA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,4GAVG;IAA2C,OAAO;IACnB,KAAK,EAA5B,aAAa,EAAE;IACA,KAAK;IACL,YAAY;IACE,QAAQ,SAAhC,MAAM,KAAK,IAAI;IACJ,OAAO;IACR,KAAK;IACL,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CA+NxC;;QA3Sa,MAAM;WACN,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;;;sBAGnB,IAAI"}

package/dist/components/SlideRuleNav/geometry.d.ts

@@ -0,0 +1,168 @@
+/**
+ * Distance between adjacent stations, in viewBox units.
+ *
+ * @param {{x0: number, x1: number}} spec
+ * @param {number} count
+ * @returns {number}
+ */
+export function pitchFor(spec: {
+    x0: number;
+    x1: number;
+}, count: number): number;
+/**
+ * How many main-scale minor divisions fill one station gap.
+ *
+ * Always a multiple of 4, so a quarter-pitch detent is always a whole number
+ * of minor divisions and the vernier's zero line coincides exactly when the
+ * pawl seats. Without this the carriage scales with pitch: at 3 stations a
+ * naive `pitch / 4` gives a vernier half the width of the rule.
+ *
+ * @param {number} pitch
+ * @returns {{minorsPerPitch: number, minor: number, vdiv: number,
+ *   minorsPerDetent: number}}
+ */
+export function minorDivisions(pitch: number): {
+    minorsPerPitch: number;
+    minor: number;
+    vdiv: number;
+    minorsPerDetent: number;
+};
+/**
+ * Which vernier line currently coincides with a main-scale line — the whole
+ * trick of L-III. Five carriage divisions span four rail divisions, so at any
+ * offset exactly one line pair lines up, and which one gives the fraction.
+ *
+ * @param {object} options
+ * @param {number} options.pos - Travel, 0…count-1.
+ * @param {number} options.count
+ * @param {{x0: number, x1: number}} [options.spec]
+ * @returns {{k: number, d: number, lit: boolean}} Coinciding line index, its
+ *   distance from the main line, and whether it is close enough to light.
+ */
+export function coincidence({ pos, count, spec }: {
+    pos: number;
+    count: number;
+    spec?: {
+        x0: number;
+        x1: number;
+    } | undefined;
+}): {
+    k: number;
+    d: number;
+    lit: boolean;
+};
+/**
+ * Slide-local x for continuous travel. Linear *between* stops, so each gap's
+ * quarter-detents inherit that gap's own width — wide at the left of the rule,
+ * tight at the right. The unevenness is the point.
+ *
+ * @param {number[]} stops
+ * @param {number} pos
+ * @returns {number}
+ */
+export function localAt(stops: number[], pos: number): number;
+/**
+ * Inverse of {@link localAt} — needed to turn a pointer position back into
+ * travel while dragging the slide.
+ *
+ * @param {number[]} stops
+ * @param {number} want - Slide-local x.
+ * @returns {number}
+ */
+export function posFromLocal(stops: number[], want: number): number;
+/** Preferred main-scale minor division, in viewBox units. */
+export const MINOR_TARGET: 38;
+export const LINEAR: Readonly<{
+    /**
+     * L-I — fixed scale, cursor travels.
+     *
+     * The stock runs from `x0 - cursorBox.w / 2` to `x1 + cursorBox.w / 2` for
+     * the same reason as L-III: the cursor is centred on the station it reads,
+     * so the stock has to extend past the end graduations for it to sit on the
+     * instrument at station 0 and at the last station.
+     */
+    cursor: Readonly<{
+        viewBox: readonly number[];
+        x0: 62;
+        x1: 838;
+        railX0: 30;
+        railX1: 870;
+        top: 40;
+        bot: 112;
+        labelY: 24;
+        cursorBox: Readonly<{
+            w: 60;
+            h: 100;
+            y: 28;
+        }>;
+        settleMs: 420;
+    }>;
+    /** L-II — fixed index, slide travels, true log10 station spacing. */
+    slide: Readonly<{
+        viewBox: readonly number[];
+        l0: 60;
+        lw: 1400;
+        index: 450;
+        clip: readonly number[];
+        statorL0: 40;
+        statorLw: 800;
+        slideY: 46;
+        slideH: 58;
+        labelY: 88;
+        settleMs: 460;
+    }>;
+    /**
+     * L-III — notched rail, vernier carriage. Reference plate.
+     *
+     * The station span is 772 units, exactly as drawn in the artboards, but it
+     * is inset 124 units from the left rather than 64. The carriage is centred
+     * on the station it reads, and its widest form (5 stations) is 224 units
+     * across — so at station 0 a 64-unit inset put half the vernier off the end
+     * of the rule. The artboards never showed it because they opened on station
+     * 2. Keeping the span identical preserves every derived division.
+     *
+     * The rail then runs from `x0 - maxCarriageHalf` to `x1 + maxCarriageHalf`,
+     * because a real stock extends past its scale far enough for the cursor to
+     * reach the end graduations without hanging off the instrument.
+     */
+    vernier: Readonly<{
+        viewBox: readonly number[];
+        x0: 124;
+        x1: 896;
+        railX0: 12;
+        railX1: 1008;
+        railY: 46;
+        railH: 42;
+        labelY: 26;
+        vernierDivisions: 5;
+        mainDivisionsSpanned: 4;
+        /** Widest half-carriage across all supported counts; the inset floor. */
+        maxCarriageHalf: 112;
+        settleMs: 380;
+    }>;
+}>;
+/**
+ * Station scale values for L-II, per station count.
+ *
+ * The point of L-II is that the gaps are *uneven* — stations sit at true
+ * log10 positions, so travel compresses toward the right of the rule. Spacing
+ * values evenly in log space would make the gaps equal and collapse L-II into
+ * L-I, so each count gets a hand-picked set of slide-rule gradations. The
+ * six-station row is the artboards', unchanged.
+ */
+export const SLIDE_VALUES: Readonly<{
+    2: readonly number[];
+    3: readonly number[];
+    4: readonly number[];
+    5: readonly number[];
+    6: readonly number[];
+    7: readonly number[];
+    8: readonly number[];
+}>;
+export function pct(v: any, extent: any): string;
+export function travelX(spec: any, count: any, pos: any): any;
+export function logX(spec: any, v: any): any;
+export function slideValues(count: any): any;
+export function logStops(spec: any, count: any): any;
+export function statorX(spec: any, v: any): any;
+//# sourceMappingURL=geometry.d.ts.map

package/dist/components/SlideRuleNav/geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"geometry.d.ts","sourceRoot":"","sources":["../../../src/components/SlideRuleNav/geometry.js"],"names":[],"mappings":"AAsGA;;;;;;GAMG;AACH,+BAJW;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAC,SACxB,MAAM,GACJ,MAAM,CAIlB;AAMD;;;;;;;;;;;GAWG;AACH,sCAJW,MAAM,GACJ;IAAC,cAAc,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAC7D,eAAe,EAAE,MAAM,CAAA;CAAC,CAY5B;AAED;;;;;;;;;;;GAWG;AACH,kDANG;IAAwB,GAAG,EAAnB,MAAM;IACU,KAAK,EAArB,MAAM;IAC6B,IAAI;YAAlC,MAAM;YAAM,MAAM;;CAC/B,GAAU;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAC,CAwBhD;AAmBD;;;;;;;;GAQG;AACH,+BAJW,MAAM,EAAE,OACR,MAAM,GACJ,MAAM,CAOlB;AAED;;;;;;;GAOG;AACH,oCAJW,MAAM,EAAE,QACR,MAAM,GACJ,MAAM,CAYlB;AA1ND,6DAA6D;AAC7D,2BAA4B,EAAE,CAAC;AAE/B;IACE;;;;;;;OAOG;;;;;;;;;;;;;;;;;IAaH,qEAAqE;;;;;;;;;;;;;;IAcrE;;;;;;;;;;;;;OAaG;;;;;;;;;;;;QAYD,yEAAyE;;;;GAI1E;AAEH;;;;;;;;GAQG;AACH;;;;;;;;GAQG;AAGI,iDAAmD;AAgBnD,8DACgC;AAgEhC,6CAA2D;AAG3D,6CACiC;AAGjC,qDACuC;AAGvC,gDACwC"}

package/dist/components/SlideRuleNav/index.css

@@ -0,0 +1,196 @@
+/* src/components/SlideRuleNav/SlideRuleNav.css */
+.ds-rule {
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+.ds-rule__stage {
+  position: relative;
+  min-width: 640px;
+}
+.ds-rule__chrome {
+  display: block;
+  width: 100%;
+  height: auto;
+  overflow: visible;
+  touch-action: none;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.ds-rule__rail {
+  fill: var(--ds-rule-plate);
+  stroke: var(--ds-rule-edge);
+  stroke-width: 1;
+}
+.ds-rule__rivet {
+  fill: var(--ds-rule-brass);
+  stroke: var(--ds-rule-brass);
+  stroke-width: 0.5;
+}
+.ds-rule__tick {
+  stroke: var(--ds-rule-tick);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+.ds-rule__tick--half {
+  opacity: 0.75;
+}
+.ds-rule__tick--quarter {
+  opacity: 0.5;
+}
+.ds-rule__numeral {
+  font-family: var(--ds-font-body);
+  font-size: 8px;
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.04em;
+  fill: var(--ds-rule-ink-soft);
+}
+.ds-rule__numeral--accent {
+  fill: var(--ds-rule-hair);
+}
+.ds-rule__caption {
+  font-family: var(--ds-font-body);
+  font-size: 8px;
+  letter-spacing: 0.16em;
+  fill: var(--ds-rule-ink-soft);
+}
+.ds-rule__carriage {
+  cursor: grab;
+}
+.ds-rule__carriage:active {
+  cursor: grabbing;
+}
+.ds-rule__glass {
+  fill: var(--ds-rule-glass);
+  stroke: var(--ds-rule-glass-edge);
+  stroke-width: 0.75;
+}
+.ds-rule__frame {
+  fill: none;
+  stroke: var(--ds-rule-glass-edge);
+  stroke-width: 2.4;
+  stroke-linejoin: round;
+  opacity: 0.7;
+}
+.ds-rule__hairline {
+  stroke: var(--ds-rule-hair);
+  stroke-width: 1.1;
+}
+.ds-rule__pawl {
+  fill: var(--ds-rule-brass);
+}
+.ds-rule__pawl-spring {
+  fill: var(--ds-rule-brass);
+  opacity: 0.45;
+}
+.ds-rule__vernier-line {
+  stroke: var(--ds-rule-tick);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+.ds-rule__vernier-line--lit {
+  stroke: var(--ds-rule-hair);
+  stroke-width: 2;
+}
+.ds-rule__stations {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  pointer-events: none;
+}
+.ds-rule__station {
+  position: absolute;
+  left: var(--station-x);
+  top: var(--station-y);
+  transform: translate(-50%, -100%);
+  pointer-events: auto;
+}
+.ds-rule__link {
+  display: inline-block;
+  padding: var(--ds-space-1) var(--ds-space-2);
+  border: none;
+  border-bottom: 2px solid transparent;
+  border-radius: var(--ds-radius-sm);
+  background: transparent;
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-100);
+  font-weight: var(--ds-font-weight-semibold);
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+  text-decoration: none;
+  white-space: nowrap;
+  color: var(--ds-rule-ink-soft);
+  cursor: pointer;
+  transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-rule__link:hover {
+  color: var(--ds-rule-ink);
+}
+.ds-rule__link:focus-visible {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: 2px;
+}
+.ds-rule__link--active {
+  color: var(--ds-rule-ink);
+  border-bottom-color: var(--ds-rule-hair);
+}
+.ds-rule__readout {
+  margin-top: var(--ds-space-3);
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-100);
+  letter-spacing: 0.13em;
+  text-transform: uppercase;
+  color: var(--ds-rule-ink-soft);
+}
+.ds-rule__readout-key {
+  opacity: 0.7;
+}
+.ds-rule__readout-val {
+  color: var(--ds-rule-ink);
+  border-bottom: 1.5px solid var(--ds-rule-hair);
+}
+.ds-rule__readout-num {
+  color: var(--ds-rule-hair);
+  font-variant-numeric: tabular-nums;
+}
+.ds-rule__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .ds-rule__link {
+    transition-duration: 0.01ms;
+  }
+}
+.ds-rule__shoe {
+  fill: var(--ds-rule-glass-edge);
+}
+.ds-rule__slide {
+  fill: var(--ds-rule-plate-2);
+  stroke: var(--ds-rule-edge);
+  stroke-width: 1;
+}
+.ds-rule__index {
+  fill: var(--ds-rule-hair);
+}
+.ds-rule__caption--accent {
+  fill: var(--ds-rule-hair);
+}
+.ds-rule__window {
+  pointer-events: none;
+}
+.ds-rule--slide .ds-rule__stations {
+  clip-path: inset(0 3.33% 0 3.33%);
+}
+.ds-rule--slide .ds-rule__stage {
+  overflow: hidden;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/SlideRuleNav/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/SlideRuleNav/SlideRuleNav.css"],"sourcesContent":["/*\n  Linear slide-rule navigation. The engraved chrome is an aria-hidden SVG; the\n  navigation itself is the HTML list positioned over it, so focus rings, hit\n  areas, routing and screen-reader semantics all behave normally.\n\n  Component tokens (--ds-rule-*) live in src/tokens/rule.css, since DialNav\n  shares them.\n*/\n\n.ds-rule {\n  /* A rule too long for the desk scrolls, rather than shrinking its engraving\n     into illegibility. Deliberately never degrades to a plain nav. */\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n\n.ds-rule__stage {\n  position: relative;\n  min-width: 640px;\n}\n\n.ds-rule__chrome {\n  display: block;\n  width: 100%;\n  height: auto;\n  overflow: visible;\n  touch-action: none;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n/* ── engraved chrome ─────────────────────────────────────────────────── */\n\n.ds-rule__rail {\n  fill: var(--ds-rule-plate);\n  stroke: var(--ds-rule-edge);\n  stroke-width: 1;\n}\n\n.ds-rule__rivet {\n  fill: var(--ds-rule-brass);\n  stroke: var(--ds-rule-brass);\n  stroke-width: 0.5;\n}\n\n.ds-rule__tick {\n  stroke: var(--ds-rule-tick);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n}\n.ds-rule__tick--half {\n  opacity: 0.75;\n}\n.ds-rule__tick--quarter {\n  opacity: 0.5;\n}\n\n.ds-rule__numeral {\n  font-family: var(--ds-font-body);\n  font-size: 8px;\n  font-variant-numeric: tabular-nums;\n  letter-spacing: 0.04em;\n  fill: var(--ds-rule-ink-soft);\n}\n.ds-rule__numeral--accent {\n  fill: var(--ds-rule-hair);\n}\n\n.ds-rule__caption {\n  font-family: var(--ds-font-body);\n  font-size: 8px;\n  letter-spacing: 0.16em;\n  fill: var(--ds-rule-ink-soft);\n}\n\n/* ── carriage ────────────────────────────────────────────────────────── */\n\n.ds-rule__carriage {\n  cursor: grab;\n}\n.ds-rule__carriage:active {\n  cursor: grabbing;\n}\n\n.ds-rule__glass {\n  fill: var(--ds-rule-glass);\n  stroke: var(--ds-rule-glass-edge);\n  stroke-width: 0.75;\n}\n\n.ds-rule__frame {\n  fill: none;\n  stroke: var(--ds-rule-glass-edge);\n  stroke-width: 2.4;\n  stroke-linejoin: round;\n  opacity: 0.7;\n}\n\n.ds-rule__hairline {\n  stroke: var(--ds-rule-hair);\n  stroke-width: 1.1;\n}\n\n.ds-rule__pawl {\n  fill: var(--ds-rule-brass);\n}\n.ds-rule__pawl-spring {\n  fill: var(--ds-rule-brass);\n  opacity: 0.45;\n}\n\n.ds-rule__vernier-line {\n  stroke: var(--ds-rule-tick);\n  stroke-width: 1;\n  shape-rendering: crispEdges;\n}\n.ds-rule__vernier-line--lit {\n  stroke: var(--ds-rule-hair);\n  stroke-width: 2;\n}\n\n/* ── stations (the actual navigation) ────────────────────────────────── */\n\n.ds-rule__stations {\n  position: absolute;\n  inset: 0;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  pointer-events: none;\n}\n\n.ds-rule__station {\n  position: absolute;\n  left: var(--station-x);\n  top: var(--station-y);\n  transform: translate(-50%, -100%);\n  pointer-events: auto;\n}\n\n.ds-rule__link {\n  display: inline-block;\n  padding: var(--ds-space-1) var(--ds-space-2);\n  border: none;\n  /* Reserved on every state so marking the active station shifts nothing. */\n  border-bottom: 2px solid transparent;\n  border-radius: var(--ds-radius-sm);\n  background: transparent;\n  font-family: var(--ds-font-body);\n  font-size: var(--ds-font-size-100);\n  font-weight: var(--ds-font-weight-semibold);\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  text-decoration: none;\n  white-space: nowrap;\n  color: var(--ds-rule-ink-soft);\n  cursor: pointer;\n  transition: color var(--ds-motion-duration-base)\n    var(--ds-motion-ease-standard);\n}\n\n.ds-rule__link:hover {\n  color: var(--ds-rule-ink);\n}\n\n.ds-rule__link:focus-visible {\n  outline: 2px solid var(--ds-color-focus-ring);\n  outline-offset: 2px;\n}\n\n/*\n  The active station is marked by full-contrast ink *and* an accent rule, not\n  by hue alone. The theme accent is a bg-family token: as label text it falls\n  to 1.6:1 on sage and harvest, far below AA. It reads fine as a 2px rule.\n*/\n.ds-rule__link--active {\n  color: var(--ds-rule-ink);\n  border-bottom-color: var(--ds-rule-hair);\n}\n\n/* ── readout ─────────────────────────────────────────────────────────── */\n\n.ds-rule__readout {\n  margin-top: var(--ds-space-3);\n  font-family: var(--ds-font-body);\n  font-size: var(--ds-font-size-100);\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n  color: var(--ds-rule-ink-soft);\n}\n\n.ds-rule__readout-key {\n  opacity: 0.7;\n}\n\n.ds-rule__readout-val {\n  color: var(--ds-rule-ink);\n  border-bottom: 1.5px solid var(--ds-rule-hair);\n}\n\n.ds-rule__readout-num {\n  color: var(--ds-rule-hair);\n  font-variant-numeric: tabular-nums;\n}\n\n.ds-rule__sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ds-rule__link {\n    transition-duration: 0.01ms;\n  }\n}\n\n/* ── L-I cursor shoes ────────────────────────────────────────────────── */\n\n.ds-rule__shoe {\n  fill: var(--ds-rule-glass-edge);\n}\n\n/* ── L-II slide and index ────────────────────────────────────────────── */\n\n.ds-rule__slide {\n  fill: var(--ds-rule-plate-2);\n  stroke: var(--ds-rule-edge);\n  stroke-width: 1;\n}\n\n.ds-rule__index {\n  fill: var(--ds-rule-hair);\n}\n\n.ds-rule__caption--accent {\n  fill: var(--ds-rule-hair);\n}\n\n/* The window is instrument furniture, not a drag handle — let pointers\n   through to the slide underneath it. */\n.ds-rule__window {\n  pointer-events: none;\n}\n\n/* L-II's labels ride the slide, so they must be clipped to the same window the\n   engraved slide is. clip-path trims them to the window's edges. */\n.ds-rule--slide .ds-rule__stations {\n  clip-path: inset(0 3.33% 0 3.33%);\n}\n\n/* The label rail is moved with a transform, which does not affect layout but\n   *does* extend an ancestor's scrollable area — so `overflow` on the rail\n   itself cannot contain it and the nav grows a stray horizontal scrollbar.\n   The stage has to do the clipping. Only L-II needs this; the other plates\n   hold their labels still. */\n.ds-rule--slide .ds-rule__stage {\n  overflow: hidden;\n}\n"],"mappings":"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","names":[]}

package/dist/components/SlideRuleNav/index.d.ts

@@ -0,0 +1,2 @@
+export { SlideRuleNav } from "./SlideRuleNav.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SlideRuleNav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SlideRuleNav/index.js"],"names":[],"mappings":""}

package/dist/components/SlideRuleNav/index.js

@@ -0,0 +1,7 @@
+import {
+  SlideRuleNav
+} from "../../chunk-SUYKOWXJ.js";
+export {
+  SlideRuleNav
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SlideRuleNav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/SlideRuleNav/variants/CursorRule.d.ts

@@ -0,0 +1,11 @@
+/**
+ * L-I — Cursor Rule.
+ *
+ * The scale is fixed and the cursor travels: a glass runner with a scarlet
+ * hairline, brass shoes at each end. Mechanically the simplest of the three
+ * linear plates, and a strict subset of L-III.
+ *
+ * Decorative only — the navigation is the HTML list the parent renders above.
+ */
+export const CursorRule: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+//# sourceMappingURL=CursorRule.d.ts.map

package/dist/components/SlideRuleNav/variants/CursorRule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorRule.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideRuleNav/variants/CursorRule.jsx"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,uGAgLG"}