@entifix/react-controls 0.1.1 → 0.1.3

package/dist/ui/atoms/external-link/external-link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/external-link/external-link.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\n/**\n * A link that leaves the site: a new tab, with no `window.opener` and no\n * referrer handed to the other side.\n */\nexport function ExternalLink(\n  props: ComponentPropsWithoutRef<'a'> & { href: string },\n) {\n  return <a {...props} target=\"_blank\" rel=\"noopener noreferrer\" />;\n}\n"],"names":["ExternalLink","props","a","target","rel"],"mappings":";;AAEA;;;CAGC,GACD,OAAO,SAASA,aACdC,KAAuD;IAEvD,qBAAO,KAACC,kBAAMD;QAAOE,QAAO;QAASC,KAAI;;AAC3C"}

package/dist/ui/atoms/external-link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './external-link.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/external-link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/external-link/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/ui/atoms/external-link/index.js

@@ -0,0 +1,3 @@
+export * from './external-link.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/external-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/external-link/index.ts"],"sourcesContent":["export * from './external-link.js';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}

package/dist/ui/atoms/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/atoms/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/ui/atoms/switch/index.js

@@ -0,0 +1,3 @@
+export * from './switch.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/atoms/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/switch/index.ts"],"sourcesContent":["export * from './switch.js';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/ui/atoms/switch/switch.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+/**
+ * An on/off choice: a native checkbox announced as a switch, drawn as a track
+ * and a thumb. The checkbox keeps the keyboard, the form and `onChange`; the
+ * track only shows its state.
+ */
+export declare function Switch({ children, className, ...input }: Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'role' | 'children'> & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=switch.d.ts.map

package/dist/ui/atoms/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/ui/atoms/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAejE;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,GAAG;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAgBA"}

package/dist/ui/atoms/switch/switch.js

@@ -0,0 +1,43 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { _ as _object_without_properties_loose } from "@swc/helpers/_/_object_without_properties_loose";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The label: the switch, then its text, on one line. */ const LABEL = 'inline-flex cursor-pointer items-center gap-3xs';
+/**
+ * Off: an outlined track, its thumb muted at the start. On: filled with the
+ * primary colour, its thumb the surface's, at the end.
+ */ const TRACK = 'relative inline-flex h-[1.125rem] w-8 shrink-0 items-center rounded-full border border-content-muted bg-transparent transition-colors motion-reduce:transition-none peer-checked:border-primary peer-checked:bg-primary peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus-ring peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-checked:[&>span]:translate-x-[0.875rem] peer-checked:[&>span]:bg-surface';
+const THUMB = 'ml-[0.125rem] size-3 rounded-full bg-content-muted transition-[translate,background-color] motion-reduce:transition-none';
+/**
+ * An on/off choice: a native checkbox announced as a switch, drawn as a track
+ * and a thumb. The checkbox keeps the keyboard, the form and `onChange`; the
+ * track only shows its state.
+ */ export function Switch(_0) {
+    let { children, className } = _0, input = _object_without_properties_loose(_0, [
+        "children",
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsxs("label", {
+        "data-slot": "switch",
+        className: className != null ? className : LABEL,
+        children: [
+            /*#__PURE__*/ _jsx("input", _extends({}, input, {
+                type: "checkbox",
+                role: "switch",
+                "data-slot": "switch-input",
+                className: "peer sr-only"
+            })),
+            /*#__PURE__*/ _jsx("span", {
+                "data-slot": "switch-track",
+                "aria-hidden": "true",
+                className: TRACK,
+                children: /*#__PURE__*/ _jsx("span", {
+                    "data-slot": "switch-thumb",
+                    className: THUMB
+                })
+            }),
+            children
+        ]
+    });
+}
+
+//# sourceMappingURL=switch.js.map

package/dist/ui/atoms/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/atoms/switch/switch.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\n/** The label: the switch, then its text, on one line. */\nconst LABEL = 'inline-flex cursor-pointer items-center gap-3xs';\n\n/**\n * Off: an outlined track, its thumb muted at the start. On: filled with the\n * primary colour, its thumb the surface's, at the end.\n */\nconst TRACK =\n  'relative inline-flex h-[1.125rem] w-8 shrink-0 items-center rounded-full border border-content-muted bg-transparent transition-colors motion-reduce:transition-none peer-checked:border-primary peer-checked:bg-primary peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2 peer-focus-visible:outline-focus-ring peer-disabled:cursor-not-allowed peer-disabled:opacity-50 peer-checked:[&>span]:translate-x-[0.875rem] peer-checked:[&>span]:bg-surface';\n\nconst THUMB =\n  'ml-[0.125rem] size-3 rounded-full bg-content-muted transition-[translate,background-color] motion-reduce:transition-none';\n\n/**\n * An on/off choice: a native checkbox announced as a switch, drawn as a track\n * and a thumb. The checkbox keeps the keyboard, the form and `onChange`; the\n * track only shows its state.\n */\nexport function Switch({\n  children,\n  className,\n  ...input\n}: Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'role' | 'children'> & {\n  children: ReactNode;\n}) {\n  return (\n    <label data-slot=\"switch\" className={className ?? LABEL}>\n      <input\n        {...input}\n        type=\"checkbox\"\n        role=\"switch\"\n        data-slot=\"switch-input\"\n        className=\"peer sr-only\"\n      />\n      <span data-slot=\"switch-track\" aria-hidden=\"true\" className={TRACK}>\n        <span data-slot=\"switch-thumb\" className={THUMB} />\n      </span>\n      {children}\n    </label>\n  );\n}\n"],"names":["LABEL","TRACK","THUMB","Switch","children","className","input","label","data-slot","type","role","span","aria-hidden"],"mappings":";;;AAEA,uDAAuD,GACvD,MAAMA,QAAQ;AAEd;;;CAGC,GACD,MAAMC,QACJ;AAEF,MAAMC,QACJ;AAEF;;;;CAIC,GACD,OAAO,SAASC,OAAO,EAMtB;QANsB,EACrBC,QAAQ,EACRC,SAAS,EAIV,OAHIC;;;;IAIH,qBACE,MAACC;QAAMC,aAAU;QAASH,SAAS,EAAEA,oBAAAA,YAAaL;;0BAChD,KAACM,sBACKA;gBACJG,MAAK;gBACLC,MAAK;gBACLF,aAAU;gBACVH,WAAU;;0BAEZ,KAACM;gBAAKH,aAAU;gBAAeI,eAAY;gBAAOP,WAAWJ;0BAC3D,cAAA,KAACU;oBAAKH,aAAU;oBAAeH,WAAWH;;;YAE3CE;;;AAGP"}

package/dist/ui/atoms/text/text.d.ts

@@ -52,6 +52,11 @@ export declare function Em({ className, ...props }: ComponentPropsWithoutRef<'em
 export declare function Code({ className, ...props }: ComponentPropsWithoutRef<'code'>): import("react").JSX.Element;
 /** Keyboard key. */
 export declare function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>): import("react").JSX.Element;
+/**
+ * {@link Link}'s styling on its own, for a host that renders its own link
+ * component (a router's) and should still look like one.
+ */
+export declare const linkClassName: string;
 /** Themed anchor. */
 export declare function Link({ className, children, ...props }: ComponentPropsWithoutRef<'a'>): import("react").JSX.Element;
 /** Pull quote — left border + muted italic body. */

package/dist/ui/atoms/text/text.d.ts.map

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

package/dist/ui/atoms/text/text.js

@@ -123,13 +123,17 @@ const CLAMP_CLASS = {
         className: cn('inline-flex items-center rounded-md border border-border bg-surface-elevated', 'px-2xs py-3xs font-mono text-step-xs text-content-muted shadow-edge', className)
     }, props));
 }
+/**
+ * {@link Link}'s styling on its own, for a host that renders its own link
+ * component (a router's) and should still look like one.
+ */ export const linkClassName = cn('font-medium text-primary underline underline-offset-2', 'transition-colors duration-200 ease-smooth hover:text-accent', 'focus-ring');
 /** Themed anchor. */ export function Link(_0) {
     let { className, children } = _0, props = _object_without_properties_loose(_0, [
         "className",
         "children"
     ]);
     return /*#__PURE__*/ _jsx("a", _extends({
-        className: cn('font-medium text-primary underline underline-offset-2', 'transition-colors duration-200 ease-smooth hover:text-accent', 'focus-ring', className)
+        className: cn(linkClassName, className)
     }, props, {
         children: children
     }));

package/dist/ui/atoms/text/text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/ui/atoms/text/text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** Fluid type step (Utopia). Negatives taper below body for fine print. */\ntype Step = -2 | -1 | 0 | 1 | 2 | 3;\n\nconst STEP_CLASS: Record<Step, string> = {\n  '-2': 'text-step-xs',\n  '-1': 'text-step-sm',\n  0: 'text-step-0',\n  1: 'text-step-1',\n  2: 'text-step-2',\n  3: 'text-step-3',\n};\n\n/**\n * Three weights, and no fourth.\n *\n * 400 body, 500 secondary emphasis, 600 headings and labels. `bold` (700) was\n * removed: \"heading\" and \"emphatic heading\" were never distinct roles here,\n * only different authors — measured, `font-bold` appeared three times against\n * `font-semibold`'s thirteen, all of them headings that had no reason to differ\n * from their neighbours. A fourth weight comes back when a role needs it, not\n * when a screen wants one.\n */\ntype Weight = 'normal' | 'medium' | 'semibold';\n\nconst WEIGHT_CLASS: Record<Weight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n};\n\n/** Semantic content color. Superset of the legacy `muted` flag. */\ntype Tone = 'default' | 'muted' | 'primary' | 'accent';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  default: 'text-content',\n  muted: 'text-content-muted',\n  primary: 'text-primary',\n  accent: 'text-accent',\n};\n\ntype Align = 'start' | 'center' | 'end';\n\nconst ALIGN_CLASS: Record<Align, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n};\n\n/** Multi-line clamp (static classes so Tailwind can see them). */\ntype Clamp = 1 | 2 | 3 | 4;\n\nconst CLAMP_CLASS: Record<Clamp, string> = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n};\n\nexport interface TextProps extends ComponentPropsWithoutRef<'p'> {\n  /** Fluid type step (Utopia). Defaults to body (0). */\n  step?: Step;\n  /** Font weight. */\n  weight?: Weight;\n  /** Semantic color. */\n  tone?: Tone;\n  /** Text alignment. */\n  align?: Align;\n  /** Truncate to a single line with an ellipsis. */\n  truncate?: boolean;\n  /** Clamp to N lines with an ellipsis. */\n  lineClamp?: Clamp;\n  /** Shortcut for `tone=\"muted\"`. */\n  muted?: boolean;\n  as?: ElementType;\n}\n\n/** Body text with fluid sizing and theme-driven color. */\nexport function Text({\n  step = 0,\n  weight,\n  tone = 'default',\n  align,\n  truncate = false,\n  lineClamp,\n  muted = false,\n  as: Tag = 'p',\n  className,\n  ...props\n}: TextProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        weight && WEIGHT_CLASS[weight],\n        TONE_CLASS[muted ? 'muted' : tone],\n        align && ALIGN_CLASS[align],\n        truncate && 'truncate',\n        lineClamp && CLAMP_CLASS[lineClamp],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Larger intro paragraph — sets a subject up before the body copy. */\nexport function Lead({ className, ...props }: Omit<TextProps, 'step'>) {\n  return (\n    <Text\n      step={1}\n      tone=\"muted\"\n      className={cn('max-w-prose leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\n/** Small supporting copy (helper text, meta). */\nexport function Small({ className, ...props }: Omit<TextProps, 'step' | 'as'>) {\n  return <Text as=\"small\" step={-1} className={className} {...props} />;\n}\n\n/** Caption / fine print — smallest step, muted by default. */\nexport function Caption({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as'>) {\n  return (\n    <Text as=\"span\" step={-2} tone=\"muted\" className={className} {...props} />\n  );\n}\n\n/** Overline / eyebrow — uppercase tracked label above a heading. */\nexport function Overline({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as' | 'weight'>) {\n  return (\n    <Text\n      as=\"span\"\n      step={-2}\n      weight=\"semibold\"\n      tone=\"muted\"\n      className={cn('tracking-wide uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/* ---------- Inline emphasis ---------- */\n\n/** Bold inline emphasis. */\nexport function Strong({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'strong'>) {\n  return (\n    <strong\n      className={cn('font-semibold text-content', className)}\n      {...props}\n    />\n  );\n}\n\n/** Italic inline emphasis. */\nexport function Em({ className, ...props }: ComponentPropsWithoutRef<'em'>) {\n  return <em className={cn('italic', className)} {...props} />;\n}\n\n/** Inline code. */\nexport function Code({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'code'>) {\n  return (\n    <code\n      className={cn(\n        'rounded-sm border border-border bg-surface px-2xs py-3xs',\n        'font-mono text-step-sm text-content tabular-nums',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard key. */\nexport function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>) {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center rounded-md border border-border bg-surface-elevated',\n        'px-2xs py-3xs font-mono text-step-xs text-content-muted shadow-edge',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Themed anchor. */\nexport function Link({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <a\n      className={cn(\n        'font-medium text-primary underline underline-offset-2',\n        'transition-colors duration-200 ease-smooth hover:text-accent',\n        'focus-ring',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n}\n\n/* ---------- Block-level ---------- */\n\n/** Pull quote — left border + muted italic body. */\nexport function Blockquote({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'blockquote'>) {\n  return (\n    <blockquote\n      className={cn(\n        'border-l-4 border-primary pl-s italic',\n        'text-step-1 text-content-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface ListProps extends ComponentPropsWithoutRef<'ul'> {\n  /** Render an ordered list (`<ol>`) with numeric markers. */\n  ordered?: boolean;\n}\n\n/** Bulleted or numbered list with themed markers and fluid spacing. */\nexport function List({ ordered = false, className, ...props }: ListProps) {\n  const Tag = ordered ? 'ol' : 'ul';\n  return (\n    <Tag\n      className={cn(\n        ordered ? 'list-decimal' : 'list-disc',\n        'ms-m flex flex-col gap-2xs text-step-0 text-content marker:text-content-muted',\n        className,\n      )}\n      {...(props as ComponentPropsWithoutRef<'ol'>)}\n    />\n  );\n}\n\n/** List item — pairs with `List`. */\nexport function ListItem({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'li'>) {\n  return <li className={cn('ps-2xs', className)} {...props} />;\n}\n\n/* ---------- Headings ---------- */\n\nexport interface HeadingProps extends ComponentPropsWithoutRef<'h2'> {\n  step?: Step;\n  weight?: Weight;\n  as?: ElementType;\n}\n\n/** Heading primitive — fluid step + weight, defaults to the largest step. */\nexport function Heading({\n  step = 3,\n  weight = 'semibold',\n  as: Tag = 'h2',\n  className,\n  ...props\n}: HeadingProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        WEIGHT_CLASS[weight],\n        'text-content',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Semantic heading components (h1–h6) mapped to the fluid type scale.\n * Sizes taper past the four Utopia steps by dropping weight for h5/h6.\n */\nexport type NamedHeadingProps = Omit<HeadingProps, 'as' | 'step'>;\n\nexport function HeadingOne(props: NamedHeadingProps) {\n  return <Heading as=\"h1\" step={3} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingTwo(props: NamedHeadingProps) {\n  return <Heading as=\"h2\" step={2} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingThree(props: NamedHeadingProps) {\n  return <Heading as=\"h3\" step={1} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFour(props: NamedHeadingProps) {\n  return <Heading as=\"h4\" step={0} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFive(props: NamedHeadingProps) {\n  return <Heading as=\"h5\" step={0} weight=\"medium\" {...props} />;\n}\n\nexport function HeadingSix({ className, ...props }: NamedHeadingProps) {\n  return (\n    <Heading\n      as=\"h6\"\n      step={0}\n      weight=\"medium\"\n      className={cn('tracking-wide text-content-muted uppercase', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","STEP_CLASS","WEIGHT_CLASS","normal","medium","semibold","TONE_CLASS","default","muted","primary","accent","ALIGN_CLASS","start","center","end","CLAMP_CLASS","Text","step","weight","tone","align","truncate","lineClamp","as","Tag","className","props","Lead","Small","Caption","Overline","Strong","strong","Em","em","Code","code","Kbd","kbd","Link","children","a","Blockquote","blockquote","List","ordered","ListItem","li","Heading","HeadingOne","HeadingTwo","HeadingThree","HeadingFour","HeadingFive","HeadingSix"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/ui/atoms/text/text.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ElementType } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** Fluid type step (Utopia). Negatives taper below body for fine print. */\ntype Step = -2 | -1 | 0 | 1 | 2 | 3;\n\nconst STEP_CLASS: Record<Step, string> = {\n  '-2': 'text-step-xs',\n  '-1': 'text-step-sm',\n  0: 'text-step-0',\n  1: 'text-step-1',\n  2: 'text-step-2',\n  3: 'text-step-3',\n};\n\n/**\n * Three weights, and no fourth.\n *\n * 400 body, 500 secondary emphasis, 600 headings and labels. `bold` (700) was\n * removed: \"heading\" and \"emphatic heading\" were never distinct roles here,\n * only different authors — measured, `font-bold` appeared three times against\n * `font-semibold`'s thirteen, all of them headings that had no reason to differ\n * from their neighbours. A fourth weight comes back when a role needs it, not\n * when a screen wants one.\n */\ntype Weight = 'normal' | 'medium' | 'semibold';\n\nconst WEIGHT_CLASS: Record<Weight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n};\n\n/** Semantic content color. Superset of the legacy `muted` flag. */\ntype Tone = 'default' | 'muted' | 'primary' | 'accent';\n\nconst TONE_CLASS: Record<Tone, string> = {\n  default: 'text-content',\n  muted: 'text-content-muted',\n  primary: 'text-primary',\n  accent: 'text-accent',\n};\n\ntype Align = 'start' | 'center' | 'end';\n\nconst ALIGN_CLASS: Record<Align, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n};\n\n/** Multi-line clamp (static classes so Tailwind can see them). */\ntype Clamp = 1 | 2 | 3 | 4;\n\nconst CLAMP_CLASS: Record<Clamp, string> = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n};\n\nexport interface TextProps extends ComponentPropsWithoutRef<'p'> {\n  /** Fluid type step (Utopia). Defaults to body (0). */\n  step?: Step;\n  /** Font weight. */\n  weight?: Weight;\n  /** Semantic color. */\n  tone?: Tone;\n  /** Text alignment. */\n  align?: Align;\n  /** Truncate to a single line with an ellipsis. */\n  truncate?: boolean;\n  /** Clamp to N lines with an ellipsis. */\n  lineClamp?: Clamp;\n  /** Shortcut for `tone=\"muted\"`. */\n  muted?: boolean;\n  as?: ElementType;\n}\n\n/** Body text with fluid sizing and theme-driven color. */\nexport function Text({\n  step = 0,\n  weight,\n  tone = 'default',\n  align,\n  truncate = false,\n  lineClamp,\n  muted = false,\n  as: Tag = 'p',\n  className,\n  ...props\n}: TextProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        weight && WEIGHT_CLASS[weight],\n        TONE_CLASS[muted ? 'muted' : tone],\n        align && ALIGN_CLASS[align],\n        truncate && 'truncate',\n        lineClamp && CLAMP_CLASS[lineClamp],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Larger intro paragraph — sets a subject up before the body copy. */\nexport function Lead({ className, ...props }: Omit<TextProps, 'step'>) {\n  return (\n    <Text\n      step={1}\n      tone=\"muted\"\n      className={cn('max-w-prose leading-relaxed', className)}\n      {...props}\n    />\n  );\n}\n\n/** Small supporting copy (helper text, meta). */\nexport function Small({ className, ...props }: Omit<TextProps, 'step' | 'as'>) {\n  return <Text as=\"small\" step={-1} className={className} {...props} />;\n}\n\n/** Caption / fine print — smallest step, muted by default. */\nexport function Caption({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as'>) {\n  return (\n    <Text as=\"span\" step={-2} tone=\"muted\" className={className} {...props} />\n  );\n}\n\n/** Overline / eyebrow — uppercase tracked label above a heading. */\nexport function Overline({\n  className,\n  ...props\n}: Omit<TextProps, 'step' | 'as' | 'weight'>) {\n  return (\n    <Text\n      as=\"span\"\n      step={-2}\n      weight=\"semibold\"\n      tone=\"muted\"\n      className={cn('tracking-wide uppercase', className)}\n      {...props}\n    />\n  );\n}\n\n/* ---------- Inline emphasis ---------- */\n\n/** Bold inline emphasis. */\nexport function Strong({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'strong'>) {\n  return (\n    <strong\n      className={cn('font-semibold text-content', className)}\n      {...props}\n    />\n  );\n}\n\n/** Italic inline emphasis. */\nexport function Em({ className, ...props }: ComponentPropsWithoutRef<'em'>) {\n  return <em className={cn('italic', className)} {...props} />;\n}\n\n/** Inline code. */\nexport function Code({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'code'>) {\n  return (\n    <code\n      className={cn(\n        'rounded-sm border border-border bg-surface px-2xs py-3xs',\n        'font-mono text-step-sm text-content tabular-nums',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Keyboard key. */\nexport function Kbd({ className, ...props }: ComponentPropsWithoutRef<'kbd'>) {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center rounded-md border border-border bg-surface-elevated',\n        'px-2xs py-3xs font-mono text-step-xs text-content-muted shadow-edge',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * {@link Link}'s styling on its own, for a host that renders its own link\n * component (a router's) and should still look like one.\n */\nexport const linkClassName = cn(\n  'font-medium text-primary underline underline-offset-2',\n  'transition-colors duration-200 ease-smooth hover:text-accent',\n  'focus-ring',\n);\n\n/** Themed anchor. */\nexport function Link({\n  className,\n  children,\n  ...props\n}: ComponentPropsWithoutRef<'a'>) {\n  return (\n    <a className={cn(linkClassName, className)} {...props}>\n      {children}\n    </a>\n  );\n}\n\n/* ---------- Block-level ---------- */\n\n/** Pull quote — left border + muted italic body. */\nexport function Blockquote({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'blockquote'>) {\n  return (\n    <blockquote\n      className={cn(\n        'border-l-4 border-primary pl-s italic',\n        'text-step-1 text-content-muted',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface ListProps extends ComponentPropsWithoutRef<'ul'> {\n  /** Render an ordered list (`<ol>`) with numeric markers. */\n  ordered?: boolean;\n}\n\n/** Bulleted or numbered list with themed markers and fluid spacing. */\nexport function List({ ordered = false, className, ...props }: ListProps) {\n  const Tag = ordered ? 'ol' : 'ul';\n  return (\n    <Tag\n      className={cn(\n        ordered ? 'list-decimal' : 'list-disc',\n        'ms-m flex flex-col gap-2xs text-step-0 text-content marker:text-content-muted',\n        className,\n      )}\n      {...(props as ComponentPropsWithoutRef<'ol'>)}\n    />\n  );\n}\n\n/** List item — pairs with `List`. */\nexport function ListItem({\n  className,\n  ...props\n}: ComponentPropsWithoutRef<'li'>) {\n  return <li className={cn('ps-2xs', className)} {...props} />;\n}\n\n/* ---------- Headings ---------- */\n\nexport interface HeadingProps extends ComponentPropsWithoutRef<'h2'> {\n  step?: Step;\n  weight?: Weight;\n  as?: ElementType;\n}\n\n/** Heading primitive — fluid step + weight, defaults to the largest step. */\nexport function Heading({\n  step = 3,\n  weight = 'semibold',\n  as: Tag = 'h2',\n  className,\n  ...props\n}: HeadingProps) {\n  return (\n    <Tag\n      className={cn(\n        STEP_CLASS[step],\n        WEIGHT_CLASS[weight],\n        'text-content',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * Semantic heading components (h1–h6) mapped to the fluid type scale.\n * Sizes taper past the four Utopia steps by dropping weight for h5/h6.\n */\nexport type NamedHeadingProps = Omit<HeadingProps, 'as' | 'step'>;\n\nexport function HeadingOne(props: NamedHeadingProps) {\n  return <Heading as=\"h1\" step={3} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingTwo(props: NamedHeadingProps) {\n  return <Heading as=\"h2\" step={2} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingThree(props: NamedHeadingProps) {\n  return <Heading as=\"h3\" step={1} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFour(props: NamedHeadingProps) {\n  return <Heading as=\"h4\" step={0} weight=\"semibold\" {...props} />;\n}\n\nexport function HeadingFive(props: NamedHeadingProps) {\n  return <Heading as=\"h5\" step={0} weight=\"medium\" {...props} />;\n}\n\nexport function HeadingSix({ className, ...props }: NamedHeadingProps) {\n  return (\n    <Heading\n      as=\"h6\"\n      step={0}\n      weight=\"medium\"\n      className={cn('tracking-wide text-content-muted uppercase', className)}\n      {...props}\n    />\n  );\n}\n"],"names":["cn","STEP_CLASS","WEIGHT_CLASS","normal","medium","semibold","TONE_CLASS","default","muted","primary","accent","ALIGN_CLASS","start","center","end","CLAMP_CLASS","Text","step","weight","tone","align","truncate","lineClamp","as","Tag","className","props","Lead","Small","Caption","Overline","Strong","strong","Em","em","Code","code","Kbd","kbd","linkClassName","Link","children","a","Blockquote","blockquote","List","ordered","ListItem","li","Heading","HeadingOne","HeadingTwo","HeadingThree","HeadingFour","HeadingFive","HeadingSix"],"mappings":"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"}

package/dist/ui/molecules/nav-menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './nav-menu.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/nav-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/nav-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/ui/molecules/nav-menu/index.js

@@ -0,0 +1,3 @@
+export * from './nav-menu.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/nav-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/nav-menu/index.ts"],"sourcesContent":["export * from './nav-menu.js';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}

package/dist/ui/molecules/nav-menu/nav-menu.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+/**
+ * A dropdown in a navigation bar: a native `<details>` disclosure, so it opens
+ * and its links work with scripting off. What a dropdown is expected to do on
+ * top — one open at a time, closed by a click elsewhere or Escape — is the
+ * page's to add.
+ *
+ * No hooks, so a client component can render it too. Its parts carry
+ * `data-slot` (`nav-menu`, `nav-menu-trigger`, `nav-menu-chevron`,
+ * `nav-menu-panel`), so a page can restyle them — a panel as wide as the bar
+ * on a phone, say — without knowing the classes underneath.
+ */
+export declare function NavMenu({ label, icon, summary, chevron, className, triggerClassName, children, }: {
+    /** The accessible name of the trigger. */
+    label: string;
+    icon: ReactNode;
+    /** What the trigger shows beside the icon, if anything. */
+    summary?: ReactNode;
+    /** A chevron after the trigger's content: a menu of choices has one. */
+    chevron?: boolean;
+    className?: string;
+    /** Replaces the trigger's look: a split button draws it as its own segment. */
+    triggerClassName?: string;
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** A check beside the chosen entry; an equal space beside the others. */
+export declare function NavMenuCheck({ checked }: {
+    checked: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=nav-menu.d.ts.map

package/dist/ui/molecules/nav-menu/nav-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/nav-menu/nav-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAc,EACd,SAAS,EACT,gBAA0B,EAC1B,QAAQ,GACT,EAAE;IACD,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BA8BA;AAED,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,+BAW7D"}

package/dist/ui/molecules/nav-menu/nav-menu.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+/** A bar's trigger: quiet until hovered or open. */ const TRIGGER = 'focus-ring flex h-[2rem] cursor-pointer list-none items-center gap-3xs rounded-md border border-transparent px-2xs text-step-sm font-medium text-content select-none transition-[background-color,border-color] duration-(--duration-fast,150ms) hover:border-border hover:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)] [&::-webkit-details-marker]:hidden [[open]>&]:border-border [[open]>&]:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)]';
+/**
+ * A dropdown in a navigation bar: a native `<details>` disclosure, so it opens
+ * and its links work with scripting off. What a dropdown is expected to do on
+ * top — one open at a time, closed by a click elsewhere or Escape — is the
+ * page's to add.
+ *
+ * No hooks, so a client component can render it too. Its parts carry
+ * `data-slot` (`nav-menu`, `nav-menu-trigger`, `nav-menu-chevron`,
+ * `nav-menu-panel`), so a page can restyle them — a panel as wide as the bar
+ * on a phone, say — without knowing the classes underneath.
+ */ export function NavMenu({ label, icon, summary, chevron = true, className, triggerClassName = TRIGGER, children }) {
+    return /*#__PURE__*/ _jsxs("details", {
+        "data-slot": "nav-menu",
+        className: cn('relative', className),
+        children: [
+            /*#__PURE__*/ _jsxs("summary", {
+                "aria-label": label,
+                title: label,
+                "data-slot": "nav-menu-trigger",
+                className: triggerClassName,
+                children: [
+                    icon,
+                    summary,
+                    chevron && /*#__PURE__*/ _jsx("svg", {
+                        "aria-hidden": "true",
+                        viewBox: "0 0 24 24",
+                        "data-slot": "nav-menu-chevron",
+                        className: "size-[0.875rem] flex-none fill-none stroke-current stroke-2 text-content-muted transition-[rotate] duration-(--duration-fast,150ms) [stroke-linecap:round] [stroke-linejoin:round] [[open]>summary>&]:rotate-180",
+                        children: /*#__PURE__*/ _jsx("path", {
+                            d: "m7 10 5 5 5-5"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "nav-menu-panel",
+                className: "right-0 ease-out starting:-translate-y-1 [&_ul]:m-0 [&_ul]:p-0 absolute top-[calc(100%+var(--spacing-3xs))] z-60 min-w-[10rem] rounded-lg border border-border bg-surface-elevated p-3xs shadow-[var(--shadow-overlay)] transition-[opacity,translate] duration-[120ms] motion-reduce:transition-none starting:opacity-0 [&_ul]:list-none",
+                children: children
+            })
+        ]
+    });
+}
+/** A check beside the chosen entry; an equal space beside the others. */ export function NavMenuCheck({ checked }) {
+    return /*#__PURE__*/ _jsx("svg", {
+        "aria-hidden": "true",
+        viewBox: "0 0 24 24",
+        "data-slot": "nav-menu-check",
+        className: "size-[1rem] flex-none fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
+        children: checked && /*#__PURE__*/ _jsx("path", {
+            d: "m5 12.5 4.5 4.5L19 7.5"
+        })
+    });
+}
+
+//# sourceMappingURL=nav-menu.js.map

package/dist/ui/molecules/nav-menu/nav-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/nav-menu/nav-menu.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../../utils/cn.js';\n\n/** A bar's trigger: quiet until hovered or open. */\nconst TRIGGER =\n  'focus-ring flex h-[2rem] cursor-pointer list-none items-center gap-3xs rounded-md border border-transparent px-2xs text-step-sm font-medium text-content select-none transition-[background-color,border-color] duration-(--duration-fast,150ms) hover:border-border hover:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)] [&::-webkit-details-marker]:hidden [[open]>&]:border-border [[open]>&]:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)]';\n\n/**\n * A dropdown in a navigation bar: a native `<details>` disclosure, so it opens\n * and its links work with scripting off. What a dropdown is expected to do on\n * top — one open at a time, closed by a click elsewhere or Escape — is the\n * page's to add.\n *\n * No hooks, so a client component can render it too. Its parts carry\n * `data-slot` (`nav-menu`, `nav-menu-trigger`, `nav-menu-chevron`,\n * `nav-menu-panel`), so a page can restyle them — a panel as wide as the bar\n * on a phone, say — without knowing the classes underneath.\n */\nexport function NavMenu({\n  label,\n  icon,\n  summary,\n  chevron = true,\n  className,\n  triggerClassName = TRIGGER,\n  children,\n}: {\n  /** The accessible name of the trigger. */\n  label: string;\n  icon: ReactNode;\n  /** What the trigger shows beside the icon, if anything. */\n  summary?: ReactNode;\n  /** A chevron after the trigger's content: a menu of choices has one. */\n  chevron?: boolean;\n  className?: string;\n  /** Replaces the trigger's look: a split button draws it as its own segment. */\n  triggerClassName?: string;\n  children: ReactNode;\n}) {\n  return (\n    <details data-slot=\"nav-menu\" className={cn('relative', className)}>\n      <summary\n        aria-label={label}\n        title={label}\n        data-slot=\"nav-menu-trigger\"\n        className={triggerClassName}\n      >\n        {icon}\n        {summary}\n        {chevron && (\n          <svg\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            data-slot=\"nav-menu-chevron\"\n            className=\"size-[0.875rem] flex-none fill-none stroke-current stroke-2 text-content-muted transition-[rotate] duration-(--duration-fast,150ms) [stroke-linecap:round] [stroke-linejoin:round] [[open]>summary>&]:rotate-180\"\n          >\n            <path d=\"m7 10 5 5 5-5\" />\n          </svg>\n        )}\n      </summary>\n      <div\n        data-slot=\"nav-menu-panel\"\n        className=\"right-0 ease-out starting:-translate-y-1 [&_ul]:m-0 [&_ul]:p-0 absolute top-[calc(100%+var(--spacing-3xs))] z-60 min-w-[10rem] rounded-lg border border-border bg-surface-elevated p-3xs shadow-[var(--shadow-overlay)] transition-[opacity,translate] duration-[120ms] motion-reduce:transition-none starting:opacity-0 [&_ul]:list-none\"\n      >\n        {children}\n      </div>\n    </details>\n  );\n}\n\n/** A check beside the chosen entry; an equal space beside the others. */\nexport function NavMenuCheck({ checked }: { checked: boolean }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n      data-slot=\"nav-menu-check\"\n      className=\"size-[1rem] flex-none fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]\"\n    >\n      {checked && <path d=\"m5 12.5 4.5 4.5L19 7.5\" />}\n    </svg>\n  );\n}\n"],"names":["cn","TRIGGER","NavMenu","label","icon","summary","chevron","className","triggerClassName","children","details","data-slot","aria-label","title","svg","aria-hidden","viewBox","path","d","div","NavMenuCheck","checked"],"mappings":";AAEA,SAASA,EAAE,QAAQ,oBAAoB;AAEvC,kDAAkD,GAClD,MAAMC,UACJ;AAEF;;;;;;;;;;CAUC,GACD,OAAO,SAASC,QAAQ,EACtBC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,IAAI,EACdC,SAAS,EACTC,mBAAmBP,OAAO,EAC1BQ,QAAQ,EAaT;IACC,qBACE,MAACC;QAAQC,aAAU;QAAWJ,WAAWP,GAAG,YAAYO;;0BACtD,MAACF;gBACCO,cAAYT;gBACZU,OAAOV;gBACPQ,aAAU;gBACVJ,WAAWC;;oBAEVJ;oBACAC;oBACAC,yBACC,KAACQ;wBACCC,eAAY;wBACZC,SAAQ;wBACRL,aAAU;wBACVJ,WAAU;kCAEV,cAAA,KAACU;4BAAKC,GAAE;;;;;0BAId,KAACC;gBACCR,aAAU;gBACVJ,WAAU;0BAETE;;;;AAIT;AAEA,uEAAuE,GACvE,OAAO,SAASW,aAAa,EAAEC,OAAO,EAAwB;IAC5D,qBACE,KAACP;QACCC,eAAY;QACZC,SAAQ;QACRL,aAAU;QACVJ,WAAU;kBAETc,yBAAW,KAACJ;YAAKC,GAAE;;;AAG1B"}

package/dist/ui/molecules/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './segmented-control.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/ui/molecules/segmented-control/index.js

@@ -0,0 +1,3 @@
+export * from './segmented-control.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/segmented-control/index.ts"],"sourcesContent":["export * from './segmented-control.js';\n"],"names":[],"mappings":"AAAA,cAAc,yBAAyB"}

package/dist/ui/molecules/segmented-control/segmented-control.d.ts

@@ -0,0 +1,21 @@
+/**
+ * A choice within the page, drawn as `SegmentedNav` draws a choice between
+ * pages: one bordered track, the chosen segment filled.
+ *
+ * A radio group: one segment in the tab order, the arrow keys, Home and End
+ * moving the choice and the focus with it. It holds no state; the page keeps
+ * the value. Parts carry `data-slot` (`segmented-control`,
+ * `segmented-control-option`).
+ */
+export declare function SegmentedControl<Key extends string>({ label, options, value, onChange, className, }: {
+    /** The group's accessible name. */
+    label: string;
+    options: readonly {
+        readonly key: Key;
+        readonly label: string;
+    }[];
+    value: Key;
+    onChange: (key: Key) => void;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/ui/molecules/segmented-control/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,MAAM,EAAE,EACnD,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS;QAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClE,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA+CA"}

package/dist/ui/molecules/segmented-control/segmented-control.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../utils/cn.js';
+import { CURRENT, LIST, OTHER } from '../segmented-nav/segment-classes.js';
+/** A segment as a button: the shared look, without a link's defaults. */ const BUTTON = 'cursor-pointer border-0 font-[inherit]';
+/** The keys that move the choice, and where each moves it. */ const MOVES = {
+    ArrowRight: (index, count)=>(index + 1) % count,
+    ArrowDown: (index, count)=>(index + 1) % count,
+    ArrowLeft: (index, count)=>(index - 1 + count) % count,
+    ArrowUp: (index, count)=>(index - 1 + count) % count,
+    Home: ()=>0,
+    End: (_, count)=>count - 1
+};
+/**
+ * A choice within the page, drawn as `SegmentedNav` draws a choice between
+ * pages: one bordered track, the chosen segment filled.
+ *
+ * A radio group: one segment in the tab order, the arrow keys, Home and End
+ * moving the choice and the focus with it. It holds no state; the page keeps
+ * the value. Parts carry `data-slot` (`segmented-control`,
+ * `segmented-control-option`).
+ */ export function SegmentedControl({ label, options, value, onChange, className }) {
+    const chosen = Math.max(0, options.findIndex((option)=>option.key === value));
+    const move = (event)=>{
+        var _event_currentTarget_querySelectorAll_next;
+        const to = MOVES[event.key];
+        if (to === undefined) return;
+        event.preventDefault();
+        const next = to(chosen, options.length);
+        (_event_currentTarget_querySelectorAll_next = event.currentTarget.querySelectorAll('[role="radio"]')[next]) == null ? void 0 : _event_currentTarget_querySelectorAll_next.focus();
+        onChange(options[next].key);
+    };
+    return /*#__PURE__*/ _jsx("div", {
+        role: "radiogroup",
+        "aria-label": label,
+        "data-slot": "segmented-control",
+        onKeyDown: move,
+        className: cn(LIST, className),
+        children: options.map((option, index)=>{
+            const checked = index === chosen;
+            return /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                role: "radio",
+                "aria-checked": checked,
+                tabIndex: checked ? 0 : -1,
+                "data-slot": "segmented-control-option",
+                className: cn(checked ? `${CURRENT} focus-ring` : `${OTHER} bg-transparent`, BUTTON),
+                onClick: ()=>onChange(option.key),
+                children: option.label
+            }, option.key);
+        })
+    });
+}
+
+//# sourceMappingURL=segmented-control.js.map

package/dist/ui/molecules/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/segmented-control/segmented-control.tsx"],"sourcesContent":["'use client';\n\nimport type { KeyboardEvent } from 'react';\n\nimport { cn } from '../../utils/cn.js';\nimport { CURRENT, LIST, OTHER } from '../segmented-nav/segment-classes.js';\n\n/** A segment as a button: the shared look, without a link's defaults. */\nconst BUTTON = 'cursor-pointer border-0 font-[inherit]';\n\n/** The keys that move the choice, and where each moves it. */\nconst MOVES: Readonly<\n  Record<string, (index: number, count: number) => number>\n> = {\n  ArrowRight: (index, count) => (index + 1) % count,\n  ArrowDown: (index, count) => (index + 1) % count,\n  ArrowLeft: (index, count) => (index - 1 + count) % count,\n  ArrowUp: (index, count) => (index - 1 + count) % count,\n  Home: () => 0,\n  End: (_, count) => count - 1,\n};\n\n/**\n * A choice within the page, drawn as `SegmentedNav` draws a choice between\n * pages: one bordered track, the chosen segment filled.\n *\n * A radio group: one segment in the tab order, the arrow keys, Home and End\n * moving the choice and the focus with it. It holds no state; the page keeps\n * the value. Parts carry `data-slot` (`segmented-control`,\n * `segmented-control-option`).\n */\nexport function SegmentedControl<Key extends string>({\n  label,\n  options,\n  value,\n  onChange,\n  className,\n}: {\n  /** The group's accessible name. */\n  label: string;\n  options: readonly { readonly key: Key; readonly label: string }[];\n  value: Key;\n  onChange: (key: Key) => void;\n  className?: string;\n}) {\n  const chosen = Math.max(\n    0,\n    options.findIndex(option => option.key === value),\n  );\n\n  const move = (event: KeyboardEvent<HTMLDivElement>) => {\n    const to = MOVES[event.key];\n    if (to === undefined) return;\n    event.preventDefault();\n    const next = to(chosen, options.length);\n    event.currentTarget\n      .querySelectorAll<HTMLElement>('[role=\"radio\"]')\n      [next]?.focus();\n    onChange((options[next] as (typeof options)[number]).key);\n  };\n\n  return (\n    <div\n      role=\"radiogroup\"\n      aria-label={label}\n      data-slot=\"segmented-control\"\n      onKeyDown={move}\n      className={cn(LIST, className)}\n    >\n      {options.map((option, index) => {\n        const checked = index === chosen;\n        return (\n          <button\n            key={option.key}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={checked}\n            tabIndex={checked ? 0 : -1}\n            data-slot=\"segmented-control-option\"\n            className={cn(\n              checked ? `${CURRENT} focus-ring` : `${OTHER} bg-transparent`,\n              BUTTON,\n            )}\n            onClick={() => onChange(option.key)}\n          >\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["cn","CURRENT","LIST","OTHER","BUTTON","MOVES","ArrowRight","index","count","ArrowDown","ArrowLeft","ArrowUp","Home","End","_","SegmentedControl","label","options","value","onChange","className","chosen","Math","max","findIndex","option","key","move","event","to","undefined","preventDefault","next","length","currentTarget","querySelectorAll","focus","div","role","aria-label","data-slot","onKeyDown","map","checked","button","type","aria-checked","tabIndex","onClick"],"mappings":"AAAA;;AAIA,SAASA,EAAE,QAAQ,oBAAoB;AACvC,SAASC,OAAO,EAAEC,IAAI,EAAEC,KAAK,QAAQ,sCAAsC;AAE3E,uEAAuE,GACvE,MAAMC,SAAS;AAEf,4DAA4D,GAC5D,MAAMC,QAEF;IACFC,YAAY,CAACC,OAAOC,QAAU,AAACD,CAAAA,QAAQ,CAAA,IAAKC;IAC5CC,WAAW,CAACF,OAAOC,QAAU,AAACD,CAAAA,QAAQ,CAAA,IAAKC;IAC3CE,WAAW,CAACH,OAAOC,QAAU,AAACD,CAAAA,QAAQ,IAAIC,KAAI,IAAKA;IACnDG,SAAS,CAACJ,OAAOC,QAAU,AAACD,CAAAA,QAAQ,IAAIC,KAAI,IAAKA;IACjDI,MAAM,IAAM;IACZC,KAAK,CAACC,GAAGN,QAAUA,QAAQ;AAC7B;AAEA;;;;;;;;CAQC,GACD,OAAO,SAASO,iBAAqC,EACnDC,KAAK,EACLC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,SAAS,EAQV;IACC,MAAMC,SAASC,KAAKC,GAAG,CACrB,GACAN,QAAQO,SAAS,CAACC,CAAAA,SAAUA,OAAOC,GAAG,KAAKR;IAG7C,MAAMS,OAAO,CAACC;YAKZA;QAJA,MAAMC,KAAKxB,KAAK,CAACuB,MAAMF,GAAG,CAAC;QAC3B,IAAIG,OAAOC,WAAW;QACtBF,MAAMG,cAAc;QACpB,MAAMC,OAAOH,GAAGR,QAAQJ,QAAQgB,MAAM;SACtCL,6CAAAA,MAAMM,aAAa,CAChBC,gBAAgB,CAAc,iBAC/B,CAACH,KAAK,qBAFRJ,2CAEUQ,KAAK;QACfjB,SAAS,AAACF,OAAO,CAACe,KAAK,CAA8BN,GAAG;IAC1D;IAEA,qBACE,KAACW;QACCC,MAAK;QACLC,cAAYvB;QACZwB,aAAU;QACVC,WAAWd;QACXP,WAAWpB,GAAGE,MAAMkB;kBAEnBH,QAAQyB,GAAG,CAAC,CAACjB,QAAQlB;YACpB,MAAMoC,UAAUpC,UAAUc;YAC1B,qBACE,KAACuB;gBAECC,MAAK;gBACLP,MAAK;gBACLQ,gBAAcH;gBACdI,UAAUJ,UAAU,IAAI,CAAC;gBACzBH,aAAU;gBACVpB,WAAWpB,GACT2C,UAAU,GAAG1C,QAAQ,WAAW,CAAC,GAAG,GAAGE,MAAM,eAAe,CAAC,EAC7DC;gBAEF4C,SAAS,IAAM7B,SAASM,OAAOC,GAAG;0BAEjCD,OAAOT,KAAK;eAZRS,OAAOC,GAAG;QAerB;;AAGN"}

package/dist/ui/molecules/segmented-nav/index.d.ts

@@ -0,0 +1,2 @@
+export * from './segmented-nav.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/molecules/segmented-nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/segmented-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/ui/molecules/segmented-nav/index.js

@@ -0,0 +1,3 @@
+export * from './segmented-nav.js';
+
+//# sourceMappingURL=index.js.map

package/dist/ui/molecules/segmented-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/segmented-nav/index.ts"],"sourcesContent":["export * from './segmented-nav.js';\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}

package/dist/ui/molecules/segmented-nav/segment-classes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The segmented look, shared by `SegmentedNav` (links) and `SegmentedControl`
+ * (a choice in the page): one bordered track, the chosen segment filled.
+ */
+/** The joined segments; scrolls sideways rather than wrapping. */
+export declare const LIST = "m-0 flex w-max max-w-full list-none overflow-x-auto rounded-md border border-border p-[0.1875rem] [scrollbar-width:none]";
+export declare const OTHER = "block rounded-[calc(var(--radius-md,0.375rem)-0.125rem)] px-xs py-[0.3125rem] text-step-sm whitespace-nowrap no-underline transition-colors duration-(--duration-fast,150ms) motion-reduce:transition-none focus-ring text-content hover:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)] hover:text-primary";
+export declare const CURRENT = "block rounded-[calc(var(--radius-md,0.375rem)-0.125rem)] px-xs py-[0.3125rem] text-step-sm whitespace-nowrap no-underline transition-colors duration-(--duration-fast,150ms) motion-reduce:transition-none bg-primary font-medium text-primary-content";
+//# sourceMappingURL=segment-classes.d.ts.map

package/dist/ui/molecules/segmented-nav/segment-classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment-classes.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/segmented-nav/segment-classes.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,kEAAkE;AAClE,eAAO,MAAM,IAAI,6HAC2G,CAAC;AAK7H,eAAO,MAAM,KAAK,4TAA4H,CAAC;AAE/I,eAAO,MAAM,OAAO,2PAA2D,CAAC"}

package/dist/ui/molecules/segmented-nav/segment-classes.js

@@ -0,0 +1,9 @@
+/**
+ * The segmented look, shared by `SegmentedNav` (links) and `SegmentedControl`
+ * (a choice in the page): one bordered track, the chosen segment filled.
+ */ /** The joined segments; scrolls sideways rather than wrapping. */ export const LIST = 'm-0 flex w-max max-w-full list-none overflow-x-auto rounded-md border border-border p-[0.1875rem] [scrollbar-width:none]';
+const SEGMENT = 'block rounded-[calc(var(--radius-md,0.375rem)-0.125rem)] px-xs py-[0.3125rem] text-step-sm whitespace-nowrap no-underline transition-colors duration-(--duration-fast,150ms) motion-reduce:transition-none';
+export const OTHER = `${SEGMENT} focus-ring text-content hover:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)] hover:text-primary`;
+export const CURRENT = `${SEGMENT} bg-primary font-medium text-primary-content`;
+
+//# sourceMappingURL=segment-classes.js.map

package/dist/ui/molecules/segmented-nav/segment-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/ui/molecules/segmented-nav/segment-classes.ts"],"sourcesContent":["/**\n * The segmented look, shared by `SegmentedNav` (links) and `SegmentedControl`\n * (a choice in the page): one bordered track, the chosen segment filled.\n */\n/** The joined segments; scrolls sideways rather than wrapping. */\nexport const LIST =\n  'm-0 flex w-max max-w-full list-none overflow-x-auto rounded-md border border-border p-[0.1875rem] [scrollbar-width:none]';\n\nconst SEGMENT =\n  'block rounded-[calc(var(--radius-md,0.375rem)-0.125rem)] px-xs py-[0.3125rem] text-step-sm whitespace-nowrap no-underline transition-colors duration-(--duration-fast,150ms) motion-reduce:transition-none';\n\nexport const OTHER = `${SEGMENT} focus-ring text-content hover:bg-[color-mix(in_srgb,var(--color-content)_6%,transparent)] hover:text-primary`;\n\nexport const CURRENT = `${SEGMENT} bg-primary font-medium text-primary-content`;\n"],"names":["LIST","SEGMENT","OTHER","CURRENT"],"mappings":"AAAA;;;CAGC,GACD,gEAAgE,GAChE,OAAO,MAAMA,OACX,2HAA2H;AAE7H,MAAMC,UACJ;AAEF,OAAO,MAAMC,QAAQ,GAAGD,QAAQ,6GAA6G,CAAC,CAAC;AAE/I,OAAO,MAAME,UAAU,GAAGF,QAAQ,4CAA4C,CAAC,CAAC"}

package/dist/ui/molecules/segmented-nav/segmented-nav.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentType, ReactNode } from 'react';
+/** One segment: a page of its own, the current one marked. */
+export interface SegmentedNavItem {
+    readonly key: string;
+    readonly label: ReactNode;
+    readonly href: string;
+    readonly current: boolean;
+}
+/** What renders a segment that leads elsewhere: an `<a>`, or a router's link. */
+export type SegmentedNavLink = ComponentType<{
+    href: string;
+    className?: string;
+    children: ReactNode;
+}>;
+/**
+ * A choice between pages, drawn as one segmented control: each segment is a
+ * link, the current page's is a marked span. A visible label names the
+ * choice; the `<nav>` carries it for assistive technology.
+ *
+ * No hooks, so a server component renders it, and every segment works with
+ * scripting off. Its parts carry `data-slot` (`segmented-nav`,
+ * `segmented-nav-label`, `segmented-nav-list`, `segmented-nav-item`).
+ */
+export declare function SegmentedNav({ label, items, link: Link, className, }: {
+    label: string;
+    items: readonly SegmentedNavItem[];
+    link?: SegmentedNavLink;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=segmented-nav.d.ts.map

package/dist/ui/molecules/segmented-nav/segmented-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-nav.d.ts","sourceRoot":"","sources":["../../../../src/ui/molecules/segmented-nav/segmented-nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,8DAA8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAED,iFAAiF;AACjF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC,CAAC;AAIH;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAa,EACnB,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA+BA"}

package/dist/ui/molecules/segmented-nav/segmented-nav.js

@@ -0,0 +1,46 @@
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CURRENT, LIST, OTHER } from './segment-classes.js';
+const ANCHOR = (props)=>/*#__PURE__*/ _jsx("a", _extends({}, props));
+/**
+ * A choice between pages, drawn as one segmented control: each segment is a
+ * link, the current page's is a marked span. A visible label names the
+ * choice; the `<nav>` carries it for assistive technology.
+ *
+ * No hooks, so a server component renders it, and every segment works with
+ * scripting off. Its parts carry `data-slot` (`segmented-nav`,
+ * `segmented-nav-label`, `segmented-nav-list`, `segmented-nav-item`).
+ */ export function SegmentedNav({ label, items, link: Link = ANCHOR, className }) {
+    return /*#__PURE__*/ _jsxs("nav", {
+        "data-slot": "segmented-nav",
+        "aria-label": label,
+        className: className,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                "data-slot": "segmented-nav-label",
+                "aria-hidden": "true",
+                className: "text-step-sm text-content-muted",
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("ul", {
+                "data-slot": "segmented-nav-list",
+                className: LIST,
+                children: items.map((item)=>/*#__PURE__*/ _jsx("li", {
+                        "data-slot": "segmented-nav-item",
+                        className: "flex-none",
+                        children: item.current ? /*#__PURE__*/ _jsx("span", {
+                            "aria-current": "page",
+                            className: CURRENT,
+                            children: item.label
+                        }) : /*#__PURE__*/ _jsx(Link, {
+                            href: item.href,
+                            className: OTHER,
+                            children: item.label
+                        })
+                    }, item.key))
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=segmented-nav.js.map