@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/toaster.js

@@ -1,34 +1,24 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import * as l from "react";
-import { T as f } from "../_chunks/sonner.js";
-import { cn as p } from "./lib/utils.js";
-const c = l.forwardRef(
-  ({
-    position: o = "bottom-right",
-    closeButton: r = !1,
-    duration: s = 5e3,
-    hotkey: a = ["altKey", "KeyT"],
-    visibleToasts: e = 3,
-    className: m
-  }, i) => /* @__PURE__ */ t("div", { ref: i, className: p("z-toast", m), children: /* @__PURE__ */ t(
-    f,
-    {
-      position: o,
-      closeButton: r,
-      duration: s,
-      hotkey: a,
-      visibleToasts: e,
-      toastOptions: {
-        unstyled: !0,
-        classNames: {
-          toast: "w-full"
-        }
-      }
-    }
-  ) })
-);
-c.displayName = "Toaster";
-export {
-  c as Toaster
-};
+import { cn as e } from "./lib/utils.js";
+import { t } from "../_chunks/sonner.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/toaster.tsx
+var i = n.forwardRef(({ position: n = "bottom-right", closeButton: i = !1, duration: a = 5e3, hotkey: o = ["altKey", "KeyT"], visibleToasts: s = 3, className: c }, l) => /* @__PURE__ */ r("div", {
+	ref: l,
+	className: e("z-toast", c),
+	children: /* @__PURE__ */ r(t, {
+		position: n,
+		closeButton: i,
+		duration: a,
+		hotkey: o,
+		visibleToasts: s,
+		toastOptions: {
+			unstyled: !0,
+			classNames: { toast: "w-full" }
+		}
+	})
+}));
+i.displayName = "Toaster";
+//#endregion
+export { i as Toaster };

package/dist/ui/toggle-group.js

@@ -1,44 +1,40 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import * as e from "react";
-import { aI as i, aJ as l } from "../_chunks/primitives.js";
-import { cn as c } from "./lib/utils.js";
-import { toggleVariants as f } from "./toggle.js";
-const p = e.createContext({
-  size: "md",
-  variant: "default"
-}), u = e.forwardRef(({ className: r, variant: t, size: o, children: s, ...m }, a) => {
-  const d = e.useMemo(() => ({ variant: t, size: o }), [t, o]);
-  return /* @__PURE__ */ n(
-    i,
-    {
-      ref: a,
-      className: c("inline-flex items-center gap-ds-02", r),
-      ...m,
-      children: /* @__PURE__ */ n(p.Provider, { value: d, children: s })
-    }
-  );
+import { I as e, L as t } from "../_chunks/primitives.js";
+import { cn as n } from "./lib/utils.js";
+import { toggleVariants as r } from "./toggle.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/ui/toggle-group.tsx
+var o = i.createContext({
+	size: "md",
+	variant: "default"
+}), s = i.forwardRef(({ className: e, variant: r, size: s, children: c, ...l }, u) => {
+	let d = i.useMemo(() => ({
+		variant: r,
+		size: s
+	}), [r, s]);
+	return /* @__PURE__ */ a(t, {
+		ref: u,
+		className: n("inline-flex items-center gap-ds-02", e),
+		...l,
+		children: /* @__PURE__ */ a(o.Provider, {
+			value: d,
+			children: c
+		})
+	});
 });
-u.displayName = i.displayName;
-const g = e.forwardRef(({ className: r, variant: t, size: o, ...s }, m) => {
-  const a = e.useContext(p);
-  return /* @__PURE__ */ n(
-    l,
-    {
-      ref: m,
-      className: c(
-        f({
-          variant: t ?? a.variant,
-          size: o ?? a.size
-        }),
-        r
-      ),
-      ...s
-    }
-  );
+s.displayName = t.displayName;
+var c = i.forwardRef(({ className: t, variant: s, size: c, ...l }, u) => {
+	let d = i.useContext(o);
+	return /* @__PURE__ */ a(e, {
+		ref: u,
+		className: n(r({
+			variant: s ?? d.variant,
+			size: c ?? d.size
+		}), t),
+		...l
+	});
 });
-g.displayName = l.displayName;
-export {
-  u as ToggleGroup,
-  g as ToggleGroupItem
-};
+c.displayName = e.displayName;
+//#endregion
+export { s as ToggleGroup, c as ToggleGroupItem };

package/dist/ui/toggle.js

@@ -1,42 +1,38 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import * as n from "react";
-import { aH as e } from "../_chunks/primitives.js";
-import { a 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";
-const p = l.create(e), g = d(
-  "inline-flex items-center justify-center gap-ds-03 rounded-ds-md font-medium transition-colors duration-fast-01 ease-productive-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-action-disabled data-[state=on]:bg-accent-2 data-[state=on]:text-accent-11",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent hover:bg-surface-raised-hover text-surface-fg-muted",
-        outline: "border border-surface-border-strong bg-transparent hover:bg-surface-raised-hover hover:border-surface-border-strong"
-      },
-      size: {
-        sm: "h-ds-sm px-ds-03 text-ds-sm",
-        md: "h-ds-md px-ds-04 text-ds-md",
-        lg: "h-ds-lg px-ds-05 text-ds-base"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md"
-    }
-  }
-), u = n.forwardRef(({ className: t, variant: s, size: o, ...a }, r) => /* @__PURE__ */ i(
-  p,
-  {
-    ref: r,
-    whileTap: { scale: 0.95 },
-    transition: m.snappy,
-    className: f(g({ variant: s, size: o }), t),
-    ...c(a)
-  }
-));
+import { R as e } from "../_chunks/primitives.js";
+import { a as t } from "../_chunks/framer.js";
+import { motionProps as n, springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/ui/toggle.tsx
+var c = t.create(e), l = i("inline-flex items-center justify-center gap-ds-03 rounded-ds-md 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 data-[state=on]:bg-accent-2 data-[state=on]:text-accent-11", {
+	variants: {
+		variant: {
+			default: "bg-transparent hover:bg-surface-raised-hover text-surface-fg-muted",
+			outline: "border border-surface-border-strong bg-transparent hover:bg-surface-raised-hover hover:border-surface-border-strong"
+		},
+		size: {
+			sm: "h-ds-sm px-ds-03 text-ds-sm",
+			md: "h-ds-md px-ds-04 text-ds-md",
+			lg: "h-ds-lg px-ds-05 text-ds-base"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+}), u = o.forwardRef(({ className: e, variant: t, size: i, ...o }, u) => /* @__PURE__ */ s(c, {
+	ref: u,
+	whileTap: { scale: .95 },
+	transition: r.snappy,
+	className: a(l({
+		variant: t,
+		size: i
+	}), e),
+	...n(o)
+}));
 u.displayName = e.displayName;
-export {
-  u as Toggle,
-  g as toggleVariants
-};
+//#endregion
+export { u as Toggle, l as toggleVariants };

package/dist/ui/tooltip.js

@@ -1,69 +1,84 @@
 "use client";
-import { jsx as e, Fragment as h } from "react/jsx-runtime";
-import * as o from "react";
-import { aK as y, aL as f, aM as C, aN as u, aO as g } from "../_chunks/primitives.js";
-import { cn as P } from "./lib/utils.js";
-import { tweens as T, springs as O } from "./lib/motion.js";
-import { A as N, m as b } from "../_chunks/framer.js";
-const d = o.createContext(!1), F = ({
-  children: t,
-  ...r
-}) => /* @__PURE__ */ e(d.Provider, { value: !0, children: /* @__PURE__ */ e(u, { ...r, children: t }) });
-function w({ children: t }) {
-  return o.useContext(d) ? /* @__PURE__ */ e(h, { children: t }) : /* @__PURE__ */ e(d.Provider, { value: !0, children: /* @__PURE__ */ e(u, { delayDuration: 300, children: t }) });
+import { A as e, M as t, N as n, j as r, k as i } from "../_chunks/primitives.js";
+import { a, c as o } from "../_chunks/framer.js";
+import { springs as s, tweens as c } from "./lib/motion.js";
+import { cn as l } from "./lib/utils.js";
+import * as u from "react";
+import { Fragment as d, jsx as f } from "react/jsx-runtime";
+//#region src/ui/tooltip.tsx
+var p = u.createContext(!1), m = ({ children: e, ...t }) => /* @__PURE__ */ f(p.Provider, {
+	value: !0,
+	children: /* @__PURE__ */ f(r, {
+		...t,
+		children: e
+	})
+});
+function h({ children: e }) {
+	return u.useContext(p) ? /* @__PURE__ */ f(d, { children: e }) : /* @__PURE__ */ f(p.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ f(r, {
+			delayDuration: 300,
+			children: e
+		})
+	});
 }
-const m = o.createContext({ open: !1 }), M = ({
-  open: t,
-  defaultOpen: r,
-  onOpenChange: i,
-  ...a
-}) => {
-  const [l, c] = o.useState(r ?? !1), s = t !== void 0, n = s ? t : l, v = o.useCallback(
-    (p) => {
-      s || c(p), i?.(p);
-    },
-    [s, i]
-  ), x = o.useMemo(() => ({ open: n }), [n]);
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(m.Provider, { value: x, children: /* @__PURE__ */ e(g, { open: n, onOpenChange: v, ...a }) }) });
+var g = u.createContext({ open: !1 }), _ = ({ open: e, defaultOpen: n, onOpenChange: r, ...i }) => {
+	let [a, o] = u.useState(n ?? !1), s = e !== void 0, c = s ? e : a, l = u.useCallback((e) => {
+		s || o(e), r?.(e);
+	}, [s, r]), d = u.useMemo(() => ({ open: c }), [c]);
+	return /* @__PURE__ */ f(h, { children: /* @__PURE__ */ f(g.Provider, {
+		value: d,
+		children: /* @__PURE__ */ f(t, {
+			open: c,
+			onOpenChange: l,
+			...i
+		})
+	}) });
 };
-M.displayName = "Tooltip";
-const K = C, A = {
-  top: { y: 4 },
-  bottom: { y: -4 },
-  left: { x: 4 },
-  right: { x: -4 }
-}, R = o.forwardRef(({ className: t, sideOffset: r = 4, side: i = "top", children: a, ...l }, c) => {
-  const { open: s } = o.useContext(m), n = A[i] ?? {};
-  return /* @__PURE__ */ e(N, { children: s && /* @__PURE__ */ e(y, { forceMount: !0, children: /* @__PURE__ */ e(
-    f,
-    {
-      ref: c,
-      forceMount: !0,
-      sideOffset: r,
-      side: i,
-      ...l,
-      asChild: !0,
-      children: /* @__PURE__ */ e(
-        b.div,
-        {
-          initial: { opacity: 0, scale: 0.95, ...n },
-          animate: { opacity: 1, scale: 1, x: 0, y: 0 },
-          exit: { opacity: 0, scale: 0.95, ...n },
-          transition: { ...O.snappy, opacity: T.fade },
-          className: P(
-            "z-tooltip overflow-hidden rounded-ds-md bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating",
-            t
-          ),
-          children: a
-        }
-      )
-    }
-  ) }) });
+_.displayName = "Tooltip";
+var v = n, y = {
+	top: { y: 4 },
+	bottom: { y: -4 },
+	left: { x: 4 },
+	right: { x: -4 }
+}, b = u.forwardRef(({ className: t, sideOffset: n = 4, side: r = "top", children: d, ...p }, m) => {
+	let { open: h } = u.useContext(g), _ = y[r] ?? {};
+	return /* @__PURE__ */ f(o, { children: h && /* @__PURE__ */ f(e, {
+		forceMount: !0,
+		children: /* @__PURE__ */ f(i, {
+			ref: m,
+			forceMount: !0,
+			sideOffset: n,
+			side: r,
+			...p,
+			asChild: !0,
+			children: /* @__PURE__ */ f(a.div, {
+				initial: {
+					opacity: 0,
+					scale: .95,
+					..._
+				},
+				animate: {
+					opacity: 1,
+					scale: 1,
+					x: 0,
+					y: 0
+				},
+				exit: {
+					opacity: 0,
+					scale: .95,
+					..._
+				},
+				transition: {
+					...s.snappy,
+					opacity: c.fade
+				},
+				className: l("z-tooltip overflow-hidden rounded-ds-md bg-surface-inverted px-ds-04 py-ds-02b text-ds-sm text-surface-inverted-fg shadow-floating", t),
+				children: d
+			})
+		})
+	}) });
 });
-R.displayName = f.displayName;
-export {
-  M as Tooltip,
-  R as TooltipContent,
-  F as TooltipProvider,
-  K as TooltipTrigger
-};
+b.displayName = i.displayName;
+//#endregion
+export { _ as Tooltip, b as TooltipContent, m as TooltipProvider, v as TooltipTrigger };

package/dist/ui/tree-view/index.js

@@ -1,7 +1,3 @@
 "use client";
-import { T as a, a as s, u as T } from "../../_chunks/tree-view.js";
-export {
-  a as TreeItem,
-  s as TreeView,
-  T as useTree
-};
+import { n as e, r as t, t as n } from "../../_chunks/tree-view.js";
+export { e as TreeItem, n as TreeView, t as useTree };

package/dist/ui/visually-hidden.js

@@ -1,10 +1,12 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as e from "react";
-import { cn as i } from "./lib/utils.js";
-const m = e.forwardRef(
-  ({ className: r, ...a }, o) => /* @__PURE__ */ s("span", { ref: o, className: i("sr-only", r), ...a })
-);
-m.displayName = "VisuallyHidden";
-export {
-  m as VisuallyHidden
-};
+import { cn as e } from "./lib/utils.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ui/visually-hidden.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("span", {
+	ref: i,
+	className: e("sr-only", t),
+	...r
+}));
+r.displayName = "VisuallyHidden";
+//#endregion
+export { r as VisuallyHidden };

package/llms-full.txt

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

package/llms.txt

@@ -4,6 +4,18 @@
 > 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.
 
+## BREAKING CHANGES (v0.33.x — Tailwind 4 + Toolchain)
+
+- **Tailwind CSS 3 → 4:** `outline-none` → `outline-hidden`, `rounded-sm` → `rounded-xs`, `backdrop-blur-sm` → `backdrop-blur-xs`, `!prefix` → `suffix!` important syntax. Consumers using our preset: add `@import "tailwindcss"` + `@config` to your CSS, replace `darkMode: 'class'` with `@variant dark (&:is(.dark *))` in CSS. Peer dep accepts both `^3.4.0 || ^4.0.0`.
+- **tailwind-merge 3.0 → 3.5:** Required for TW4 class recognition.
+- **TypeScript 5.7 → 6.0.2:** `types` defaults to `[]` in TS6. Add explicit `"types": ["node"]` to tsconfig if needed.
+- **ESLint 9 → 10:** Config file lookup starts from linted file directory (not CWD). Verify monorepo configs.
+- **react-zoom-pan-pinch 3 → 4:** `onTransformed` renamed to `onTransform`. Peer dep `^3.0.0 || ^4.0.0`.
+
+## CHANGES (v0.33.1 / v0.33.2)
+
+- Bumped: React 19.2.5, Storybook 10.3.5, Vitest 4.1.4, framer-motion 12.38, @floating-ui/dom 1.7.6, @tabler/icons-react 3.41.1, esbuild 0.28, jsdom 29, Playwright 1.59.1, PostCSS 8.5.9, Prettier 3.8.2, vite-plugin-dts 4.5.4.
+
 ## BREAKING CHANGES (v0.33.0)
 
 - **EmojiSuggestion:** Named export removed. Use `createEmojiSuggestion(set?)` factory. Default: `createEmojiSuggestion()` (native set).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.33.2",
+  "version": "0.34.1",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
@@ -730,7 +730,7 @@
     "react-syntax-highlighter": "^15.0.0 || ^16.0.0",
     "react-zoom-pan-pinch": "^3.0.0 || ^4.0.0",
     "remark-gfm": "^4.0.0",
-    "tailwindcss": "^3.4.0"
+    "tailwindcss": "^3.4.0 || ^4.0.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-table": {
@@ -837,7 +837,7 @@
     "react-zoom-pan-pinch": "^4.0.3",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
-    "tailwind-merge": "^3.0.1"
+    "tailwind-merge": "^3.5.0"
   },
   "engines": {
     "node": ">=20.19.0"