@devalok/shilp-sutra 0.17.2 → 0.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devalok/shilp-sutra",
-  "version": "0.17.2",
+  "version": "0.18.0",
   "description": "Devalok Design System — tokens, components, and patterns for Next.js",
   "license": "MIT",
   "type": "module",
@@ -308,6 +308,11 @@
       "default": "./dist/ui/toast.js",
       "types": "./dist/ui/toast.d.ts"
     },
+    "./ui/toast-types": {
+      "import": "./dist/ui/toast-types.js",
+      "default": "./dist/ui/toast-types.js",
+      "types": "./dist/ui/toast-types.d.ts"
+    },
     "./ui/toaster": {
       "import": "./dist/ui/toaster.js",
       "default": "./dist/ui/toaster.js",
@@ -328,11 +333,6 @@
       "default": "./dist/ui/tooltip.js",
       "types": "./dist/ui/tooltip.d.ts"
     },
-    "./ui/transitions": {
-      "import": "./dist/ui/transitions.js",
-      "default": "./dist/ui/transitions.js",
-      "types": "./dist/ui/transitions.d.ts"
-    },
     "./ui/visually-hidden": {
       "import": "./dist/ui/visually-hidden.js",
       "default": "./dist/ui/visually-hidden.js",
@@ -353,6 +353,11 @@
       "default": "./dist/composed/index.js",
       "types": "./dist/composed/index.d.ts"
     },
+    "./composed/activity-feed": {
+      "import": "./dist/composed/activity-feed.js",
+      "default": "./dist/composed/activity-feed.js",
+      "types": "./dist/composed/activity-feed.d.ts"
+    },
     "./composed/avatar-group": {
       "import": "./dist/composed/avatar-group.js",
       "default": "./dist/composed/avatar-group.js",
@@ -519,6 +524,16 @@
       "import": "./dist/composed/lib/string-utils.js",
       "default": "./dist/composed/lib/string-utils.js",
       "types": "./dist/composed/lib/string-utils.d.ts"
+    },
+    "./motion": {
+      "import": "./dist/motion/index.js",
+      "default": "./dist/motion/index.js",
+      "types": "./dist/motion/index.d.ts"
+    },
+    "./motion/primitives": {
+      "import": "./dist/motion/primitives-index.js",
+      "default": "./dist/motion/primitives-index.js",
+      "types": "./dist/motion/primitives-index.d.ts"
     }
   },
   "files": [
@@ -647,10 +662,13 @@
     "input-otp": "^1.4.2",
     "react-markdown": "^10.1.0",
     "react-remove-scroll": "^2.6.3",
-    "tailwind-merge": "^3.0.1"
+    "tailwind-merge": "^3.0.1",
+    "framer-motion": "^12.36.0",
+    "sonner": "^2.0.7"
   },
   "engines": {
     "node": ">=20.0.0"
   },
-  "packageManager": "pnpm@10.0.0"
+  "packageManager": "pnpm@10.0.0",
+  "dependencies": {}
 }

package/dist/_chunks/switch.js

@@ -1,10 +0,0 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import * as n from "react";
-import { al as o, am as d } from "./primitives.js";
-import { c as r } from "./utils.js";
-const c = n.forwardRef(({ className: a, error: t, ...s }, i) => e(o, { className: r("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-transparent shadow-01 transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[0.38] data-[state=checked]:bg-interactive data-[state=unchecked]:bg-border-strong", t && "border-border-error data-[state=checked]:bg-error", a), ...s, ref: i, children: e(d, { className: r("pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-text-on-color shadow-02 ring-0 transition-transform duration-moderate-01 ease-bounce data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) }));
-c.displayName = o.displayName;
-export {
-  c as S
-};

package/dist/composed/upload-progress.d.ts

@@ -1,33 +0,0 @@
-"use client";
-import * as React from 'react';
-export interface UploadFile {
-    id: string;
-    name: string;
-    /** File size in bytes */
-    size: number;
-    /** 0-100 progress percentage. undefined = indeterminate */
-    progress?: number;
-    /** Upload state */
-    status: 'pending' | 'uploading' | 'processing' | 'complete' | 'error';
-    /** Error message if status is 'error' */
-    error?: string;
-    /** Optional preview URL (for images) */
-    previewUrl?: string;
-}
-export interface UploadProgressProps extends React.HTMLAttributes<HTMLDivElement> {
-    files: UploadFile[];
-    /** Called when user cancels/removes a file */
-    onRemove?: (fileId: string) => void;
-    /** Called when user retries a failed upload */
-    onRetry?: (fileId: string) => void;
-    /** Called when user dismisses all terminal files */
-    onDismissAll?: () => void;
-    /** Show compact single-line items vs expanded items */
-    variant?: 'default' | 'compact';
-    /** Whether to show file size */
-    showSize?: boolean;
-}
-declare function formatFileSize(bytes: number): string;
-declare const UploadProgress: React.ForwardRefExoticComponent<UploadProgressProps & React.RefAttributes<HTMLDivElement>>;
-export { UploadProgress, formatFileSize };
-//# sourceMappingURL=upload-progress.d.ts.map

package/dist/composed/upload-progress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-progress.d.ts","sourceRoot":"","sources":["../../src/composed/upload-progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAiB9B,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mBAAmB;IACnB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAA;IACrE,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO7C;AAgWD,QAAA,MAAM,cAAc,4FA4GnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/composed/upload-progress.js

@@ -1,386 +0,0 @@
-"use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import * as $ from "react";
-import { IconRefresh as g, IconX as u, IconCheck as C, IconAlertCircle as j, IconLoader2 as z, IconPhoto as F, IconFile as I } from "@tabler/icons-react";
-import { c as i } from "../_chunks/utils.js";
-import { Progress as y } from "../ui/progress.js";
-function P(e) {
-  return !e || e < 0 || !Number.isFinite(e) ? "0 B" : e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(2)} GB`;
-}
-const U = /* @__PURE__ */ new Set([
-  "jpg",
-  "jpeg",
-  "png",
-  "gif",
-  "webp",
-  "svg",
-  "bmp",
-  "ico",
-  "avif"
-]);
-function B(e) {
-  var n;
-  if (e.previewUrl) return !0;
-  const a = ((n = e.name.split(".").pop()) == null ? void 0 : n.toLowerCase()) ?? "";
-  return U.has(a);
-}
-function b(e) {
-  switch (e) {
-    case "complete":
-      return "success";
-    case "error":
-      return "error";
-    default:
-      return "default";
-  }
-}
-function v(e) {
-  switch (e.status) {
-    case "pending":
-      return 0;
-    case "uploading":
-      return e.progress ?? 0;
-    case "processing":
-      return;
-    case "complete":
-      return 100;
-    case "error":
-      return e.progress ?? 0;
-  }
-}
-function N({
-  file: e,
-  className: a
-}) {
-  if (e.previewUrl)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: i(
-          "h-8 w-8 shrink-0 overflow-hidden rounded-ds-md",
-          a
-        ),
-        children: /* @__PURE__ */ t(
-          "img",
-          {
-            src: e.previewUrl,
-            alt: "",
-            className: "h-full w-full object-cover"
-          }
-        )
-      }
-    );
-  if (e.status === "complete")
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: i(
-          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-success-surface animate-scale-in",
-          a
-        ),
-        children: /* @__PURE__ */ t(C, { size: 16, className: "text-text-success animate-check-pop" })
-      }
-    );
-  if (e.status === "error")
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: i(
-          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-error-surface animate-scale-in",
-          a
-        ),
-        children: /* @__PURE__ */ t(j, { size: 16, className: "text-text-error animate-shake" })
-      }
-    );
-  if (e.status === "processing")
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        className: i(
-          "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-layer-02 animate-fade-in",
-          a
-        ),
-        children: /* @__PURE__ */ t(
-          z,
-          {
-            size: 16,
-            className: "animate-spin text-text-secondary"
-          }
-        )
-      }
-    );
-  const n = B(e) ? F : I;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: i(
-        "flex h-8 w-8 shrink-0 items-center justify-center rounded-ds-md bg-layer-02 transition-opacity duration-fast-02",
-        e.status === "pending" && "opacity-50",
-        a
-      ),
-      children: /* @__PURE__ */ t(n, { size: 16, className: "text-text-secondary" })
-    }
-  );
-}
-function E({
-  file: e,
-  index: a,
-  showSize: n,
-  onRemove: o,
-  onRetry: d
-}) {
-  const c = v(e), m = b(e.status);
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: "animate-slide-up px-ds-04 py-ds-03 transition-colors duration-fast-02 hover:bg-layer-02/50",
-      style: {
-        animationDelay: `${a * 30}ms`,
-        animationFillMode: "both"
-      },
-      children: [
-        /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: [
-          /* @__PURE__ */ t(N, { file: e }),
-          /* @__PURE__ */ s("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ t(
-              "p",
-              {
-                className: i(
-                  "truncate text-ds-sm font-medium text-text-primary",
-                  e.status === "pending" && "text-text-disabled"
-                ),
-                children: e.name
-              }
-            ),
-            /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-02", children: [
-              n && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-placeholder", children: P(e.size) }),
-              e.status === "processing" && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-secondary", children: "Processing..." }),
-              e.status === "error" && e.error && /* @__PURE__ */ t("span", { className: "text-ds-xs text-text-error", children: e.error })
-            ] })
-          ] }),
-          e.status === "uploading" && e.progress !== void 0 && /* @__PURE__ */ s("span", { className: "shrink-0 text-ds-xs tabular-nums text-text-secondary transition-opacity duration-fast-01", children: [
-            e.progress,
-            "%"
-          ] }),
-          /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-01", children: [
-            e.status === "error" && d && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => d(e.id),
-                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-                "aria-label": `Retry upload for ${e.name}`,
-                children: /* @__PURE__ */ t(g, { size: 14 })
-              }
-            ),
-            (e.status === "error" || e.status === "complete" || e.status === "pending") && o && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => o(e.id),
-                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-                "aria-label": `Remove ${e.name}`,
-                children: /* @__PURE__ */ t(u, { size: 14 })
-              }
-            ),
-            e.status === "uploading" && o && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: () => o(e.id),
-                className: "flex h-6 w-6 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-                "aria-label": `Cancel upload for ${e.name}`,
-                children: /* @__PURE__ */ t(u, { size: 14 })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "mt-ds-02 pl-11", children: /* @__PURE__ */ t(
-          y,
-          {
-            value: c,
-            color: m,
-            size: "sm",
-            "aria-label": `Upload progress for ${e.name}`
-          }
-        ) })
-      ]
-    }
-  );
-}
-function M({
-  file: e,
-  index: a,
-  onRemove: n,
-  onRetry: o
-}) {
-  const d = v(e), c = b(e.status);
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: "flex items-center gap-ds-03 px-ds-03 py-ds-02 animate-slide-up transition-colors duration-fast-02 hover:bg-layer-02/50",
-      style: {
-        animationDelay: `${a * 30}ms`,
-        animationFillMode: "both"
-      },
-      children: [
-        /* @__PURE__ */ t(N, { file: e, className: "h-6 w-6" }),
-        /* @__PURE__ */ t(
-          "p",
-          {
-            className: i(
-              "min-w-0 shrink truncate text-ds-xs font-medium text-text-primary",
-              e.status === "pending" && "text-text-disabled"
-            ),
-            children: e.name
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "w-20 shrink-0", children: /* @__PURE__ */ t(
-          y,
-          {
-            value: d,
-            color: c,
-            size: "sm",
-            "aria-label": `Upload progress for ${e.name}`
-          }
-        ) }),
-        e.status === "uploading" && e.progress !== void 0 && /* @__PURE__ */ s("span", { className: "shrink-0 text-ds-xs tabular-nums text-text-secondary", children: [
-          e.progress,
-          "%"
-        ] }),
-        e.status === "processing" && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-secondary", children: "Processing..." }),
-        e.status === "error" && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-error", children: "Error" }),
-        /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-01", children: [
-          e.status === "error" && o && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              onClick: () => o(e.id),
-              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-              "aria-label": `Retry upload for ${e.name}`,
-              children: /* @__PURE__ */ t(g, { size: 12 })
-            }
-          ),
-          (e.status === "error" || e.status === "complete" || e.status === "pending") && n && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              onClick: () => n(e.id),
-              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-              "aria-label": `Remove ${e.name}`,
-              children: /* @__PURE__ */ t(u, { size: 12 })
-            }
-          ),
-          e.status === "uploading" && n && /* @__PURE__ */ t(
-            "button",
-            {
-              type: "button",
-              onClick: () => n(e.id),
-              className: "flex h-5 w-5 items-center justify-center rounded-ds-md text-text-secondary transition-colors duration-fast-01 hover:bg-layer-03 hover:text-text-primary",
-              "aria-label": `Cancel upload for ${e.name}`,
-              children: /* @__PURE__ */ t(u, { size: 12 })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-const S = $.forwardRef(
-  ({
-    files: e,
-    onRemove: a,
-    onRetry: n,
-    onDismissAll: o,
-    variant: d = "default",
-    showSize: c = !0,
-    className: m,
-    ...w
-  }, f) => {
-    if (e.length === 0) return null;
-    const k = e.filter(
-      (r) => r.status === "complete"
-    ).length, p = e.filter((r) => r.status === "error").length, x = e.every(
-      (r) => r.status === "complete" || r.status === "error"
-    ), l = e.every((r) => r.status === "complete");
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: f,
-        className: i(
-          "rounded-ds-xl border bg-layer-01 shadow-01 overflow-hidden animate-fade-in transition-colors duration-moderate-02",
-          l ? "border-success/40" : p > 0 && x ? "border-error/30" : "border-border-subtle",
-          m
-        ),
-        role: "region",
-        "aria-label": "File uploads",
-        ...w,
-        children: [
-          /* @__PURE__ */ s("div", { className: i(
-            "flex items-center justify-between border-b px-ds-04 py-ds-03 transition-colors duration-moderate-02",
-            l ? "border-success/20 bg-success-surface/30" : "border-border-subtle"
-          ), children: [
-            /* @__PURE__ */ s("span", { className: i(
-              "text-ds-sm transition-colors duration-fast-02",
-              l ? "font-medium text-text-success" : "text-text-secondary"
-            ), children: [
-              l ? `All ${e.length} files uploaded` : `${k} of ${e.length} uploaded`,
-              p > 0 && !l && /* @__PURE__ */ s("span", { className: "text-text-error", children: [
-                " · ",
-                p,
-                " failed"
-              ] })
-            ] }),
-            x && o && /* @__PURE__ */ t(
-              "button",
-              {
-                type: "button",
-                onClick: o,
-                className: "animate-fade-in text-ds-sm text-interactive hover:text-interactive-hover transition-colors duration-fast-02",
-                children: "Dismiss all"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("div", { className: "max-h-[360px] overflow-y-auto divide-y divide-border-subtle", children: e.map(
-            (r, h) => d === "compact" ? /* @__PURE__ */ t(
-              M,
-              {
-                file: r,
-                index: h,
-                onRemove: a,
-                onRetry: n
-              },
-              r.id
-            ) : /* @__PURE__ */ t(
-              E,
-              {
-                file: r,
-                index: h,
-                showSize: c,
-                onRemove: a,
-                onRetry: n
-              },
-              r.id
-            )
-          ) }),
-          /* @__PURE__ */ t("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "false", children: e.map(
-            (r) => r.status === "complete" ? /* @__PURE__ */ s("span", { children: [
-              r.name,
-              " upload complete."
-            ] }, `sr-${r.id}`) : r.status === "error" ? /* @__PURE__ */ s("span", { children: [
-              r.name,
-              " upload failed",
-              r.error ? `: ${r.error}` : "",
-              "."
-            ] }, `sr-${r.id}`) : null
-          ) })
-        ]
-      }
-    );
-  }
-);
-S.displayName = "UploadProgress";
-export {
-  S as UploadProgress,
-  P as formatFileSize
-};

package/dist/ui/lib/use-reduced-motion.d.ts

@@ -1,4 +0,0 @@
-"use client";
-/** Hook to detect prefers-reduced-motion. SSR/test-safe. */
-export declare function useReducedMotion(): boolean;
-//# sourceMappingURL=use-reduced-motion.d.ts.map

package/dist/ui/lib/use-reduced-motion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/use-reduced-motion.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,wBAAgB,gBAAgB,IAAI,OAAO,CAa1C"}

package/dist/ui/transitions.d.ts

@@ -1,17 +0,0 @@
-"use client";
-import * as React from 'react';
-type TransitionProps = {
-    open: boolean;
-    duration?: string;
-    className?: string;
-    children: React.ReactNode;
-    unmountOnClose?: boolean;
-};
-declare const Fade: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
-declare const Collapse: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
-declare const Grow: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement>>;
-declare const Slide: React.ForwardRefExoticComponent<TransitionProps & {
-    direction?: "up" | "down" | "left" | "right";
-} & React.RefAttributes<HTMLDivElement>>;
-export { Fade, Collapse, Grow, Slide, type TransitionProps };
-//# sourceMappingURL=transitions.d.ts.map

package/dist/ui/transitions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../src/ui/transitions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,QAAA,MAAM,IAAI,wFAkBT,CAAA;AAGD,QAAA,MAAM,QAAQ,wFAgCb,CAAA;AAGD,QAAA,MAAM,IAAI,wFAmBT,CAAA;AAGD,QAAA,MAAM,KAAK;gBAEuB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;wCAuBhE,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,eAAe,EAAE,CAAA"}

package/dist/ui/transitions.js

@@ -1,111 +0,0 @@
-"use client";
-import { jsx as u } from "react/jsx-runtime";
-import * as d from "react";
-import { useState as v, useEffect as h } from "react";
-import { c as f } from "../_chunks/utils.js";
-function m() {
-  const [e, r] = v(!1);
-  return h(() => {
-    if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const t = window.matchMedia("(prefers-reduced-motion: reduce)");
-    r(t.matches);
-    const a = (o) => r(o.matches);
-    return t.addEventListener("change", a), () => t.removeEventListener("change", a);
-  }, []), e;
-}
-const w = d.forwardRef(
-  ({ open: e, duration: r, className: t, children: a, unmountOnClose: o = !1, ...s }, i) => {
-    const n = m();
-    return o && !e ? null : /* @__PURE__ */ u(
-      "div",
-      {
-        ref: i,
-        className: f("transition-opacity ease-productive-entrance", t),
-        style: {
-          opacity: e ? 1 : 0,
-          transitionDuration: n ? "0ms" : r || "var(--duration-moderate-02)"
-        },
-        ...s,
-        children: a
-      }
-    );
-  }
-);
-w.displayName = "Fade";
-const y = d.forwardRef(
-  ({ open: e, duration: r, className: t, children: a, ...o }, s) => {
-    const i = m(), n = d.useRef(null), [l, c] = d.useState(e ? void 0 : 0);
-    return d.useEffect(() => {
-      if (n.current)
-        if (e) {
-          c(n.current.scrollHeight);
-          const p = setTimeout(() => c(void 0), 300);
-          return () => clearTimeout(p);
-        } else
-          c(n.current.scrollHeight), requestAnimationFrame(() => c(0));
-    }, [e]), /* @__PURE__ */ u(
-      "div",
-      {
-        ref: s,
-        className: f("overflow-hidden transition-[height] ease-productive-standard", t),
-        style: {
-          height: l !== void 0 ? `${l}px` : "auto",
-          transitionDuration: i ? "0ms" : r || "var(--duration-moderate-02)"
-        },
-        ...o,
-        children: /* @__PURE__ */ u("div", { ref: n, children: a })
-      }
-    );
-  }
-);
-y.displayName = "Collapse";
-const g = d.forwardRef(
-  ({ open: e, duration: r, className: t, children: a, unmountOnClose: o = !1, ...s }, i) => {
-    const n = m();
-    return o && !e ? null : /* @__PURE__ */ u(
-      "div",
-      {
-        ref: i,
-        className: f("transition-[opacity,transform] ease-productive-entrance", t),
-        style: {
-          opacity: e ? 1 : 0,
-          transform: e ? "scale(1)" : "scale(0)",
-          transitionDuration: n ? "0ms" : r || "var(--duration-moderate-02)"
-        },
-        ...s,
-        children: a
-      }
-    );
-  }
-);
-g.displayName = "Grow";
-const R = d.forwardRef(({ open: e, direction: r = "up", duration: t, className: a, children: o, unmountOnClose: s = !1, ...i }, n) => {
-  const l = m();
-  if (s && !e) return null;
-  const c = {
-    up: "translateY(100%)",
-    down: "translateY(-100%)",
-    left: "translateX(100%)",
-    right: "translateX(-100%)"
-  };
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      ref: n,
-      className: f("transition-transform ease-productive-entrance", a),
-      style: {
-        transform: e ? "translate(0)" : c[r],
-        transitionDuration: l ? "0ms" : t || "var(--duration-moderate-02)"
-      },
-      ...i,
-      children: o
-    }
-  );
-});
-R.displayName = "Slide";
-export {
-  y as Collapse,
-  w as Fade,
-  g as Grow,
-  R as Slide
-};