@devalok/shilp-sutra 0.12.0 → 0.14.0

package/dist/shell/sidebar.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as l, jsx as e, Fragment as y } from "react/jsx-runtime";
-import * as x from "react";
-import { useLink as I } from "./link-context.js";
-import { S as R, a as O, b, c as T, d as W, e as z, f as H, g as U, h as $, i as w, j as C, k, l as A, m as q, n as D, o as E } from "../_chunks/sidebar.js";
-import { Collapsible as J, CollapsibleTrigger as K, CollapsibleContent as Q } from "../ui/collapsible.js";
-import { A as V, a as X, b as Y } from "../_chunks/avatar.js";
-import { c as u } from "../_chunks/utils.js";
-function Z({ className: a }) {
+import { jsxs as t, jsx as e, Fragment as k } from "react/jsx-runtime";
+import * as p from "react";
+import { useLink as G } from "./link-context.js";
+import { S as W, a as T, b as u, c as z, d as H, e as U, f as $, g as q, h as E, i as A, j as L, k as M, l as j, m as J, n as K, o as Q } from "../_chunks/sidebar.js";
+import { Collapsible as V, CollapsibleTrigger as X, CollapsibleContent as Y } from "../ui/collapsible.js";
+import { A as Z, a as _, b as P } from "../_chunks/avatar.js";
+import { c as v } from "../_chunks/utils.js";
+function ee({ className: r }) {
   return /* @__PURE__ */ e(
     "svg",
     {
@@ -19,158 +19,181 @@ function Z({ className: a }) {
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: a,
+      className: r,
       children: /* @__PURE__ */ e("path", { d: "m9 18 6-6-6-6" })
     }
   );
 }
-const M = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors", j = "bg-interactive-subtle text-interactive after:absolute after:right-0 after:top-0 after:h-full after:w-ds-01 after:rounded-l-ds-full after:bg-interactive after:content-['']", L = "text-text-helper hover:bg-layer-02 hover:text-text-primary";
-function _({
-  item: a,
-  isActive: s,
-  isPathActive: p
+function ae({ className: r }) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: r,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+const I = "relative gap-ds-04 rounded-ds-lg px-ds-04 py-ds-03 transition-colors", B = "bg-interactive-subtle text-interactive after:absolute after:right-0 after:top-0 after:h-full after:w-ds-01 after:rounded-l-ds-full after:bg-interactive after:content-['']", F = "text-text-helper hover:bg-layer-02 hover:text-text-primary";
+function re({
+  item: r,
+  isActive: n,
+  isPathActive: m
 }) {
-  const o = I(), n = a.badge != null ? typeof a.badge == "number" && a.badge > 99 ? "99+" : String(a.badge) : null;
-  if (a.children && a.children.length > 0) {
-    const d = a.children.some(
-      (r) => p(r.href, r.exact)
-    ), m = d || s || (a.defaultOpen ?? !1);
-    return /* @__PURE__ */ e(J, { defaultOpen: m, className: "group/collapsible", children: /* @__PURE__ */ l(C, { children: [
-      /* @__PURE__ */ e(
-        k,
-        {
-          asChild: !0,
-          isActive: s || d,
-          tooltip: a.title,
-          className: u(
-            M,
-            s || d ? j : L
-          ),
-          children: /* @__PURE__ */ l(
-            o,
-            {
-              href: a.href,
-              "aria-label": a.title,
-              "aria-current": s ? "page" : void 0,
-              children: [
-                /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: a.icon }),
-                /* @__PURE__ */ e("span", { className: "text-ds-base", children: a.title })
-              ]
-            }
-          )
-        }
-      ),
-      n && /* @__PURE__ */ e(A, { children: n }),
-      /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e(
-        "button",
-        {
-          className: "absolute right-ds-02 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-ds-md text-text-helper transition-transform hover:bg-layer-02 hover:text-text-primary group-data-[collapsible=icon]:hidden",
-          "aria-label": `Toggle ${a.title}`,
-          children: /* @__PURE__ */ e(Z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })
-        }
-      ) }),
-      /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(q, { children: a.children.map((r) => {
-        const h = p(r.href, r.exact);
-        return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
-          E,
+  const o = G(), l = r.badge != null ? typeof r.badge == "number" && r.badge > 99 ? "99+" : String(r.badge) : null;
+  if (r.children && r.children.length > 0) {
+    const d = r.children.some(
+      (a) => m(a.href, a.exact)
+    ), x = d || n || (r.defaultOpen ?? !1);
+    return /* @__PURE__ */ e(V, { defaultOpen: x, className: "group/collapsible", children: /* @__PURE__ */ t(L, { children: [
+      /* @__PURE__ */ t("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
+          M,
           {
             asChild: !0,
-            isActive: h,
-            children: /* @__PURE__ */ l(
+            isActive: n || d,
+            tooltip: r.title,
+            className: v(
+              I,
+              n || d ? B : F
+            ),
+            children: /* @__PURE__ */ t(
               o,
               {
                 href: r.href,
+                "aria-label": r.title,
+                "aria-current": n ? "page" : void 0,
+                children: [
+                  /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: r.icon }),
+                  /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
+                ]
+              }
+            )
+          }
+        ),
+        l && /* @__PURE__ */ e(j, { children: l }),
+        /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(
+          "button",
+          {
+            className: "absolute right-ds-02 top-1/2 flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded-ds-md text-text-helper transition-colors hover:bg-layer-02 hover:text-text-primary group-data-[collapsible=icon]:hidden",
+            "aria-label": `Toggle ${r.title}`,
+            children: /* @__PURE__ */ e(ee, { className: "h-4 w-4 transition-transform duration-fast-02 ease-productive-standard group-data-[state=open]/collapsible:rotate-90" })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(Y, { className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", children: /* @__PURE__ */ e(J, { children: r.children.map((a) => {
+        const h = m(a.href, a.exact);
+        return /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
+          Q,
+          {
+            asChild: !0,
+            isActive: h,
+            children: /* @__PURE__ */ t(
+              o,
+              {
+                href: a.href,
                 "aria-current": h ? "page" : void 0,
                 children: [
-                  r.icon && /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", "aria-hidden": "true", children: r.icon }),
-                  /* @__PURE__ */ e("span", { children: r.title })
+                  a.icon && /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm shrink-0", "aria-hidden": "true", children: a.icon }),
+                  /* @__PURE__ */ e("span", { children: a.title })
                 ]
               }
             )
           }
-        ) }, r.href);
+        ) }, a.href);
       }) }) })
     ] }) });
   }
-  return /* @__PURE__ */ l(C, { children: [
+  return /* @__PURE__ */ t(L, { children: [
     /* @__PURE__ */ e(
-      k,
+      M,
       {
         asChild: !0,
-        isActive: s,
-        tooltip: a.title,
-        className: u(
-          M,
-          s ? j : L
+        isActive: n,
+        tooltip: r.title,
+        className: v(
+          I,
+          n ? B : F
         ),
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ t(
           o,
           {
-            href: a.href,
-            "aria-label": a.title,
-            "aria-current": s ? "page" : void 0,
+            href: r.href,
+            "aria-label": r.title,
+            "aria-current": n ? "page" : void 0,
             children: [
-              /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: a.icon }),
-              /* @__PURE__ */ e("span", { className: "text-ds-base", children: a.title })
+              /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-md [&>svg]:w-ico-md shrink-0", "aria-hidden": "true", children: r.icon }),
+              /* @__PURE__ */ e("span", { className: "text-ds-base", children: r.title })
             ]
           }
         )
       }
     ),
-    n && /* @__PURE__ */ e(A, { children: n })
+    l && /* @__PURE__ */ e(j, { children: l })
   ] });
 }
-const P = x.forwardRef(
+const te = p.forwardRef(
   ({
-    currentPath: a = "/",
-    user: s,
-    navGroups: p = [],
+    currentPath: r = "/",
+    user: n,
+    navGroups: m = [],
     logo: o,
-    headerSlot: n,
+    headerSlot: l,
     preFooterSlot: d,
-    footerLinks: m = [],
-    footer: r,
+    footerLinks: x = [],
+    footer: a,
     renderItem: h,
-    className: B,
-    ...F
-  }, G) => {
-    var v;
-    const f = I(), g = (t, i = !1) => i || t === "/" ? a === t : a.startsWith(t);
-    return /* @__PURE__ */ l(
-      R,
+    className: R,
+    ...D
+  }, O) => {
+    var f, N, w, y;
+    const b = G(), g = (s, i = !1) => i || s === "/" ? r === s : r.startsWith(s);
+    return /* @__PURE__ */ t(
+      W,
       {
-        ...F,
-        ref: G,
+        ...D,
+        ref: O,
         "aria-label": "Main navigation",
-        className: u(
+        className: v(
           "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
-          B
+          R
         ),
         children: [
-          /* @__PURE__ */ e(O, { className: "px-ds-06 py-ds-06", children: o ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
-          s && /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
-            /* @__PURE__ */ l(V, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
-              s.image ? /* @__PURE__ */ e(X, { src: s.image, alt: s.name }) : null,
-              /* @__PURE__ */ e(Y, { className: "bg-layer-03 text-text-primary", children: (v = s.name) == null ? void 0 : v.charAt(0).toUpperCase() })
+          /* @__PURE__ */ e(T, { className: "px-ds-06 py-ds-06", children: o ?? /* @__PURE__ */ e("span", { className: "text-ds-lg font-semibold text-text-primary", children: "Logo" }) }),
+          n && /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-04 px-ds-06 pb-ds-05", children: [
+            /* @__PURE__ */ t(Z, { className: "h-ds-sm-plus w-ds-sm-plus", children: [
+              n.image ? /* @__PURE__ */ e(_, { src: n.image, alt: n.name }) : null,
+              /* @__PURE__ */ e(P, { className: "bg-layer-03 text-text-primary", children: (f = n.name) == null ? void 0 : f.charAt(0).toUpperCase() })
             ] }),
-            /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-col", children: [
-              /* @__PURE__ */ e("span", { className: "truncate text-ds-md text-text-primary", children: s.name }),
-              /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: s.designation || s.role })
+            /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col", children: [
+              /* @__PURE__ */ e("span", { className: "truncate text-ds-md text-text-primary", children: n.name }),
+              /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: n.designation || n.role })
             ] })
           ] }),
-          /* @__PURE__ */ e(b, {}),
-          n && /* @__PURE__ */ l(y, { children: [
-            n,
-            /* @__PURE__ */ e(b, {})
+          /* @__PURE__ */ e(u, {}),
+          l && /* @__PURE__ */ t(k, { children: [
+            l,
+            /* @__PURE__ */ e(u, {})
           ] }),
-          /* @__PURE__ */ e(T, { className: "no-scrollbar px-ds-04", children: p.map((t, i) => /* @__PURE__ */ l("div", { children: [
-            i > 0 && /* @__PURE__ */ e(b, {}),
-            /* @__PURE__ */ l(W, { children: [
-              /* @__PURE__ */ e(z, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: t.label }),
-              t.action && /* @__PURE__ */ e(H, { asChild: !0, children: t.action }),
-              /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e($, { children: t.items.map((c) => {
-                const N = () => /* @__PURE__ */ e(
-                  _,
+          /* @__PURE__ */ e(z, { className: "no-scrollbar px-ds-04", children: m.map((s, i) => /* @__PURE__ */ t("div", { children: [
+            i > 0 && /* @__PURE__ */ e(u, {}),
+            /* @__PURE__ */ t(H, { children: [
+              /* @__PURE__ */ e(U, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: s.label }),
+              s.action && /* @__PURE__ */ e($, { asChild: !0, children: s.action }),
+              /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(E, { children: s.items.map((c) => {
+                const C = () => /* @__PURE__ */ e(
+                  re,
                   {
                     item: c,
                     isActive: g(c.href, c.exact),
@@ -178,49 +201,85 @@ const P = x.forwardRef(
                   }
                 );
                 if (h) {
-                  const S = h(c, N);
+                  const S = h(c, C);
                   if (S !== null)
-                    return /* @__PURE__ */ e(x.Fragment, { children: S }, c.href);
+                    return /* @__PURE__ */ e(p.Fragment, { children: S }, c.href);
                 }
-                return /* @__PURE__ */ e(x.Fragment, { children: N() }, c.href);
+                return /* @__PURE__ */ e(p.Fragment, { children: C() }, c.href);
               }) }) })
             ] })
-          ] }, t.label)) }),
-          d && /* @__PURE__ */ l(y, { children: [
-            /* @__PURE__ */ e(b, {}),
+          ] }, s.label)) }),
+          d && /* @__PURE__ */ t(k, { children: [
+            /* @__PURE__ */ e(u, {}),
             d
           ] }),
-          r ? /* @__PURE__ */ l(w, { className: "px-ds-06 py-ds-05", children: [
-            r.slot && /* @__PURE__ */ e("div", { className: "pb-ds-04", children: r.slot }),
-            r.links && r.links.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: r.links.map((t, i) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
-              i > 0 && /* @__PURE__ */ e("span", { className: "text-text-placeholder", children: "·" }),
-              /* @__PURE__ */ e(
-                f,
+          a ? /* @__PURE__ */ t(A, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
+            a.slot && /* @__PURE__ */ e("div", { children: a.slot }),
+            a.promo && /* @__PURE__ */ t("div", { className: "relative rounded-ds-lg border border-border-subtle bg-layer-02 p-ds-04", children: [
+              a.promo.onDismiss && /* @__PURE__ */ e(
+                "button",
                 {
-                  className: "text-ds-sm text-text-placeholder transition-colors hover:text-interactive",
-                  href: t.href,
-                  children: t.label
+                  onClick: a.promo.onDismiss,
+                  "aria-label": "Dismiss",
+                  className: "absolute right-ds-02 top-ds-02 flex h-5 w-5 items-center justify-center rounded-ds-md text-text-helper transition-colors hover:bg-layer-03 hover:text-text-primary",
+                  children: /* @__PURE__ */ e(ae, { className: "h-3.5 w-3.5" })
                 }
-              )
-            ] }, t.href)) }),
-            r.version && /* @__PURE__ */ e("p", { className: "text-center text-ds-sm text-text-placeholder", children: r.version })
-          ] }) : m.length > 0 ? /* @__PURE__ */ e(w, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-start gap-ds-03", children: m.map((t, i) => /* @__PURE__ */ l("div", { className: "flex items-center gap-ds-03", children: [
-            i > 0 && /* @__PURE__ */ e("div", { className: "h-[16px] w-px bg-border" }),
+              ),
+              /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-03", children: [
+                a.promo.icon && /* @__PURE__ */ e("span", { className: "text-interactive [&>svg]:h-ico-md [&>svg]:w-ico-md", "aria-hidden": "true", children: a.promo.icon }),
+                /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col gap-ds-03", children: [
+                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-primary", children: a.promo.text }),
+                  a.promo.action && (a.promo.action.href ? /* @__PURE__ */ e(
+                    b,
+                    {
+                      href: a.promo.action.href,
+                      onClick: a.promo.action.onClick,
+                      className: "inline-flex self-start rounded-ds-md bg-interactive px-ds-04 py-ds-02 text-ds-sm font-medium text-text-on-color transition-colors hover:bg-interactive-hover",
+                      children: a.promo.action.label
+                    }
+                  ) : /* @__PURE__ */ e(
+                    "button",
+                    {
+                      onClick: a.promo.action.onClick,
+                      className: "inline-flex self-start rounded-ds-md bg-interactive px-ds-04 py-ds-02 text-ds-sm font-medium text-text-on-color transition-colors hover:bg-interactive-hover",
+                      children: a.promo.action.label
+                    }
+                  ))
+                ] })
+              ] })
+            ] }),
+            (((N = a.links) == null ? void 0 : N.length) || a.version) && /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-03 text-ds-sm text-text-placeholder", children: [
+              (w = a.links) == null ? void 0 : w.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
+                i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
+                /* @__PURE__ */ e(
+                  b,
+                  {
+                    className: "transition-colors hover:text-interactive",
+                    href: s.href,
+                    children: s.label
+                  }
+                )
+              ] }, s.href)),
+              ((y = a.links) == null ? void 0 : y.length) && a.version && /* @__PURE__ */ e("span", { children: "·" }),
+              a.version && (typeof a.version == "string" ? /* @__PURE__ */ e("span", { children: a.version }) : /* @__PURE__ */ e(b, { className: "transition-colors hover:text-interactive", href: a.version.href, children: a.version.label }))
+            ] })
+          ] }) : x.length > 0 ? /* @__PURE__ */ e(A, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03 text-ds-sm text-text-placeholder", children: x.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
+            i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
             /* @__PURE__ */ e(
-              f,
+              b,
               {
-                className: "text-ds-md text-text-placeholder transition-colors hover:text-interactive",
-                href: t.href,
-                children: t.label
+                className: "transition-colors hover:text-interactive",
+                href: s.href,
+                children: s.label
               }
             )
-          ] }, t.href)) }) }) : null
+          ] }, s.href)) }) }) : null
         ]
       }
     );
   }
 );
-P.displayName = "AppSidebar";
+te.displayName = "AppSidebar";
 export {
-  P as AppSidebar
+  te as AppSidebar
 };

package/dist/tailwind/index.cjs

@@ -326,6 +326,110 @@ const a = {
         lift: {
           "0%": { transform: "scale(1) translateY(0)" },
           "100%": { transform: "scale(1.03) translateY(-2px)" }
+        },
+        "slide-down": {
+          "0%": { opacity: "0", transform: "translateY(-8px)" },
+          "100%": { opacity: "1", transform: "translateY(0)" }
+        },
+        "slide-left": {
+          "0%": { opacity: "0", transform: "translateX(20px)" },
+          "100%": { opacity: "1", transform: "translateX(0)" }
+        },
+        "slide-out-up": {
+          "0%": { opacity: "1", transform: "translateY(0)" },
+          "100%": { opacity: "0", transform: "translateY(-8px)" }
+        },
+        "slide-out-down": {
+          "0%": { opacity: "1", transform: "translateY(0)" },
+          "100%": { opacity: "0", transform: "translateY(8px)" }
+        },
+        "check-pop": {
+          "0%": { transform: "scale(0)" },
+          "60%": { transform: "scale(1.2)" },
+          "100%": { transform: "scale(1)" }
+        },
+        "tab-indicator": {
+          "0%": { transform: "scaleX(0)", transformOrigin: "left" },
+          "100%": { transform: "scaleX(1)", transformOrigin: "left" }
+        },
+        "count-up": {
+          "0%": { opacity: "0", transform: "translateY(100%)" },
+          "100%": { opacity: "1", transform: "translateY(0)" }
+        },
+        wiggle: {
+          "0%, 100%": { transform: "rotate(0deg)" },
+          "20%": { transform: "rotate(-3deg)" },
+          "40%": { transform: "rotate(3deg)" },
+          "60%": { transform: "rotate(-1deg)" },
+          "80%": { transform: "rotate(1deg)" }
+        },
+        "pulse-ring": {
+          "0%": { boxShadow: "0 0 0 0 currentColor", opacity: "0.4" },
+          "100%": { boxShadow: "0 0 0 6px currentColor", opacity: "0" }
+        },
+        "rubber-band": {
+          "0%": { transform: "scaleX(1)" },
+          "20%": { transform: "scaleX(1.15)" },
+          "40%": { transform: "scaleX(0.9)" },
+          "60%": { transform: "scaleX(1.05)" },
+          "80%": { transform: "scaleX(0.98)" },
+          "100%": { transform: "scaleX(1)" }
+        },
+        "collapse-out": {
+          "0%": { gridTemplateRows: "1fr", opacity: "1" },
+          "100%": { gridTemplateRows: "0fr", opacity: "0" }
+        },
+        "expand-in": {
+          "0%": { gridTemplateRows: "0fr", opacity: "0" },
+          "100%": { gridTemplateRows: "1fr", opacity: "1" }
+        },
+        "accordion-down": {
+          "0%": { height: "0", opacity: "0" },
+          "100%": { height: "var(--radix-accordion-content-height)", opacity: "1" }
+        },
+        "accordion-up": {
+          "0%": { height: "var(--radix-accordion-content-height)", opacity: "1" },
+          "100%": { height: "0", opacity: "0" }
+        },
+        "collapsible-down": {
+          "0%": { height: "0", opacity: "0" },
+          "100%": { height: "var(--radix-collapsible-content-height)", opacity: "1" }
+        },
+        "collapsible-up": {
+          "0%": { height: "var(--radix-collapsible-content-height)", opacity: "1" },
+          "100%": { height: "0", opacity: "0" }
+        },
+        "shimmer-sweep": {
+          "0%": { backgroundPosition: "-200% 0" },
+          "100%": { backgroundPosition: "200% 0" }
+        },
+        "swing-in": {
+          "0%": { opacity: "0", transform: "perspective(800px) rotateX(-60deg)" },
+          "70%": { opacity: "1", transform: "perspective(800px) rotateX(5deg)" },
+          "100%": { opacity: "1", transform: "perspective(800px) rotateX(0deg)" }
+        },
+        "pop-in": {
+          "0%": { opacity: "0", transform: "scale(0.5)" },
+          "70%": { opacity: "1", transform: "scale(1.05)" },
+          "100%": { opacity: "1", transform: "scale(1)" }
+        },
+        float: {
+          "0%, 100%": { transform: "translateY(0)" },
+          "50%": { transform: "translateY(-4px)" }
+        },
+        "subtle-bounce": {
+          "0%": { transform: "translateY(0)" },
+          "40%": { transform: "translateY(-2px)" },
+          "100%": { transform: "translateY(0)" }
+        },
+        "spin-in": {
+          "0%": { opacity: "0", transform: "rotate(0deg) scale(0)" },
+          "100%": { opacity: "1", transform: "rotate(360deg) scale(1)" }
+        },
+        stamp: {
+          "0%": { opacity: "0.5", transform: "scale(1.4)" },
+          "60%": { opacity: "1", transform: "scale(0.95)" },
+          "100%": { opacity: "1", transform: "scale(1)" }
         }
       },
       animation: {
@@ -343,7 +447,30 @@ const a = {
         "scale-out": "scale-out var(--duration-moderate-01) var(--ease-expressive-exit) both",
         "glow-pulse": "glow-pulse var(--duration-slow-01) var(--ease-expressive-standard) 1",
         "scale-bounce": "scale-bounce var(--duration-moderate-02) var(--ease-bounce) both",
-        lift: "lift var(--duration-moderate-02) var(--ease-expressive-entrance) both"
+        lift: "lift var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "slide-down": "slide-down var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "slide-left": "slide-left var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "slide-out-up": "slide-out-up var(--duration-moderate-01) var(--ease-expressive-exit) both",
+        "slide-out-down": "slide-out-down var(--duration-moderate-01) var(--ease-expressive-exit) both",
+        "check-pop": "check-pop var(--duration-moderate-02) var(--ease-bounce) both",
+        "tab-indicator": "tab-indicator var(--duration-moderate-01) var(--ease-expressive-entrance) both",
+        "count-up": "count-up var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        wiggle: "wiggle var(--duration-moderate-02) var(--ease-productive-standard) both",
+        "pulse-ring": "pulse-ring var(--duration-slow-01) var(--ease-expressive-standard) infinite",
+        "rubber-band": "rubber-band var(--duration-moderate-02) var(--ease-productive-standard) both",
+        "collapse-out": "collapse-out var(--duration-moderate-01) var(--ease-productive-exit) both",
+        "expand-in": "expand-in var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "accordion-down": "accordion-down var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "accordion-up": "accordion-up var(--duration-moderate-01) var(--ease-productive-exit) both",
+        "collapsible-down": "collapsible-down var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "collapsible-up": "collapsible-up var(--duration-moderate-01) var(--ease-productive-exit) both",
+        "shimmer-sweep": "shimmer-sweep var(--duration-slow-02) var(--ease-linear) infinite",
+        "swing-in": "swing-in var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        "pop-in": "pop-in var(--duration-moderate-02) var(--ease-bounce) both",
+        float: "float 3s var(--ease-expressive-standard) infinite",
+        "subtle-bounce": "subtle-bounce var(--duration-fast-02) var(--ease-bounce) both",
+        "spin-in": "spin-in var(--duration-moderate-02) var(--ease-expressive-entrance) both",
+        stamp: "stamp var(--duration-moderate-02) var(--ease-bounce) both"
       },
       backgroundImage: {
         "gradient-brand": "var(--gradient-brand-light)",

package/dist/tailwind/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAqZ3B,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/tailwind/preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAohB3B,CAAA;AAED,eAAe,MAAM,CAAA"}