@devalok/shilp-sutra 0.23.3 → 0.25.0

package/dist/ui/lib/motion.js

@@ -1,4 +1,4 @@
-const s = {
+const e = {
   /** Micro-interactions: buttons, hover, form inputs */
   snappy: { type: "spring", stiffness: 500, damping: 30, mass: 0.5 },
   /** Dialogs, sheets, panels, navigation */
@@ -6,29 +6,33 @@ const s = {
   /** Toasts, pop-ins, celebration feedback */
   bouncy: { type: "spring", stiffness: 400, damping: 15, mass: 0.5 },
   /** Collapse/expand, accordion, height changes */
-  gentle: { type: "spring", stiffness: 200, damping: 25, mass: 0.8 }
-}, t = {
+  gentle: { type: "spring", stiffness: 200, damping: 25, mass: 0.8 },
+  /** AI response blocks — snappier than smooth, feels "intelligent" */
+  responsive: { type: "spring", stiffness: 350, damping: 28, mass: 0.6 }
+}, n = {
   /** Opacity enter/exit */
   fade: { type: "tween", duration: 0.11, ease: "easeOut" },
   /** Hover color, bg, border transitions */
-  colorShift: { type: "tween", duration: 0.07, ease: "easeOut" }
+  colorShift: { type: "tween", duration: 0.07, ease: "easeOut" },
+  /** Greeting fade, hint crossfade — unhurried, confident */
+  elegant: { type: "tween", duration: 0.4, ease: [0.25, 0.1, 0.25, 1] }
 };
-function e(n = 0.04) {
+function t(s = 0.04) {
   return {
-    visible: { transition: { staggerChildren: n } },
-    hidden: { transition: { staggerChildren: n } }
+    visible: { transition: { staggerChildren: s } },
+    hidden: { transition: { staggerChildren: s } }
   };
 }
-function i(n) {
-  return { ...n, duration: 0 };
+function i(s) {
+  return { ...s, duration: 0 };
 }
-function r(n) {
-  return n;
+function r(s) {
+  return s;
 }
 export {
   r as motionProps,
-  s as springs,
-  e as stagger,
-  t as tweens,
+  e as springs,
+  t as stagger,
+  n as tweens,
   i as withReducedMotion
 };

package/dist/ui/lib/utils.js

@@ -1,4 +1,4 @@
-import { ah as d, ai as e } from "../../_chunks/vendor-utils.js";
+import { az as d, aA as e } from "../../_chunks/vendor-utils.js";
 const t = d({
   extend: {
     theme: {

package/dist/ui/progress.js

@@ -2,7 +2,7 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import * as h from "react";
 import { aQ as d, aR as l } from "../_chunks/primitives.js";
-import { ag as c } from "../_chunks/vendor-utils.js";
+import { ay as c } from "../_chunks/vendor-utils.js";
 import { cn as a } from "./lib/utils.js";
 import { springs as w } from "./lib/motion.js";
 import { m as x } from "../_chunks/framer.js";

package/dist/ui/segmented-control.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as d, jsxs as z } from "react/jsx-runtime";
 import D, { useState as k, useRef as I, useEffect as S, useCallback as R, useId as E } from "react";
-import { ag as H } from "../_chunks/vendor-utils.js";
+import { ay as H } from "../_chunks/vendor-utils.js";
 import { cn as w } from "./lib/utils.js";
 import { springs as L } from "./lib/motion.js";
 import { L as T, m as C, A } from "../_chunks/framer.js";

package/dist/ui/select.js

@@ -3,7 +3,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import * as o from "react";
 import { ao as c, ap as w, aq as n, ar as m, as as x, at as p, au as N, av as f, aw as u, ax as v, ay as S, az as h, aA as I, aB as R, aC as C } from "../_chunks/primitives.js";
 import { IconChevronDown as y, IconChevronUp as j, IconCheck as B } from "@tabler/icons-react";
-import { ag as V } from "../_chunks/vendor-utils.js";
+import { ay as V } from "../_chunks/vendor-utils.js";
 import { cn as r } from "./lib/utils.js";
 import { tweens as z, springs as T } from "./lib/motion.js";
 import { m as D } from "../_chunks/framer.js";

package/dist/ui/sheet.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import * as o from "react";
-import { aa as h, ab as R, ac as u, ad as x, ae as b, af as y, ag as P, ah as j } from "../_chunks/primitives.js";
-import { ag as T } from "../_chunks/vendor-utils.js";
+import { aa as h, ab as R, ac as u, ad as x, ae as y, af as b, ag as P, ah as j } from "../_chunks/primitives.js";
+import { ay as T } from "../_chunks/vendor-utils.js";
 import { IconX as A } from "@tabler/icons-react";
 import { cn as a } from "./lib/utils.js";
 import { tweens as M, motionProps as g, springs as z } from "./lib/motion.js";
@@ -116,23 +116,23 @@ const U = o.forwardRef(
 );
 U.displayName = "SheetFooter";
 const X = o.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ r(
-  b,
+  y,
   {
     ref: t,
     className: a("text-ds-lg font-semibold text-surface-fg", e),
     ...s
   }
 ));
-X.displayName = b.displayName;
+X.displayName = y.displayName;
 const q = o.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ r(
-  y,
+  b,
   {
     ref: t,
     className: a("text-ds-md text-surface-fg-muted", e),
     ...s
   }
 ));
-q.displayName = y.displayName;
+q.displayName = b.displayName;
 export {
   F as Sheet,
   Y as SheetClose,

package/dist/ui/sidebar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as s, jsxs as h, Fragment as E } from "react/jsx-runtime";
 import { S as v } from "../_chunks/primitives.js";
-import { ag as T } from "../_chunks/vendor-utils.js";
+import { ay as T } from "../_chunks/vendor-utils.js";
 import { IconLayoutSidebarLeftCollapse as A } from "@tabler/icons-react";
 import { useIsMobile as D } from "../hooks/use-mobile.js";
 import { springs as O } from "./lib/motion.js";

package/dist/ui/skeleton.js

@@ -1,8 +1,8 @@
 import { jsx as l, jsxs as f } from "react/jsx-runtime";
 import * as o from "react";
-import { ag as p } from "../_chunks/vendor-utils.js";
+import { ay as g } from "../_chunks/vendor-utils.js";
 import { cn as r } from "./lib/utils.js";
-const k = p("bg-skeleton-base", {
+const k = g("bg-skeleton-base", {
   variants: {
     variant: {
       rectangle: "rounded-ds-md",
@@ -142,7 +142,7 @@ const I = {
   )
 );
 A.displayName = "SkeletonInput";
-const g = [65, 40, 85, 55, 70, 30, 90, 50, 75, 35, 80, 45, 60, 95, 38], B = o.forwardRef(
+const p = [65, 40, 85, 55, 70, 30, 90, 50, 75, 35, 80, 45, 60, 95, 38], B = o.forwardRef(
   ({ className: e, bars: s = 7, height: t = "h-40", animation: a = "pulse", ...n }, d) => {
     const m = Math.max(1, s ?? 7);
     return /* @__PURE__ */ l(
@@ -152,7 +152,7 @@ const g = [65, 40, 85, 55, 70, 30, 90, 50, 75, 35, 80, 45, 60, 95, 38], B = o.fo
         className: r("flex items-end gap-ds-02", t, e),
         ...n,
         children: Array.from({ length: m }).map((c, h) => {
-          const u = g[h % g.length];
+          const u = p[h % p.length];
           return /* @__PURE__ */ l(
             "div",
             {

package/dist/ui/tabs.js

@@ -2,7 +2,7 @@
 import { jsx as s, jsxs as N } from "react/jsx-runtime";
 import { aS as h, aT as v, aU as b, aV as p } from "../_chunks/primitives.js";
 import * as t from "react";
-import { ag as g } from "../_chunks/vendor-utils.js";
+import { ay as g } from "../_chunks/vendor-utils.js";
 import { cn as u } from "./lib/utils.js";
 import { springs as m, tweens as T } from "./lib/motion.js";
 import { L as w, m as f } from "../_chunks/framer.js";

package/dist/ui/text.js

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { ag as o } from "../_chunks/vendor-utils.js";
+import { ay as o } from "../_chunks/vendor-utils.js";
 import { cn as d } from "./lib/utils.js";
 const p = o("font-sans", {
   variants: {

package/dist/ui/textarea.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as c } from "react/jsx-runtime";
 import * as u from "react";
-import { ag as l } from "../_chunks/vendor-utils.js";
+import { ay as l } from "../_chunks/vendor-utils.js";
 import { cn as f } from "./lib/utils.js";
 import { motionProps as m } from "./lib/motion.js";
 import { useFormField as b } from "./form.js";

package/dist/ui/toggle.js

@@ -2,7 +2,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as n from "react";
 import { aH as e } from "../_chunks/primitives.js";
-import { ag as d } from "../_chunks/vendor-utils.js";
+import { ay as d } from "../_chunks/vendor-utils.js";
 import { springs as m, motionProps as c } from "./lib/motion.js";
 import { cn as f } from "./lib/utils.js";
 import { m as l } from "../_chunks/framer.js";

package/llms-full.txt

@@ -5,7 +5,7 @@
 > All variant values and props verified from source CVA definitions.
 >
 > Package: @devalok/shilp-sutra
-> Version: 0.23.3
+> Version: 0.25.0
 
 ---
 

package/llms.txt

@@ -166,6 +166,45 @@ Same pattern for `border-surface-*`, `text-surface-*`, `ring-surface-*`.
 
 **New hover states**: Checkbox, Radio, Switch track, Select items, DropdownMenu items, Combobox trigger.
 
+## AI Command System (v0.25.0+)
+
+New `@devalok/shilp-sutra/ai` module — composable AI command interface.
+
+**CommandBar** — Unified input (hero/inline/floating variants):
+```tsx
+<CommandBar
+  variant="hero"
+  onSubmit={(query) => sendToAI(query)}  // AI submission
+  groups={commandGroups}                 // optional command palette filtering
+  state="idle"                           // idle | typing | processing | responded
+  greeting="Good morning, Mudit."
+  hints={['Add member...', 'Check status...']}
+  agentName="Devadoot"
+  agentIcon={<DevadootIcon state={iconState} />}
+>
+  <AIConversation messages={messages} isProcessing={loading} />
+</CommandBar>
+```
+
+**BlockRenderer** — Renders AI response JSON as DS components:
+```tsx
+<BlockRenderer blocks={response.blocks} onAction={handleAction} customBlocks={myBlocks} />
+```
+
+Block types: `text`, `table`, `confirm`, `success`, `error`, `info`, `loading`, `divider`, `stat_row`.
+
+**AICommandProvider** — Optional context wrapper:
+```tsx
+<AICommandProvider customBlocks={karmBlocks} onAction={handle} agent={{ name: 'Devadoot' }}>
+  {/* CommandBar + AIConversation auto-wire from context */}
+</AICommandProvider>
+```
+
+**DevadootIcon** — Animated Devalok chakra with gradient state animations:
+```tsx
+<DevadootIcon state="processing" size={20} />  // idle | processing | responded | error
+```
+
 ## Install & Setup
 
 pnpm add @devalok/shilp-sutra
@@ -185,6 +224,9 @@ import { Button } from '@devalok/shilp-sutra/ui/button'
 import { PageHeader } from '@devalok/shilp-sutra/composed/page-header'
 import { TopBar } from '@devalok/shilp-sutra/shell/top-bar'
 
+// AI command system (v0.25.0+):
+import { CommandBar, AIConversation, BlockRenderer, AICommandProvider, DevadootIcon } from '@devalok/shilp-sutra/ai'
+
 // Toast (imperative, no hook needed):
 import { toast } from '@devalok/shilp-sutra/ui/toast'
 
@@ -320,7 +362,8 @@ NOTIFICATION SELECTION GUIDE:
 - RichTextEditor: Tiptap editor — bold/italic/underline/strike/highlight, headings, blockquote, lists (bullet/ordered/task), code, links, images (paste/drop/upload), file attachments, @mentions, emoji picker + :shortcode:, text alignment, HR. Props: onImageUpload?, onFileUpload?, mentions?, onMentionSearch?, onMentionSelect?(item: MentionItem)
 - RichTextViewer: read-only renderer for RichTextEditor HTML content (renders all above content types)
 - ActivityFeed: items(ActivityItem[]), onLoadMore, loading, hasMore, emptyState, compact, maxInitialItems, groupBy?('time'|'none'), groupLabels?({ today, yesterday, thisWeek, older }). Type: ActivityItem = { id, actor?, action, timestamp, icon?, color?, detail? }. Utility: groupItemsByTime(items, labels) exported.
-- CommandPalette, MemberPicker
+- CommandPalette: open, defaultOpen, onOpenChange (controlled/uncontrolled), keybinding(string|string[]|false), maxHeight, emptyState(ReactNode), footerHints(FooterHint[]|false). CommandItem: label(string|ReactNode), description(string|ReactNode), renderLabel(query=>ReactNode), filterValue(string), shortcut(rendered as keycap badges). Keyboard shortcuts rendered per-key with platform-aware Cmd/Ctrl. Reduced-motion support via MotionProvider.
+- MemberPicker
 - ErrorDisplay, GlobalLoading
 - Loading skeletons: CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton
 - Page skeletons: DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton (no props, server-safe)
@@ -342,7 +385,7 @@ NOTIFICATION SELECTION GUIDE:
 - BottomNavbar: mobile navigation, user is optional. Types: BottomNavItem = { title, href, icon, exact?, badge? }, BottomNavbarUser = { name, role? }
 - NotificationCenter: notifications[], onMarkRead, onMarkAllRead, onNavigate, getNotificationRoute?, footerSlot?, emptyState?, headerActions?, popoverClassName?, onDismiss?(id). Types: Notification = { id, title, body?, tier, isRead, createdAt, entityType?, entityId?, projectId?, project?, actions? }, NotificationAction = { label, variant?, onClick }
 - NotificationPreferences: preferences[], projects[], onSave, onToggleMute, onUpdateTier, onDelete. Types: NotificationPreference = { id, userId?, projectId, channel, minTier, muted }, NotificationProject = { id, title }
-- AppCommandPalette: user, isAdmin, onNavigate, onSearch, searchResults, isSearching, onSearchResultSelect. Types: SearchResult = { id, title, snippet?, entityType, projectId?, metadata? }, AppCommandPaletteUser = { name, role? }
+- AppCommandPalette: user, isAdmin, onNavigate, onSearch, searchResults, searchResultGroups(SearchResultGroup[]), isSearching, onSearchResultSelect (when provided, consumer owns routing — no internal URL computation), searchResultsLabel(string|((count)=>string)), open, defaultOpen, onOpenChange, keybinding, maxHeight, emptyState, footerHints. Types: SearchResult = { id, title, snippet?, entityType, projectId?, metadata?, icon?(ReactNode), rank?(number), shortcut?(string) }, SearchResultGroup = { label, results: SearchResult[] }, AppCommandPaletteUser = { name, role? }
 - LinkProvider: wraps app with router-agnostic Link component — component(ForwardRefComponent), children. useLink() hook returns the Link component.
 
 ### Motion System (Framer Motion)