@devalok/shilp-sutra 0.33.2 → 0.34.0

package/dist/ui/segmented-control.js

@@ -82,7 +82,7 @@ const C = {
               className: i(
                 "relative inline-flex items-center justify-center gap-ds-02 rounded-ds-md",
                 "font-medium transition-colors duration-fast-02 ease-productive-standard",
-                "outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+                "outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
                 y,
                 t ? N[l] : "text-surface-fg-muted hover:text-surface-fg"
               ),

package/dist/ui/select.js

@@ -9,7 +9,7 @@ import { tweens as U, springs as G } from "./lib/motion.js";
 import { Icon as i } from "./icon.js";
 import { m as L } from "../_chunks/framer.js";
 const X = C, Y = B, Z = j, k = D(
-  "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
+  "flex w-full items-center justify-between whitespace-nowrap rounded-ds-md placeholder:text-surface-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled [&>span]:line-clamp-1",
   {
     variants: {
       variant: {
@@ -123,7 +123,7 @@ const $ = o.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__
   {
     ref: d,
     className: t(
-      "relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-none transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
+      "relative flex w-full cursor-default select-none items-center rounded-ds-md py-ds-02b pl-ds-03 pr-ds-07 text-ds-md outline-hidden transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised focus:bg-surface-raised focus:text-surface-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-action-disabled",
       s
     ),
     ...a,

package/dist/ui/sheet.js

@@ -17,16 +17,16 @@ const j = r.createContext({ open: !1, onClose: () => {
   children: m,
   ...u
 }) => {
-  const [i, p] = r.useState(o), a = t !== void 0, c = a ? t : i, d = r.useCallback(
+  const [i, p] = r.useState(o), a = t !== void 0, d = a ? t : i, c = r.useCallback(
     (n) => {
       a || p(n), s?.(n);
     },
     [a, s]
   ), h = r.useMemo(
-    () => ({ open: c, onClose: () => d(!1) }),
-    [c, d]
+    () => ({ open: d, onClose: () => c(!1) }),
+    [d, c]
   );
-  return /* @__PURE__ */ e(j.Provider, { value: h, children: /* @__PURE__ */ e(z, { open: c, onOpenChange: d, ...u, children: m }) });
+  return /* @__PURE__ */ e(j.Provider, { value: h, children: /* @__PURE__ */ e(z, { open: d, onOpenChange: c, ...u, children: m }) });
 };
 X.displayName = "Sheet";
 const ie = A, ne = C, _ = T, O = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e(v, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
@@ -68,13 +68,13 @@ const y = {
     }
   }
 ), J = r.forwardRef(({ side: t = "right", responsive: o, className: s, children: m, ...u }, i) => {
-  const p = H(), a = o !== !1 && p, c = B(), { open: d, onClose: h } = r.useContext(j), n = a ? "bottom" : t ?? "right", g = r.useRef(null), P = r.useCallback(
+  const p = H(), a = o !== !1 && p, d = B(), { open: c, onClose: h } = r.useContext(j), n = a ? "bottom" : t ?? "right", g = r.useRef(null), P = r.useCallback(
     (f) => {
       g.current = f, typeof i == "function" ? i(f) : i && (i.current = f);
     },
     [i]
   );
-  return /* @__PURE__ */ e(U, { children: d && /* @__PURE__ */ b(_, { forceMount: !0, children: [
+  return /* @__PURE__ */ e(U, { children: c && /* @__PURE__ */ b(_, { forceMount: !0, children: [
     /* @__PURE__ */ e(O, {}),
     /* @__PURE__ */ e(N, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ b(
       M.div,
@@ -85,7 +85,7 @@ const y = {
         animate: q[n],
         exit: y[n],
         transition: E.smooth,
-        drag: a && !c ? "y" : !1,
+        drag: a && !d ? "y" : !1,
         dragConstraints: { top: 0 },
         dragElastic: 0.2,
         onDragEnd: a ? (f, x) => {
@@ -95,7 +95,7 @@ const y = {
         ...R(u),
         children: [
           a && /* @__PURE__ */ e("div", { className: "flex justify-center pt-ds-03 pb-ds-02", children: /* @__PURE__ */ e("div", { className: "h-1 w-8 rounded-ds-full bg-surface-border" }) }),
-          /* @__PURE__ */ b(C, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ b(C, { title: "Close", className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
             /* @__PURE__ */ e(F, { icon: V, size: "sm" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] }),

package/dist/ui/sidebar.js

@@ -339,7 +339,7 @@ const ge = o(({ className: e, asChild: a = !1, ...t }, r) => /* @__PURE__ */ s(
     ref: r,
     "data-sidebar": "group-label",
     className: i(
-      "flex h-ds-sm shrink-0 items-center rounded-ds-md px-ds-03 text-ds-sm font-medium text-surface-fg-muted outline-none ring-accent-9 transition-[margin,opacity] duration-moderate-02 ease-productive-exit focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+      "flex h-ds-sm shrink-0 items-center rounded-ds-md px-ds-03 text-ds-sm font-medium text-surface-fg-muted outline-hidden ring-accent-9 transition-[margin,opacity] duration-moderate-02 ease-productive-exit focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
       e
     ),
@@ -353,7 +353,7 @@ const he = o(({ className: e, asChild: a = !1, ...t }, r) => /* @__PURE__ */ s(
     ref: r,
     "data-sidebar": "group-action",
     className: i(
-      "hover:bg-surface-raised-hover absolute right-ds-04 top-ds-04 flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-none ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+      "hover:bg-surface-raised-hover absolute right-ds-04 top-ds-04 flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-hidden ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       "after:absolute after:-inset-2 after:md:hidden",
       "group-data-[collapsible=icon]:hidden",
       e
@@ -399,7 +399,7 @@ const Se = o(
 );
 Se.displayName = "SidebarMenuItem";
 const we = T(
-  "peer/menu-button hover:bg-surface-raised-hover active:bg-accent-2 data-[active=true]:bg-accent-2 data-[state=open]:hover:bg-surface-raised-hover flex w-full items-center gap-ds-03 overflow-hidden rounded-ds-md p-ds-03 text-left outline-none ring-accent-9 transition-[width,height,padding] hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-ds-07 aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled data-[active=true]:font-medium data-[active=true]:text-surface-fg data-[state=open]:hover:text-surface-fg group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-ds-03 [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+  "peer/menu-button hover:bg-surface-raised-hover active:bg-accent-2 data-[active=true]:bg-accent-2 data-[state=open]:hover:bg-surface-raised-hover flex w-full items-center gap-ds-03 overflow-hidden rounded-ds-md p-ds-03 text-left outline-hidden ring-accent-9 transition-[width,height,padding] hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled group-has-[[data-sidebar=menu-action]]/menu-item:pr-ds-07 aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled data-[active=true]:font-medium data-[active=true]:text-surface-fg data-[state=open]:hover:text-surface-fg group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-ds-03 [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -473,7 +473,7 @@ const ye = o(({ className: e, asChild: a = !1, showOnHover: t = !1, ...r }, d) =
     ref: d,
     "data-sidebar": "menu-action",
     className: i(
-      "hover:bg-surface-raised-hover absolute right-ds-02 top-ds-02b flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-none ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 peer-hover/menu-button:text-surface-fg [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
+      "hover:bg-surface-raised-hover absolute right-ds-02 top-ds-02b flex aspect-square w-5 items-center justify-center rounded-ds-md p-0 text-surface-fg outline-hidden ring-accent-9 transition-transform hover:text-surface-fg focus-visible:ring-2 peer-hover/menu-button:text-surface-fg [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0",
       "after:absolute after:-inset-2 after:md:hidden",
       "peer-data-[size=sm]/menu-button:top-1",
       "peer-data-[size=md]/menu-button:top-ds-02b",
@@ -566,7 +566,7 @@ const ke = o(({ asChild: e = !1, size: a = "md", isActive: t, className: r, ...d
     "data-size": a,
     "data-active": t,
     className: i(
-      "hover:bg-surface-raised-hover active:bg-accent-2 flex h-ds-xs-plus min-w-0 -translate-x-px items-center gap-ds-03 overflow-hidden rounded-ds-md px-ds-03 text-surface-fg outline-none ring-accent-9 hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0 [&>svg]:text-surface-fg",
+      "hover:bg-surface-raised-hover active:bg-accent-2 flex h-ds-xs-plus min-w-0 -translate-x-px items-center gap-ds-03 overflow-hidden rounded-ds-md px-ds-03 text-surface-fg outline-hidden ring-accent-9 hover:text-surface-fg focus-visible:ring-2 active:text-surface-fg disabled:pointer-events-none disabled:opacity-action-disabled aria-disabled:pointer-events-none aria-disabled:opacity-action-disabled [&>span:last-child]:truncate [&>svg]:h-ico-sm [&>svg]:w-ico-sm [&>svg]:shrink-0 [&>svg]:text-surface-fg",
       "data-[active=true]:bg-accent-2 data-[active=true]:text-surface-fg",
       a === "sm" && "text-ds-sm",
       a === "md" && "text-ds-md",

package/dist/ui/slider.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import * as f from "react";
-import { aD as s, aE as b, aF as u, aG as h } from "../_chunks/primitives.js";
+import { aD as s, aE as b, aF as h, aG as u } from "../_chunks/primitives.js";
 import { cn as m } from "./lib/utils.js";
 const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue: o, ...t }, n) => {
   const r = (a ?? o ?? [0]).length;
@@ -17,12 +17,12 @@ const v = f.forwardRef(({ className: i, "aria-label": l, value: a, defaultValue:
       ),
       ...t,
       children: [
-        /* @__PURE__ */ e(b, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(u, { className: "absolute h-full bg-accent-9" }) }),
+        /* @__PURE__ */ e(b, { className: "relative h-ds-02b w-full grow overflow-hidden rounded-ds-full bg-surface-raised-hover", children: /* @__PURE__ */ e(h, { className: "absolute h-full bg-accent-9" }) }),
         Array.from({ length: r }, (g, c) => /* @__PURE__ */ e(
-          h,
+          u,
           {
             "aria-label": r === 1 ? l : void 0,
-            className: "touch-target block h-6 w-6 rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] 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"
+            className: "touch-target block h-6 w-6 rounded-ds-full border-2 border-accent-7 bg-surface-overlay shadow-raised transition-[color,transform,box-shadow] duration-fast-02 ease-productive-standard hover:scale-110 hover:shadow-raised-hover active:scale-[1.15] 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"
           },
           c
         ))

package/dist/ui/split-button.js

@@ -189,7 +189,7 @@ const se = n.forwardRef(
                       className: o(
                         "inline-flex items-center justify-center select-none",
                         "transition-colors duration-fast-01 ease-productive-standard",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
                         "disabled:pointer-events-none disabled:opacity-action-disabled",
                         y,
                         N[r],
@@ -211,7 +211,7 @@ const se = n.forwardRef(
                     className: o(
                       "inline-flex items-center justify-center font-semibold select-none whitespace-nowrap",
                       "transition-colors duration-fast-01 ease-productive-standard",
-                      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                      "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
                       "disabled:pointer-events-none disabled:opacity-action-disabled",
                       y,
                       N[r],
@@ -236,7 +236,7 @@ const se = n.forwardRef(
                       className: o(
                         "inline-flex items-center justify-center select-none",
                         "transition-colors duration-fast-01 ease-productive-standard",
-                        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
+                        "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-inset",
                         "disabled:pointer-events-none disabled:opacity-action-disabled",
                         y,
                         N[r],

package/dist/ui/switch.js

@@ -13,7 +13,7 @@ const R = {
   accent: "data-[state=checked]:bg-accent-9",
   success: "data-[state=checked]:bg-success-9",
   warning: "data-[state=checked]:bg-warning-9"
-}, S = a.forwardRef(({ className: i, error: d, size: l = "md", color: m = "accent", thumbIcon: h, checked: e, defaultChecked: r, onCheckedChange: s, ...u }, b) => {
+}, S = a.forwardRef(({ className: i, error: d, size: l = "md", color: h = "accent", thumbIcon: m, checked: e, defaultChecked: r, onCheckedChange: s, ...u }, b) => {
   const [f, p] = a.useState(r ?? !1), g = e !== void 0 ? e : f, { track: w, thumb: v, travel: k } = R[l], x = a.useCallback(
     (o) => {
       e === void 0 && p(o), s?.(o);
@@ -24,9 +24,9 @@ const R = {
     c,
     {
       className: n(
-        "touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
+        "touch-target peer inline-flex shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-surface-border-strong shadow-raised transition-colors duration-fast-01 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-action-disabled data-[state=checked]:border-transparent data-[state=unchecked]:bg-surface-border-strong data-[state=unchecked]:hover:bg-surface-raised-active",
         w,
-        j[m],
+        j[h],
         d && "border-error-7 data-[state=checked]:bg-error-9",
         i
       ),
@@ -45,7 +45,7 @@ const R = {
           animate: { x: g ? k : 0 },
           whileTap: { scale: 0.85 },
           transition: y.snappy,
-          children: h
+          children: m
         }
       ) })
     }

package/dist/ui/tabs.js

@@ -48,7 +48,7 @@ const C = e.createContext({
   },
   defaultVariants: { variant: "line", size: "md" }
 }), R = y(
-  "relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled",
+  "relative inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans font-medium transition-colors duration-100 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-action-disabled",
   {
     variants: {
       variant: {
@@ -136,7 +136,7 @@ const S = e.forwardRef(({ className: t, children: n, ...o }, r) => /* @__PURE__
   {
     ref: r,
     className: m(
-      "mt-ds-05 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+      "mt-ds-05 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
       t
     ),
     ...o,

package/dist/ui/textarea.js

@@ -14,7 +14,7 @@ const p = m(
     "placeholder:text-surface-fg-subtle",
     "hover:bg-surface-raised-active",
     "transition-colors duration-fast-01 ease-productive-standard",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:border-accent-7",
+    "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:border-accent-7",
     "disabled:cursor-not-allowed disabled:opacity-action-disabled",
     "read-only:bg-surface-raised read-only:cursor-default"
   ],
@@ -30,8 +30,8 @@ const p = m(
     defaultVariants: { size: "md" }
   }
 ), v = l.forwardRef(
-  ({ className: a, state: i, size: o, ...s }, t) => {
-    const r = b(), e = i ?? (r.state === "helper" ? void 0 : r.state), d = s["aria-describedby"] ?? r.helperTextId, n = s["aria-required"] ?? r.required;
+  ({ className: i, state: a, size: o, ...s }, t) => {
+    const r = b(), e = a ?? (r.state === "helper" ? void 0 : r.state), d = s["aria-describedby"] ?? r.helperTextId, n = s["aria-required"] ?? r.required;
     return /* @__PURE__ */ c(
       x.textarea,
       {
@@ -43,7 +43,7 @@ const p = m(
           e === "error" && "border-error-7 focus-visible:ring-error-7",
           e === "warning" && "border-warning-7 focus-visible:ring-warning-7",
           e === "success" && "border-success-7 focus-visible:ring-success-7",
-          a
+          i
         ),
         ref: t,
         ...f(s)

package/dist/ui/toast.js

@@ -152,7 +152,7 @@ function B({
                 {
                   type: "button",
                   onClick: r.onClick,
-                  className: "text-ds-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-raised-hover rounded-ds-sm px-ds-02 py-ds-01 transition-[color,background-color] duration-fast-01 ease-productive-standard focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-ds-sm",
+                  className: "text-ds-sm font-medium text-accent-11 underline-offset-2 hover:underline hover:bg-surface-raised-hover rounded-ds-sm px-ds-02 py-ds-01 transition-[color,background-color] duration-fast-01 ease-productive-standard focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-ds-sm",
                   children: r.label
                 }
               ),
@@ -161,7 +161,7 @@ function B({
                 {
                   type: "button",
                   onClick: n.onClick,
-                  className: "text-ds-sm text-surface-fg-muted hover:text-surface-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-ds-sm",
+                  className: "text-ds-sm text-surface-fg-muted hover:text-surface-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:rounded-ds-sm",
                   children: n.label
                 }
               )

package/dist/ui/toggle.js

@@ -7,7 +7,7 @@ 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",
+  "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: {
@@ -25,14 +25,14 @@ const p = l.create(e), g = d(
       size: "md"
     }
   }
-), u = n.forwardRef(({ className: t, variant: s, size: o, ...a }, r) => /* @__PURE__ */ i(
+), u = n.forwardRef(({ className: t, variant: s, size: a, ...o }, r) => /* @__PURE__ */ i(
   p,
   {
     ref: r,
     whileTap: { scale: 0.95 },
     transition: m.snappy,
-    className: f(g({ variant: s, size: o }), t),
-    ...c(a)
+    className: f(g({ variant: s, size: a }), t),
+    ...c(o)
   }
 ));
 u.displayName = e.displayName;

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.0
 
 ---
 

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.0",
   "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"