@elabs-ai/components-ui 4.1.0 → 5.0.0

package/dist/chunk-ZNFHDBUW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/token-spotlight/token-spotlight.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { formatColorAsOklch, formatLengthAsPx } from \"./token-value-format\";\nimport \"./token-spotlight.css\";\n\n/** One chip: a semantic token plus its display label. */\nexport interface TokenSpotlightToken {\n  /** The CSS custom property name, including its leading `--` (e.g. `--primary`). */\n  token: string;\n  /** Display label for the chip — supply your own to localize. */\n  label: string;\n}\n\nexport interface TokenSpotlightLabels {\n  /** Accessible name of the chip row (`role=\"group\"`). */\n  row: string;\n  /** sr-only text appended to each chip's accessible name, describing what hovering does. */\n  hint: string;\n}\n\nexport const DEFAULT_TOKEN_SPOTLIGHT_LABELS: TokenSpotlightLabels = {\n  row: \"Design tokens\",\n  hint: \"Highlights every element on this page that uses this token.\",\n};\n\n/** Hard cap on elements a single scan pass examines (wave-4 ruling 26). */\nexport const TOKEN_SPOTLIGHT_SCAN_LIMIT = 2000;\n/** Elements examined per idle slice before yielding back to the browser. */\nconst SCAN_CHUNK_SIZE = 150;\n/** `data-token-consumer` marks written per idle slice, so the restyle + outline paint they cause\n * is spread over several frames instead of landing in one long task (#583). */\nconst MARK_CHUNK_SIZE = 40;\n\nconst BORDER_SIDES = [\"Top\", \"Right\", \"Bottom\", \"Left\"] as const;\n/** SVG elements that paint their own `fill`/`stroke`; containers (`svg`, `g`) only pass it on. */\nconst SVG_PAINTING_ELEMENTS = new Set([\n  \"circle\",\n  \"ellipse\",\n  \"line\",\n  \"path\",\n  \"polygon\",\n  \"polyline\",\n  \"rect\",\n  \"text\",\n  \"textPath\",\n  \"tspan\",\n]);\n\n/** True when `el` has a direct, non-whitespace text node — i.e. it paints glyphs in its own\n * `color`, rather than merely inheriting a `color` it never uses. */\nfunction hasOwnText(el: Element): boolean {\n  for (const node of Array.from(el.childNodes)) {\n    if (node.nodeType === 3 && node.nodeValue?.trim()) return true;\n  }\n  return false;\n}\n\n/**\n * The element that visibly CONSUMES `matchValue`, or `null` (#583). Only real paint counts:\n * - `background-color` on the element itself;\n * - a border side's colour only where that side's width is > 0 (the base layer gives every element\n *   `border-color: var(--border)` at width 0 — that is not a consumer);\n * - `color` only on an element with its own non-empty text node (inherited `color` is not use);\n * - `fill`/`stroke` only on SVG shapes and text that paint (`stroke` needs a width > 0), reported\n *   as their owning `<svg>` so an icon or chart is one outline, not one per path.\n */\nfunction consumerOf(el: Element, style: CSSStyleDeclaration, matchValue: string): Element | null {\n  if (el instanceof SVGElement) {\n    if (!SVG_PAINTING_ELEMENTS.has(el.localName)) return null;\n    const paints =\n      style.fill === matchValue ||\n      (style.stroke === matchValue && parseFloat(style.strokeWidth) > 0);\n    return paints ? (el.ownerSVGElement ?? el) : null;\n  }\n  if (style.backgroundColor === matchValue) return el;\n  for (const side of BORDER_SIDES) {\n    if (style[`border${side}Color`] === matchValue && parseFloat(style[`border${side}Width`]) > 0) {\n      return el;\n    }\n  }\n  if (style.color === matchValue && hasOwnText(el)) return el;\n  return null;\n}\n\ntype IdleDeadline = { timeRemaining: () => number; didTimeout: boolean };\n\n/** `requestIdleCallback` where it exists; a same-shaped `setTimeout` fallback otherwise (Safari). */\nfunction scheduleIdle(callback: (deadline: IdleDeadline) => void): () => void {\n  const w = window as Window & {\n    requestIdleCallback?: (cb: (d: IdleDeadline) => void, opts?: { timeout: number }) => number;\n    cancelIdleCallback?: (handle: number) => void;\n  };\n  if (typeof w.requestIdleCallback === \"function\") {\n    const handle = w.requestIdleCallback(callback, { timeout: 100 });\n    return () => w.cancelIdleCallback?.(handle);\n  }\n  const handle = window.setTimeout(\n    () => callback({ timeRemaining: () => 50, didTimeout: true }),\n    0,\n  );\n  return () => window.clearTimeout(handle);\n}\n\n/**\n * Resolves `token`'s CURRENT value the same way the browser will compare it: an off-screen probe\n * element takes `background-color: var(token)`, so whatever colour-space normalisation the\n * browser applies happens identically for the probe and for every candidate element below —\n * string equality holds regardless of how a theme authored the value (oklch, rgb, …).\n */\nexport function resolveTokenMatchValue(token: string, doc: Document = document): string {\n  const probe = doc.createElement(\"span\");\n  probe.style.cssText =\n    \"position:fixed;inset:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none;\" +\n    `background-color:var(${token});`;\n  doc.body.appendChild(probe);\n  const value = getComputedStyle(probe).backgroundColor;\n  doc.body.removeChild(probe);\n  return value;\n}\n\nconst supportsCss = (property: string, value: string): boolean =>\n  typeof CSS !== \"undefined\" && typeof CSS.supports === \"function\" && CSS.supports(property, value);\n\n/** `property: var(token)` on an off-screen probe inside `host`, read back as the browser's\n * computed value — so `calc()`, `rem`, named colours and `color-mix()` arrive resolved. Lengths go\n * through `letter-spacing`: an absolute computed length (negatives allowed) that, unlike `width`,\n * is never quantised to layout units (`1.6px`, not `1.59375px`). */\nfunction probeComputed(host: Element, property: \"color\" | \"letter-spacing\", token: string): string {\n  const doc = host.ownerDocument;\n  const probe = doc.createElement(\"span\");\n  probe.style.cssText =\n    \"position:fixed;inset:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none;\" +\n    `${property}:var(${token});`;\n  host.appendChild(probe);\n  const value = getComputedStyle(probe).getPropertyValue(property);\n  host.removeChild(probe);\n  return value;\n}\n\n/**\n * What a chip shows a person for `token` on `root` (#585): a colour as a rounded `oklch(L C H)`\n * — never the `lab()` a CSS build may have transpiled it to — and a length as resolved px, never\n * a raw `calc()`. Anything else (a font stack, a shadow) is shown as authored. `\"\"` when there is\n * no `document` yet (SSR — the component fills it in after mount).\n */\nexport function resolveTokenDisplayValue(token: string, root?: HTMLElement): string {\n  const target = root ?? (typeof document === \"undefined\" ? undefined : document.documentElement);\n  if (!target) return \"\";\n  const raw = getComputedStyle(target).getPropertyValue(token).trim();\n  if (!raw) return \"\";\n  const direct = formatColorAsOklch(raw);\n  if (direct) return direct;\n  // The probe must inherit `root`'s custom properties: `<html>` itself cannot host it visibly.\n  const host = target === target.ownerDocument.documentElement ? target.ownerDocument.body : target;\n  if (supportsCss(\"color\", raw)) {\n    return formatColorAsOklch(probeComputed(host, \"color\", token)) ?? raw;\n  }\n  if (supportsCss(\"width\", raw)) {\n    return formatLengthAsPx(probeComputed(host, \"letter-spacing\", token)) ?? raw;\n  }\n  return raw;\n}\n\nconst isEmptyMatchValue = (value: string) =>\n  value === \"\" || value === \"rgba(0, 0, 0, 0)\" || value === \"transparent\";\n\n/**\n * Scans `root` in idle-time chunks for elements that visibly paint `matchValue` (from\n * {@link resolveTokenMatchValue}) — a background, a border side with width, their own text, or an\n * SVG shape's fill/stroke (reported as its `<svg>`) — capped at `limit` elements EXAMINED. Never a\n * long task, never inline styles (callers add/remove a `data-token-consumer` attribute instead).\n * Returns a canceller for effect cleanup.\n */\nexport function scanForConsumers(\n  root: ParentNode,\n  matchValue: string,\n  limit: number,\n  onDone: (elements: HTMLElement[]) => void,\n): () => void {\n  if (isEmptyMatchValue(matchValue)) {\n    onDone([]);\n    return () => {};\n  }\n  const candidates = Array.from(root.querySelectorAll(\"*\")).slice(0, limit);\n  const found = new Set<Element>();\n  let index = 0;\n  let cancelled = false;\n  let cancelIdle = () => {};\n\n  const step = (deadline: IdleDeadline) => {\n    if (cancelled) return;\n    let examinedInSlice = 0;\n    while (\n      index < candidates.length &&\n      examinedInSlice < SCAN_CHUNK_SIZE &&\n      (deadline.timeRemaining() > 0 || deadline.didTimeout)\n    ) {\n      const el = candidates[index++];\n      examinedInSlice++;\n      if (!(el instanceof HTMLElement) && !(el instanceof SVGElement)) continue;\n      const consumer = consumerOf(el, getComputedStyle(el), matchValue);\n      if (consumer) found.add(consumer);\n    }\n    if (index < candidates.length) {\n      cancelIdle = scheduleIdle(step);\n    } else {\n      // An SVG consumer is its `<svg>` root — typed `HTMLElement[]` as before for compatibility.\n      onDone(Array.from(found) as HTMLElement[]);\n    }\n  };\n  cancelIdle = scheduleIdle(step);\n  return () => {\n    cancelled = true;\n    cancelIdle();\n  };\n}\n\n/**\n * Writes `data-token-consumer=\"<name>\"` onto `elements` in idle slices of {@link MARK_CHUNK_SIZE},\n * pushing each marked element onto `written` as it goes so the caller can always clear exactly\n * what landed — even mid-way. Returns a canceller that stops further slices (#583).\n */\nfunction writeMarksInSlices(elements: Element[], name: string, written: Element[]): () => void {\n  let index = 0;\n  let cancelled = false;\n  let cancelIdle = () => {};\n  const step = () => {\n    if (cancelled) return;\n    const end = Math.min(index + MARK_CHUNK_SIZE, elements.length);\n    for (const el of elements.slice(index, end)) {\n      el.setAttribute(\"data-token-consumer\", name);\n      written.push(el);\n    }\n    index = end;\n    if (index < elements.length) cancelIdle = scheduleIdle(step);\n  };\n  if (elements.length > 0) cancelIdle = scheduleIdle(step);\n  return () => {\n    cancelled = true;\n    cancelIdle();\n  };\n}\n\n/** Tracks one attribute of `document.documentElement`, so a change re-renders. */\nfunction useRootAttribute(name: \"data-theme\" | \"data-decoration\"): string {\n  const [value, setValue] = React.useState<string>(() =>\n    typeof document === \"undefined\" ? \"\" : (document.documentElement.getAttribute(name) ?? \"\"),\n  );\n  React.useEffect(() => {\n    if (typeof MutationObserver === \"undefined\") return;\n    const root = document.documentElement;\n    const observer = new MutationObserver(() => {\n      setValue(root.getAttribute(name) ?? \"\");\n    });\n    observer.observe(root, { attributes: true, attributeFilter: [name] });\n    return () => observer.disconnect();\n  }, [name]);\n  return value;\n}\n\nexport interface TokenSpotlightProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  /** Chips to render, in order. */\n  tokens: readonly TokenSpotlightToken[];\n  /** Fires with the token on hover/focus, and `null` when the spotlight clears. */\n  onSpotlight?: (token: string | null) => void;\n  /** Upper bound on elements a scan pass examines. Default {@link TOKEN_SPOTLIGHT_SCAN_LIMIT}. */\n  scanLimit?: number;\n  labels?: Partial<TokenSpotlightLabels>;\n}\n\n/**\n * A row of token chips (concept §4.5, §5a \"Scroll choreography 5\"): hovering or focusing one sets\n * `data-token-spotlight` on `<html>` and marks every element on the page that resolves to the\n * same colour with `data-token-consumer` (never an inline style), so a stylesheet can draw the\n * highlight. `onSpotlight` lets the host tint an `AmbientField` to match. Each chip shows the\n * token's own resolved value, re-read on every theme change.\n */\nexport const TokenSpotlight = React.forwardRef<HTMLDivElement, TokenSpotlightProps>(\n  function TokenSpotlight(\n    {\n      tokens,\n      onSpotlight,\n      scanLimit = TOKEN_SPOTLIGHT_SCAN_LIMIT,\n      labels: labelsProp,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n    const labels = { ...DEFAULT_TOKEN_SPOTLIGHT_LABELS, ...labelsProp };\n    const theme = useRootAttribute(\"data-theme\");\n    const decoration = useRootAttribute(\"data-decoration\");\n    const [active, setActive] = React.useState<string | null>(null);\n    const consumersRef = React.useRef<Element[]>([]);\n    // Read once after mount and again on every theme or decoration switch (a decoration-scaled\n    // token like `--radius` changes with `data-decoration`, #585) — never during SSR/hydration,\n    // so the server and the first client render agree (both start from `{}`).\n    const [displayValues, setDisplayValues] = React.useState<Record<string, string>>({});\n    React.useEffect(() => {\n      const next: Record<string, string> = {};\n      for (const { token } of tokens) next[token] = resolveTokenDisplayValue(token);\n      setDisplayValues(next);\n    }, [theme, decoration, tokens]);\n\n    const clearConsumers = React.useCallback(() => {\n      for (const el of consumersRef.current) el.removeAttribute(\"data-token-consumer\");\n      consumersRef.current = [];\n    }, []);\n\n    React.useEffect(() => {\n      const root = document.documentElement;\n      if (!active) {\n        delete root.dataset.tokenSpotlight;\n        clearConsumers();\n        onSpotlight?.(null);\n        return;\n      }\n      const bareToken = active.replace(/^--/, \"\");\n      root.dataset.tokenSpotlight = bareToken;\n      onSpotlight?.(active);\n      const matchValue = resolveTokenMatchValue(active);\n      let cancelMarks = () => {};\n      const cancelScan = scanForConsumers(document.body, matchValue, scanLimit, (elements) => {\n        clearConsumers();\n        cancelMarks = writeMarksInSlices(elements, bareToken, consumersRef.current);\n      });\n      return () => {\n        cancelScan();\n        cancelMarks();\n        clearConsumers();\n        delete root.dataset.tokenSpotlight;\n      };\n      // `theme` re-runs the scan on a theme switch (Acceptance: \"re-scans consumers\"); `onSpotlight`\n      // and `clearConsumers` are stable identities the caller/`useCallback` control.\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- see comment above\n    }, [active, theme, scanLimit]);\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={labels.row}\n        data-slot=\"token-spotlight\"\n        className={cn(\"flex flex-wrap items-center gap-2\", className)}\n        {...props}\n      >\n        {tokens.map(({ token, label }) => (\n          <button\n            key={token}\n            type=\"button\"\n            data-slot=\"token-spotlight-chip\"\n            data-active={active === token ? \"\" : undefined}\n            className={cn(\n              \"focus-ring inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-meta font-medium\",\n              \"bg-card text-foreground transition-colors\",\n              active === token ? \"border-ring\" : \"border-border-strong\",\n            )}\n            onMouseEnter={() => setActive(token)}\n            onMouseLeave={() => setActive((current) => (current === token ? null : current))}\n            onFocus={() => setActive(token)}\n            onBlur={() => setActive((current) => (current === token ? null : current))}\n          >\n            <span aria-hidden=\"true\" className=\"font-mono text-code\">\n              {token}\n            </span>\n            <span className=\"text-muted-foreground\">{displayValues[token] || \"—\"}</span>\n            <span className=\"sr-only\">{` — ${label}. ${labels.hint}`}</span>\n          </button>\n        ))}\n      </div>\n    );\n  },\n);\nTokenSpotlight.displayName = \"TokenSpotlight\";\n"],"mappings":"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","names":["handle","TokenSpotlight"]}

package/dist/chunk-ZXBUOHCR.js

@@ -0,0 +1,111 @@
+"use client";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/breadcrumb/breadcrumb.tsx
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Breadcrumb = forwardRef(
+  function Breadcrumb2(props, ref) {
+    const { t } = useLocale();
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": t("ui.breadcrumb.label"), ...props });
+  }
+);
+var BreadcrumbList = forwardRef(
+  function BreadcrumbList2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn(
+          "flex flex-wrap items-center gap-1.5 break-words text-body text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+var BreadcrumbItem = forwardRef(
+  function BreadcrumbItem2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props });
+  }
+);
+var BreadcrumbLink = forwardRef(function BreadcrumbLink2({ className, asChild, ...props }, ref) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "rounded-sm transition-colors duration-fast hover:text-foreground focus-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+var BreadcrumbPage = forwardRef(
+  function BreadcrumbPage2({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("font-medium text-foreground", className),
+        ...props
+      }
+    );
+  }
+);
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("more") })
+      ]
+    }
+  );
+}
+function BreadcrumbItems({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+  BreadcrumbItems
+};
+//# sourceMappingURL=chunk-ZXBUOHCR.js.map

package/dist/chunk-ZXBUOHCR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { useLocale } from \"../locale-provider\";\n\nexport const Breadcrumb = forwardRef<HTMLElement, ComponentProps<\"nav\">>(\n  function Breadcrumb(props, ref) {\n    const { t } = useLocale();\n    return <nav ref={ref} aria-label={t(\"ui.breadcrumb.label\")} {...props} />;\n  },\n);\nexport const BreadcrumbList = forwardRef<HTMLOListElement, ComponentProps<\"ol\">>(\n  function BreadcrumbList({ className, ...props }, ref) {\n    return (\n      <ol\n        ref={ref}\n        className={cn(\n          \"flex flex-wrap items-center gap-1.5 break-words text-body text-muted-foreground\",\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nexport const BreadcrumbItem = forwardRef<HTMLLIElement, ComponentProps<\"li\">>(\n  function BreadcrumbItem({ className, ...props }, ref) {\n    return (\n      <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n    );\n  },\n);\nexport const BreadcrumbLink = forwardRef<\n  HTMLAnchorElement,\n  ComponentProps<\"a\"> & { asChild?: boolean }\n>(function BreadcrumbLink({ className, asChild, ...props }, ref) {\n  const Comp = asChild ? Slot : \"a\";\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"rounded-sm transition-colors duration-fast hover:text-foreground focus-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nexport const BreadcrumbPage = forwardRef<HTMLSpanElement, ComponentProps<\"span\">>(\n  function BreadcrumbPage({ className, ...props }, ref) {\n    return (\n      <span\n        ref={ref}\n        role=\"link\"\n        aria-disabled=\"true\"\n        aria-current=\"page\"\n        className={cn(\"font-medium text-foreground\", className)}\n        {...props}\n      />\n    );\n  },\n);\nexport function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<\"li\">) {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\nexport function BreadcrumbEllipsis({ className, ...props }: ComponentProps<\"span\">) {\n  const { t } = useLocale();\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">{t(\"more\")}</span>\n    </span>\n  );\n}\nexport function BreadcrumbItems({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n"],"mappings":";;;;;;;;;AAEA,SAAS,kBAAuD;AAChE,SAAS,YAAY;AACrB,SAAS,cAAc,sBAAsB;AAOlC,SAiFF,UAjFE,KAqEP,YArEO;AAHJ,IAAM,aAAa;AAAA,EACxB,SAASA,YAAW,OAAO,KAAK;AAC9B,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,WAAO,oBAAC,SAAI,KAAU,cAAY,EAAE,qBAAqB,GAAI,GAAG,OAAO;AAAA,EACzE;AACF;AACO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACO,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO;AAAA,EAE3F;AACF;AACO,IAAM,iBAAiB,WAG5B,SAASC,gBAAe,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,KAAK;AAC/D,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACM,IAAM,iBAAiB;AAAA,EAC5B,SAASC,gBAAe,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,iBAAc;AAAA,QACd,gBAAa;AAAA,QACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,QACrD,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACO,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAyB;AAC3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,gBAAa;AAAA;AAAA,EAC7B;AAEJ;AACO,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA2B;AAClF,QAAM,EAAE,EAAE,IAAI,UAAU;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,kBAAe,WAAU,UAAS;AAAA,QACnC,oBAAC,UAAK,WAAU,WAAW,YAAE,MAAM,GAAE;AAAA;AAAA;AAAA,EACvC;AAEJ;AACO,SAAS,gBAAgB,EAAE,SAAS,GAA4B;AACrE,SAAO,gCAAG,UAAS;AACrB;","names":["Breadcrumb","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbPage"]}

package/dist/chunk-ZXVPEQM5.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-ZXVPEQM5.js.map

package/dist/chunk-ZXVPEQM5.js.map

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

package/dist/components/accordion/accordion.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../chunk-NRSSSVWB.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

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

package/dist/components/accordion/index.js

@@ -0,0 +1,17 @@
+"use client";
+import "../../chunk-6DHG7JVP.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "../../chunk-NRSSSVWB.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/advanced-group/advanced-group.js

@@ -0,0 +1,18 @@
+"use client";
+"use client";
+import {
+  AdvancedGroup
+} from "../../chunk-533R5EKD.js";
+import "../../chunk-XYFEQHEM.js";
+import "../../chunk-B5QQLMEE.js";
+import "../../chunk-I6O6ACCH.js";
+import "../../chunk-ECCNRCC4.js";
+import "../../chunk-6ROQKB4U.js";
+import "../../chunk-EJQYE4MY.js";
+import "../../chunk-6TJVJPNU.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AdvancedGroup
+};
+//# sourceMappingURL=advanced-group.js.map

package/dist/components/advanced-group/advanced-group.js.map

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

package/dist/components/advanced-group/index.js

@@ -0,0 +1,18 @@
+"use client";
+import "../../chunk-HHVULJGX.js";
+import {
+  AdvancedGroup
+} from "../../chunk-533R5EKD.js";
+import "../../chunk-XYFEQHEM.js";
+import "../../chunk-B5QQLMEE.js";
+import "../../chunk-I6O6ACCH.js";
+import "../../chunk-ECCNRCC4.js";
+import "../../chunk-6ROQKB4U.js";
+import "../../chunk-EJQYE4MY.js";
+import "../../chunk-6TJVJPNU.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AdvancedGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/components/advanced-group/index.js.map

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

package/dist/components/alert/alert.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+} from "../../chunk-IZJOZJDL.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

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

package/dist/components/alert/index.js

@@ -0,0 +1,17 @@
+"use client";
+import "../../chunk-C2AQEEFB.js";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+} from "../../chunk-IZJOZJDL.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,30 @@
+"use client";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "../../chunk-EKY3A5LO.js";
+import "../../chunk-UANAVLMS.js";
+import "../../chunk-VA2OONPE.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog/alert-dialog.js.map

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

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,31 @@
+"use client";
+import "../../chunk-RHXVQZOW.js";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+} from "../../chunk-EKY3A5LO.js";
+import "../../chunk-UANAVLMS.js";
+import "../../chunk-VA2OONPE.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/alert-dialog/index.js.map

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

package/dist/components/ambient-field/ambient-field.css

@@ -0,0 +1,59 @@
+/* src/components/ambient-field/ambient-field.css */
+@property --ambient-lead { syntax: "<color>"; inherits: true; initial-value: transparent; }
+@layer base {
+  [data-slot=ambient-field] {
+    --ambient-lead: var(--ambient-a, transparent);
+    transition: --ambient-lead var(--t-base) var(--ease-standard);
+  }
+  [data-slot=ambient-field][data-ambient-tint] {
+    --ambient-lead: var(--ambient-tint, var(--ambient-a, transparent));
+  }
+  [data-slot=ambient-field]::before {
+    content: "";
+    position: absolute;
+    inset: -40px;
+    pointer-events: none;
+    background-image:
+      radial-gradient(
+        at 18% 22%,
+        color-mix(in oklab, var(--ambient-lead) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 55%),
+      radial-gradient(
+        at 82% 18%,
+        color-mix(in oklab, var(--ambient-b, transparent) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 50%),
+      radial-gradient(
+        at 55% 88%,
+        color-mix(in oklab, var(--ambient-c, transparent) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 55%);
+    filter: blur(48px);
+    -webkit-mask-image: var(--deco-fade-edges);
+    mask-image: var(--deco-fade-edges);
+  }
+  [data-slot=ambient-field][data-drift]::before {
+    will-change: transform;
+    animation: brand-ui-ambient-drift calc(20s / max(var(--motion-factor), 0.01)) linear infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :root:not([data-motion-pref=full]) [data-slot=ambient-field][data-drift]::before {
+      animation-play-state: paused;
+      will-change: auto;
+    }
+  }
+  [data-motion-pref=reduced] [data-slot=ambient-field][data-drift]::before {
+    animation-play-state: paused;
+    will-change: auto;
+  }
+  @keyframes brand-ui-ambient-drift {
+    0%, 100% {
+      transform: translate3d(0, 0, 0);
+    }
+    33% {
+      transform: translate3d(28px, -16px, 0);
+    }
+    66% {
+      transform: translate3d(-20px, 24px, 0);
+    }
+  }
+}
+/*# sourceMappingURL=ambient-field.css.map */

package/dist/components/ambient-field/ambient-field.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ambient-field/ambient-field.css"],"sourcesContent":["/*\n * AmbientField — a soft radial mesh of two or three token colours behind a page or region.\n * Decoration policy (packages/tokens/src/decoration.css): the mesh paints on a masked `::before`\n * LAYER, never on the host (a mask on the host would fade its children), and never inside a\n * control. Colours are token references passed in by the component (`--ambient-a|b|c`), mixed\n * to `--ambient-alpha` (clamped ≤ 0.18 in the component) — no literal colour lives here.\n *\n * Motion gate: the drift is a transform loop whose duration is divided by `--motion-factor`, and\n * it is paused whenever the gate is at its floor — the same two selectors the tokens use for\n * `--motion-factor` itself (OS reduce unless the reader chose \"full\", or an explicit \"reduced\").\n */\n\n/* Registered so the tint crossfades: an unregistered custom property cannot interpolate. */\n@property --ambient-lead {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@layer base {\n  [data-slot=\"ambient-field\"] {\n    --ambient-lead: var(--ambient-a, transparent);\n    transition: --ambient-lead var(--t-base) var(--ease-standard);\n  }\n\n  /* Tint API: `data-ambient-tint=\"<token>\"` + `--ambient-tint` shift the first stop. */\n  [data-slot=\"ambient-field\"][data-ambient-tint] {\n    --ambient-lead: var(--ambient-tint, var(--ambient-a, transparent));\n  }\n\n  [data-slot=\"ambient-field\"]::before {\n    content: \"\";\n    position: absolute;\n    /* Headroom for the drift so the layer's edge never enters the host. */\n    inset: -40px;\n    pointer-events: none;\n    background-image:\n      radial-gradient(\n        at 18% 22%,\n        color-mix(in oklab, var(--ambient-lead) calc(var(--ambient-alpha) * 100%), transparent) 0,\n        transparent 55%\n      ),\n      radial-gradient(\n        at 82% 18%,\n        color-mix(\n            in oklab,\n            var(--ambient-b, transparent) calc(var(--ambient-alpha) * 100%),\n            transparent\n          )\n          0,\n        transparent 50%\n      ),\n      radial-gradient(\n        at 55% 88%,\n        color-mix(\n            in oklab,\n            var(--ambient-c, transparent) calc(var(--ambient-alpha) * 100%),\n            transparent\n          )\n          0,\n        transparent 55%\n      );\n    filter: blur(48px);\n    -webkit-mask-image: var(--deco-fade-edges);\n    mask-image: var(--deco-fade-edges);\n  }\n\n  [data-slot=\"ambient-field\"][data-drift]::before {\n    will-change: transform;\n    animation: brand-ui-ambient-drift calc(20s / max(var(--motion-factor), 0.01)) linear infinite;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :root:not([data-motion-pref=\"full\"]) [data-slot=\"ambient-field\"][data-drift]::before {\n      animation-play-state: paused;\n      will-change: auto;\n    }\n  }\n\n  [data-motion-pref=\"reduced\"] [data-slot=\"ambient-field\"][data-drift]::before {\n    animation-play-state: paused;\n    will-change: auto;\n  }\n\n  /* ≤ 40px from rest on either axis; starts and ends at rest so the loop has no seam. */\n  @keyframes brand-ui-ambient-drift {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0);\n    }\n    33% {\n      transform: translate3d(28px, -16px, 0);\n    }\n    66% {\n      transform: translate3d(-20px, 24px, 0);\n    }\n  }\n}\n"],"mappings":";AAaA,UAAU,eAAe,EACvB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,WAAW;AAG5B;AACE,GAAC;AACC,oBAAgB,IAAI,WAAW,EAAE;AACjC,gBAAY,eAAe,IAAI,UAAU,IAAI;AAC/C;AAGA,GAAC,wBAA0B,CAAC;AAC1B,oBAAgB,IAAI,cAAc,EAAE,IAAI,WAAW,EAAE;AACvD;AAEA,GAAC,wBAA0B;AACzB,aAAS;AACT,cAAU;AAEV,WAAO;AACP,oBAAgB;AAChB;AAAA,MACE;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UAAU,GAAG,KAAK,EAAE,IAAI,gBAAgB,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC;AAAA,QACzF,YAAY,IACb;AAAA,MACD;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UACI,GAAG,KAAK,EACR,IAAI,WAAW,EAAE,aAAa,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAC/D,aAEF,CAAC;AAAA,QACH,YAAY,IACb;AAAA,MACD;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UACI,GAAG,KAAK,EACR,IAAI,WAAW,EAAE,aAAa,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAC/D,aAEF,CAAC;AAAA,QACH,YAAY;AAEhB,YAAQ,KAAK;AACb,wBAAoB,IAAI;AACxB,gBAAY,IAAI;AAClB;AAEA,GAAC,wBAA0B,CAAC,WAAW;AACrC,iBAAa;AACb,eAAW,uBAAuB,KAAK,IAAI,EAAE,IAAI,IAAI,gBAAgB,EAAE,OAAO,OAAO;AACvF;AAEA,UAAO,wBAAyB;AAC9B,SAAK,KAAK,CAAC,wBAA0B,CAAC,wBAA0B,CAAC,WAAW;AAC1E,4BAAsB;AACtB,mBAAa;AACf;AACF;AAEA,GAAC,0BAA4B,CAAC,wBAA0B,CAAC,WAAW;AAClE,0BAAsB;AACtB,iBAAa;AACf;AAGA,aAhBa;AAiBX;AAEE,iBAAW,YAAY,CAAC,EAAE,CAAC,EAAE;AAC/B;AACA;AACE,iBAAW,YAAY,IAAI,EAAE,KAAK,EAAE;AACtC;AACA;AACE,iBAAW,YAAY,KAAK,EAAE,IAAI,EAAE;AACtC;AACF;AACF;","names":[]}

package/dist/components/ambient-field/ambient-field.js

@@ -0,0 +1,15 @@
+"use client";
+import "./ambient-field.css";
+import {
+  AMBIENT_DEFAULT_STOPS,
+  AMBIENT_MAX_ALPHA,
+  AmbientField
+} from "../../chunk-2HXVFC4B.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AMBIENT_DEFAULT_STOPS,
+  AMBIENT_MAX_ALPHA,
+  AmbientField
+};
+//# sourceMappingURL=ambient-field.js.map

package/dist/components/ambient-field/ambient-field.js.map

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

package/dist/components/ambient-field/index.css

@@ -0,0 +1,59 @@
+/* src/components/ambient-field/ambient-field.css */
+@property --ambient-lead { syntax: "<color>"; inherits: true; initial-value: transparent; }
+@layer base {
+  [data-slot=ambient-field] {
+    --ambient-lead: var(--ambient-a, transparent);
+    transition: --ambient-lead var(--t-base) var(--ease-standard);
+  }
+  [data-slot=ambient-field][data-ambient-tint] {
+    --ambient-lead: var(--ambient-tint, var(--ambient-a, transparent));
+  }
+  [data-slot=ambient-field]::before {
+    content: "";
+    position: absolute;
+    inset: -40px;
+    pointer-events: none;
+    background-image:
+      radial-gradient(
+        at 18% 22%,
+        color-mix(in oklab, var(--ambient-lead) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 55%),
+      radial-gradient(
+        at 82% 18%,
+        color-mix(in oklab, var(--ambient-b, transparent) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 50%),
+      radial-gradient(
+        at 55% 88%,
+        color-mix(in oklab, var(--ambient-c, transparent) calc(var(--ambient-alpha) * 100%), transparent) 0,
+        transparent 55%);
+    filter: blur(48px);
+    -webkit-mask-image: var(--deco-fade-edges);
+    mask-image: var(--deco-fade-edges);
+  }
+  [data-slot=ambient-field][data-drift]::before {
+    will-change: transform;
+    animation: brand-ui-ambient-drift calc(20s / max(var(--motion-factor), 0.01)) linear infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    :root:not([data-motion-pref=full]) [data-slot=ambient-field][data-drift]::before {
+      animation-play-state: paused;
+      will-change: auto;
+    }
+  }
+  [data-motion-pref=reduced] [data-slot=ambient-field][data-drift]::before {
+    animation-play-state: paused;
+    will-change: auto;
+  }
+  @keyframes brand-ui-ambient-drift {
+    0%, 100% {
+      transform: translate3d(0, 0, 0);
+    }
+    33% {
+      transform: translate3d(28px, -16px, 0);
+    }
+    66% {
+      transform: translate3d(-20px, 24px, 0);
+    }
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/ambient-field/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ambient-field/ambient-field.css"],"sourcesContent":["/*\n * AmbientField — a soft radial mesh of two or three token colours behind a page or region.\n * Decoration policy (packages/tokens/src/decoration.css): the mesh paints on a masked `::before`\n * LAYER, never on the host (a mask on the host would fade its children), and never inside a\n * control. Colours are token references passed in by the component (`--ambient-a|b|c`), mixed\n * to `--ambient-alpha` (clamped ≤ 0.18 in the component) — no literal colour lives here.\n *\n * Motion gate: the drift is a transform loop whose duration is divided by `--motion-factor`, and\n * it is paused whenever the gate is at its floor — the same two selectors the tokens use for\n * `--motion-factor` itself (OS reduce unless the reader chose \"full\", or an explicit \"reduced\").\n */\n\n/* Registered so the tint crossfades: an unregistered custom property cannot interpolate. */\n@property --ambient-lead {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: transparent;\n}\n\n@layer base {\n  [data-slot=\"ambient-field\"] {\n    --ambient-lead: var(--ambient-a, transparent);\n    transition: --ambient-lead var(--t-base) var(--ease-standard);\n  }\n\n  /* Tint API: `data-ambient-tint=\"<token>\"` + `--ambient-tint` shift the first stop. */\n  [data-slot=\"ambient-field\"][data-ambient-tint] {\n    --ambient-lead: var(--ambient-tint, var(--ambient-a, transparent));\n  }\n\n  [data-slot=\"ambient-field\"]::before {\n    content: \"\";\n    position: absolute;\n    /* Headroom for the drift so the layer's edge never enters the host. */\n    inset: -40px;\n    pointer-events: none;\n    background-image:\n      radial-gradient(\n        at 18% 22%,\n        color-mix(in oklab, var(--ambient-lead) calc(var(--ambient-alpha) * 100%), transparent) 0,\n        transparent 55%\n      ),\n      radial-gradient(\n        at 82% 18%,\n        color-mix(\n            in oklab,\n            var(--ambient-b, transparent) calc(var(--ambient-alpha) * 100%),\n            transparent\n          )\n          0,\n        transparent 50%\n      ),\n      radial-gradient(\n        at 55% 88%,\n        color-mix(\n            in oklab,\n            var(--ambient-c, transparent) calc(var(--ambient-alpha) * 100%),\n            transparent\n          )\n          0,\n        transparent 55%\n      );\n    filter: blur(48px);\n    -webkit-mask-image: var(--deco-fade-edges);\n    mask-image: var(--deco-fade-edges);\n  }\n\n  [data-slot=\"ambient-field\"][data-drift]::before {\n    will-change: transform;\n    animation: brand-ui-ambient-drift calc(20s / max(var(--motion-factor), 0.01)) linear infinite;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :root:not([data-motion-pref=\"full\"]) [data-slot=\"ambient-field\"][data-drift]::before {\n      animation-play-state: paused;\n      will-change: auto;\n    }\n  }\n\n  [data-motion-pref=\"reduced\"] [data-slot=\"ambient-field\"][data-drift]::before {\n    animation-play-state: paused;\n    will-change: auto;\n  }\n\n  /* ≤ 40px from rest on either axis; starts and ends at rest so the loop has no seam. */\n  @keyframes brand-ui-ambient-drift {\n    0%,\n    100% {\n      transform: translate3d(0, 0, 0);\n    }\n    33% {\n      transform: translate3d(28px, -16px, 0);\n    }\n    66% {\n      transform: translate3d(-20px, 24px, 0);\n    }\n  }\n}\n"],"mappings":";AAaA,UAAU,eAAe,EACvB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,IAAI,EACd,aAAa,EAAE,WAAW;AAG5B;AACE,GAAC;AACC,oBAAgB,IAAI,WAAW,EAAE;AACjC,gBAAY,eAAe,IAAI,UAAU,IAAI;AAC/C;AAGA,GAAC,wBAA0B,CAAC;AAC1B,oBAAgB,IAAI,cAAc,EAAE,IAAI,WAAW,EAAE;AACvD;AAEA,GAAC,wBAA0B;AACzB,aAAS;AACT,cAAU;AAEV,WAAO;AACP,oBAAgB;AAChB;AAAA,MACE;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UAAU,GAAG,KAAK,EAAE,IAAI,gBAAgB,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC;AAAA,QACzF,YAAY,IACb;AAAA,MACD;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UACI,GAAG,KAAK,EACR,IAAI,WAAW,EAAE,aAAa,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAC/D,aAEF,CAAC;AAAA,QACH,YAAY,IACb;AAAA,MACD;AAAA,QACE,GAAG,IAAI,GAAG;AAAA,QACV,UACI,GAAG,KAAK,EACR,IAAI,WAAW,EAAE,aAAa,KAAK,IAAI,iBAAiB,EAAE,KAAK,EAC/D,aAEF,CAAC;AAAA,QACH,YAAY;AAEhB,YAAQ,KAAK;AACb,wBAAoB,IAAI;AACxB,gBAAY,IAAI;AAClB;AAEA,GAAC,wBAA0B,CAAC,WAAW;AACrC,iBAAa;AACb,eAAW,uBAAuB,KAAK,IAAI,EAAE,IAAI,IAAI,gBAAgB,EAAE,OAAO,OAAO;AACvF;AAEA,UAAO,wBAAyB;AAC9B,SAAK,KAAK,CAAC,wBAA0B,CAAC,wBAA0B,CAAC,WAAW;AAC1E,4BAAsB;AACtB,mBAAa;AACf;AACF;AAEA,GAAC,0BAA4B,CAAC,wBAA0B,CAAC,WAAW;AAClE,0BAAsB;AACtB,iBAAa;AACf;AAGA,aAhBa;AAiBX;AAEE,iBAAW,YAAY,CAAC,EAAE,CAAC,EAAE;AAC/B;AACA;AACE,iBAAW,YAAY,IAAI,EAAE,KAAK,EAAE;AACtC;AACA;AACE,iBAAW,YAAY,KAAK,EAAE,IAAI,EAAE;AACtC;AACF;AACF;","names":[]}

package/dist/components/ambient-field/index.js

@@ -0,0 +1,16 @@
+"use client";
+import "./index.css";
+import "../../chunk-CDE74W6O.js";
+import {
+  AMBIENT_DEFAULT_STOPS,
+  AMBIENT_MAX_ALPHA,
+  AmbientField
+} from "../../chunk-2HXVFC4B.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AMBIENT_DEFAULT_STOPS,
+  AMBIENT_MAX_ALPHA,
+  AmbientField
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ambient-field/index.js.map

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

package/dist/components/app-shell/app-shell.js

@@ -0,0 +1,14 @@
+"use client";
+import {
+  AppShell
+} from "../../chunk-NTTSHOOK.js";
+import "../../chunk-UQRYTMR7.js";
+import "../../chunk-5HBMI2DO.js";
+import "../../chunk-6S43VAN7.js";
+import "../../chunk-EL3OXVOW.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AppShell
+};
+//# sourceMappingURL=app-shell.js.map

package/dist/components/app-shell/app-shell.js.map

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

package/dist/components/app-shell/index.js

@@ -0,0 +1,15 @@
+"use client";
+import "../../chunk-K2GLXCTG.js";
+import {
+  AppShell
+} from "../../chunk-NTTSHOOK.js";
+import "../../chunk-UQRYTMR7.js";
+import "../../chunk-5HBMI2DO.js";
+import "../../chunk-6S43VAN7.js";
+import "../../chunk-EL3OXVOW.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AppShell
+};
+//# sourceMappingURL=index.js.map

package/dist/components/app-shell/index.js.map

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

package/dist/components/app-sidebar/app-sidebar.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import {
+  AppSidebar
+} from "../../chunk-7P24I5OL.js";
+import "../../chunk-MPMMU3QI.js";
+import "../../chunk-R3SYH7RG.js";
+import "../../chunk-R5JYMCEA.js";
+import "../../chunk-LMO3QK7Q.js";
+import "../../chunk-ZXVPEQM5.js";
+import "../../chunk-JNWXHPZG.js";
+import "../../chunk-XGXCMA5M.js";
+import "../../chunk-U4LHV5DS.js";
+import "../../chunk-YCFOFNQF.js";
+import "../../chunk-NRNIUM75.js";
+import "../../chunk-YIVL6HWS.js";
+import "../../chunk-JCRBDA66.js";
+import "../../chunk-XAFRTZQF.js";
+import "../../chunk-B23VW24W.js";
+import "../../chunk-XYACSO57.js";
+import "../../chunk-6ROQKB4U.js";
+import "../../chunk-EJQYE4MY.js";
+import "../../chunk-6TJVJPNU.js";
+import "../../chunk-UANAVLMS.js";
+import "../../chunk-VA2OONPE.js";
+import "../../chunk-KBNWM27Q.js";
+import "../../chunk-DCHYNTHI.js";
+export {
+  AppSidebar
+};
+//# sourceMappingURL=app-sidebar.js.map

package/dist/components/app-sidebar/app-sidebar.js.map

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