@devalok/shilp-sutra 0.49.3 → 0.49.5

package/dist/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"sources":["../../src/ui/toggle.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@primitives/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { motionProps,springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\nconst MotionToggleRoot = motion.create(TogglePrimitive.Root)\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center gap-ds-03 rounded-control font-medium transition-colors duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-transparent hover:bg-surface-raised-hover text-surface-fg-muted',\n        outline:\n          'border border-surface-border-strong bg-transparent hover:bg-surface-raised-hover hover:border-surface-border-strong',\n      },\n      size: {\n        sm: 'h-ds-sm px-ds-03 text-ds-sm',\n        md: 'h-ds-md px-ds-04 text-ds-md',\n        lg: 'h-ds-lg px-ds-05 text-ds-base',\n      },\n      color: {\n        accent: 'data-[state=on]:bg-accent-2 data-[state=on]:text-accent-11',\n        error: 'data-[state=on]:bg-error-2 data-[state=on]:text-error-11',\n        success: 'data-[state=on]:bg-success-2 data-[state=on]:text-success-11',\n        neutral: 'data-[state=on]:bg-surface-raised-hover data-[state=on]:text-surface-fg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'accent',\n    },\n  },\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, color, ...props }, ref) => (\n  <MotionToggleRoot\n    ref={ref}\n    whileTap={{ scale: 0.95 }}\n    transition={springs.snappy}\n    className={cn(toggleVariants({ variant, size, color }), className)}\n    {...motionProps(props)}\n  />\n))\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAmB,EAAO,OAAO,EAAqB,EAEtD,IAAiB,EACrB,qTACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,SACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,OAAO;EACR;CACF,CACF,EAEK,IAAS,EAAM,YAIlB,EAAE,cAAW,YAAS,SAAM,UAAO,GAAG,KAAS,MAChD,kBAAC,GAAD;CACO;CACL,UAAU,EAAE,OAAO,KAAM;CACzB,YAAY,EAAQ;CACpB,WAAW,EAAG,EAAe;EAAE;EAAS;EAAM;EAAO,CAAC,EAAE,EAAU;CAClE,GAAI,EAAY,EAAM;CACtB,CAAA,CACF;AACF,EAAO,cAAA,EAAmC"}
+{"version":3,"file":"toggle.js","names":[],"sources":["../../src/ui/toggle.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@primitives/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { motionProps,springs } from './lib/motion'\nimport { cn } from './lib/utils'\n\nconst MotionToggleRoot = motion.create(TogglePrimitive.Root)\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center gap-ds-03 rounded-control font-medium transition-colors duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-transparent hover:bg-surface-raised-hover text-surface-fg-muted',\n        outline:\n          'border border-surface-border-strong bg-transparent hover:bg-surface-raised-hover hover:border-surface-border-strong',\n      },\n      size: {\n        sm: 'h-ds-sm px-ds-03 text-ds-sm',\n        md: 'h-ds-md px-ds-04 text-ds-md',\n        lg: 'h-ds-lg px-ds-05 text-ds-base',\n      },\n      color: {\n        accent: 'data-[state=on]:bg-accent-2 data-[state=on]:text-accent-11',\n        error: 'data-[state=on]:bg-error-2 data-[state=on]:text-error-11',\n        success: 'data-[state=on]:bg-success-2 data-[state=on]:text-success-11',\n        neutral: 'data-[state=on]:bg-surface-raised-hover data-[state=on]:text-surface-fg',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n      color: 'accent',\n    },\n  },\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, color, ...props }, ref) => (\n  <MotionToggleRoot\n    ref={ref}\n    whileTap={{ scale: 0.95 }}\n    transition={springs.snappy}\n    className={cn(toggleVariants({ variant, size, color }), className)}\n    {...motionProps(props)}\n  />\n))\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport type ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAmB,EAAO,OAAO,CAAoB,GAErD,IAAiB,EACrB,qTACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EACA,OAAO;GACL,QAAQ;GACR,OAAO;GACP,SAAS;GACT,SAAS;EACX;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,OAAO;CACT;AACF,CACF,GAEM,IAAS,EAAM,YAIlB,EAAE,cAAW,YAAS,SAAM,UAAO,GAAG,KAAS,MAChD,kBAAC,GAAD;CACO;CACL,UAAU,EAAE,OAAO,IAAK;CACxB,YAAY,EAAQ;CACpB,WAAW,EAAG,EAAe;EAAE;EAAS;EAAM;CAAM,CAAC,GAAG,CAAS;CACjE,GAAI,EAAY,CAAK;AACtB,CAAA,CACF;AACD,EAAO,cAAA,EAAmC"}

package/dist/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@primitives/react-tooltip'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Auto-provider: wraps with TooltipPrimitive.Provider if none exists ──\n\nconst TooltipProviderContext = React.createContext(false)\n\nconst TooltipProvider: React.FC<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>> = ({\n  children,\n  ...props\n}) => (\n  <TooltipProviderContext.Provider value={true}>\n    <TooltipPrimitive.Provider {...props}>\n      {children}\n    </TooltipPrimitive.Provider>\n  </TooltipProviderContext.Provider>\n)\n\nfunction AutoProvider({ children }: { children: React.ReactNode }) {\n  const hasProvider = React.useContext(TooltipProviderContext)\n  if (hasProvider) return <>{children}</>\n  return (\n    <TooltipProviderContext.Provider value={true}>\n      <TooltipPrimitive.Provider delayDuration={300}>\n        {children}\n      </TooltipPrimitive.Provider>\n    </TooltipProviderContext.Provider>\n  )\n}\n\n// ── Internal context to thread `open` state to animated children ──\n\ntype TooltipContextValue = { open: boolean }\nconst TooltipContext = React.createContext<TooltipContextValue>({ open: false })\n\nconst Tooltip: React.FC<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>> = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen } = useControllableOpen({ open: openProp, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(() => ({ open }), [open])\n\n  return (\n    <AutoProvider>\n      <TooltipContext.Provider value={contextValue}>\n        <TooltipPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n      </TooltipContext.Provider>\n    </AutoProvider>\n  )\n}\nTooltip.displayName = 'Tooltip'\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ── Side-based slide offsets ──\n\nconst sideOffset: Record<string, { x?: number; y?: number }> = {\n  top: { y: 4 },\n  bottom: { y: -4 },\n  left: { x: 4 },\n  right: { x: -4 },\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset: sideOffsetProp = 4, side = 'top', children, ...props }, ref) => {\n  const { open } = React.useContext(TooltipContext)\n  const slideInit = sideOffset[side] ?? {}\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <TooltipPrimitive.Portal forceMount>\n          <TooltipPrimitive.Content\n            ref={ref}\n            forceMount\n            sideOffset={sideOffsetProp}\n            side={side}\n            {...props}\n            asChild\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95, ...slideInit }}\n              animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}\n              exit={{ opacity: 0, scale: 0.95, ...slideInit }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-tooltip overflow-hidden rounded-overlay-sm bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n\nexport { Tooltip, TooltipContent, TooltipProvider,TooltipTrigger }\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAyB,EAAM,cAAc,GAAM,EAEnD,KAA+F,EACnG,aACA,GAAG,QAEH,kBAAC,EAAuB,UAAxB;CAAiC,OAAO;WACtC,kBAAC,GAAD;EAA2B,GAAI;EAC5B;EACyB,CAAA;CACI,CAAA;AAGpC,SAAS,EAAa,EAAE,eAA2C;AAGjE,QAFoB,EAAM,WAAW,EAAuB,GACpC,kBAAA,GAAA,EAAG,aAAY,CAAA,GAErC,kBAAC,EAAuB,UAAxB;EAAiC,OAAO;YACtC,kBAAC,GAAD;GAA2B,eAAe;GACvC;GACyB,CAAA;EACI,CAAA;;AAOtC,IAAM,IAAiB,EAAM,cAAmC,EAAE,MAAM,IAAO,CAAC,EAE1E,KAAmF,EACvF,MAAM,GACN,gBACA,iBACA,GAAG,QACC;CACJ,IAAM,EAAE,SAAM,eAAY,EAAoB;EAAE,MAAM;EAAU;EAAa;EAAc,CAAC,EAEtF,IAAe,EAAM,eAAe,EAAE,SAAM,GAAG,CAAC,EAAK,CAAC;AAE5D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,GAAD;GAA6B;GAAM,cAAc;GAAS,GAAI;GAAS,CAAA;EAC/C,CAAA,EACb,CAAA;;AAGnB,EAAQ,cAAc;AAEtB,IAAM,IAAiB,GAIjB,IAAyD;CAC7D,KAAK,EAAE,GAAG,GAAG;CACb,QAAQ,EAAE,GAAG,IAAI;CACjB,MAAM,EAAE,GAAG,GAAG;CACd,OAAO,EAAE,GAAG,IAAI;CACjB,EAEK,IAAiB,EAAM,YAG1B,EAAE,cAAW,YAAY,IAAiB,GAAG,UAAO,OAAO,aAAU,GAAG,KAAS,MAAQ;CAC1F,IAAM,EAAE,YAAS,EAAM,WAAW,EAAe,EAC3C,IAAY,EAAW,MAAS,EAAE;AAExC,QACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EAAyB,YAAA;YACvB,kBAAC,GAAD;GACO;GACL,YAAA;GACA,YAAY;GACN;GACN,GAAI;GACJ,SAAA;aAEA,kBAAC,EAAO,KAAR;IACE,SAAS;KAAE,SAAS;KAAG,OAAO;KAAM,GAAG;KAAW;IAClD,SAAS;KAAE,SAAS;KAAG,OAAO;KAAG,GAAG;KAAG,GAAG;KAAG;IAC7C,MAAM;KAAE,SAAS;KAAG,OAAO;KAAM,GAAG;KAAW;IAC/C,YAAY;KAAE,GAAG,EAAQ;KAAQ,SAAS,EAAO;KAAM;IACvD,WAAW,EACT,2IACA,EACD;IAEA;IACU,CAAA;GACY,CAAA;EACH,CAAA,EAEZ,CAAA;EAEpB;AACF,EAAe,cAAA,EAAuC"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/ui/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@primitives/react-tooltip'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { springs, tweens } from './lib/motion'\nimport { useControllableOpen } from './lib/use-controllable-open'\nimport { cn } from './lib/utils'\n\n// ── Auto-provider: wraps with TooltipPrimitive.Provider if none exists ──\n\nconst TooltipProviderContext = React.createContext(false)\n\nconst TooltipProvider: React.FC<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>> = ({\n  children,\n  ...props\n}) => (\n  <TooltipProviderContext.Provider value={true}>\n    <TooltipPrimitive.Provider {...props}>\n      {children}\n    </TooltipPrimitive.Provider>\n  </TooltipProviderContext.Provider>\n)\n\nfunction AutoProvider({ children }: { children: React.ReactNode }) {\n  const hasProvider = React.useContext(TooltipProviderContext)\n  if (hasProvider) return <>{children}</>\n  return (\n    <TooltipProviderContext.Provider value={true}>\n      <TooltipPrimitive.Provider delayDuration={300}>\n        {children}\n      </TooltipPrimitive.Provider>\n    </TooltipProviderContext.Provider>\n  )\n}\n\n// ── Internal context to thread `open` state to animated children ──\n\ntype TooltipContextValue = { open: boolean }\nconst TooltipContext = React.createContext<TooltipContextValue>({ open: false })\n\nconst Tooltip: React.FC<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>> = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}) => {\n  const { open, setOpen } = useControllableOpen({ open: openProp, defaultOpen, onOpenChange })\n\n  const contextValue = React.useMemo(() => ({ open }), [open])\n\n  return (\n    <AutoProvider>\n      <TooltipContext.Provider value={contextValue}>\n        <TooltipPrimitive.Root open={open} onOpenChange={setOpen} {...props} />\n      </TooltipContext.Provider>\n    </AutoProvider>\n  )\n}\nTooltip.displayName = 'Tooltip'\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\n// ── Side-based slide offsets ──\n\nconst sideOffset: Record<string, { x?: number; y?: number }> = {\n  top: { y: 4 },\n  bottom: { y: -4 },\n  left: { x: 4 },\n  right: { x: -4 },\n}\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset: sideOffsetProp = 4, side = 'top', children, ...props }, ref) => {\n  const { open } = React.useContext(TooltipContext)\n  const slideInit = sideOffset[side] ?? {}\n\n  return (\n    <AnimatePresence>\n      {open && (\n        <TooltipPrimitive.Portal forceMount>\n          <TooltipPrimitive.Content\n            ref={ref}\n            forceMount\n            sideOffset={sideOffsetProp}\n            side={side}\n            {...props}\n            asChild\n          >\n            <motion.div\n              initial={{ opacity: 0, scale: 0.95, ...slideInit }}\n              animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}\n              exit={{ opacity: 0, scale: 0.95, ...slideInit }}\n              transition={{ ...springs.snappy, opacity: tweens.fade }}\n              className={cn(\n                'z-tooltip overflow-hidden rounded-overlay-sm bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating',\n                className,\n              )}\n            >\n              {children}\n            </motion.div>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      )}\n    </AnimatePresence>\n  )\n})\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport type TooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n\nexport { Tooltip, TooltipContent, TooltipProvider,TooltipTrigger }\n"],"mappings":";;;;;;;;;AAYA,IAAM,IAAyB,EAAM,cAAc,EAAK,GAElD,KAA+F,EACnG,aACA,GAAG,QAEH,kBAAC,EAAuB,UAAxB;CAAiC,OAAO;WACtC,kBAAC,GAAD;EAA2B,GAAI;EAC5B;CACwB,CAAA;AACI,CAAA;AAGnC,SAAS,EAAa,EAAE,eAA2C;CAGjE,OAFoB,EAAM,WAAW,CACjC,IAAoB,kBAAA,GAAA,EAAG,YAAW,CAAA,IAEpC,kBAAC,EAAuB,UAAxB;EAAiC,OAAO;YACtC,kBAAC,GAAD;GAA2B,eAAe;GACvC;EACwB,CAAA;CACI,CAAA;AAErC;AAKA,IAAM,IAAiB,EAAM,cAAmC,EAAE,MAAM,GAAM,CAAC,GAEzE,KAAmF,EACvF,MAAM,GACN,gBACA,iBACA,GAAG,QACC;CACJ,IAAM,EAAE,SAAM,eAAY,EAAoB;EAAE,MAAM;EAAU;EAAa;CAAa,CAAC,GAErF,IAAe,EAAM,eAAe,EAAE,QAAK,IAAI,CAAC,CAAI,CAAC;CAE3D,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,GAAD;GAA6B;GAAM,cAAc;GAAS,GAAI;EAAQ,CAAA;CAC/C,CAAA,EACb,CAAA;AAElB;AACA,EAAQ,cAAc;AAEtB,IAAM,IAAiB,GAIjB,IAAyD;CAC7D,KAAK,EAAE,GAAG,EAAE;CACZ,QAAQ,EAAE,GAAG,GAAG;CAChB,MAAM,EAAE,GAAG,EAAE;CACb,OAAO,EAAE,GAAG,GAAG;AACjB,GAEM,IAAiB,EAAM,YAG1B,EAAE,cAAW,YAAY,IAAiB,GAAG,UAAO,OAAO,aAAU,GAAG,KAAS,MAAQ;CAC1F,IAAM,EAAE,YAAS,EAAM,WAAW,CAAc,GAC1C,IAAY,EAAW,MAAS,CAAC;CAEvC,OACE,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,GAAD;EAAyB,YAAA;YACvB,kBAAC,GAAD;GACO;GACL,YAAA;GACA,YAAY;GACN;GACN,GAAI;GACJ,SAAA;aAEA,kBAAC,EAAO,KAAR;IACE,SAAS;KAAE,SAAS;KAAG,OAAO;KAAM,GAAG;IAAU;IACjD,SAAS;KAAE,SAAS;KAAG,OAAO;KAAG,GAAG;KAAG,GAAG;IAAE;IAC5C,MAAM;KAAE,SAAS;KAAG,OAAO;KAAM,GAAG;IAAU;IAC9C,YAAY;KAAE,GAAG,EAAQ;KAAQ,SAAS,EAAO;IAAK;IACtD,WAAW,EACT,2IACA,CACF;IAEC;GACS,CAAA;EACY,CAAA;CACH,CAAA,EAEZ,CAAA;AAErB,CAAC;AACD,EAAe,cAAA,EAAuC"}

package/dist/ui/truncated-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncated-text.js","names":[],"sources":["../../src/ui/truncated-text.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\nimport { Tooltip, TooltipContent, TooltipTrigger } from './tooltip'\n\ntype TruncateMode = 'end' | 'clamp' | 'middle'\n\nexport interface TruncatedTextProps {\n  /** The full text. Always the accessible name, even when visually shortened. */\n  children: string\n  /**\n   * `end` (default) single-line \"…end\"; `clamp` multi-line (`lines`); `middle`\n   * keeps both ends (filenames, emails) — `name…end.pdf`.\n   */\n  mode?: TruncateMode\n  /** Lines for `mode=\"clamp\"`. @default 2 */\n  lines?: number\n  /** Element to render. @default 'span' */\n  as?: 'span' | 'p' | 'div'\n  /** Show the full text in a tooltip when (and only when) actually truncated. @default true */\n  tooltip?: boolean\n  className?: string\n  /** Override the full-text accessible name / tooltip (defaults to `children`). */\n  title?: string\n}\n\n/** Keep `keep` chars total, ellipsis in the middle. */\nfunction truncateMiddle(str: string, keep: number, ellipsis = '…'): string {\n  if (keep >= str.length || keep < 2) return str\n  const budget = keep - ellipsis.length\n  const head = Math.ceil(budget / 2)\n  const tail = Math.floor(budget / 2)\n  // slice(-0) returns the whole string, so guard the tail explicitly.\n  return str.slice(0, head) + ellipsis + (tail > 0 ? str.slice(-tail) : '')\n}\n\n/**\n * Text that truncates and recovers. CSS handles `end`/`clamp` (full text stays in the\n * DOM, screen-reader safe); `middle` measures + JS-shortens but keeps the full string as\n * the accessible name. A tooltip appears ONLY when the text is actually clipped.\n *\n * Note: for `end`/`middle` in a flex/grid row, the shrinking item still needs `min-w-0`\n * (CSS gotcha) — apply it at the call site.\n *\n * @example\n * <TruncatedText>{user.name}</TruncatedText>\n * <TruncatedText mode=\"middle\">{fileName}</TruncatedText>      // report…v2.pdf\n * <TruncatedText mode=\"clamp\" lines={2}>{description}</TruncatedText>\n */\nexport const TruncatedText = React.forwardRef<HTMLElement, TruncatedTextProps>(\n  ({ children, mode = 'end', lines = 2, as = 'span', tooltip = true, className, title }, forwardedRef) => {\n    const full = children\n    const [overflowing, setOverflowing] = React.useState(false)\n    const [display, setDisplay] = React.useState(full)\n    const roRef = React.useRef<ResizeObserver | null>(null)\n\n    // Callback ref owns the ResizeObserver so it always tracks the CURRENT node.\n    // Wrapping in a Tooltip remounts the element when `overflowing` flips — a one-shot\n    // layout effect would leave a stale observer on the detached node (which then fires\n    // with size 0 and resets the measurement). Reconnecting here avoids that loop.\n    const attachRef = React.useCallback(\n      (node: HTMLElement | null) => {\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) (forwardedRef as React.MutableRefObject<HTMLElement | null>).current = node\n\n        roRef.current?.disconnect()\n        if (!node) return\n\n        const measure = () => {\n          if (mode === 'middle') {\n            node.textContent = full\n            if (node.clientWidth === 0 || node.scrollWidth <= node.clientWidth) {\n              setDisplay(full)\n              setOverflowing(false)\n              return\n            }\n            // Largest middle-truncated string that fits, via binary search.\n            let lo = 2\n            let hi = full.length\n            let best = 2\n            while (lo <= hi) {\n              const midKeep = (lo + hi) >> 1\n              node.textContent = truncateMiddle(full, midKeep)\n              if (node.scrollWidth <= node.clientWidth) {\n                best = midKeep\n                lo = midKeep + 1\n              } else {\n                hi = midKeep - 1\n              }\n            }\n            setDisplay(truncateMiddle(full, best))\n            setOverflowing(true)\n          } else if (mode === 'clamp') {\n            setOverflowing(node.scrollHeight > node.clientHeight + 1)\n          } else {\n            setOverflowing(node.scrollWidth > node.clientWidth + 1)\n          }\n        }\n\n        measure()\n        roRef.current = new ResizeObserver(measure)\n        roRef.current.observe(node)\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [full, mode, lines, forwardedRef],\n    )\n\n    const Tag = as as React.ElementType\n    const content = (\n      <Tag\n        ref={attachRef}\n        className={cn(\n          mode === 'end' && 'block truncate',\n          mode === 'middle' && 'block overflow-hidden whitespace-nowrap',\n          mode === 'clamp' && 'overflow-hidden',\n          className,\n        )}\n        style={\n          mode === 'clamp'\n            ? ({ display: '-webkit-box', WebkitBoxOrient: 'vertical', WebkitLineClamp: lines } as React.CSSProperties)\n            : undefined\n        }\n        // When clipped, the visible text may be shortened (middle mode) — keep the full\n        // string as the accessible name so screen readers always read it in full.\n        aria-label={overflowing ? (title ?? full) : undefined}\n      >\n        {mode === 'middle' ? display : full}\n      </Tag>\n    )\n\n    if (tooltip && overflowing) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{content}</TooltipTrigger>\n          <TooltipContent>{title ?? full}</TooltipContent>\n        </Tooltip>\n      )\n    }\n    return content\n  },\n)\nTruncatedText.displayName = 'TruncatedText'\n"],"mappings":";;;;;;AA6BA,SAAS,EAAe,GAAa,GAAc,IAAW,KAAa;AACzE,KAAI,KAAQ,EAAI,UAAU,IAAO,EAAG,QAAO;CAC3C,IAAM,IAAS,IAAO,EAAS,QACzB,IAAO,KAAK,KAAK,IAAS,EAAE,EAC5B,IAAO,KAAK,MAAM,IAAS,EAAE;AAEnC,QAAO,EAAI,MAAM,GAAG,EAAK,GAAG,KAAY,IAAO,IAAI,EAAI,MAAM,CAAC,EAAK,GAAG;;AAgBxE,IAAa,IAAgB,EAAM,YAChC,EAAE,aAAU,UAAO,OAAO,WAAQ,GAAG,QAAK,QAAQ,aAAU,IAAM,cAAW,YAAS,MAAiB;CACtG,IAAM,IAAO,GACP,CAAC,GAAa,KAAkB,EAAM,SAAS,GAAM,EACrD,CAAC,GAAS,KAAc,EAAM,SAAS,EAAK,EAC5C,IAAQ,EAAM,OAA8B,KAAK,EAsDjD,IACJ,kBAFU,GAEV;EACE,KAlDc,EAAM,aACrB,MAA6B;AAK5B,OAJI,OAAO,KAAiB,aAAY,EAAa,EAAK,GACjD,MAAe,EAA4D,UAAU,IAE9F,EAAM,SAAS,YAAY,EACvB,CAAC,EAAM;GAEX,IAAM,UAAgB;AACpB,QAAI,MAAS,UAAU;AAErB,SADA,EAAK,cAAc,GACf,EAAK,gBAAgB,KAAK,EAAK,eAAe,EAAK,aAAa;AAElE,MADA,EAAW,EAAK,EAChB,EAAe,GAAM;AACrB;;KAGF,IAAI,IAAK,GACL,IAAK,EAAK,QACV,IAAO;AACX,YAAO,KAAM,IAAI;MACf,IAAM,IAAW,IAAK,KAAO;AAE7B,MADA,EAAK,cAAc,EAAe,GAAM,EAAQ,EAC5C,EAAK,eAAe,EAAK,eAC3B,IAAO,GACP,IAAK,IAAU,KAEf,IAAK,IAAU;;AAInB,KADA,EAAW,EAAe,GAAM,EAAK,CAAC,EACtC,EAAe,GAAK;WAEpB,EADS,MAAS,UACH,EAAK,eAAe,EAAK,eAAe,IAExC,EAAK,cAAc,EAAK,cAAc,EAAE;;AAM3D,GAFA,GAAS,EACT,EAAM,UAAU,IAAI,eAAe,EAAQ,EAC3C,EAAM,QAAQ,QAAQ,EAAK;KAG7B;GAAC;GAAM;GAAM;GAAO;GAAa,CAClC;EAMG,WAAW,EACT,MAAS,SAAS,kBAClB,MAAS,YAAY,2CACrB,MAAS,WAAW,mBACpB,EACD;EACD,OACE,MAAS,UACJ;GAAE,SAAS;GAAe,iBAAiB;GAAY,iBAAiB;GAAO,GAChF,KAAA;EAIN,cAAY,IAAe,KAAS,IAAQ,KAAA;YAE3C,MAAS,WAAW,IAAU;EAC3B,CAAA;AAWR,QARI,KAAW,IAEX,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,SAAA;YAAS;EAAyB,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAiB,KAAS,GAAsB,CAAA,CACxC,EAAA,CAAA,GAGP;EAEV;AACD,EAAc,cAAc"}
+{"version":3,"file":"truncated-text.js","names":[],"sources":["../../src/ui/truncated-text.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\nimport { Tooltip, TooltipContent, TooltipTrigger } from './tooltip'\n\ntype TruncateMode = 'end' | 'clamp' | 'middle'\n\nexport interface TruncatedTextProps {\n  /** The full text. Always the accessible name, even when visually shortened. */\n  children: string\n  /**\n   * `end` (default) single-line \"…end\"; `clamp` multi-line (`lines`); `middle`\n   * keeps both ends (filenames, emails) — `name…end.pdf`.\n   */\n  mode?: TruncateMode\n  /** Lines for `mode=\"clamp\"`. @default 2 */\n  lines?: number\n  /** Element to render. @default 'span' */\n  as?: 'span' | 'p' | 'div'\n  /** Show the full text in a tooltip when (and only when) actually truncated. @default true */\n  tooltip?: boolean\n  className?: string\n  /** Override the full-text accessible name / tooltip (defaults to `children`). */\n  title?: string\n}\n\n/** Keep `keep` chars total, ellipsis in the middle. */\nfunction truncateMiddle(str: string, keep: number, ellipsis = '…'): string {\n  if (keep >= str.length || keep < 2) return str\n  const budget = keep - ellipsis.length\n  const head = Math.ceil(budget / 2)\n  const tail = Math.floor(budget / 2)\n  // slice(-0) returns the whole string, so guard the tail explicitly.\n  return str.slice(0, head) + ellipsis + (tail > 0 ? str.slice(-tail) : '')\n}\n\n/**\n * Text that truncates and recovers. CSS handles `end`/`clamp` (full text stays in the\n * DOM, screen-reader safe); `middle` measures + JS-shortens but keeps the full string as\n * the accessible name. A tooltip appears ONLY when the text is actually clipped.\n *\n * Note: for `end`/`middle` in a flex/grid row, the shrinking item still needs `min-w-0`\n * (CSS gotcha) — apply it at the call site.\n *\n * @example\n * <TruncatedText>{user.name}</TruncatedText>\n * <TruncatedText mode=\"middle\">{fileName}</TruncatedText>      // report…v2.pdf\n * <TruncatedText mode=\"clamp\" lines={2}>{description}</TruncatedText>\n */\nexport const TruncatedText = React.forwardRef<HTMLElement, TruncatedTextProps>(\n  ({ children, mode = 'end', lines = 2, as = 'span', tooltip = true, className, title }, forwardedRef) => {\n    const full = children\n    const [overflowing, setOverflowing] = React.useState(false)\n    const [display, setDisplay] = React.useState(full)\n    const roRef = React.useRef<ResizeObserver | null>(null)\n\n    // Callback ref owns the ResizeObserver so it always tracks the CURRENT node.\n    // Wrapping in a Tooltip remounts the element when `overflowing` flips — a one-shot\n    // layout effect would leave a stale observer on the detached node (which then fires\n    // with size 0 and resets the measurement). Reconnecting here avoids that loop.\n    const attachRef = React.useCallback(\n      (node: HTMLElement | null) => {\n        if (typeof forwardedRef === 'function') forwardedRef(node)\n        else if (forwardedRef) (forwardedRef as React.MutableRefObject<HTMLElement | null>).current = node\n\n        roRef.current?.disconnect()\n        if (!node) return\n\n        const measure = () => {\n          if (mode === 'middle') {\n            node.textContent = full\n            if (node.clientWidth === 0 || node.scrollWidth <= node.clientWidth) {\n              setDisplay(full)\n              setOverflowing(false)\n              return\n            }\n            // Largest middle-truncated string that fits, via binary search.\n            let lo = 2\n            let hi = full.length\n            let best = 2\n            while (lo <= hi) {\n              const midKeep = (lo + hi) >> 1\n              node.textContent = truncateMiddle(full, midKeep)\n              if (node.scrollWidth <= node.clientWidth) {\n                best = midKeep\n                lo = midKeep + 1\n              } else {\n                hi = midKeep - 1\n              }\n            }\n            setDisplay(truncateMiddle(full, best))\n            setOverflowing(true)\n          } else if (mode === 'clamp') {\n            setOverflowing(node.scrollHeight > node.clientHeight + 1)\n          } else {\n            setOverflowing(node.scrollWidth > node.clientWidth + 1)\n          }\n        }\n\n        measure()\n        roRef.current = new ResizeObserver(measure)\n        roRef.current.observe(node)\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [full, mode, lines, forwardedRef],\n    )\n\n    const Tag = as as React.ElementType\n    const content = (\n      <Tag\n        ref={attachRef}\n        className={cn(\n          mode === 'end' && 'block truncate',\n          mode === 'middle' && 'block overflow-hidden whitespace-nowrap',\n          mode === 'clamp' && 'overflow-hidden',\n          className,\n        )}\n        style={\n          mode === 'clamp'\n            ? ({ display: '-webkit-box', WebkitBoxOrient: 'vertical', WebkitLineClamp: lines } as React.CSSProperties)\n            : undefined\n        }\n        // When clipped, the visible text may be shortened (middle mode) — keep the full\n        // string as the accessible name so screen readers always read it in full.\n        aria-label={overflowing ? (title ?? full) : undefined}\n      >\n        {mode === 'middle' ? display : full}\n      </Tag>\n    )\n\n    if (tooltip && overflowing) {\n      return (\n        <Tooltip>\n          <TooltipTrigger asChild>{content}</TooltipTrigger>\n          <TooltipContent>{title ?? full}</TooltipContent>\n        </Tooltip>\n      )\n    }\n    return content\n  },\n)\nTruncatedText.displayName = 'TruncatedText'\n"],"mappings":";;;;;;AA6BA,SAAS,EAAe,GAAa,GAAc,IAAW,KAAa;CACzE,IAAI,KAAQ,EAAI,UAAU,IAAO,GAAG,OAAO;CAC3C,IAAM,IAAS,IAAO,EAAS,QACzB,IAAO,KAAK,KAAK,IAAS,CAAC,GAC3B,IAAO,KAAK,MAAM,IAAS,CAAC;CAElC,OAAO,EAAI,MAAM,GAAG,CAAI,IAAI,KAAY,IAAO,IAAI,EAAI,MAAM,CAAC,CAAI,IAAI;AACxE;AAeA,IAAa,IAAgB,EAAM,YAChC,EAAE,aAAU,UAAO,OAAO,WAAQ,GAAG,QAAK,QAAQ,aAAU,IAAM,cAAW,YAAS,MAAiB;CACtG,IAAM,IAAO,GACP,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAK,GACpD,CAAC,GAAS,KAAc,EAAM,SAAS,CAAI,GAC3C,IAAQ,EAAM,OAA8B,IAAI,GAsDhD,IACJ,kBAAC,GAAD;EACE,KAlDc,EAAM,aACrB,MAA6B;GAK5B,IAJI,OAAO,KAAiB,aAAY,EAAa,CAAI,IAChD,MAAc,EAA6D,UAAU,IAE9F,EAAM,SAAS,WAAW,GACtB,CAAC,GAAM;GAEX,IAAM,UAAgB;IACpB,IAAI,MAAS,UAAU;KAErB,IADA,EAAK,cAAc,GACf,EAAK,gBAAgB,KAAK,EAAK,eAAe,EAAK,aAAa;MAElE,AADA,EAAW,CAAI,GACf,EAAe,EAAK;MACpB;KACF;KAEA,IAAI,IAAK,GACL,IAAK,EAAK,QACV,IAAO;KACX,OAAO,KAAM,IAAI;MACf,IAAM,IAAW,IAAK,KAAO;MAE7B,AADA,EAAK,cAAc,EAAe,GAAM,CAAO,GAC3C,EAAK,eAAe,EAAK,eAC3B,IAAO,GACP,IAAK,IAAU,KAEf,IAAK,IAAU;KAEnB;KAEA,AADA,EAAW,EAAe,GAAM,CAAI,CAAC,GACrC,EAAe,EAAI;IACrB,OAAO,AACL,EADS,MAAS,UACH,EAAK,eAAe,EAAK,eAAe,IAExC,EAAK,cAAc,EAAK,cAAc,CAAC;GAE1D;GAIA,AAFA,EAAQ,GACR,EAAM,UAAU,IAAI,eAAe,CAAO,GAC1C,EAAM,QAAQ,QAAQ,CAAI;EAC5B,GAEA;GAAC;GAAM;GAAM;GAAO;EAAY,CAMzB;EACL,WAAW,EACT,MAAS,SAAS,kBAClB,MAAS,YAAY,2CACrB,MAAS,WAAW,mBACpB,CACF;EACA,OACE,MAAS,UACJ;GAAE,SAAS;GAAe,iBAAiB;GAAY,iBAAiB;EAAM,IAC/E,KAAA;EAIN,cAAY,IAAe,KAAS,IAAQ,KAAA;YAE3C,MAAS,WAAW,IAAU;CAC5B,CAAA;CAWP,OARI,KAAW,IAEX,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EAAgB,SAAA;YAAS;CAAwB,CAAA,GACjD,kBAAC,GAAD,EAAA,UAAiB,KAAS,EAAqB,CAAA,CACxC,EAAA,CAAA,IAGN;AACT,CACF;AACA,EAAc,cAAc"}

package/dist/ui/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"visually-hidden.js","names":[],"sources":["../../src/ui/visually-hidden.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\n\nexport interface VisuallyHiddenProps\n  extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst VisuallyHidden = React.forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ className, ...props }, ref) => {\n    return <span ref={ref} className={cn('sr-only', className)} {...props} />\n  },\n)\nVisuallyHidden.displayName = 'VisuallyHidden'\n\nexport { VisuallyHidden }\n"],"mappings":";;;;AAQA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACjB,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAG,WAAW,EAAU;CAAE,GAAI;CAAS,CAAA,CAE5E;AACD,EAAe,cAAc"}
+{"version":3,"file":"visually-hidden.js","names":[],"sources":["../../src/ui/visually-hidden.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from './lib/utils'\n\nexport interface VisuallyHiddenProps\n  extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst VisuallyHidden = React.forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ className, ...props }, ref) => {\n    return <span ref={ref} className={cn('sr-only', className)} {...props} />\n  },\n)\nVisuallyHidden.displayName = 'VisuallyHidden'\n\nexport { VisuallyHidden }\n"],"mappings":";;;;AAQA,IAAM,IAAiB,EAAM,YAC1B,EAAE,cAAW,GAAG,KAAS,MACjB,kBAAC,QAAD;CAAW;CAAK,WAAW,EAAG,WAAW,CAAS;CAAG,GAAI;AAAQ,CAAA,CAE5E;AACA,EAAe,cAAc"}

package/docs/components/ui/data-table.md

@@ -32,7 +32,7 @@
     editable: boolean — enable double-click cell editing
     virtualRows: boolean — virtualize rows for large datasets
     columnPinning: { left?: string[], right?: string[] }
-    defaultDensity: 'compact' | 'standard' | 'comfortable'
+    density: 'compact' | 'standard' | 'comfortable'
 
 ## Defaults
     pageSize=10, noResultsText="No results."
@@ -86,7 +86,7 @@ import { DataTable } from '@devalok/shilp-sutra/ui/data-table'
 - When pagination prop is provided, pagination is manual — pass total count
 - selectedIds syncs via useEffect — provide getRowId for custom row IDs
 - onRowClick does NOT fire when clicking checkboxes, buttons, links, or inputs
-- Use defaultDensity="compact" for Karm-style h-9 rows
+- Use density="compact" for Karm-style h-9 rows
 - `virtualRows={true}` requires a bounded scroll container — unbounded height silently disables virtualization
 
 ## Changes

package/llms.txt

@@ -1,6 +1,6 @@
 # @devalok/shilp-sutra
 
-> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.3.
+> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.5.
 > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
 > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).
 

package/mcp-manifest.json

@@ -2,7 +2,7 @@
   "$schema": "./mcp-manifest.schema.json",
   "manifestVersion": "1.2.0",
   "package": "@devalok/shilp-sutra",
-  "packageVersion": "0.49.3",
+  "packageVersion": "0.49.5",
   "components": {
     "accordion": {
       "displayName": "Accordion",
@@ -2756,7 +2756,7 @@
           },
           "required": false
         },
-        "defaultDensity": {
+        "density": {
           "type": {
             "name": "enum",
             "value": [
@@ -2798,7 +2798,7 @@
         "When pagination prop is provided, pagination is manual — pass total count",
         "selectedIds syncs via useEffect — provide getRowId for custom row IDs",
         "onRowClick does NOT fire when clicking checkboxes, buttons, links, or inputs",
-        "Use defaultDensity=\"compact\" for Karm-style h-9 rows",
+        "Use density=\"compact\" for Karm-style h-9 rows",
         "`virtualRows={true}` requires a bounded scroll container — unbounded height silently disables virtualization"
       ],
       "changes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.49.3",
+  "version": "0.49.5",
   "description": "Devalok Design System — accessible React components, OKLCH design tokens, and Tailwind 4 CSS-first setup. Ships with AI-agent setup recipes.",
   "license": "MIT",
   "author": "Devalok Design & Strategy Studios <shilp-sutra@devalok.in>",
@@ -57,7 +57,7 @@
     "clsx": "^2.1.1",
     "frimousse": "^0.3.0",
     "tw-animate-css": "^1.4.0",
-    "use-sync-external-store": "^1.5.0"
+    "use-sync-external-store": "^1.6.0"
   },
   "exports": {
     ".": {
@@ -936,21 +936,21 @@
   "devDependencies": {
     "@emoji-mart/data": "^1.2.1",
     "@emoji-mart/react": "^1.1.1",
-    "@floating-ui/dom": "^1.7.6",
-    "@floating-ui/react-dom": "^2.1.8",
-    "@tabler/icons-react": "^3.42.0",
+    "@floating-ui/dom": "^1.8.0",
+    "@floating-ui/react-dom": "^2.1.9",
+    "@tabler/icons-react": "^3.45.0",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.23",
-    "@tiptap/core": "^3.22.5",
-    "@tiptap/extension-highlight": "^3.22.5",
-    "@tiptap/extension-image": "^3.22.5",
-    "@tiptap/extension-list": "^3.22.5",
-    "@tiptap/extension-mention": "^3.22.5",
-    "@tiptap/extension-text-align": "^3.22.5",
-    "@tiptap/extensions": "^3.22.5",
-    "@tiptap/react": "^3.22.5",
-    "@tiptap/starter-kit": "^3.22.5",
-    "@tiptap/suggestion": "^3.22.5",
+    "@tanstack/react-virtual": "^3.14.7",
+    "@tiptap/core": "^3.28.0",
+    "@tiptap/extension-highlight": "^3.28.0",
+    "@tiptap/extension-image": "^3.28.0",
+    "@tiptap/extension-list": "^3.28.0",
+    "@tiptap/extension-mention": "^3.28.0",
+    "@tiptap/extension-text-align": "^3.28.0",
+    "@tiptap/extensions": "^3.28.0",
+    "@tiptap/react": "^3.28.0",
+    "@tiptap/starter-kit": "^3.28.0",
+    "@tiptap/suggestion": "^3.28.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "aria-hidden": "^1.2.6",
     "class-variance-authority": "^0.7.1",
@@ -964,12 +964,12 @@
     "d3-shape": "^3.2.0",
     "d3-time-format": "^4.1.0",
     "d3-transition": "^3.0.1",
-    "date-fns": "^4.1.0",
-    "esbuild": "^0.28.0",
-    "framer-motion": "^12.38.0",
+    "date-fns": "^4.4.0",
+    "esbuild": "^0.28.1",
+    "framer-motion": "^12.42.2",
     "input-otp": "^1.4.2",
     "prosemirror-state": "^1.4.4",
-    "react-colorful": "^5.6.1",
+    "react-colorful": "^5.8.0",
     "react-markdown": "^10.1.0",
     "react-pdf": "^10.4.1",
     "react-remove-scroll": "^2.7.2",
@@ -977,7 +977,7 @@
     "react-zoom-pan-pinch": "^4.0.3",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.6.0"
   },
   "scripts": {
     "build": "vite build && node scripts/post-build.mjs",

package/skill/SKILL.md

@@ -3,7 +3,7 @@ name: shilp-sutra
 description: Add, configure, and use components from Devalok's shilp-sutra design system (@devalok/shilp-sutra) — a Tailwind 4 + React 19 + CVA library with 110+ accessible components, OKLCH design tokens, framer-motion animations, and per-component RSC-safe entry points. Use this skill whenever the user mentions shilp-sutra, Devalok, the @devalok npm scope, or asks to install/add/style/theme UI in any React project that already depends on the package — even if they don't name it explicitly. Use it instead of generic shadcn/ui, MUI, or Chakra knowledge when shilp-sutra is in the project. Covers Next.js (App + Pages), Vite, Astro, Remix, TanStack Start setup playbooks; component API and variant reference; brand token customization; Server Component import patterns; and a troubleshoot tree for the thirteen most common breakages.
 license: MIT
 metadata:
-  version: "0.49.3"
+  version: "0.49.5"
   author: Devalok Design & Strategy Studios
   homepage: https://github.com/devalok-design/shilp-sutra
   npm: https://www.npmjs.com/package/@devalok/shilp-sutra

package/skill/references/components.md

@@ -2,7 +2,7 @@
 
 # @devalok/shilp-sutra
 
-> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.3.
+> Radix UI + Tailwind 4 (CSS-first) + CVA design system for Devalok apps, v0.49.5.
 > Built on the same primitives as shadcn/ui but with DIFFERENT prop APIs — never guess from shadcn knowledge; verify every prop.
 > This file is a ROUTER: it tells you what exists and where to get details. Do not look for prop tables here — fetch them per component (MCP tool or per-component doc file below).