@devalok/shilp-sutra 0.30.0 → 0.31.0

package/README.md

@@ -1,239 +1,82 @@
-# @devalok/shilp-sutra
-
-Devalok Design System -- tokens, components, and patterns for React & Next.js.
-
-[![npm](https://img.shields.io/npm/v/@devalok/shilp-sutra)](https://www.npmjs.com/package/@devalok/shilp-sutra)
-[![Storybook](https://img.shields.io/badge/Storybook-ff4785?logo=storybook&logoColor=white)](https://devalok-design.github.io/shilp-sutra/)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
-
----
-
-## Quick Setup
-
-### 1. Install
-
-```bash
-pnpm add @devalok/shilp-sutra
-```
-
-### 2. Add Tailwind Preset
-
-```ts
-// tailwind.config.ts
-import shilpSutra from '@devalok/shilp-sutra/tailwind'
-
-export default {
-  presets: [shilpSutra],
-  content: [
-    './app/**/*.{ts,tsx}',
-    './node_modules/@devalok/shilp-sutra/dist/**/*.js',
-  ],
-}
-```
-
-### 3. Import Tokens
-
-```tsx
-// app/layout.tsx (Next.js) or main entry point
-import '@devalok/shilp-sutra/tokens'
-import './globals.css'
-```
-
-Done. Start using components.
-
----
-
-## Import Patterns
-
-### Per-component import (recommended)
-
-Best for tree-shaking, Server Components, and fast builds:
-
-```tsx
-import { Button } from '@devalok/shilp-sutra/ui/button'
-import { Dialog } from '@devalok/shilp-sutra/ui/dialog'
-import { DatePicker } from '@devalok/shilp-sutra/composed/date-picker'
-import { TopBar } from '@devalok/shilp-sutra/shell/top-bar'
-```
-
-### Barrel import
-
-Convenient for client components that use many primitives:
-
-```tsx
-import { Button, Dialog, Input, Badge } from '@devalok/shilp-sutra/ui'
-import { PageHeader, DatePicker } from '@devalok/shilp-sutra/composed'
-import { AppSidebar, TopBar } from '@devalok/shilp-sutra/shell'
-```
-
-### Root import
-
-Shorthand for UI components only:
-
-```tsx
-import { Button, Input } from '@devalok/shilp-sutra'
-```
-
----
-
-## Mental Model
-
-The design system is organized into three tiers:
-
-| Layer | Import | What it contains |
-|-------|--------|------------------|
-| **ui** | `@devalok/shilp-sutra/ui` | 60+ atomic primitives -- buttons, inputs, dialogs, cards, tables, badges, charts, navigation menus |
-| **composed** | `@devalok/shilp-sutra/composed` | 14 multi-component patterns -- date picker, rich text editor, command palette, page header, skeletons |
-| **shell** | `@devalok/shilp-sutra/shell` | 7 app-level layout components -- sidebar, top bar, bottom navbar, notification center, command palette |
-
-Additional exports:
-
-| Import | Contents |
-|--------|----------|
-| `@devalok/shilp-sutra/tokens` | CSS custom properties (primitives, semantic, typography) |
-| `@devalok/shilp-sutra/tailwind` | Tailwind CSS preset with all design tokens |
-| `@devalok/shilp-sutra/hooks` | `useToast`, `useColorMode`, `useIsMobile` |
-| `@devalok/shilp-sutra/fonts/*` | Inter and Ranade variable fonts (WOFF2) |
-
----
-
-## Peer Dependencies
-
-### Required
-
-| Package | Version |
-|---------|---------|
-| `react` | `^18 \|\| ^19` |
-| `react-dom` | `^18 \|\| ^19` |
-
-### Optional
-
-Install only what you use:
-
-| Feature | Packages |
-|---------|----------|
-| Charts (`./ui/charts`) | `d3-array`, `d3-axis`, `d3-format`, `d3-interpolate`, `d3-scale`, `d3-selection`, `d3-shape`, `d3-time-format`, `d3-transition` |
-| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/react`, `@tiptap/starter-kit`, `@tiptap/extension-placeholder` |
-| DataTable (`./ui/data-table`) | `@tanstack/react-table`, `@tanstack/react-virtual` |
-| Icons (various components) | `@tabler/icons-react` |
-| Date components (`./composed/date-picker`) | `date-fns` |
-| OTP Input (`./ui/input-otp`) | `input-otp` |
-| Markdown rendering | `react-markdown` |
-
-Example -- install only charts deps:
-
-```bash
-pnpm add d3-array d3-axis d3-format d3-interpolate d3-scale d3-selection d3-shape d3-time-format d3-transition
-```
-
----
-
-## Server-Safe Components
-
-These components work in React Server Components when imported via their per-component path. They do **not** include `"use client"` directives:
-
-### ui
-
-| Component | Import |
-|-----------|--------|
-| Text | `@devalok/shilp-sutra/ui/text` |
-| Skeleton | `@devalok/shilp-sutra/ui/skeleton` |
-| Spinner | `@devalok/shilp-sutra/ui/spinner` |
-| Stack | `@devalok/shilp-sutra/ui/stack` |
-| Container | `@devalok/shilp-sutra/ui/container` |
-| Table | `@devalok/shilp-sutra/ui/table` |
-| Code | `@devalok/shilp-sutra/ui/code` |
-| VisuallyHidden | `@devalok/shilp-sutra/ui/visually-hidden` |
-
-### composed
-
-| Component | Import |
-|-----------|--------|
-| ContentCard | `@devalok/shilp-sutra/composed/content-card` |
-| EmptyState | `@devalok/shilp-sutra/composed/empty-state` |
-| PageHeader | `@devalok/shilp-sutra/composed/page-header` |
-| LoadingSkeleton | `@devalok/shilp-sutra/composed/loading-skeleton` |
-| PageSkeletons | `@devalok/shilp-sutra/composed/page-skeletons` |
-| PriorityIndicator | `@devalok/shilp-sutra/composed/priority-indicator` |
-| StatusBadge | `@devalok/shilp-sutra/composed/status-badge` |
-
-All other components require client-side React and include `"use client"`.
-
----
-
-## Dark Mode
-
-The design system uses CSS custom properties with a `.dark` class toggle. All semantic tokens have dark mode overrides built in.
-
-### Setup
-
-Add the `.dark` class to your `<html>` or a parent element:
-
-```html
-<html class="dark">
-```
-
-### Next.js with next-themes
-
-```tsx
-// app/layout.tsx
-import { ThemeProvider } from 'next-themes'
-
-export default function RootLayout({ children }) {
-  return (
-    <html suppressHydrationWarning>
-      <body>
-        <ThemeProvider attribute="class" defaultTheme="system">
-          {children}
-        </ThemeProvider>
-      </body>
-    </html>
-  )
-}
-```
-
-### Programmatic toggle
-
-```tsx
-import { useColorMode } from '@devalok/shilp-sutra/hooks'
-
-function ThemeToggle() {
-  const { mode, toggle } = useColorMode()
-  return <button onClick={toggle}>{mode === 'dark' ? 'Light' : 'Dark'}</button>
-}
-```
-
----
-
-## TypeScript
-
-Full TypeScript support works out of the box. No special `tsconfig.json` settings required.
-
-All component props are exported as named types:
-
-```tsx
-import { type ButtonProps } from '@devalok/shilp-sutra/ui/button'
-import { type DatePickerProps } from '@devalok/shilp-sutra/composed/date-picker'
-```
-
----
-
-## Token Architecture
-
-Three-tier CSS custom property system:
-
-1. **Primitives** (`primitives.css`) -- Raw palette values (50-950 scales). Never used directly in components.
-2. **Semantic** (`semantic.css`) -- Intent-based tokens (`--color-interactive`, `--color-text-primary`). Includes dark mode via `.dark` class.
-3. **Typography** (`typography.css`) -- Font-face declarations, type scale (T1-T7, B1-B8, L1-L6, P1-P7).
-
----
-
-## Links
-
-- [Storybook](https://devalok-design.github.io/shilp-sutra/) -- interactive component docs
-- [GitHub](https://github.com/devalok-design/shilp-sutra)
-- [Changelog](https://github.com/devalok-design/shilp-sutra/blob/main/CHANGELOG.md)
-
-## License
-
-MIT -- Copyright 2026 Devalok Design & Strategy Studios
+# @devalok/shilp-sutra
+
+Devalok Design System -- tokens, components, and patterns for React & Next.js.
+
+[![npm](https://img.shields.io/npm/v/@devalok/shilp-sutra)](https://www.npmjs.com/package/@devalok/shilp-sutra)
+[![Storybook](https://img.shields.io/badge/Storybook-ff4785?logo=storybook&logoColor=white)](https://devalok-design.github.io/shilp-sutra/)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+
+For full documentation, setup guides, and architecture details, see the [monorepo README](https://github.com/devalok-design/shilp-sutra#readme).
+
+## Install
+
+```bash
+pnpm add @devalok/shilp-sutra
+```
+
+## Quick Start
+
+```ts
+// tailwind.config.ts
+import shilpSutra from '@devalok/shilp-sutra/tailwind'
+
+export default {
+  presets: [shilpSutra],
+  content: [
+    './app/**/*.{ts,tsx}',
+    './node_modules/@devalok/shilp-sutra/dist/**/*.js',
+  ],
+}
+```
+
+```tsx
+// app/layout.tsx
+import '@devalok/shilp-sutra/tokens'
+```
+
+```tsx
+// Any component
+import { Button } from '@devalok/shilp-sutra/ui/button'
+```
+
+## Peer Dependencies
+
+### Required
+
+| Package | Version |
+|---------|---------|
+| `react` | `^18 \|\| ^19` |
+| `react-dom` | `^18 \|\| ^19` |
+
+### Optional
+
+Install only what you use:
+
+| Feature | Packages |
+|---------|----------|
+| Charts (`./ui/charts`) | `d3-array`, `d3-axis`, `d3-format`, `d3-interpolate`, `d3-scale`, `d3-selection`, `d3-shape`, `d3-time-format`, `d3-transition` |
+| Rich Text Editor (`./composed/rich-text-editor`) | `@tiptap/react`, `@tiptap/starter-kit`, `@tiptap/extension-placeholder` |
+| DataTable (`./ui/data-table`) | `@tanstack/react-table`, `@tanstack/react-virtual` |
+| Icons | `@tabler/icons-react` |
+| Date components (`./composed/date-picker`) | `date-fns` |
+| OTP Input (`./ui/input-otp`) | `input-otp` |
+| Markdown rendering | `react-markdown` |
+
+## Next.js
+
+Add to `next.config.js`:
+
+```js
+transpilePackages: ["@devalok/shilp-sutra", "@devalok/shilp-sutra-brand"]
+```
+
+## Links
+
+- [Storybook](https://devalok-design.github.io/shilp-sutra/) -- interactive component docs
+- [Monorepo README](https://github.com/devalok-design/shilp-sutra#readme) -- full docs, architecture, component list
+- [Changelog](https://github.com/devalok-design/shilp-sutra/blob/main/CHANGELOG.md)
+- [Migration Guide](https://github.com/devalok-design/shilp-sutra/blob/main/docs/MIGRATION.md)
+
+## License
+
+MIT -- Copyright 2026 Devalok Design & Strategy Studios

package/dist/_chunks/badge-group.js

@@ -2,14 +2,14 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import * as S from "react";
 import { cn as b } from "../ui/lib/utils.js";
-import { IconCheck as D, IconX as E } from "@tabler/icons-react";
-import { a as I } from "./vendor-utils.js";
-import { springs as O } from "../ui/lib/motion.js";
-import { S as T } from "./primitives.js";
+import { IconCheck as E, IconX as I } from "@tabler/icons-react";
+import { a as O } from "./vendor-utils.js";
+import { springs as T } from "../ui/lib/motion.js";
+import { S as q } from "./primitives.js";
 import { Icon as C } from "../ui/icon.js";
-import { BadgeIndicator as q } from "../ui/badge-indicator.js";
-import { A as M, m as w } from "./framer.js";
-const X = I(
+import { BadgeIndicator as M } from "../ui/badge-indicator.js";
+import { A as X, m as w } from "./framer.js";
+const _ = O(
   "relative inline-flex items-center rounded-full font-sans font-medium overflow-hidden isolate transition-[color,background-color,border-color,padding] duration-fast-02 ease-productive-standard select-none [&>span:not([data-grain])]:relative [&>span:not([data-grain])]:z-[2]",
   {
     variants: {
@@ -116,12 +116,12 @@ const X = I(
   sm: "[&>svg]:h-3 [&>svg]:w-3",
   md: "[&>svg]:h-3 [&>svg]:w-3",
   lg: "[&>svg]:h-3.5 [&>svg]:w-3.5"
-}, _ = {
+}, $ = {
   xs: "pl-1",
   sm: "pl-1.5",
   md: "pl-2",
   lg: "pl-2.5"
-}, $ = {
+}, F = {
   xs: "pr-0.5",
   sm: "pr-1",
   md: "pr-1",
@@ -141,12 +141,13 @@ const X = I(
     selected: l,
     disabled: u,
     maxWidth: N,
-    circle: A,
+    truncate: A,
+    circle: j,
     children: i,
-    style: j,
+    style: G,
     ...h
-  }, G) => {
-    const d = v ?? "subtle", k = f ?? "default", g = y ?? "md", m = x ? T : r && e ? "div" : r ? "button" : "span", K = k === "custom" ? {
+  }, K) => {
+    const d = v ?? "subtle", k = f ?? "default", g = y ?? "md", m = x ? q : r && e ? "div" : r ? "button" : "span", V = k === "custom" ? {
       ...d === "subtle" && {
         backgroundColor: "color-mix(in oklch, var(--badge-color) 15%, transparent)",
         color: "var(--badge-color)",
@@ -167,38 +168,38 @@ const X = I(
         color: "var(--badge-color)",
         borderColor: "transparent"
       }
-    } : void 0, V = r && e ? (s) => {
+    } : void 0, L = r && e ? (s) => {
       (s.key === "Enter" || s.key === " ") && (s.preventDefault(), u || r(s)), h.onKeyDown?.(s);
-    } : h.onKeyDown, L = !!(n || t || r && l && !t && !n), P = !!(e || o);
+    } : h.onKeyDown, P = !!(n || t || r && l && !t && !n), D = !!(e || o);
     return /* @__PURE__ */ p(
       m,
       {
-        ref: G,
+        ref: K,
         className: b(
-          X({ variant: d, color: k, size: g }),
-          L && _[g],
+          _({ variant: d, color: k, size: g }),
           P && $[g],
+          D && F[g],
           r && "cursor-pointer hover:brightness-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 transition-[color,background-color,border-color,transform,filter] duration-moderate-01 ease-productive-exit hover:duration-fast-02 hover:ease-productive-entrance active:scale-[0.95] active:brightness-[0.92] active:duration-[0ms]",
           l && "ring-1 ring-current/20 transition-shadow duration-fast-02",
           u && "opacity-action-disabled pointer-events-none saturate-[0.3]",
-          A && "justify-center px-0 aspect-square",
+          j && "justify-center px-0 aspect-square",
           c
         ),
-        style: { ...j, ...K, ...N ? { maxWidth: N } : void 0 },
+        style: { ...G, ...V, ...N ? { maxWidth: N } : void 0 },
         onClick: u ? void 0 : r,
-        onKeyDown: V,
+        onKeyDown: L,
         ...m === "button" && { type: "button" },
         ...m === "button" && u ? { disabled: !0 } : {},
         ...m === "div" && r ? { role: "button", tabIndex: 0 } : {},
         ...h,
         children: [
-          /* @__PURE__ */ a(M, { children: n && /* @__PURE__ */ p(
+          /* @__PURE__ */ a(X, { children: n && /* @__PURE__ */ p(
             w.span,
             {
               initial: { scale: 0 },
               animate: { scale: 1 },
               exit: { scale: 0 },
-              transition: O.snappy,
+              transition: T.snappy,
               className: "relative inline-flex h-1.5 w-1.5 shrink-0",
               "aria-hidden": "true",
               children: [
@@ -223,11 +224,11 @@ const X = I(
               transition: { type: "tween", duration: 0.15, ease: [0.2, 0, 0.38, 0.9] },
               className: "inline-flex shrink-0 overflow-hidden",
               "aria-hidden": !l,
-              children: /* @__PURE__ */ a(C, { icon: D, size: "xs" })
+              children: /* @__PURE__ */ a(C, { icon: E, size: "xs" })
             }
           ),
           t && /* @__PURE__ */ a("span", { className: b("shrink-0", z[g]), children: t }),
-          N ? /* @__PURE__ */ a(
+          A || N ? /* @__PURE__ */ a(
             "span",
             {
               className: "truncate",
@@ -248,7 +249,7 @@ const X = I(
                 g === "xs" ? "p-0 -mr-0.5 min-w-[16px] min-h-[16px]" : "p-px"
               ),
               "aria-label": `Remove ${typeof i == "string" ? i : ""}`.trim() || "Remove",
-              children: /* @__PURE__ */ a(C, { icon: E, size: "xs" })
+              children: /* @__PURE__ */ a(C, { icon: I, size: "xs" })
             }
           )
         ]
@@ -257,10 +258,10 @@ const X = I(
   }
 );
 B.displayName = "Badge";
-const F = Object.assign(B, {
-  Indicator: q,
+const H = Object.assign(B, {
+  Indicator: M,
   Group: R
-}), H = {
+}), J = {
   tight: "gap-1",
   default: "gap-1.5",
   loose: "gap-2"
@@ -274,10 +275,10 @@ function R({
   children: t
 }) {
   const o = S.Children.toArray(t), n = o.length, e = c !== void 0 && n > c, r = e ? o.slice(0, c) : o, l = e ? n - c : 0;
-  return /* @__PURE__ */ p("div", { className: b("flex flex-wrap items-center", H[v], x), children: [
+  return /* @__PURE__ */ p("div", { className: b("flex flex-wrap items-center", J[v], x), children: [
     r,
     e && /* @__PURE__ */ p(
-      F,
+      H,
       {
         variant: "outline",
         color: "neutral",
@@ -293,7 +294,7 @@ function R({
 }
 R.displayName = "BadgeGroup";
 export {
-  F as B,
+  H as B,
   R as a,
-  X as b
+  _ as b
 };

package/dist/ai/types.js

@@ -0,0 +1,2 @@
+"use client";
+

package/dist/composed/content-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"content-card.d.ts","sourceRoot":"","sources":["../../src/composed/content-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,mBAAmB;;;8EAwBxB,CAAA;AAkBD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,QAAA,MAAM,WAAW,yFAqEhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"content-card.d.ts","sourceRoot":"","sources":["../../src/composed/content-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,mBAAmB;;;8EAwBxB,CAAA;AAkBD,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,mBAAmB,CAAC;IAC1C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,QAAA,MAAM,WAAW,yFAqEhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/composed/lib/string-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../src/composed/lib/string-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMhD"}
+{"version":3,"file":"string-utils.d.ts","sourceRoot":"","sources":["../../../src/composed/lib/string-utils.ts"],"names":[],"mappings":"AACA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAMhD"}

package/dist/composed/loading-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAiDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../src/composed/loading-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,YAAY,0FA2BjB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,aAAa,2FAqDlB,CAAA;AAID,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,aAAa,2FAiDlB,CAAA;AAID,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAA;AAID,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,YAAY,EAAE,CAAA"}

package/dist/composed/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFAyFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFAyFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/page-skeletons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-skeletons.d.ts","sourceRoot":"","sources":["../../src/composed/page-skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAExF,QAAA,MAAM,iBAAiB,+FAkDtB,CAAA;AAMD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,iGA2DxB,CAAA;AAMD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEzF,QAAA,MAAM,kBAAkB,gGA8CvB,CAAA;AAID,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"page-skeletons.d.ts","sourceRoot":"","sources":["../../src/composed/page-skeletons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAExF,QAAA,MAAM,iBAAiB,+FAkDtB,CAAA;AAMD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,iGA2DxB,CAAA;AAMD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEzF,QAAA,MAAM,kBAAkB,gGA8CvB,CAAA;AAID,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/composed/priority-indicator.d.ts

@@ -1,3 +1,4 @@
+"use client";
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export type Priority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT' | 'low' | 'medium' | 'high' | 'urgent';

package/dist/composed/priority-indicator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as r, jsxs as g } from "react/jsx-runtime";
 import * as u from "react";
 import { a as b } from "../_chunks/vendor-utils.js";

package/dist/tokens/typography.css

@@ -39,7 +39,17 @@
   font-display: swap;
 }
 
-/* ── Title Scale (T1–T7) ───────────────────────────────────────── */
+/* ── DEPRECATED Title Scale (T1–T7) ────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   T1-Reg → --typo-heading-2xl  (60px)
+ *   T2-Reg → --typo-heading-xl   (48px)
+ *   T3-Reg → --typo-heading-lg   (36px)
+ *   T4-Reg → --typo-heading-md   (32px)
+ *   T5-Reg → --typo-heading-sm   (24px)
+ *   T6-Reg → --typo-heading-xs   (20px)
+ *   T7-Reg → --typo-heading-xs   (20px, tighter)
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .T1-Reg {
   font-family: inherit;
@@ -103,7 +113,15 @@
   letter-spacing: -0.48px;
 }
 
-/* ── Body Scale (B1–B8) ────────────────────────────────────────── */
+/* ── DEPRECATED Body Scale (B1–B8) ─────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   B1-Reg → --typo-body-lg   (16px)
+ *   B2-Reg → --typo-body-md   (14px)
+ *   B3-Reg → --typo-body-sm   (12px)
+ *   B4-Reg → --typo-body-xs   (10px)
+ *   B5-B8  → Use body-lg/md/sm/xs with weight overrides
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .B1-Reg {
   font-family: inherit;
@@ -184,7 +202,15 @@
   letter-spacing: -0.32px;
 }
 
-/* ── Label Scale (L1–L6) ───────────────────────────────────────── */
+/* ── DEPRECATED Label Scale (L1–L6) ────────────────────────────────
+ * @deprecated Use typography-semantic.css tokens instead:
+ *   L1 → --typo-label-lg   (16px)
+ *   L2 → --typo-label-md   (14px)
+ *   L3 → --typo-label-sm   (12px)
+ *   L4 → --typo-label-xs   (10px)
+ *   L5-L6 → Use label-sm/xs with weight overrides
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 
 .L1 {
   font-family: inherit;
@@ -236,7 +262,10 @@
   text-transform: uppercase;
 }
 
-/* ── Paragraph Scale (P1–P7) ───────────────────────────────────── */
+/* ── DEPRECATED Paragraph Scale (P1–P7) ────────────────────────────
+ * @deprecated Use typography-semantic.css --typo-body-* tokens instead.
+ * These classes will be removed in v1.0.
+ * ──────────────────────────────────────────────────────────────── */
 /* NOTE: P2 (0.36px tracking) and B5-Reg (0.32px tracking) are near-identical
    at 16px/140%. P2 is for paragraph blocks, B5-Reg for inline body text. */
 

package/dist/ui/alert.d.ts

@@ -4,6 +4,7 @@ import * as React from 'react';
 declare const alertVariants: (props?: ({
     variant?: "outline" | "filled" | "subtle" | null | undefined;
     color?: "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Props for Alert — an inline message block with a colored icon, optional title, optional body,

package/dist/ui/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;8EAuClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA0CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;;8EA4ClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA+CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}