@devalok/shilp-sutra 0.29.0 → 0.31.0

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.29.0
+> Version: 0.31.0
 
 ---
 
@@ -173,6 +173,9 @@ Note: getFormFieldA11y() was removed in favor of useFormField() hook.
 - Icon is auto-selected by color (info=circle, success=check, warning=triangle, error=alert)
 
 ## Changes
+### v0.31.0
+- **Added** `size` prop: `sm | md | lg`. Default `md` (non-breaking).
+
 ### v0.18.0
 - **Changed** Exit animation migrated to Framer Motion
 - **Fixed** `onDismiss` JSDoc documenting it fires after exit animation completes
@@ -421,6 +424,9 @@ Note: getFormFieldA11y() was removed in favor of useFormField() hook.
 - `color="custom"` requires `--badge-color` CSS variable (and optionally `--badge-fg-color` for solid variant)
 
 ## Changes
+### v0.31.0
+- **Added** `truncate` prop — enables ellipsis truncation without requiring maxWidth
+
 ### v0.29.0
 - **Changed** (BREAKING) v2 rewrite — Badge is now a full interactive component
 - **Added** `soft` variant (tinted bg, no border — completes the 4-variant set: subtle/solid/outline/soft)
@@ -784,6 +790,10 @@ See `Button` docs for the public API.
 - Use `interactive` prop for clickable cards — adds hover lift and pointer cursor
 
 ## Changes
+### v0.31.0
+- **Added** `color` prop: semantic border color (accent, error, success, warning, info, neutral)
+- **Added** `size` prop: `sm | md | lg` — padding propagated to sub-components via React context
+
 ### v0.18.0
 - **Changed** Interactive card hover lift animation migrated to Framer Motion
 
@@ -2650,6 +2660,10 @@ const { size, stroke } = useIconContext()
 - `<Select size="lg">` is silently ignored (no TypeScript error)
 
 ## Changes
+### v0.31.0
+- **Added** `variant` prop on SelectTrigger: `default | outline | ghost`
+- **Added** `color` prop on SelectTrigger: `default | error | success | warning`. Sets `aria-invalid` when error.
+
 ### v0.15.0
 - **Changed** `lg` size font changed from `text-ds-lg` (18px) to `text-ds-md` (14px) — all input sizes now use 14px for consistency
 
@@ -3286,6 +3300,10 @@ const { size, stroke } = useIconContext()
 - Normally omit `variant` on TabsTrigger — it inherits from TabsList via context. You CAN set it per-trigger to override.
 
 ## Changes
+### v0.31.0
+- **Added** `size` prop on TabsList: `sm | md | lg`. Scales height and trigger padding.
+- **Added** `color` prop on TabsList: `accent | neutral`. Affects line variant indicator.
+
 ### v0.18.0
 - **Fixed** Wrapped TabsList context provider value in `useMemo` for performance
 
@@ -4838,8 +4856,11 @@ Exports: RichTextEditor, RichTextViewer
     onFileUpload?: (file: File) => Promise<{ url: string; name: string; size: number }> — enables file attachments
     mentions?: MentionItem[] — static list for @mention autocomplete
     onMentionSearch?: (query: string) => Promise<MentionItem[]> — async search, takes precedence over static mentions
+    toolbar?: ToolbarItem[] — whitelist of toolbar items to show. Omit to show all.
     onMentionSelect?: (item: MentionItem) => void — called when a mention is selected
 
+ToolbarItem: 'bold' | 'italic' | 'underline' | 'strike' | 'highlight' | 'h2' | 'h3' | 'blockquote' | 'bulletList' | 'orderedList' | 'taskList' | 'codeBlock' | 'link' | 'image' | 'file' | 'hr' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'emoji' | 'undo' | 'redo'
+
 MentionItem: { id: string; label: string; avatar?: string }
 
 ### RichTextViewer
@@ -4872,6 +4893,9 @@ MentionItem: { id: string; label: string; avatar?: string }
 - Features: bold, italic, underline, strikethrough, highlight, headings, blockquote, lists, task lists, code, links, images, file attachments, mentions, emoji, text alignment, horizontal rule
 
 ## Changes
+### v0.30.0
+- **Added** `toolbar` prop — whitelist of `ToolbarItem` names to control which toolbar buttons appear. Dividers render only between groups that have visible items. `ToolbarItem` type exported from barrel.
+
 ### v0.18.0
 - **Fixed** Use ref to track internal changes, prevent update loop
 

package/llms.txt

@@ -4,6 +4,26 @@
 > Built on the same primitives as shadcn/ui but with key API differences.
 > Read this file BEFORE writing any UI code. Do NOT guess from shadcn/ui knowledge.
 
+## CHANGES (v0.31.0)
+- **Alert `size` prop** — `sm | md (default) | lg`. Scales padding, gap, icon, text.
+- **Card `color` prop** — `default | accent | error | success | warning | info | neutral`. Semantic border color.
+- **Card `size` prop** — `sm | md (default) | lg`. Propagated to sub-components via context.
+- **Select `variant` prop** — `default | outline | ghost` on SelectTrigger.
+- **Select `color` prop** — `default | error | success | warning` on SelectTrigger. Sets `aria-invalid` when error.
+- **Tabs `color` prop** — `accent (default) | neutral`. Affects line variant indicator.
+- **Tabs `size` prop** — `sm | md (default) | lg`. Scales height and padding.
+- **Badge `truncate` prop** — Enables ellipsis truncation. Combine with fixed width or `maxWidth`.
+- **New subpath exports** — `./ui/icon`, `./ui/icon-context`, `./ui/icon-group`, `./ui/badge-group`, `./ui/badge-indicator`, `./ui/devalok-grain`, `./ai/types`.
+- **Server-safe fix** — `empty-state`, `priority-indicator`, `status-badge` now correctly get `"use client"` (were incorrectly omitted).
+- **Server-safe detection** — Hardcoded allowlist replaced with `// @server-safe` source annotations.
+
+## CHANGES (v0.30.0)
+- **RichTextEditor `toolbar` prop** — `toolbar?: ToolbarItem[]` whitelist of toolbar items to display. Omit to show all (default). `ToolbarItem` type exported.
+- **`@devalok/shilp-sutra-karm` removed** — Domain components moved to Karm app repo. npm package deprecated.
+- **Warning dark mode fixed** — `warning-*` tokens now have proper dark mode values (higher chroma than category amber).
+- **tailwind-merge fix** — All `text-ds-*` sizes now correctly registered. `cn('text-ds-lg', 'text-accent-11')` no longer strips the color.
+- **AvatarGroup fixes** — Overflow badge text matches avatar size, indicator dots scale with size, aria-labels added.
+
 ## BREAKING CHANGES (v0.27.0 — Externalized Dependencies)
 
 FilePreview and MarkdownViewer dependencies are now **external** (not bundled).
@@ -99,14 +119,13 @@ Same pattern for `border-surface-*`, `text-surface-*`, `ring-surface-*`.
 
 **Button `onClickAsync`:** New prop `onClickAsync?: (e) => Promise<void>` — auto-manages loading → success/error → idle states. `asyncFeedbackDuration?: number` (default 1500ms).
 
-**Server safety changes:** EmptyState, StatusBadge, Spinner are NO LONGER server-safe (they now use Framer Motion). Remove from RSC imports.
+**Server safety changes:** EmptyState, StatusBadge, PriorityIndicator, Spinner are NOT server-safe (they use Framer Motion). Do NOT import from RSC.
 
-**Build:** `framer-motion` and `sonner` moved from `dependencies` to `devDependencies` (bundled at build time — no consumer install needed for core, but karm consumers must install `framer-motion` as peer dep).
+**Build:** `framer-motion` and `sonner` moved from `dependencies` to `devDependencies` (bundled at build time — no consumer install needed for core).
 
 **New APIs in v0.18.0:**
 - Combobox: `accessibleLabel?: string` — custom aria-label for trigger (falls back to placeholder)
 - Slider: multi-thumb support — pass array `defaultValue={[25, 75]}` for range sliders
-- StreamingText (karm): `isComplete?: boolean` — debounces aria-live, announces only on completion
 
 ## CHANGES (v0.16.0)
 - **DataTable server-side features**: `onSort` callback (manual sorting), `pagination` prop (server-side pagination with page/total/onPageChange), `selectedIds` + `selectableFilter` (controlled selection), `loading` shimmer, `emptyState` ReactNode, `singleExpand`, `stickyHeader`, `onRowClick`, `bulkActions` floating bar
@@ -243,7 +262,7 @@ pnpm add @devalok/shilp-sutra
 
 Add to next.config.js:
 ```js
-transpilePackages: ["@devalok/shilp-sutra", "@devalok/shilp-sutra-karm", "@devalok/shilp-sutra-brand"]
+transpilePackages: ["@devalok/shilp-sutra", "@devalok/shilp-sutra-brand"]
 ```
 
 // Import components (barrel):

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.29.0",
+  "version": "0.31.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
@@ -58,6 +58,16 @@
       "default": "./dist/ui/badge.js",
       "types": "./dist/ui/badge.d.ts"
     },
+    "./ui/badge-group": {
+      "import": "./dist/ui/badge-group.js",
+      "default": "./dist/ui/badge-group.js",
+      "types": "./dist/ui/badge-group.d.ts"
+    },
+    "./ui/badge-indicator": {
+      "import": "./dist/ui/badge-indicator.js",
+      "default": "./dist/ui/badge-indicator.js",
+      "types": "./dist/ui/badge-indicator.d.ts"
+    },
     "./ui/banner": {
       "import": "./dist/ui/banner.js",
       "default": "./dist/ui/banner.js",
@@ -143,6 +153,11 @@
       "default": "./dist/ui/dialog.js",
       "types": "./dist/ui/dialog.d.ts"
     },
+    "./ui/devalok-grain": {
+      "import": "./dist/ui/devalok-grain.js",
+      "default": "./dist/ui/devalok-grain.js",
+      "types": "./dist/ui/devalok-grain.d.ts"
+    },
     "./ui/dropdown-menu": {
       "import": "./dist/ui/dropdown-menu.js",
       "default": "./dist/ui/dropdown-menu.js",
@@ -163,11 +178,26 @@
       "default": "./dist/ui/hover-card.js",
       "types": "./dist/ui/hover-card.d.ts"
     },
+    "./ui/icon": {
+      "import": "./dist/ui/icon.js",
+      "default": "./dist/ui/icon.js",
+      "types": "./dist/ui/icon.d.ts"
+    },
     "./ui/icon-button": {
       "import": "./dist/ui/icon-button.js",
       "default": "./dist/ui/icon-button.js",
       "types": "./dist/ui/icon-button.d.ts"
     },
+    "./ui/icon-context": {
+      "import": "./dist/ui/icon-context.js",
+      "default": "./dist/ui/icon-context.js",
+      "types": "./dist/ui/icon-context.d.ts"
+    },
+    "./ui/icon-group": {
+      "import": "./dist/ui/icon-group.js",
+      "default": "./dist/ui/icon-group.js",
+      "types": "./dist/ui/icon-group.d.ts"
+    },
     "./ui/input": {
       "import": "./dist/ui/input.js",
       "default": "./dist/ui/input.js",
@@ -661,6 +691,11 @@
       "default": "./dist/ai/blocks/index.js",
       "types": "./dist/ai/blocks/index.d.ts"
     },
+    "./ai/types": {
+      "import": "./dist/ai/types.js",
+      "default": "./dist/ai/types.js",
+      "types": "./dist/ai/types.d.ts"
+    },
     "./docs/*": "./docs/components/*"
   },
   "files": [
@@ -672,7 +707,7 @@
     "llms-full.txt"
   ],
   "scripts": {
-    "build": "vite build && pnpm build:tokens && node scripts/fix-dts-primitives.mjs && node scripts/inject-use-client.mjs && node scripts/build-tailwind-cjs.mjs && pnpm build:docs",
+    "build": "vite build && node scripts/post-build.mjs",
     "build:tokens": "node scripts/copy-tokens.mjs",
     "build:docs": "node scripts/build-component-docs.mjs",
     "build:docs:check": "node scripts/build-component-docs.mjs --check",