@sixthshift/design-system 0.3.0 → 0.4.0

package/dist/internal/SegmentedField.js

@@ -0,0 +1,315 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+import { useRef, useState } from "react";
+function limitsOf(segment) {
+    if (segment.kind === "choice") {
+        // `digits: 0` is what makes a digit roll straight past AM/PM instead of
+        // being swallowed by it.
+        return { min: 0, max: segment.options.length - 1, digits: 0 };
+    }
+    return { min: segment.min, max: segment.max, digits: segment.digits };
+}
+const pad = (value, digits) => String(value).padStart(digits, "0");
+function displayOf(segment, current, typed) {
+    if (typed !== "")
+        return typed;
+    if (current === null)
+        return segment.placeholder;
+    if (segment.kind === "choice")
+        return segment.options[current] ?? segment.placeholder;
+    return pad(current, segment.digits);
+}
+/**
+ * A typeable field made of spinbutton segments — the shared keyboard model
+ * behind every picker's trigger.
+ *
+ * Segments rather than a text box and a parser: `08/09` cannot be read without
+ * knowing the order, and a parser that guesses is wrong for half the world. A
+ * labelled `Month` spinbutton cannot be misread, and it displays in exactly the
+ * format it accepts, so there is no reformat-on-blur surprise.
+ *
+ * The behaviour that makes it typeable rather than merely focusable:
+ *
+ * - **A digit that cannot extend the current segment rolls into the next one.**
+ *   `152026` in an `mdy` field is January the 5th 2026. Restarting the segment
+ *   instead — the obvious implementation — silently turns January into May and
+ *   eats the day, which is what makes a segmented field feel broken.
+ * - **Separators advance.** `1/5/2026` typed literally works, because `/` is how
+ *   a person says "done with this one".
+ * - **`Backspace` takes back one digit**, then clears the segment, then steps
+ *   back to the previous one — the only keyboard route to a segment the digits
+ *   have already advanced past.
+ * - **A click anywhere in the field focuses a segment**, the way clicking a text
+ *   input anywhere gives it a caret.
+ * - **`onChange` is held while a number is still being typed.** A year arrives
+ *   one digit at a time, and `2` is the start of 2026, not the year 2. Deferred
+ *   edits flush on blur.
+ *
+ * Values are the caller's own type; `toSegments`/`fromSegments` are the codec
+ * and `keyOf` supplies identity, which Temporal objects do not have.
+ *
+ * Internal. Not exported from the package.
+ */
+export function SegmentedField({ spec, value, toSegments, fromSegments, keyOf, onChange, parsePaste, label, isDisabled = false, isInvalid = false, onOpenRequest, onSubmit, id, className, }) {
+    const names = spec.map((segment) => segment.name);
+    const bySpec = (name) => spec.find((segment) => segment.name === name);
+    // `!= null` rather than `!== null`: a key the codec forgot to set would be
+    // `undefined`, which a `!== null` test would count as filled — and hand
+    // `fromSegments` a NaN.
+    const isComplete = (values) => names.every((name) => values[name] != null);
+    const [segments, setSegments] = useState(() => toSegments(value));
+    // Props win, except over the value this field just emitted. Comparing a caller
+    // supplied key rather than the value itself matters twice: Temporal has no
+    // value identity, and an echoed-back value must not restart the user's edit.
+    const valueKey = value === undefined ? "" : keyOf(value);
+    const syncedKey = useRef(valueKey);
+    if (valueKey !== syncedKey.current) {
+        syncedKey.current = valueKey;
+        setSegments(toSegments(value));
+    }
+    // The digits typed into the segment being filled. State rather than a ref
+    // because it is rendered: a year mid-typing shows `202`, not `0202`.
+    const [buffer, setBuffer] = useState(null);
+    const nodes = useRef({});
+    const hadValue = useRef(isComplete(toSegments(value)));
+    const focusSegment = (name) => {
+        if (name)
+            nodes.current[name]?.focus();
+    };
+    const publish = (next) => {
+        if (!isComplete(next)) {
+            if (hadValue.current) {
+                hadValue.current = false;
+                // Pre-empt the sync for the cleared value too. Without this, emptying
+                // one segment round-trips as `undefined` and wipes the others — the
+                // user cleared the day, not the whole date. A controlled caller that
+                // *rejects* the clear still wins: its value no longer matches this
+                // key, so the next render syncs back to it.
+                syncedKey.current = "";
+                onChange(undefined);
+            }
+            return;
+        }
+        const composed = fromSegments(next);
+        const key = keyOf(composed);
+        // `fromSegments` may normalise — February the 31st is the 28th — so the
+        // segments follow the value rather than the keystrokes. Otherwise the
+        // field reads 02/31 while the value says the 28th.
+        const normalised = toSegments(composed);
+        if (names.some((name) => normalised[name] !== next[name]))
+            setSegments(normalised);
+        if (key === syncedKey.current)
+            return;
+        hadValue.current = true;
+        syncedKey.current = key;
+        onChange(composed);
+    };
+    /**
+     * `defer` holds the announcement while a number is still being typed, so a
+     * controlled caller is not handed `0002-12-25`, `0020-12-25`, `0202-12-25` in
+     * a row — and anything validating against a bound does not flash mid-word.
+     */
+    const commit = (next, defer = false) => {
+        setSegments(next);
+        if (!defer)
+            publish(next);
+    };
+    const applyDigit = (name, digit) => {
+        let target = name;
+        let started = buffer?.segment === name ? buffer.text : "";
+        // At most one hop per digit in practice; bounded so a bad spec cannot spin.
+        for (let hop = 0; hop <= spec.length; hop++) {
+            const { max, digits } = limitsOf(bySpec(target));
+            const combined = started + digit;
+            const next = names[names.indexOf(target) + 1];
+            if (digits > 0 && Number(combined) <= max && combined.length <= digits) {
+                const numeric = Number(combined);
+                const full = combined.length >= digits || numeric * 10 > max;
+                setBuffer(full ? null : { segment: target, text: combined });
+                commit({ ...segments, [target]: numeric === 0 && limitsOf(bySpec(target)).min > 0 ? null : numeric }, !full);
+                focusSegment(full ? next : target);
+                return;
+            }
+            if (!next) {
+                if (digits === 0)
+                    return; // a choice segment takes no digits
+                setBuffer({ segment: target, text: digit });
+                commit({ ...segments, [target]: Number(digit) === 0 ? null : Number(digit) });
+                focusSegment(target);
+                return;
+            }
+            target = next;
+            started = "";
+        }
+    };
+    /** A letter picks a `choice` option by first letter — `a` for AM, `p` for PM. */
+    const applyLetter = (name, letter) => {
+        const segment = bySpec(name);
+        if (segment.kind !== "choice")
+            return false;
+        const index = segment.options.findIndex((option) => option.toLowerCase().startsWith(letter.toLowerCase()));
+        if (index === -1)
+            return false;
+        setBuffer(null);
+        commit({ ...segments, [name]: index });
+        focusSegment(names[names.indexOf(name) + 1]);
+        return true;
+    };
+    const step = (name, delta) => {
+        const segment = bySpec(name);
+        const { min, max } = limitsOf(segment);
+        const current = segments[name];
+        if (current === null || current === undefined) {
+            commit({ ...segments, [name]: segment.stepFrom ?? min });
+            return;
+        }
+        let next = current + delta;
+        // Cyclic fields wrap, which is what an arrow key means on a month or an
+        // hour. A year does not — 9999 to 1 is never the intent — and it says so
+        // by spanning more than two digits.
+        const cyclic = segment.kind === "choice" || limitsOf(segment).digits <= 2;
+        if (!cyclic)
+            next = Math.min(Math.max(next, min), max);
+        else if (next > max)
+            next = min;
+        else if (next < min)
+            next = max;
+        commit({ ...segments, [name]: next });
+    };
+    const handleKeyDown = (event, name) => {
+        if (isDisabled)
+            return;
+        if (event.altKey && event.key === "ArrowDown") {
+            event.preventDefault();
+            onOpenRequest?.();
+            return;
+        }
+        const plain = !event.altKey && !event.ctrlKey && !event.metaKey;
+        if (plain && /^[0-9]$/.test(event.key)) {
+            event.preventDefault();
+            applyDigit(name, event.key);
+            return;
+        }
+        if (plain && /^[a-z]$/i.test(event.key) && applyLetter(name, event.key)) {
+            event.preventDefault();
+            return;
+        }
+        // Any plausible separator counts, whatever this field's own separators
+        // are: it means "done with this one", and without it a typed `/` is
+        // swallowed and the next digit lands on the wrong segment.
+        //
+        // Only with a number still in progress, though. A segment that already
+        // filled up has advanced on its own, and treating the separator as a second
+        // advance would skip the segment after it: typing `1/6/2026` would land 2026
+        // in the hour, because the `6` had already moved on.
+        if (plain && ["/", "-", ".", ",", ":", " "].includes(event.key)) {
+            event.preventDefault();
+            if (buffer?.segment !== name)
+                return;
+            setBuffer(null);
+            focusSegment(names[names.indexOf(name) + 1]);
+            return;
+        }
+        switch (event.key) {
+            case "ArrowUp":
+                event.preventDefault();
+                setBuffer(null);
+                step(name, 1);
+                break;
+            case "ArrowDown":
+                event.preventDefault();
+                setBuffer(null);
+                step(name, -1);
+                break;
+            case "ArrowLeft":
+                event.preventDefault();
+                setBuffer(null);
+                focusSegment(names[names.indexOf(name) - 1]);
+                break;
+            case "ArrowRight":
+                event.preventDefault();
+                setBuffer(null);
+                focusSegment(names[names.indexOf(name) + 1]);
+                break;
+            case "Backspace": {
+                event.preventDefault();
+                const typed = buffer?.segment === name ? buffer.text : "";
+                if (typed.length > 1) {
+                    const text = typed.slice(0, -1);
+                    setBuffer({ segment: name, text });
+                    commit({ ...segments, [name]: Number(text) === 0 ? null : Number(text) }, true);
+                    break;
+                }
+                setBuffer(null);
+                if (typed.length === 0 && segments[name] === null) {
+                    focusSegment(names[names.indexOf(name) - 1]);
+                    break;
+                }
+                commit({ ...segments, [name]: null });
+                break;
+            }
+            case "Delete":
+                event.preventDefault();
+                setBuffer(null);
+                commit({ ...segments, [name]: null });
+                break;
+            case "Enter":
+                event.preventDefault();
+                onSubmit?.();
+                break;
+            default:
+                break;
+        }
+    };
+    const handlePaste = (event) => {
+        if (isDisabled || !parsePaste)
+            return;
+        event.preventDefault();
+        const parsed = parsePaste(event.clipboardData.getData("text").trim());
+        if (!parsed)
+            return;
+        setBuffer(null);
+        commit(parsed);
+        focusSegment(names[names.length - 1]);
+    };
+    return (
+    // A `fieldset` rather than a `div role="group"`: the segments are one
+    // related set of controls, which is the element's whole job. Tailwind's
+    // preflight already strips its default margin, padding and border.
+    _jsx("fieldset", { id: id, "aria-label": label, "aria-invalid": isInvalid || undefined, "aria-disabled": isDisabled || undefined, onMouseDown: (event) => {
+            // A click anywhere in the field focuses a segment, the way clicking a
+            // text input anywhere puts a caret in it. Without this, only the digits
+            // themselves are clickable and the rest of the box silently does
+            // nothing — which reads as "typing is broken", because nothing has focus.
+            if (isDisabled)
+                return;
+            if (event.target.closest("[data-segment]"))
+                return;
+            event.preventDefault();
+            focusSegment(names.find((name) => segments[name] === null) ?? names[0]);
+        }, onPaste: handlePaste, onBlur: (event) => {
+            // Only when focus leaves the field entirely — moving between segments is
+            // a blur too, and mid-edit is not the moment to announce anything.
+            if (event.currentTarget.contains(event.relatedTarget))
+                return;
+            // A live buffer is exactly the condition under which a commit was
+            // deferred, so it is the only case with anything to flush.
+            if (!buffer)
+                return;
+            setBuffer(null);
+            publish(segments);
+        }, className: cn("flex flex-1 cursor-text items-center gap-0.5 text-sm", isDisabled && "opacity-50", className), children: spec.map((segment) => {
+            const current = segments[segment.name] ?? null;
+            const { min, max } = limitsOf(segment);
+            const typed = buffer?.segment === segment.name ? buffer.text : "";
+            const text = displayOf(segment, current, typed);
+            return (_jsxs(React.Fragment, { children: [segment.separatorBefore && (_jsx("span", { "aria-hidden": "true", className: "text-fg-subtle", children: segment.separatorBefore })), _jsx("span", { ref: (node) => {
+                            nodes.current[segment.name] = node;
+                        }, role: "spinbutton", tabIndex: isDisabled ? -1 : 0, "aria-label": segment.label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": current ?? undefined, "aria-valuetext": current === null ? "Empty" : text, "aria-disabled": isDisabled || undefined, "data-segment": segment.name, onKeyDown: (event) => handleKeyDown(event, segment.name), onFocus: () => {
+                            if (buffer?.segment !== segment.name)
+                                setBuffer(null);
+                        }, className: cn("cursor-text rounded-sm px-0.5 tabular-nums outline-hidden focus:bg-bg-brand-subtle focus:text-fg-on-brand-subtle", current === null && "text-fg-subtle"), children: text })] }, segment.name));
+        }) }));
+}
+//# sourceMappingURL=SegmentedField.js.map

package/dist/internal/SegmentedField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedField.js","sourceRoot":"","sources":["../../src/internal/SegmentedField.tsx"],"names":[],"mappings":"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"}

package/dist/internal/index.d.ts

@@ -1,3 +1,5 @@
+export { PickerField, type PickerFieldProps } from "./PickerField.js";
+export { SegmentedField, type SegmentedFieldProps, type SegmentSpec, type SegmentValues } from "./SegmentedField.js";
 export { Slot, type SlotProps } from "./Slot.js";
 export type { WritableRefObject } from "./types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/internal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAClH,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/internal/index.js

@@ -1,2 +1,4 @@
+export { PickerField } from "./PickerField.js";
+export { SegmentedField } from "./SegmentedField.js";
 export { Slot } from "./Slot.js";
 //# sourceMappingURL=index.js.map

package/dist/internal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAkE,MAAM,kBAAkB,CAAC;AAClH,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC"}

package/dist/theme/index.d.ts

@@ -4,6 +4,6 @@
  * The token naming vocabulary and its types. Token *values* live in
  * src/theme/tokens.css and are read from the stylesheet, not from here.
  */
-export type { BgKey, BgToken, BorderKey, BorderToken, ColorMode, ColorModeSchema, ColorToken, Context, CSSVarName, Feedback, FgKey, FgToken, HexValue, Hierarchy, HSLValue, Intent, Semantic, StandaloneToken, State, ThemeSchema, TokenKey, TokenName, Weight, } from "./schema.js";
-export { contexts, cssVar, feedback, hierarchy, hsl, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
+export type { BgToken, BorderToken, ColorMode, ColorModeSchema, ColorToken, Context, CSSVarName, Feedback, FgToken, HexValue, Hierarchy, Intent, Semantic, StandaloneToken, State, ThemeSchema, TokenName, Weight, } from "./schema.js";
+export { contexts, cssVar, feedback, hierarchy, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,KAAK,EACL,OAAO,EACP,SAAS,EACT,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,YAAY,EACV,OAAO,EACP,WAAW,EACX,SAAS,EACT,eAAe,EACf,UAAU,EACV,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,EACf,KAAK,EACL,WAAW,EACX,SAAS,EACT,MAAM,GACP,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/index.js

@@ -4,5 +4,5 @@
  * The token naming vocabulary and its types. Token *values* live in
  * src/theme/tokens.css and are read from the stylesheet, not from here.
  */
-export { contexts, cssVar, feedback, hierarchy, hsl, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
+export { contexts, cssVar, feedback, hierarchy, intents, semantics, standaloneTokens, states, weights, } from "./schema.js";
 //# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AA4BH,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,EACH,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAuBH,OAAO,EACL,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,GACR,MAAM,UAAU,CAAC"}

package/dist/theme/schema.d.ts

@@ -22,13 +22,6 @@
  */
 /** Hex color value, e.g., "#6366f1" */
 export type HexValue = string;
-/**
- * HSL color value without wrapper, e.g., "239 84% 67%"
- *
- * @deprecated Tokens hold hex values and palette references, never bare HSL
- * triples. Kept only so the export surface stays stable.
- */
-export type HSLValue = string;
 /** Color mode */
 export type ColorMode = "light" | "dark";
 /** Contexts - what CSS property this affects */
@@ -73,14 +66,6 @@ export type TokenName = BgToken | FgToken | BorderToken | StandaloneToken;
 export type ColorToken = TokenName;
 /** CSS variable name format */
 export type CSSVarName = `--${ColorToken}`;
-/** @deprecated Use {@link BgToken}. */
-export type BgKey = BgToken;
-/** @deprecated Use {@link FgToken}. */
-export type FgKey = FgToken;
-/** @deprecated Use {@link BorderToken}. */
-export type BorderKey = BorderToken;
-/** @deprecated Use {@link TokenName}. */
-export type TokenKey = TokenName;
 /** A set of token values for one mode */
 export type ColorModeSchema = Partial<Record<TokenName, HexValue>>;
 /** A complete theme */
@@ -92,12 +77,5 @@ export type ThemeSchema = {
 };
 /** Type-safe CSS var reference */
 export declare function cssVar(token: ColorToken): string;
-/**
- * Type-safe HSL wrapper for Tailwind
- *
- * @deprecated Token values are hex and palette references, so wrapping one in
- * `hsl()` yields invalid CSS. Use {@link cssVar}.
- */
-export declare function hsl(token: ColorToken): string;
 export {};
 //# sourceMappingURL=schema.d.ts.map

package/dist/theme/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"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"}

package/dist/theme/schema.js

@@ -46,13 +46,4 @@ export const standaloneTokens = ["focus-ring"];
 export function cssVar(token) {
     return `var(--${token})`;
 }
-/**
- * Type-safe HSL wrapper for Tailwind
- *
- * @deprecated Token values are hex and palette references, so wrapping one in
- * `hsl()` yields invalid CSS. Use {@link cssVar}.
- */
-export function hsl(token) {
-    return `hsl(var(--${token}))`;
-}
 //# sourceMappingURL=schema.js.map

package/dist/theme/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAoBH,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,gDAAgD;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAU,CAAC;AAGxD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGjE,mCAAmC;AACnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAGlE,oBAAoB;AACpB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC;AAG9D,gFAAgF;AAChF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;AAGnE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGrD,yBAAyB;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAGlE,0DAA0D;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAU,CAAC;AA0DxD,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,kCAAkC;AAClC,MAAM,UAAU,MAAM,CAAC,KAAiB;IACtC,OAAO,SAAS,KAAK,GAAG,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,KAAiB;IACnC,OAAO,aAAa,KAAK,IAAI,CAAC;AAChC,CAAC"}
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/theme/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAYH,gFAAgF;AAChF,aAAa;AACb,gFAAgF;AAEhF,gDAAgD;AAChD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAU,CAAC;AAGxD,0CAA0C;AAC1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGjE,mCAAmC;AACnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAC;AAGlE,oBAAoB;AACpB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAU,CAAC;AAG9D,gFAAgF;AAChF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAG,SAAS,EAAE,OAAO,EAAE,SAAS,CAAU,CAAC;AAGnE,8DAA8D;AAC9D,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAGrD,yBAAyB;AACzB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AAGlE,0DAA0D;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAU,CAAC;AAiDxD,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,kCAAkC;AAClC,MAAM,UAAU,MAAM,CAAC,KAAiB;IACtC,OAAO,SAAS,KAAK,GAAG,CAAC;AAC3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sixthshift/design-system",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Personal design system - tokens, theme, and component library",
   "license": "MIT",
   "publishConfig": {
@@ -103,10 +103,6 @@
       "types": "./dist/components/Badge/index.d.ts",
       "import": "./dist/components/Badge/index.js"
     },
-    "./color-dot": {
-      "types": "./dist/components/ColorDot/index.d.ts",
-      "import": "./dist/components/ColorDot/index.js"
-    },
     "./tag-chip": {
       "types": "./dist/components/TagChip/index.d.ts",
       "import": "./dist/components/TagChip/index.js"
@@ -119,42 +115,18 @@
       "types": "./dist/components/Field/index.d.ts",
       "import": "./dist/components/Field/index.js"
     },
-    "./breadcrumb": {
-      "types": "./dist/components/Breadcrumb/index.d.ts",
-      "import": "./dist/components/Breadcrumb/index.js"
-    },
     "./card": {
       "types": "./dist/components/Card/index.d.ts",
       "import": "./dist/components/Card/index.js"
     },
-    "./avatar": {
-      "types": "./dist/components/Avatar/index.d.ts",
-      "import": "./dist/components/Avatar/index.js"
-    },
     "./separator": {
       "types": "./dist/components/Separator/index.d.ts",
       "import": "./dist/components/Separator/index.js"
     },
-    "./skeleton": {
-      "types": "./dist/components/Skeleton/index.d.ts",
-      "import": "./dist/components/Skeleton/index.js"
-    },
     "./spinner": {
       "types": "./dist/components/Spinner/index.d.ts",
       "import": "./dist/components/Spinner/index.js"
     },
-    "./stats-card": {
-      "types": "./dist/components/StatsCard/index.d.ts",
-      "import": "./dist/components/StatsCard/index.js"
-    },
-    "./metric-list": {
-      "types": "./dist/components/MetricList/index.d.ts",
-      "import": "./dist/components/MetricList/index.js"
-    },
-    "./empty-state": {
-      "types": "./dist/components/EmptyState/index.d.ts",
-      "import": "./dist/components/EmptyState/index.js"
-    },
     "./text": {
       "types": "./dist/components/Text/index.d.ts",
       "import": "./dist/components/Text/index.js"
@@ -231,10 +203,6 @@
       "types": "./dist/components/SearchInput/index.d.ts",
       "import": "./dist/components/SearchInput/index.js"
     },
-    "./pagination": {
-      "types": "./dist/components/Pagination/index.d.ts",
-      "import": "./dist/components/Pagination/index.js"
-    },
     "./code-editor": {
       "types": "./dist/components/Code/Editor/index.d.ts",
       "import": "./dist/components/Code/Editor/index.js"
@@ -243,14 +211,6 @@
       "types": "./dist/components/Code/Workspace/index.d.ts",
       "import": "./dist/components/Code/Workspace/index.js"
     },
-    "./nav-side": {
-      "types": "./dist/components/NavSide/index.d.ts",
-      "import": "./dist/components/NavSide/index.js"
-    },
-    "./nav-bottom": {
-      "types": "./dist/components/NavBottom/index.d.ts",
-      "import": "./dist/components/NavBottom/index.js"
-    },
     "./heading": {
       "types": "./dist/typography/Heading.d.ts",
       "import": "./dist/typography/Heading.js"
@@ -354,10 +314,6 @@
     "./bar-chart": {
       "types": "./dist/components/BarChart/index.d.ts",
       "import": "./dist/components/BarChart/index.js"
-    },
-    "./heat-map": {
-      "types": "./dist/components/HeatMap/index.d.ts",
-      "import": "./dist/components/HeatMap/index.js"
     }
   },
   "scripts": {
@@ -381,6 +337,8 @@
     "format:check": "biome format .",
     "check": "biome check .",
     "check:fix": "biome check --write .",
+    "check:recipes": "bun run scripts/check-recipes.ts",
+    "check:contrast": "bun run scripts/check-contrast.ts",
     "clean": "rm -rf dist node_modules *.tsbuildinfo",
     "clean:dist": "rm -rf dist"
   },