@5voltfx/design-system 0.1.0 → 0.2.0

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

@@ -0,0 +1,13 @@
+/**
+ * L-II — Slide & Stator.
+ *
+ * Inverted from L-I: the index stays put and the slide travels beneath it.
+ * Stations sit at true log10 positions, so the gaps compress toward the right
+ * of the rule and each quarter-detent inherits that compression — the
+ * mechanism genuinely tightens at the far end. The unevenness is the point.
+ *
+ * Decorative only — the navigation is the HTML list the parent renders above,
+ * which rides the same offset this slide does.
+ */
+export const SlideStator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+//# sourceMappingURL=SlideStator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlideStator.d.ts","sourceRoot":"","sources":["../../../../src/components/SlideRuleNav/variants/SlideStator.jsx"],"names":[],"mappings":"AAkCA;;;;;;;;;;GAUG;AACH,wGAmOG"}

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

@@ -0,0 +1,13 @@
+/**
+ * L-III — Vernier Carriage.
+ *
+ * A notched rail with a sprung pawl and a working vernier: five carriage
+ * divisions span four rail divisions, so at any offset exactly one line pair
+ * coincides and its index gives the fraction. Release and the pawl seats, the
+ * zero lines coincide, and the reading goes whole.
+ *
+ * Everything here is decorative and hidden from assistive technology; the
+ * navigation is the HTML list the parent renders over it.
+ */
+export const VernierCarriage: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+//# sourceMappingURL=VernierCarriage.d.ts.map

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

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

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Toggle switch built on a native <input type="checkbox"> — same semantics as
+ * a checkbox, styled as a sliding track. Controlled or uncontrolled via
+ * `...rest` (checked/defaultChecked, onChange).
+ *
+ * @param {object} props
+ * @param {import("react").ReactNode} [props.label] - Visible label text.
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Switch({ label, className, ...rest }: {
+    label?: import("react").ReactNode;
+    className?: string | undefined;
+}): import("react").ReactElement;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,sDAJG;IAA0C,KAAK,GAAvC,OAAO,OAAO,EAAE,SAAS;IACV,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAiBxC"}

package/dist/components/Switch/index.css

@@ -0,0 +1,49 @@
+/* src/components/Switch/Switch.css */
+.ds-switch {
+  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-switch__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  margin: 0;
+}
+.ds-switch__track {
+  display: inline-flex;
+  align-items: center;
+  width: 2.5rem;
+  height: 1.4rem;
+  flex-shrink: 0;
+  padding: 2px;
+  border-radius: var(--ds-radius-pill);
+  background-color: var(--ds-color-bw-2);
+  transition: background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-switch__thumb {
+  width: 1rem;
+  height: 1rem;
+  border-radius: var(--ds-radius-pill);
+  background-color: var(--ds-color-bw-4);
+  transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-switch__input:checked + .ds-switch__track {
+  background-color: var(--ds-color-bg-2);
+}
+.ds-switch__input:checked + .ds-switch__track .ds-switch__thumb {
+  transform: translateX(1.1rem);
+}
+.ds-switch__input:focus-visible + .ds-switch__track {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: 2px;
+}
+.ds-switch__input:disabled ~ * {
+  opacity: 0.5;
+}
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Switch/Switch.css"],"sourcesContent":[".ds-switch {\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-switch__input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  opacity: 0;\n  margin: 0;\n}\n\n.ds-switch__track {\n  display: inline-flex;\n  align-items: center;\n  width: 2.5rem;\n  height: 1.4rem;\n  flex-shrink: 0;\n  padding: 2px;\n  border-radius: var(--ds-radius-pill);\n  background-color: var(--ds-color-bw-2);\n  transition: background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-switch__thumb {\n  width: 1rem;\n  height: 1rem;\n  border-radius: var(--ds-radius-pill);\n  background-color: var(--ds-color-bw-4);\n  transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-switch__input:checked + .ds-switch__track {\n  background-color: var(--ds-color-bg-2);\n}\n\n.ds-switch__input:checked + .ds-switch__track .ds-switch__thumb {\n  transform: translateX(1.1rem);\n}\n\n.ds-switch__input:focus-visible + .ds-switch__track {\n  outline: 2px solid var(--ds-color-focus-ring);\n  outline-offset: 2px;\n}\n\n.ds-switch__input:disabled ~ * {\n  opacity: 0.5;\n}\n"],"mappings":";AAAA,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,SAAO;AACP,UAAQ;AACR,eAAa;AACb,WAAS;AACT,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACtB,cAAY,iBAAiB,IAAI,2BAA2B,IAAI;AAClE;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,oBAAkB,IAAI;AACtB,cAAY,UAAU,IAAI,2BAA2B,IAAI;AAC3D;AAEA,CA5BC,gBA4BgB,SAAS,EAAE,CApB3B;AAqBC,oBAAkB,IAAI;AACxB;AAEA,CAhCC,gBAgCgB,SAAS,EAAE,CAxB3B,iBAwB6C,CAZ7C;AAaC,aAAW,WAAW;AACxB;AAEA,CApCC,gBAoCgB,eAAe,EAAE,CA5BjC;AA6BC,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAzCC,gBAyCgB,UAAU,EAAE;AAC3B,WAAS;AACX;","names":[]}

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

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

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

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

package/dist/components/Switch/index.js

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

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

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

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,34 @@
+/**
+ * @typedef {object} TabItem
+ * @property {string} id
+ * @property {import("react").ReactNode} label
+ * @property {import("react").ReactNode} content
+ * @property {boolean} [disabled]
+ */
+/**
+ * Accessible tabs. Uncontrolled by default (tracks its own selection); pass
+ * `value` + `onChange` to control it. Left/Right arrows move between tabs with
+ * roving tabindex; Home/End jump to first/last. role=tablist/tab/tabpanel.
+ *
+ * @param {object} props
+ * @param {TabItem[]} props.items
+ * @param {string} [props.value] - Selected tab id (controlled).
+ * @param {string} [props.defaultValue] - Initial tab id (uncontrolled).
+ * @param {(id: string) => void} [props.onChange]
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Tabs({ items, value, defaultValue, onChange, className, }: {
+    items: TabItem[];
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ((id: string) => void) | undefined;
+    className?: string | undefined;
+}): import("react").ReactElement;
+export type TabItem = {
+    id: string;
+    label: import("react").ReactNode;
+    content: import("react").ReactNode;
+    disabled?: boolean | undefined;
+};
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.jsx"],"names":[],"mappings":"AAGA;;;;;;GAMG;AAEH;;;;;;;;;;;;GAYG;AACH,2EAPG;IAAyB,KAAK,EAAtB,OAAO,EAAE;IACM,KAAK;IACL,YAAY;IACE,QAAQ,SAAhC,MAAM,KAAK,IAAI;IACL,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAoFxC;;QArGa,MAAM;WACN,OAAO,OAAO,EAAE,SAAS;aACzB,OAAO,OAAO,EAAE,SAAS"}

package/dist/components/Tabs/index.css

@@ -0,0 +1,54 @@
+/* src/components/Tabs/Tabs.css */
+.ds-tabs__list {
+  display: flex;
+  gap: var(--ds-space-1);
+  border-bottom: 1px solid var(--ds-color-bw-1);
+}
+.ds-tabs__tab {
+  position: relative;
+  padding: var(--ds-space-3) var(--ds-space-4);
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-200);
+  font-weight: var(--ds-font-weight-medium);
+  color: var(--ds-color-font-1);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-tabs__tab::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  height: 2px;
+  background-color: var(--ds-color-bg-2);
+  transform: scaleX(0);
+  transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-tabs__tab:hover:not(:disabled) {
+  color: var(--ds-color-font-0);
+}
+.ds-tabs__tab--active {
+  color: var(--ds-color-font-0);
+}
+.ds-tabs__tab--active::after {
+  transform: scaleX(1);
+}
+.ds-tabs__tab:focus-visible {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: -2px;
+  border-radius: var(--ds-radius-sm);
+}
+.ds-tabs__tab:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.ds-tabs__panel {
+  padding-top: var(--ds-space-4);
+}
+.ds-tabs__panel:focus-visible {
+  outline: none;
+}
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Tabs/Tabs.css"],"sourcesContent":[".ds-tabs__list {\n  display: flex;\n  gap: var(--ds-space-1);\n  border-bottom: 1px solid var(--ds-color-bw-1);\n}\n\n.ds-tabs__tab {\n  position: relative;\n  padding: var(--ds-space-3) var(--ds-space-4);\n  font-family: var(--ds-font-body);\n  font-size: var(--ds-font-size-200);\n  font-weight: var(--ds-font-weight-medium);\n  color: var(--ds-color-font-1);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-tabs__tab::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 2px;\n  background-color: var(--ds-color-bg-2);\n  transform: scaleX(0);\n  transition: transform var(--ds-motion-duration-base)\n    var(--ds-motion-ease-standard);\n}\n\n.ds-tabs__tab:hover:not(:disabled) {\n  color: var(--ds-color-font-0);\n}\n\n.ds-tabs__tab--active {\n  color: var(--ds-color-font-0);\n}\n\n.ds-tabs__tab--active::after {\n  transform: scaleX(1);\n}\n\n.ds-tabs__tab:focus-visible {\n  outline: 2px solid var(--ds-color-focus-ring);\n  outline-offset: -2px;\n  border-radius: var(--ds-radius-sm);\n}\n\n.ds-tabs__tab:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ds-tabs__panel {\n  padding-top: var(--ds-space-4);\n}\n\n.ds-tabs__panel:focus-visible {\n  outline: none;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,OAAK,IAAI;AACT,iBAAe,IAAI,MAAM,IAAI;AAC/B;AAEA,CAAC;AACC,YAAU;AACV,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,cAAY,MAAM,IAAI,2BAA2B,IAAI;AACvD;AAEA,CAbC,YAaY;AACX,WAAS;AACT,YAAU;AACV,QAAM;AACN,SAAO;AACP,UAAQ;AACR,UAAQ;AACR,oBAAkB,IAAI;AACtB,aAAW,OAAO;AAClB,cAAY,UAAU,IAAI,2BACxB,IAAI;AACR;AAEA,CA1BC,YA0BY,MAAM,KAAK;AACtB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAJC,oBAIoB;AACnB,aAAW,OAAO;AACpB;AAEA,CAtCC,YAsCY;AACX,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAChB,iBAAe,IAAI;AACrB;AAEA,CA5CC,YA4CY;AACX,WAAS;AACT,UAAQ;AACV;AAEA,CAAC;AACC,eAAa,IAAI;AACnB;AAEA,CAJC,cAIc;AACb,WAAS;AACX;","names":[]}

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

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

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

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

package/dist/components/Tabs/index.js

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

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

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

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Multi-line text input. Shares Input's field styling. All native <textarea>
+ * props pass through via `...rest`.
+ *
+ * @param {object} props
+ * @param {boolean} [props.invalid] - Applies error styling + aria-invalid.
+ * @param {number} [props.rows] - Default 4.
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Textarea({ invalid, rows, className, ...rest }: {
+    invalid?: boolean | undefined;
+    rows?: number | undefined;
+    className?: string | undefined;
+}): import("react").ReactElement;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.jsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,gEALG;IAAwB,OAAO;IACR,IAAI;IACJ,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAmBxC"}

package/dist/components/Textarea/index.css

@@ -0,0 +1,36 @@
+/* src/components/Textarea/Textarea.css */
+.ds-textarea {
+  display: block;
+  width: 100%;
+  padding: var(--ds-space-3) var(--ds-space-4);
+  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);
+  resize: vertical;
+  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-textarea::placeholder {
+  color: var(--ds-color-font-1);
+  opacity: 1;
+}
+.ds-textarea: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-textarea--invalid {
+  border-color: var(--ds-color-danger);
+}
+.ds-textarea--invalid:focus-visible {
+  border-color: var(--ds-color-danger);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ds-color-danger) 30%, transparent);
+}
+.ds-textarea:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Textarea/Textarea.css"],"sourcesContent":[".ds-textarea {\n  display: block;\n  width: 100%;\n  padding: var(--ds-space-3) var(--ds-space-4);\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  resize: vertical;\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-textarea::placeholder {\n  color: var(--ds-color-font-1);\n  opacity: 1;\n}\n\n.ds-textarea: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-textarea--invalid {\n  border-color: var(--ds-color-danger);\n}\n\n.ds-textarea--invalid:focus-visible {\n  border-color: var(--ds-color-danger);\n  box-shadow: 0 0 0 3px\n    color-mix(in srgb, var(--ds-color-danger) 30%, transparent);\n}\n\n.ds-textarea:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,SAAO;AACP,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,cACE,aAAa,IAAI,2BAA2B,IAAI,0BAA0B,EAC1E,WAAW,IAAI,2BAA2B,IAAI;AAClD;AAEA,CAjBC,WAiBW;AACV,SAAO,IAAI;AACX,WAAS;AACX;AAEA,CAtBC,WAsBW;AACV,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,CAJC,oBAIoB;AACnB,gBAAc,IAAI;AAClB,cAAY,EAAE,EAAE,EAAE,IAChB,UAAU,GAAG,IAAI,EAAE,IAAI,mBAAmB,GAAG,EAAE;AACnD;AAEA,CAvCC,WAuCW;AACV,WAAS;AACT,UAAQ;AACV;","names":[]}

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

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

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

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

package/dist/components/Textarea/index.js

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

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

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

package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -0,0 +1,4 @@
+export function ThemeSwitcher({ className }: {
+    className?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ThemeSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcher/ThemeSwitcher.jsx"],"names":[],"mappings":"AAGA;;gCAsBC"}

package/{src/components/ThemeSwitcher/ThemeSwitcher.css → dist/components/ThemeSwitcher/index.css}

@@ -1,9 +1,9 @@
+/* src/components/ThemeSwitcher/ThemeSwitcher.css */
 .ds-theme-switcher {
   display: flex;
   align-items: center;
   gap: var(--ds-space-2);
 }
-
 .ds-theme-switcher__swatch {
   width: 20px;
   height: 20px;
@@ -11,20 +11,16 @@
   border: 2px solid transparent;
   cursor: pointer;
   padding: 0;
-  transition:
-    transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),
-    border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+  transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard), border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
 }
-
 .ds-theme-switcher__swatch:hover {
   transform: scale(1.15);
 }
-
 .ds-theme-switcher__swatch--active {
   border-color: var(--ds-color-font-0);
 }
-
 .ds-theme-switcher__swatch:focus-visible {
   outline: 2px solid var(--ds-color-bg-2);
   outline-offset: 2px;
 }
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ThemeSwitcher/ThemeSwitcher.css"],"sourcesContent":[".ds-theme-switcher {\n  display: flex;\n  align-items: center;\n  gap: var(--ds-space-2);\n}\n\n.ds-theme-switcher__swatch {\n  width: 20px;\n  height: 20px;\n  border-radius: var(--ds-radius-pill);\n  border: 2px solid transparent;\n  cursor: pointer;\n  padding: 0;\n  transition:\n    transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n    border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-theme-switcher__swatch:hover {\n  transform: scale(1.15);\n}\n\n.ds-theme-switcher__swatch--active {\n  border-color: var(--ds-color-font-0);\n}\n\n.ds-theme-switcher__swatch:focus-visible {\n  outline: 2px solid var(--ds-color-bg-2);\n  outline-offset: 2px;\n}\n"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACX;AAEA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM;AAClB,UAAQ;AACR,WAAS;AACT,cACE,UAAU,IAAI,2BAA2B,IAAI,0BAA0B,EACvE,aAAa,IAAI,2BAA2B,IAAI;AACpD;AAEA,CAZC,yBAYyB;AACxB,aAAW,MAAM;AACnB;AAEA,CAAC;AACC,gBAAc,IAAI;AACpB;AAEA,CApBC,yBAoByB;AACxB,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;","names":[]}

package/{src/components/ThemeSwitcher/index.js → dist/components/ThemeSwitcher/index.d.ts}

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

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

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

package/dist/components/ThemeSwitcher/index.js

@@ -0,0 +1,8 @@
+import "../../chunk-AYAMNHNF.js";
+import {
+  ThemeSwitcher
+} from "../../chunk-YCZXDQJZ.js";
+export {
+  ThemeSwitcher
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Typography/Heading.d.ts

@@ -0,0 +1,9 @@
+export function Heading({ level, size, decorative, className, children, ...rest }: {
+    [x: string]: any;
+    level?: number | undefined;
+    size: any;
+    decorative?: boolean | undefined;
+    className?: string | undefined;
+    children: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/components/Typography/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Heading.jsx"],"names":[],"mappings":"AAIA;;;;;;;gCAwBC"}

package/dist/components/Typography/Text.d.ts

@@ -0,0 +1,9 @@
+export function Text({ as: Component, size, tone, className, children, ...rest }: {
+    [x: string]: any;
+    as?: string | undefined;
+    size?: string | undefined;
+    tone?: string | undefined;
+    className?: string | undefined;
+    children: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Typography/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.jsx"],"names":[],"mappings":"AAEA;;;;;;;gCAiBC"}

package/dist/components/Typography/index.css

@@ -0,0 +1,50 @@
+/* src/components/Typography/Typography.css */
+.ds-heading {
+  margin: 0;
+  font-family: var(--ds-font-body);
+  font-weight: var(--ds-font-weight-bold);
+  line-height: var(--ds-line-height-tight);
+  color: var(--ds-color-font-0);
+}
+.ds-heading--decorative {
+  font-family: var(--ds-font-decorative);
+  font-weight: var(--ds-font-weight-regular);
+}
+.ds-heading--700 {
+  font-size: var(--ds-font-size-700);
+}
+.ds-heading--600 {
+  font-size: var(--ds-font-size-600);
+}
+.ds-heading--500 {
+  font-size: var(--ds-font-size-500);
+}
+.ds-heading--400 {
+  font-size: var(--ds-font-size-400);
+}
+.ds-heading--300 {
+  font-size: var(--ds-font-size-300);
+}
+.ds-heading--200 {
+  font-size: var(--ds-font-size-200);
+}
+.ds-text {
+  margin: 0;
+  font-family: var(--ds-font-body);
+  font-weight: var(--ds-font-weight-regular);
+  line-height: var(--ds-line-height-normal);
+  color: var(--ds-color-font-0);
+}
+.ds-text--100 {
+  font-size: var(--ds-font-size-100);
+}
+.ds-text--200 {
+  font-size: var(--ds-font-size-200);
+}
+.ds-text--300 {
+  font-size: var(--ds-font-size-300);
+}
+.ds-text--muted {
+  color: var(--ds-color-font-1);
+}
+/*# sourceMappingURL=index.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Typography/Typography.css"],"sourcesContent":[".ds-heading {\n  margin: 0;\n  font-family: var(--ds-font-body);\n  font-weight: var(--ds-font-weight-bold);\n  line-height: var(--ds-line-height-tight);\n  color: var(--ds-color-font-0);\n}\n\n.ds-heading--decorative {\n  font-family: var(--ds-font-decorative);\n  font-weight: var(--ds-font-weight-regular);\n}\n\n.ds-heading--700 { font-size: var(--ds-font-size-700); }\n.ds-heading--600 { font-size: var(--ds-font-size-600); }\n.ds-heading--500 { font-size: var(--ds-font-size-500); }\n.ds-heading--400 { font-size: var(--ds-font-size-400); }\n.ds-heading--300 { font-size: var(--ds-font-size-300); }\n.ds-heading--200 { font-size: var(--ds-font-size-200); }\n\n.ds-text {\n  margin: 0;\n  font-family: var(--ds-font-body);\n  font-weight: var(--ds-font-weight-regular);\n  line-height: var(--ds-line-height-normal);\n  color: var(--ds-color-font-0);\n}\n\n.ds-text--100 { font-size: var(--ds-font-size-100); }\n.ds-text--200 { font-size: var(--ds-font-size-200); }\n.ds-text--300 { font-size: var(--ds-font-size-300); }\n\n.ds-text--muted {\n  color: var(--ds-color-font-1);\n}\n"],"mappings":";AAAA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AAEA,CAAC;AAAkB,aAAW,IAAI;AAAqB;AACvD,CAAC;AAAkB,aAAW,IAAI;AAAqB;AACvD,CAAC;AAAkB,aAAW,IAAI;AAAqB;AACvD,CAAC;AAAkB,aAAW,IAAI;AAAqB;AACvD,CAAC;AAAkB,aAAW,IAAI;AAAqB;AACvD,CAAC;AAAkB,aAAW,IAAI;AAAqB;AAEvD,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AAAe,aAAW,IAAI;AAAqB;AACpD,CAAC;AAAe,aAAW,IAAI;AAAqB;AACpD,CAAC;AAAe,aAAW,IAAI;AAAqB;AAEpD,CAAC;AACC,SAAO,IAAI;AACb;","names":[]}

package/{src/components/Typography/index.js → dist/components/Typography/index.d.ts}

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

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

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

package/dist/components/Typography/index.js

@@ -0,0 +1,9 @@
+import {
+  Heading,
+  Text
+} from "../../chunk-EW3S3GK6.js";
+export {
+  Heading,
+  Text
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/_shared/useDetentTravel.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Ease-out-back with a deliberately low overshoot. The small bounce is what
+ * reads as *mechanical* — a cursor dropping into a notch — rather than bouncy.
+ * Copied from the design artboards; do not retune without redrawing them.
+ *
+ * @param {number} x - Normalized time, 0…1.
+ * @returns {number}
+ */
+export function easeBack(x: number): number;
+/**
+ * @typedef {object} DetentTravel
+ * @property {number} pos - Continuous travel, 0…count-1. Quantized to
+ *   quarter detents while dragging.
+ * @property {number} station - Committed integer station index.
+ * @property {boolean} dragging
+ * @property {boolean} settling - True while the release animation runs.
+ * @property {(i: number, ms?: number) => void} goTo - Animate to a station.
+ * @property {(delta: number) => void} step - Move by whole stations.
+ * @property {(raw: number) => void} track - Feed raw travel during a drag.
+ * @property {() => void} begin - Start a drag.
+ * @property {() => void} release - Settle to the nearest station.
+ */
+/**
+ * The detent state machine shared by every slide-rule navigation.
+ *
+ * Travel is quantized to quarter-pitch detents *while dragging*, so the
+ * mechanism visibly ratchets between stations, but releasing always settles
+ * onto a station — navigation never rests in a null state. `onChange` fires
+ * once, on arrival, and never mid-drag.
+ *
+ * @param {object} options
+ * @param {number} options.count - Number of stations.
+ * @param {number} [options.value] - Controlled station index.
+ * @param {number} [options.defaultValue] - Initial station (uncontrolled).
+ * @param {(station: number) => void} [options.onChange] - Fires on commit.
+ * @param {number} [options.subdivisions] - Detents per station gap.
+ * @param {number} [options.settleMs] - Release animation duration.
+ * @param {() => void} [options.onDetentCross] - Fires per detent crossed
+ *   while dragging; drives the pawl kick and any tick feedback.
+ * @returns {DetentTravel}
+ */
+export function useDetentTravel({ count, value, defaultValue, onChange, subdivisions, settleMs, onDetentCross, }?: {
+    count: number;
+    value?: number | undefined;
+    defaultValue?: number | undefined;
+    onChange?: ((station: number) => void) | undefined;
+    subdivisions?: number | undefined;
+    settleMs?: number | undefined;
+    onDetentCross?: (() => void) | undefined;
+}): DetentTravel;
+export type DetentTravel = {
+    /**
+     * - Continuous travel, 0…count-1. Quantized to
+     * quarter detents while dragging.
+     */
+    pos: number;
+    /**
+     * - Committed integer station index.
+     */
+    station: number;
+    dragging: boolean;
+    /**
+     * - True while the release animation runs.
+     */
+    settling: boolean;
+    /**
+     * - Animate to a station.
+     */
+    goTo: (i: number, ms?: number) => void;
+    /**
+     * - Move by whole stations.
+     */
+    step: (delta: number) => void;
+    /**
+     * - Feed raw travel during a drag.
+     */
+    track: (raw: number) => void;
+    /**
+     * - Start a drag.
+     */
+    begin: () => void;
+    /**
+     * - Settle to the nearest station.
+     */
+    release: () => void;
+};
+//# sourceMappingURL=useDetentTravel.d.ts.map

package/dist/components/_shared/useDetentTravel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetentTravel.d.ts","sourceRoot":"","sources":["../../../src/components/_shared/useDetentTravel.js"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,4BAHW,MAAM,GACJ,MAAM,CAMlB;AAID;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,mHAVG;IAAwB,KAAK,EAArB,MAAM;IACW,KAAK;IACL,YAAY;IACO,QAAQ,cAAlC,MAAM,KAAK,IAAI;IACR,YAAY;IACZ,QAAQ;IACJ,aAAa,UAA5B,IAAI;CAElB,GAAU,YAAY,CA4IxB;;;;;;SAzKa,MAAM;;;;aAEN,MAAM;cACN,OAAO;;;;cACP,OAAO;;;;UACP,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI;;;;UAChC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;WACvB,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;;WACrB,MAAM,IAAI;;;;aACV,MAAM,IAAI"}

package/dist/components/_shared/usePointerDrag.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Pointer dragging that does not break clicks on nested elements.
+ *
+ * Deliberately avoids `setPointerCapture`: capturing on a container (the
+ * slide, the disc) redirects the subsequent `click` away from the station link
+ * inside it, so nav items stop responding. Window-level listeners plus a small
+ * movement threshold give the same drag behaviour and leave `click` intact.
+ * `pointerdown` is likewise never `preventDefault`ed, because that suppresses
+ * focus.
+ *
+ * @param {import("react").RefObject<Element>} ref - The drag handle.
+ * @param {object} handlers
+ * @param {(e: PointerEvent) => void} [handlers.onBegin]
+ * @param {(e: PointerEvent) => void} [handlers.onMove] - Only after threshold.
+ * @param {(e: PointerEvent, wasTap: boolean) => void} [handlers.onEnd]
+ * @param {number} [handlers.threshold] - Pixels of travel before a drag starts.
+ */
+export function usePointerDrag(ref: import("react").RefObject<Element>, { onBegin, onMove, onEnd, threshold }?: {
+    onBegin?: ((e: PointerEvent) => void) | undefined;
+    onMove?: ((e: PointerEvent) => void) | undefined;
+    onEnd?: ((e: PointerEvent, wasTap: boolean) => void) | undefined;
+    threshold?: number | undefined;
+}): void;
+//# sourceMappingURL=usePointerDrag.d.ts.map

package/dist/components/_shared/usePointerDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePointerDrag.d.ts","sourceRoot":"","sources":["../../../src/components/_shared/usePointerDrag.js"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AACH,oCAPW,OAAO,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,0CAE1C;IAA6C,OAAO,QAAxC,YAAY,KAAK,IAAI;IACY,MAAM,QAAvC,YAAY,KAAK,IAAI;IAC6B,KAAK,QAAvD,YAAY,UAAU,OAAO,KAAK,IAAI;IACxB,SAAS;CACrC,QA4CA"}