@braedonsaunders/appkit-ui 0.2.0

package/sparkline.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+const TONE_COLOR = {
+    up: 'var(--color-danger)',
+    down: 'var(--color-success)',
+    good: 'var(--color-success)',
+    bad: 'var(--color-danger)',
+    neutral: 'var(--color-fg-muted)',
+};
+export function Sparkline({ points, tone = 'neutral', auto, goodWhenRising = true, dots = false, stroke, area = false, strokeWidth = 1.5, className, ariaLabel, noTrendLabel = 'No trend data', }) {
+    let resolvedTone = tone;
+    if (auto && points.length >= 2) {
+        const first = points[0];
+        const last = points[points.length - 1];
+        if (last === first)
+            resolvedTone = 'neutral';
+        else if (last > first)
+            resolvedTone = goodWhenRising ? 'good' : 'bad';
+        else
+            resolvedTone = goodWhenRising ? 'bad' : 'good';
+    }
+    const strokeColor = stroke ?? TONE_COLOR[resolvedTone];
+    if (points.length < 2) {
+        return (_jsx("svg", { viewBox: "0 0 100 32", preserveAspectRatio: "none", role: "img", "aria-label": ariaLabel ?? noTrendLabel, className: cn('block', className), children: _jsx("line", { x1: "0", y1: "16", x2: "100", y2: "16", stroke: "var(--color-border)", strokeWidth: "1", strokeDasharray: "3,3" }) }));
+    }
+    const min = Math.min(...points);
+    const max = Math.max(...points);
+    const range = max - min || 1;
+    const minIndex = points.indexOf(min);
+    const maxIndex = points.indexOf(max);
+    const coordinates = points.map((point, index) => {
+        const x = (index / (points.length - 1)) * 100;
+        const y = 29 - ((point - min) / range) * 26;
+        return [x, y];
+    });
+    const path = `M ${coordinates.map(([x, y]) => `${x.toFixed(2)} ${y.toFixed(2)}`).join(' L ')}`;
+    const areaPath = `${path} L 100 32 L 0 32 Z`;
+    const label = ariaLabel ?? `Trend: ${points.length} points from ${points[0]} to ${points.at(-1)}`;
+    return (_jsxs("svg", { viewBox: "0 0 100 32", preserveAspectRatio: "none", role: "img", "aria-label": label, className: cn('block overflow-visible', className), children: [area ? _jsx("path", { d: areaPath, fill: `color-mix(in oklab, ${strokeColor} 12%, transparent)`, stroke: "none" }) : null, _jsx("path", { d: path, fill: "none", stroke: strokeColor, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round", vectorEffect: "non-scaling-stroke" }), dots
+                ? [minIndex, maxIndex].filter((index, position, all) => all.indexOf(index) === position).map((index) => {
+                    const [x, y] = coordinates[index];
+                    return _jsx("circle", { cx: x, cy: y, r: "1.75", fill: strokeColor, stroke: "var(--color-surface)", strokeWidth: "0.75" }, index);
+                })
+                : null] }));
+}
+//# sourceMappingURL=sparkline.js.map

package/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../src/sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAkB5B,MAAM,UAAU,GAAkC;IAChD,EAAE,EAAE,qBAAqB;IACzB,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,sBAAsB;IAC5B,GAAG,EAAE,qBAAqB;IAC1B,OAAO,EAAE,uBAAuB;CACjC,CAAA;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,cAAc,GAAG,IAAI,EACrB,IAAI,GAAG,KAAK,EACZ,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,WAAW,GAAG,GAAG,EACjB,SAAS,EACT,SAAS,EACT,YAAY,GAAG,eAAe,GACf;IACf,IAAI,YAAY,GAAG,IAAI,CAAA;IACvB,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAE,CAAA;QACxB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAE,CAAA;QACvC,IAAI,IAAI,KAAK,KAAK;YAAE,YAAY,GAAG,SAAS,CAAA;aACvC,IAAI,IAAI,GAAG,KAAK;YAAE,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;;YAChE,YAAY,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IACrD,CAAC;IACD,MAAM,WAAW,GAAG,MAAM,IAAI,UAAU,CAAC,YAAY,CAAC,CAAA;IAEtD,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACtB,OAAO,CACL,cAAK,OAAO,EAAC,YAAY,EAAC,mBAAmB,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,gBAAa,SAAS,IAAI,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,YACtI,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,qBAAqB,EAAC,WAAW,EAAC,GAAG,EAAC,eAAe,EAAC,KAAK,GAAG,GACvG,CACP,CAAA;IACH,CAAC;IAED,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAA;IAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,CAAA;IAC/B,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,CAAA;IAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IACpC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9C,MAAM,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QAC7C,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;QAC3C,OAAO,CAAC,CAAC,EAAE,CAAC,CAAU,CAAA;IACxB,CAAC,CAAC,CAAA;IACF,MAAM,IAAI,GAAG,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAA;IAC9F,MAAM,QAAQ,GAAG,GAAG,IAAI,oBAAoB,CAAA;IAC5C,MAAM,KAAK,GAAG,SAAS,IAAI,UAAU,MAAM,CAAC,MAAM,gBAAgB,MAAM,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEjG,OAAO,CACL,eAAK,OAAO,EAAC,YAAY,EAAC,mBAAmB,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,gBAAa,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aAClI,IAAI,CAAC,CAAC,CAAC,eAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,uBAAuB,WAAW,oBAAoB,EAAE,MAAM,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAChH,eAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,YAAY,EAAC,oBAAoB,GAAG,EAC1J,IAAI;gBACH,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACnG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAE,CAAA;oBAClC,OAAO,iBAAoB,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,sBAAsB,EAAC,WAAW,EAAC,MAAM,IAAjG,KAAK,CAA+F,CAAA;gBAC1H,CAAC,CAAC;gBACJ,CAAC,CAAC,IAAI,IACJ,CACP,CAAA;AACH,CAAC","sourcesContent":["import { cn } from './utils'\n\nexport type SparklineTone = 'up' | 'down' | 'good' | 'bad' | 'neutral'\n\nexport type SparklineProps = {\n  points: number[]\n  tone?: SparklineTone\n  auto?: boolean\n  goodWhenRising?: boolean\n  dots?: boolean\n  stroke?: string\n  area?: boolean\n  strokeWidth?: number\n  className?: string\n  ariaLabel?: string\n  noTrendLabel?: string\n}\n\nconst TONE_COLOR: Record<SparklineTone, string> = {\n  up: 'var(--color-danger)',\n  down: 'var(--color-success)',\n  good: 'var(--color-success)',\n  bad: 'var(--color-danger)',\n  neutral: 'var(--color-fg-muted)',\n}\n\nexport function Sparkline({\n  points,\n  tone = 'neutral',\n  auto,\n  goodWhenRising = true,\n  dots = false,\n  stroke,\n  area = false,\n  strokeWidth = 1.5,\n  className,\n  ariaLabel,\n  noTrendLabel = 'No trend data',\n}: SparklineProps) {\n  let resolvedTone = tone\n  if (auto && points.length >= 2) {\n    const first = points[0]!\n    const last = points[points.length - 1]!\n    if (last === first) resolvedTone = 'neutral'\n    else if (last > first) resolvedTone = goodWhenRising ? 'good' : 'bad'\n    else resolvedTone = goodWhenRising ? 'bad' : 'good'\n  }\n  const strokeColor = stroke ?? TONE_COLOR[resolvedTone]\n\n  if (points.length < 2) {\n    return (\n      <svg viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\" role=\"img\" aria-label={ariaLabel ?? noTrendLabel} className={cn('block', className)}>\n        <line x1=\"0\" y1=\"16\" x2=\"100\" y2=\"16\" stroke=\"var(--color-border)\" strokeWidth=\"1\" strokeDasharray=\"3,3\" />\n      </svg>\n    )\n  }\n\n  const min = Math.min(...points)\n  const max = Math.max(...points)\n  const range = max - min || 1\n  const minIndex = points.indexOf(min)\n  const maxIndex = points.indexOf(max)\n  const coordinates = points.map((point, index) => {\n    const x = (index / (points.length - 1)) * 100\n    const y = 29 - ((point - min) / range) * 26\n    return [x, y] as const\n  })\n  const path = `M ${coordinates.map(([x, y]) => `${x.toFixed(2)} ${y.toFixed(2)}`).join(' L ')}`\n  const areaPath = `${path} L 100 32 L 0 32 Z`\n  const label = ariaLabel ?? `Trend: ${points.length} points from ${points[0]} to ${points.at(-1)}`\n\n  return (\n    <svg viewBox=\"0 0 100 32\" preserveAspectRatio=\"none\" role=\"img\" aria-label={label} className={cn('block overflow-visible', className)}>\n      {area ? <path d={areaPath} fill={`color-mix(in oklab, ${strokeColor} 12%, transparent)`} stroke=\"none\" /> : null}\n      <path d={path} fill=\"none\" stroke={strokeColor} strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" vectorEffect=\"non-scaling-stroke\" />\n      {dots\n        ? [minIndex, maxIndex].filter((index, position, all) => all.indexOf(index) === position).map((index) => {\n            const [x, y] = coordinates[index]!\n            return <circle key={index} cx={x} cy={y} r=\"1.75\" fill={strokeColor} stroke=\"var(--color-surface)\" strokeWidth=\"0.75\" />\n          })\n        : null}\n    </svg>\n  )\n}\n"]}

package/spinner.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export type SpinnerProps = React.SVGAttributes<SVGSVGElement> & {
+    size?: number;
+    label?: string;
+};
+/**
+ * Spinner — a token-colored, reduced-motion-aware loading indicator. Uses
+ * currentColor so it inherits the surrounding text color by default.
+ */
+export declare function Spinner({ size, label, className, ...props }: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

package/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAqB1F"}

package/spinner.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+/**
+ * Spinner — a token-colored, reduced-motion-aware loading indicator. Uses
+ * currentColor so it inherits the surrounding text color by default.
+ */
+export function Spinner({ size = 16, label = 'Loading', className, ...props }) {
+    return (_jsxs("svg", { role: "status", "aria-label": label, width: size, height: size, viewBox: "0 0 24 24", fill: "none", className: cn('animate-spin text-fg-muted motion-reduce:animate-none', className), ...props, children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeOpacity: "0.2", strokeWidth: "3" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" })] }));
+}
+//# sourceMappingURL=spinner.js.map

package/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../src/spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAO5B;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB;IACzF,OAAO,CACL,eACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,EAAE,CAAC,uDAAuD,EAAE,SAAS,CAAC,KAC7E,KAAK,aAET,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,GAAG,EAC1F,eACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,GACrB,IACE,CACP,CAAA;AACH,CAAC","sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\n\nexport type SpinnerProps = React.SVGAttributes<SVGSVGElement> & {\n  size?: number\n  label?: string\n}\n\n/**\n * Spinner — a token-colored, reduced-motion-aware loading indicator. Uses\n * currentColor so it inherits the surrounding text color by default.\n */\nexport function Spinner({ size = 16, label = 'Loading', className, ...props }: SpinnerProps) {\n  return (\n    <svg\n      role=\"status\"\n      aria-label={label}\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      className={cn('animate-spin text-fg-muted motion-reduce:animate-none', className)}\n      {...props}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeOpacity=\"0.2\" strokeWidth=\"3\" />\n      <path\n        d=\"M21 12a9 9 0 0 0-9-9\"\n        stroke=\"currentColor\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n}\n"]}

package/styles.css

@@ -0,0 +1,166 @@
+/* @braedonsaunders/appkit-ui styles — pull in the token foundation so an app can get the full
+ * system with a single import:
+ *     @import '@braedonsaunders/appkit-ui/styles.css';
+ * (which transitively imports Tailwind v4 + @braedonsaunders/appkit-tokens). */
+@import '@braedonsaunders/appkit-tokens/tokens.css';
+
+/* Browser-native route handoff. Apps opt in by placing their changing page
+   boundary in React's ViewTransition with class `appkit-page-transition`.
+   The shell stays live and fixed; only the page canvas is snapshotted.
+
+   The choreography is a lift-and-settle crossfade: the outgoing canvas clears
+   quickly while the incoming one rises the last few pixels into place on the
+   decelerating token easing. Exit is deliberately shorter than entrance so the
+   two snapshots overlap only briefly — long enough to read as a crossfade,
+   short enough that text never ghosts against itself. */
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation: none;
+  mix-blend-mode: normal;
+}
+
+::view-transition-group(.appkit-page-transition) {
+  animation-duration: var(--duration-slow);
+  animation-timing-function: var(--ease-out);
+}
+
+::view-transition-image-pair(.appkit-page-transition) {
+  isolation: isolate;
+}
+
+::view-transition-old(.appkit-page-transition) {
+  animation: appkit-page-out var(--duration-fast) var(--ease-in-out) both;
+  mix-blend-mode: normal;
+}
+
+::view-transition-new(.appkit-page-transition) {
+  animation: appkit-page-in var(--duration-slow) var(--ease-out) both;
+  mix-blend-mode: normal;
+}
+
+@keyframes appkit-page-out {
+  from {
+    opacity: 1;
+    translate: 0 0;
+    scale: 1;
+  }
+  to {
+    opacity: 0;
+    translate: 0 -4px;
+    scale: 0.995;
+  }
+}
+
+@keyframes appkit-page-in {
+  from {
+    opacity: 0;
+    translate: 0 12px;
+    scale: 0.99;
+  }
+  to {
+    opacity: 1;
+    translate: 0 0;
+    scale: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ::view-transition-old(*),
+  ::view-transition-new(*),
+  ::view-transition-group(*) {
+    animation-duration: 0.001ms !important;
+    animation-delay: 0ms !important;
+  }
+}
+
+/* OrgChart connectors. The hierarchy is plain nested lists; the elbows between
+   a card and its reports are borders on pseudo-elements, so the whole chart
+   renders identically on the server and needs no measurement pass. Geometry:
+   the children list reserves `--appkit-org-drop` above each card, the sibling
+   rail sits halfway up that gap, and stems close the two halves. */
+.appkit-org-canvas {
+  --appkit-org-drop: 2.5rem;
+  --appkit-org-gap: 1.25rem;
+  width: max-content;
+  min-width: 100%;
+}
+
+.appkit-org-children {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  gap: var(--appkit-org-gap);
+  margin: 0;
+  padding: var(--appkit-org-drop) 0 0;
+  list-style: none;
+}
+
+/* Stem down out of the parent card to the sibling rail. */
+.appkit-org-children::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  height: calc(var(--appkit-org-drop) / 2);
+  border-left: 1px solid var(--color-border-strong);
+}
+
+.appkit-org-item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  list-style: none;
+}
+
+/* The two halves of the rail joining this card to its siblings. */
+.appkit-org-item::before,
+.appkit-org-item::after {
+  content: '';
+  position: absolute;
+  top: calc(var(--appkit-org-drop) / -2);
+  width: 50%;
+  border-top: 1px solid var(--color-border-strong);
+}
+
+.appkit-org-item::before {
+  right: 50%;
+}
+
+.appkit-org-item::after {
+  left: 50%;
+}
+
+.appkit-org-item:first-child::before,
+.appkit-org-item:last-child::after {
+  border-top: 0;
+}
+
+/* Stem from the rail down into this card. */
+.appkit-org-stem {
+  position: absolute;
+  top: calc(var(--appkit-org-drop) / -2);
+  left: 50%;
+  height: calc(var(--appkit-org-drop) / 2);
+  border-left: 1px solid var(--color-border-strong);
+}
+
+/* Top level: no parent above it, so no rail and no stems. */
+.appkit-org-roots {
+  padding-top: 0;
+  gap: calc(var(--appkit-org-gap) * 2);
+  align-items: flex-start;
+}
+
+.appkit-org-roots::before,
+.appkit-org-item--root::before,
+.appkit-org-item--root::after {
+  content: none;
+}
+
+/* Ensure Tailwind scans the primitives for class usage even when the app's own
+ * content globs don't reach into node_modules. */
+/* The package is built with its JS files at the publish root, while this file
+   lives beside them. Scanning the current directory works both in the source
+   tree and in the packed artifact. */
+@source './';

package/subtab-nav.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface SubtabItem {
+    key: string;
+    label: React.ReactNode;
+    count?: number;
+    disabled?: boolean;
+}
+export interface SubtabNavProps {
+    tabs: SubtabItem[];
+    active: string;
+    onSelect?: (key: string) => void;
+    ariaLabel?: string;
+    className?: string;
+}
+/** Source detail/drawer subtab bar, tokenized and reusable across page shells. */
+export declare function SubtabNav({ tabs, active, onSelect, ariaLabel, className, }: SubtabNavProps): React.JSX.Element;
+//# sourceMappingURL=subtab-nav.d.ts.map

package/subtab-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtab-nav.d.ts","sourceRoot":"","sources":["../src/subtab-nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAsB,EACtB,SAAS,GACV,EAAE,cAAc,qBAmBhB"}

package/subtab-nav.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+/** Source detail/drawer subtab bar, tokenized and reusable across page shells. */
+export function SubtabNav({ tabs, active, onSelect, ariaLabel = 'Sections', className, }) {
+    return _jsx("nav", { role: "tablist", className: cn('-mb-px flex gap-1 overflow-x-auto', className), "aria-label": ariaLabel, children: tabs.map((tab) => _jsxs("button", { type: "button", role: "tab", "aria-selected": active === tab.key, disabled: tab.disabled, onClick: () => onSelect?.(tab.key), className: cn('flex shrink-0 items-center gap-2 border-b-2 px-3 py-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40', active === tab.key
+                ? 'border-primary text-primary'
+                : 'border-transparent text-fg-muted hover:border-border-strong hover:text-fg'), children: [tab.label, typeof tab.count === 'number' ? _jsx("span", { className: "rounded-full bg-bg-subtle px-1.5 text-[11px] text-fg-muted", children: tab.count }) : null] }, tab.key)) });
+}
+//# sourceMappingURL=subtab-nav.js.map

package/subtab-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtab-nav.js","sourceRoot":"","sources":["../src/subtab-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAiB5B,kFAAkF;AAClF,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,SAAS,GACM;IACf,OAAO,cACL,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,gBACjD,SAAS,YACrB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,kBAElB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,KAAK,GAAG,CAAC,GAAG,EACjC,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAClC,SAAS,EAAE,EAAE,CACX,6IAA6I,EAC7I,MAAM,KAAK,GAAG,CAAC,GAAG;gBAChB,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,2EAA2E,CAChF,aACD,GAAG,CAAC,KAAK,EAAE,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,4DAA4D,YAAE,GAAG,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,KAZ5I,GAAG,CAAC,GAAG,CAY+I,CAAC,GAAO,CAAA;AACvK,CAAC","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from './utils'\n\nexport interface SubtabItem {\n  key: string\n  label: React.ReactNode\n  count?: number\n  disabled?: boolean\n}\n\nexport interface SubtabNavProps {\n  tabs: SubtabItem[]\n  active: string\n  onSelect?: (key: string) => void\n  ariaLabel?: string\n  className?: string\n}\n\n/** Source detail/drawer subtab bar, tokenized and reusable across page shells. */\nexport function SubtabNav({\n  tabs,\n  active,\n  onSelect,\n  ariaLabel = 'Sections',\n  className,\n}: SubtabNavProps) {\n  return <nav\n    role=\"tablist\"\n    className={cn('-mb-px flex gap-1 overflow-x-auto', className)}\n    aria-label={ariaLabel}\n  >{tabs.map((tab) => <button\n    key={tab.key}\n    type=\"button\"\n    role=\"tab\"\n    aria-selected={active === tab.key}\n    disabled={tab.disabled}\n    onClick={() => onSelect?.(tab.key)}\n    className={cn(\n      'flex shrink-0 items-center gap-2 border-b-2 px-3 py-3 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40',\n      active === tab.key\n        ? 'border-primary text-primary'\n        : 'border-transparent text-fg-muted hover:border-border-strong hover:text-fg',\n    )}\n  >{tab.label}{typeof tab.count === 'number' ? <span className=\"rounded-full bg-bg-subtle px-1.5 text-[11px] text-fg-muted\">{tab.count}</span> : null}</button>)}</nav>\n}\n"]}

package/switch.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export type SwitchProps = React.InputHTMLAttributes<HTMLInputElement>;
+/**
+ * Switch — an accessible checkbox styled as a toggle. Pure CSS (peer), so it's
+ * server-renderable and works controlled or uncontrolled. The knob stays light
+ * in both themes by convention.
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=switch.d.ts.map

package/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAErE;;;;GAIG;AACH,eAAO,MAAM,MAAM,sFAclB,CAAA"}

package/switch.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+/**
+ * Switch — an accessible checkbox styled as a toggle. Pure CSS (peer), so it's
+ * server-renderable and works controlled or uncontrolled. The knob stays light
+ * in both themes by convention.
+ */
+export const Switch = React.forwardRef(({ className, disabled, ...props }, ref) => (_jsxs("label", { className: cn('relative inline-flex h-6 w-11 shrink-0 items-center', disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer', className), children: [_jsx("input", { ref: ref, type: "checkbox", role: "switch", className: "peer sr-only", disabled: disabled, ...props }), _jsx("span", { className: "absolute inset-0 rounded-full bg-border-strong transition-colors duration-200 peer-checked:bg-primary peer-focus-visible:ring-2 peer-focus-visible:ring-ring/50 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg" }), _jsx("span", { className: "pointer-events-none absolute left-0.5 size-5 rounded-full bg-white shadow-sm transition-transform duration-200 ease-out peer-checked:translate-x-5 motion-reduce:transition-none" })] })));
+Switch.displayName = 'Switch';
+//# sourceMappingURL=switch.js.map

package/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,iBACE,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB,EAC7D,SAAS,CACV,aAED,gBAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,EACzG,eAAM,SAAS,EAAC,oOAAoO,GAAG,EACvP,eAAM,SAAS,EAAC,kLAAkL,GAAG,IAC/L,CACT,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\n\nexport type SwitchProps = React.InputHTMLAttributes<HTMLInputElement>\n\n/**\n * Switch — an accessible checkbox styled as a toggle. Pure CSS (peer), so it's\n * server-renderable and works controlled or uncontrolled. The knob stays light\n * in both themes by convention.\n */\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  ({ className, disabled, ...props }, ref) => (\n    <label\n      className={cn(\n        'relative inline-flex h-6 w-11 shrink-0 items-center',\n        disabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',\n        className,\n      )}\n    >\n      <input ref={ref} type=\"checkbox\" role=\"switch\" className=\"peer sr-only\" disabled={disabled} {...props} />\n      <span className=\"absolute inset-0 rounded-full bg-border-strong transition-colors duration-200 peer-checked:bg-primary peer-focus-visible:ring-2 peer-focus-visible:ring-ring/50 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-bg\" />\n      <span className=\"pointer-events-none absolute left-0.5 size-5 rounded-full bg-white shadow-sm transition-transform duration-200 ease-out peer-checked:translate-x-5 motion-reduce:transition-none\" />\n    </label>\n  ),\n)\nSwitch.displayName = 'Switch'\n"]}

package/tab-content.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+/**
+ * Wraps tab-panel content so swapping between tabs crossfades the outgoing
+ * panel out and the incoming panel in. The `tabKey` prop is the
+ * discriminator — when it changes, AnimatePresence runs the exit/enter
+ * choreography.
+ *
+ * Usage (inside a detail page that already renders the active tab body
+ * based on URL state):
+ *
+ *   <TabContent tabKey={active}>
+ *     {active === 'overview' ? <OverviewPanel/> : null}
+ *     {active === 'history'  ? <HistoryPanel/>  : null}
+ *   </TabContent>
+ *
+ * Reduced-motion users get an instant swap.
+ */
+export declare function TabContent({ tabKey, children, className, duration, }: {
+    tabKey: string;
+    children: React.ReactNode;
+    className?: string;
+    duration?: number;
+}): React.JSX.Element;
+//# sourceMappingURL=tab-content.d.ts.map

package/tab-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.d.ts","sourceRoot":"","sources":["../src/tab-content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAe,GAChB,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,qBAgBA"}

package/tab-content.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { AnimatePresence, motion, useReducedMotion } from 'framer-motion';
+import { cn } from './utils.js';
+/**
+ * Wraps tab-panel content so swapping between tabs crossfades the outgoing
+ * panel out and the incoming panel in. The `tabKey` prop is the
+ * discriminator — when it changes, AnimatePresence runs the exit/enter
+ * choreography.
+ *
+ * Usage (inside a detail page that already renders the active tab body
+ * based on URL state):
+ *
+ *   <TabContent tabKey={active}>
+ *     {active === 'overview' ? <OverviewPanel/> : null}
+ *     {active === 'history'  ? <HistoryPanel/>  : null}
+ *   </TabContent>
+ *
+ * Reduced-motion users get an instant swap.
+ */
+export function TabContent({ tabKey, children, className, duration = 0.18, }) {
+    const reduce = useReducedMotion();
+    return (_jsx(AnimatePresence, { mode: "wait", initial: false, children: _jsx(motion.div, { initial: reduce ? false : { opacity: 0, y: 4 }, animate: { opacity: 1, y: 0 }, exit: reduce ? { opacity: 1 } : { opacity: 0, y: -2 }, transition: { duration, ease: [0.22, 0.61, 0.36, 1] }, className: cn(className), children: children }, tabKey) }));
+}
+//# sourceMappingURL=tab-content.js.map

package/tab-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.js","sourceRoot":"","sources":["../src/tab-content.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAE5B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,IAAI,GAMhB;IACC,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;IACjC,OAAO,CACL,KAAC,eAAe,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,KAAK,YACzC,KAAC,MAAM,CAAC,GAAG,IAET,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC9C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EACrD,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EACrD,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAEvB,QAAQ,IAPJ,MAAM,CAQA,GACG,CACnB,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { AnimatePresence, motion, useReducedMotion } from 'framer-motion'\nimport { cn } from './utils'\n\n/**\n * Wraps tab-panel content so swapping between tabs crossfades the outgoing\n * panel out and the incoming panel in. The `tabKey` prop is the\n * discriminator — when it changes, AnimatePresence runs the exit/enter\n * choreography.\n *\n * Usage (inside a detail page that already renders the active tab body\n * based on URL state):\n *\n *   <TabContent tabKey={active}>\n *     {active === 'overview' ? <OverviewPanel/> : null}\n *     {active === 'history'  ? <HistoryPanel/>  : null}\n *   </TabContent>\n *\n * Reduced-motion users get an instant swap.\n */\nexport function TabContent({\n  tabKey,\n  children,\n  className,\n  duration = 0.18,\n}: {\n  tabKey: string\n  children: React.ReactNode\n  className?: string\n  duration?: number\n}) {\n  const reduce = useReducedMotion()\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <motion.div\n        key={tabKey}\n        initial={reduce ? false : { opacity: 0, y: 4 }}\n        animate={{ opacity: 1, y: 0 }}\n        exit={reduce ? { opacity: 1 } : { opacity: 0, y: -2 }}\n        transition={{ duration, ease: [0.22, 0.61, 0.36, 1] }}\n        className={cn(className)}\n      >\n        {children}\n      </motion.div>\n    </AnimatePresence>\n  )\n}\n\n"]}

package/table.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & {
+    /**
+     * Classes for the table's scrolling surface. Use this to remove the default
+     * card treatment when the table already lives inside a bordered workspace.
+     */
+    containerClassName?: string;
+};
+export declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
+    /**
+     * Classes for the table's scrolling surface. Use this to remove the default
+     * card treatment when the table already lives inside a bordered workspace.
+     */
+    containerClassName?: string;
+} & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {
+    /** Disable the staggered entrance (e.g. header rows). */
+    noAnimate?: boolean;
+};
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & {
+    /** Disable the staggered entrance (e.g. header rows). */
+    noAnimate?: boolean;
+} & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=table.d.ts.map

package/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG;IAChE;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,KAAK;IAPhB;;;OAGG;yBACkB,MAAM;0CAc5B,CAAA;AAGD,eAAO,MAAM,WAAW,+HAYtB,CAAA;AAGF,eAAO,MAAM,SAAS,+HAKpB,CAAA;AAGF,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG;IACtE,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,QAAQ;IAJnB,yDAAyD;gBAC7C,OAAO;6CAkBpB,CAAA;AAGD,eAAO,MAAM,SAAS,2HAYpB,CAAA;AAGF,eAAO,MAAM,SAAS,2HAKpB,CAAA"}

package/table.js

@@ -0,0 +1,21 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+export const Table = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx("div", { className: cn('w-full overflow-x-auto rounded-lg border border-border bg-surface shadow-sm', containerClassName), children: _jsx("table", { ref: ref, className: cn('w-full caption-bottom text-sm', className), ...props }) })));
+Table.displayName = 'Table';
+export const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn('sticky top-0 z-10 bg-bg-subtle/95 backdrop-blur-sm [&_tr]:border-b [&_tr]:border-border', className), ...props })));
+TableHeader.displayName = 'TableHeader';
+export const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn('[&_tr:last-child]:border-0', className), ...props })));
+TableBody.displayName = 'TableBody';
+export const TableRow = React.forwardRef(({ className, noAnimate, ...props }, ref) => (
+// Staggered entrance is pure CSS (`.appkit-row` + nth-child delay in
+// tokens.css) — no JS index, so it's StrictMode- and hydration-safe, and
+// visible-by-default (@starting-style) so it never strands in a hidden tab.
+_jsx("tr", { ref: ref, className: cn('border-b border-border-subtle transition-colors duration-150 hover:bg-surface-hover data-[state=selected]:bg-bg-subtle', !noAnimate && 'appkit-row', className), ...props })));
+TableRow.displayName = 'TableRow';
+export const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn('h-10 px-3 text-left align-middle text-xs font-medium tracking-wide text-fg-muted uppercase', className), ...props })));
+TableHead.displayName = 'TableHead';
+export const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn('px-3 py-3 align-middle', className), ...props })));
+TableCell.displayName = 'TableCell';
+//# sourceMappingURL=table.js.map

package/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAU5B,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpD,cACE,SAAS,EAAE,EAAE,CACX,6EAA6E,EAC7E,kBAAkB,CACnB,YAED,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,GACrF,CACP,CACF,CAAA;AACD,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACvF,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAOnC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;AAC3C,qEAAqE;AACrE,yEAAyE;AACzE,4EAA4E;AAC5E,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,wHAAwH,EACxH,CAAC,SAAS,IAAI,YAAY,EAC1B,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4FAA4F,EAC5F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAChF,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn } from './utils'\n\nexport type TableProps = React.HTMLAttributes<HTMLTableElement> & {\n  /**\n   * Classes for the table's scrolling surface. Use this to remove the default\n   * card treatment when the table already lives inside a bordered workspace.\n   */\n  containerClassName?: string\n}\n\nexport const Table = React.forwardRef<HTMLTableElement, TableProps>(\n  ({ className, containerClassName, ...props }, ref) => (\n    <div\n      className={cn(\n        'w-full overflow-x-auto rounded-lg border border-border bg-surface shadow-sm',\n        containerClassName,\n      )}\n    >\n      <table ref={ref} className={cn('w-full caption-bottom text-sm', className)} {...props} />\n    </div>\n  ),\n)\nTable.displayName = 'Table'\n\nexport const TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn(\n      'sticky top-0 z-10 bg-bg-subtle/95 backdrop-blur-sm [&_tr]:border-b [&_tr]:border-border',\n      className,\n    )}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\nexport const TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tbody ref={ref} className={cn('[&_tr:last-child]:border-0', className)} {...props} />\n))\nTableBody.displayName = 'TableBody'\n\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & {\n  /** Disable the staggered entrance (e.g. header rows). */\n  noAnimate?: boolean\n}\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, noAnimate, ...props }, ref) => (\n    // Staggered entrance is pure CSS (`.appkit-row` + nth-child delay in\n    // tokens.css) — no JS index, so it's StrictMode- and hydration-safe, and\n    // visible-by-default (@starting-style) so it never strands in a hidden tab.\n    <tr\n      ref={ref}\n      className={cn(\n        'border-b border-border-subtle transition-colors duration-150 hover:bg-surface-hover data-[state=selected]:bg-bg-subtle',\n        !noAnimate && 'appkit-row',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nTableRow.displayName = 'TableRow'\n\nexport const TableHead = React.forwardRef<\n  HTMLTableCellElement,\n  React.ThHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <th\n    ref={ref}\n    className={cn(\n      'h-10 px-3 text-left align-middle text-xs font-medium tracking-wide text-fg-muted uppercase',\n      className,\n    )}\n    {...props}\n  />\n))\nTableHead.displayName = 'TableHead'\n\nexport const TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td ref={ref} className={cn('px-3 py-3 align-middle', className)} {...props} />\n))\nTableCell.displayName = 'TableCell'\n"]}

package/tabs.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export type TabItem = {
+    value: string;
+    label: React.ReactNode;
+};
+export type TabsProps = {
+    tabs: TabItem[];
+    value: string;
+    onValueChange: (value: string) => void;
+    className?: string;
+};
+/**
+ * Tabs — a segmented control with a spring-animated active indicator that
+ * slides between options (framer `layoutId`). Reduced-motion falls back to an
+ * instant swap.
+ */
+export declare function Tabs({ tabs, value, onValueChange, className }: TabsProps): React.JSX.Element;
+//# sourceMappingURL=tabs.d.ts.map

package/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAA;AAE/D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,SAAS,qBAmCxE"}

package/tabs.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { motion } from 'framer-motion';
+import { cn } from './utils.js';
+/**
+ * Tabs — a segmented control with a spring-animated active indicator that
+ * slides between options (framer `layoutId`). Reduced-motion falls back to an
+ * instant swap.
+ */
+export function Tabs({ tabs, value, onValueChange, className }) {
+    const id = React.useId();
+    return (_jsx("div", { role: "tablist", className: cn('inline-flex gap-1 rounded-lg border border-border bg-bg-subtle p-1', className), children: tabs.map((tab) => {
+            const active = tab.value === value;
+            return (_jsxs("button", { type: "button", role: "tab", "aria-selected": active, onClick: () => onValueChange(tab.value), className: cn('relative rounded-md px-3 py-1.5 text-sm font-medium transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50', active ? 'text-fg' : 'text-fg-muted hover:text-fg'), children: [active ? (_jsx(motion.span, { layoutId: `appkit-tab-${id}`, className: "absolute inset-0 rounded-md bg-surface shadow-sm", transition: { type: 'spring', damping: 30, stiffness: 400 } })) : null, _jsx("span", { className: "relative z-10", children: tab.label })] }, tab.value));
+        }) }));
+}
+//# sourceMappingURL=tabs.js.map

package/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAW5B;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa;IACvE,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,OAAO,CACL,cACE,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,oEAAoE,EAAE,SAAS,CAAC,YAE7F,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YAChB,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAA;YAClC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,EACvC,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,4EAA4E,EAC5E,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,6BAA6B,CACnD,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,MAAM,CAAC,IAAI,IACV,QAAQ,EAAE,cAAc,EAAE,EAAE,EAC5B,SAAS,EAAC,kDAAkD,EAC5D,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAC3D,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAM,SAAS,EAAC,eAAe,YAAE,GAAG,CAAC,KAAK,GAAQ,KAlB7C,GAAG,CAAC,KAAK,CAmBP,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { cn } from './utils'\n\nexport type TabItem = { value: string; label: React.ReactNode }\n\nexport type TabsProps = {\n  tabs: TabItem[]\n  value: string\n  onValueChange: (value: string) => void\n  className?: string\n}\n\n/**\n * Tabs — a segmented control with a spring-animated active indicator that\n * slides between options (framer `layoutId`). Reduced-motion falls back to an\n * instant swap.\n */\nexport function Tabs({ tabs, value, onValueChange, className }: TabsProps) {\n  const id = React.useId()\n  return (\n    <div\n      role=\"tablist\"\n      className={cn('inline-flex gap-1 rounded-lg border border-border bg-bg-subtle p-1', className)}\n    >\n      {tabs.map((tab) => {\n        const active = tab.value === value\n        return (\n          <button\n            key={tab.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onValueChange(tab.value)}\n            className={cn(\n              'relative rounded-md px-3 py-1.5 text-sm font-medium transition-colors',\n              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/50',\n              active ? 'text-fg' : 'text-fg-muted hover:text-fg',\n            )}\n          >\n            {active ? (\n              <motion.span\n                layoutId={`appkit-tab-${id}`}\n                className=\"absolute inset-0 rounded-md bg-surface shadow-sm\"\n                transition={{ type: 'spring', damping: 30, stiffness: 400 }}\n              />\n            ) : null}\n            <span className=\"relative z-10\">{tab.label}</span>\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n"]}

package/text-context.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type UiTextTranslator = (value: string, values?: Readonly<Record<string, unknown>>) => string;
+/** Injects the host application's exact-copy translator into framework-agnostic UI primitives. */
+export declare function UiTextProvider({ translate, children, }: {
+    translate: UiTextTranslator;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useUiText(): UiTextTranslator;
+//# sourceMappingURL=text-context.d.ts.map

package/text-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-context.d.ts","sourceRoot":"","sources":["../src/text-context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjE,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,MAAM,CAAA;AAIpG,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB,+BAEA;AAED,wBAAgB,SAAS,IAAI,gBAAgB,CAE5C"}

package/text-context.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const UiTextContext = createContext((value) => value);
+/** Injects the host application's exact-copy translator into framework-agnostic UI primitives. */
+export function UiTextProvider({ translate, children, }) {
+    return _jsx(UiTextContext.Provider, { value: translate, children: children });
+}
+export function useUiText() {
+    return useContext(UiTextContext);
+}
+//# sourceMappingURL=text-context.js.map

package/text-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-context.js","sourceRoot":"","sources":["../src/text-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAA;AAIjE,MAAM,aAAa,GAAG,aAAa,CAAmB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,CAAA;AAEvE,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,GAIT;IACC,OAAO,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAA0B,CAAA;AACtF,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,aAAa,CAAC,CAAA;AAClC,CAAC","sourcesContent":["'use client'\n\nimport { createContext, useContext, type ReactNode } from 'react'\n\nexport type UiTextTranslator = (value: string, values?: Readonly<Record<string, unknown>>) => string\n\nconst UiTextContext = createContext<UiTextTranslator>((value) => value)\n\n/** Injects the host application's exact-copy translator into framework-agnostic UI primitives. */\nexport function UiTextProvider({\n  translate,\n  children,\n}: {\n  translate: UiTextTranslator\n  children: ReactNode\n}) {\n  return <UiTextContext.Provider value={translate}>{children}</UiTextContext.Provider>\n}\n\nexport function useUiText(): UiTextTranslator {\n  return useContext(UiTextContext)\n}\n\n"]}

package/textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAA;AAE7E,eAAO,MAAM,QAAQ,2FAepB,CAAA"}

package/textarea.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from './utils.js';
+export const Textarea = React.forwardRef(({ className, ...props }, ref) => (_jsx("textarea", { ref: ref, className: cn('flex min-h-20 w-full rounded-md border border-border bg-surface px-3 py-2 text-base text-fg placeholder:text-fg-subtle sm:text-sm', 'transition-shadow duration-150 ease-out', 'focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40', 'disabled:cursor-not-allowed disabled:bg-bg-subtle disabled:opacity-50', 'aria-[invalid=true]:border-danger aria-[invalid=true]:focus-visible:ring-danger/30', className), ...props })));
+Textarea.displayName = 'Textarea';
+//# sourceMappingURL=textarea.js.map

package/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../src/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAI5B,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mIAAmI,EACnI,yCAAyC,EACzC,yGAAyG,EACzG,uEAAuE,EACvE,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK,GACT,CACH,CACF,CAAA;AACD,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA","sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>\n\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      className={cn(\n        'flex min-h-20 w-full rounded-md border border-border bg-surface px-3 py-2 text-base text-fg placeholder:text-fg-subtle sm:text-sm',\n        'transition-shadow duration-150 ease-out',\n        'focus-visible:border-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40',\n        'disabled:cursor-not-allowed disabled:bg-bg-subtle disabled:opacity-50',\n        'aria-[invalid=true]:border-danger aria-[invalid=true]:focus-visible:ring-danger/30',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nTextarea.displayName = 'Textarea'\n"]}

package/theme-script.d.ts

@@ -0,0 +1,3 @@
+/** Script body for a framework's pre-hydration script facility (for example next/script). */
+export declare function getThemeScript(storageKey?: string): string;
+//# sourceMappingURL=theme-script.d.ts.map

package/theme-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../src/theme-script.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,wBAAgB,cAAc,CAAC,UAAU,SAAU,GAAG,MAAM,CAG3D"}

package/theme-script.js

@@ -0,0 +1,6 @@
+/** Script body for a framework's pre-hydration script facility (for example next/script). */
+export function getThemeScript(storageKey = 'theme') {
+    const key = JSON.stringify(storageKey).replaceAll('<', '\\u003c');
+    return `(function(){try{var t=localStorage.getItem(${key});var d=document.documentElement;d.classList.toggle('dark',t==='dark');d.classList.toggle('light',t==='light')}catch(_){}})()`;
+}
+//# sourceMappingURL=theme-script.js.map

package/theme-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.js","sourceRoot":"","sources":["../src/theme-script.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,MAAM,UAAU,cAAc,CAAC,UAAU,GAAG,OAAO;IACjD,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;IACjE,OAAO,8CAA8C,GAAG,+HAA+H,CAAA;AACzL,CAAC","sourcesContent":["/** Script body for a framework's pre-hydration script facility (for example next/script). */\nexport function getThemeScript(storageKey = 'theme'): string {\n  const key = JSON.stringify(storageKey).replaceAll('<', '\\\\u003c')\n  return `(function(){try{var t=localStorage.getItem(${key});var d=document.documentElement;d.classList.toggle('dark',t==='dark');d.classList.toggle('light',t==='light')}catch(_){}})()`\n}\n"]}