@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/emoji-picker.js

@@ -1,115 +1,88 @@
 "use client";
-import { jsx as e, jsxs as S } from "react/jsx-runtime";
-import * as o from "react";
-import { cn as u } from "../ui/lib/utils.js";
-import { springs as f } from "../ui/lib/motion.js";
-import { Skeleton as h } from "../ui/skeleton.js";
-import { Popover as j, PopoverTrigger as x, PopoverContent as E } from "../ui/popover.js";
-import { A as w, m as y } from "../_chunks/framer.js";
-const N = o.lazy(
-  () => import("@emoji-mart/react").then((t) => ({
-    default: t.default
-  }))
-), g = {
-  native: () => import("@emoji-mart/data"),
-  apple: () => import("@emoji-mart/data/sets/15/apple.json"),
-  google: () => import("@emoji-mart/data/sets/15/google.json"),
-  twitter: () => import("@emoji-mart/data/sets/15/twitter.json"),
-  facebook: () => import("@emoji-mart/data/sets/15/facebook.json")
+import { a as e, c as t } from "../_chunks/framer.js";
+import { springs as n } from "../ui/lib/motion.js";
+import { cn as r } from "../ui/lib/utils.js";
+import { i, r as a, t as o } from "../_chunks/popover.js";
+import { Skeleton as s } from "../ui/skeleton.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/composed/emoji-picker.tsx
+var d = c.lazy(() => import("@emoji-mart/react").then((e) => ({ default: e.default }))), f = {
+	native: () => import("@emoji-mart/data"),
+	apple: () => import("@emoji-mart/data/sets/15/apple.json"),
+	google: () => import("@emoji-mart/data/sets/15/google.json"),
+	twitter: () => import("@emoji-mart/data/sets/15/twitter.json"),
+	facebook: () => import("@emoji-mart/data/sets/15/facebook.json")
 };
-function b(t) {
-  return t !== "auto" ? t : typeof document > "u" ? "light" : document.documentElement.classList.contains("dark") ? "dark" : "light";
+function p(e) {
+	return e === "auto" ? typeof document > "u" ? "light" : document.documentElement.classList.contains("dark") ? "dark" : "light" : e;
 }
-function k({
-  onSelect: t,
-  set: n = "native",
-  theme: s = "auto",
-  previewPosition: c = "none",
-  skinTonePosition: d = "search",
-  className: a
-}) {
-  const [l, p] = o.useState(!1), [i, r] = o.useState(null);
-  return o.useEffect(() => {
-    p(!0), (g[n] ?? g.native)().then((P) => r(P.default));
-  }, [n]), /* @__PURE__ */ e(w, { mode: "wait", children: l && !!i ? /* @__PURE__ */ e(
-    y.div,
-    {
-      initial: { opacity: 0, scale: 0.95 },
-      animate: { opacity: 1, scale: 1 },
-      transition: f.snappy,
-      className: a,
-      children: /* @__PURE__ */ e(
-        o.Suspense,
-        {
-          fallback: /* @__PURE__ */ e("div", { className: u("rounded-ds-lg", a), children: /* @__PURE__ */ e(h, { className: "h-[435px] w-[352px] rounded-ds-lg" }) }),
-          children: /* @__PURE__ */ e(
-            N,
-            {
-              data: i,
-              set: n,
-              onEmojiSelect: t,
-              theme: b(s),
-              previewPosition: c,
-              skinTonePosition: d
-            }
-          )
-        }
-      )
-    },
-    "picker"
-  ) : /* @__PURE__ */ e(
-    y.div,
-    {
-      initial: { opacity: 0 },
-      animate: { opacity: 1 },
-      exit: { opacity: 0 },
-      transition: f.snappy,
-      className: u("rounded-ds-lg", a),
-      children: /* @__PURE__ */ e(h, { className: "h-[435px] w-[352px] rounded-ds-lg" })
-    },
-    "skeleton"
-  ) });
+function m({ onSelect: i, set: a = "native", theme: o = "auto", previewPosition: u = "none", skinTonePosition: m = "search", className: h }) {
+	let [g, _] = c.useState(!1), [v, y] = c.useState(null);
+	return c.useEffect(() => {
+		_(!0), (f[a] ?? f.native)().then((e) => y(e.default));
+	}, [a]), /* @__PURE__ */ l(t, {
+		mode: "wait",
+		children: g && v ? /* @__PURE__ */ l(e.div, {
+			initial: {
+				opacity: 0,
+				scale: .95
+			},
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			transition: n.snappy,
+			className: h,
+			children: /* @__PURE__ */ l(c.Suspense, {
+				fallback: /* @__PURE__ */ l("div", {
+					className: r("rounded-ds-lg", h),
+					children: /* @__PURE__ */ l(s, { className: "h-[435px] w-[352px] rounded-ds-lg" })
+				}),
+				children: /* @__PURE__ */ l(d, {
+					data: v,
+					set: a,
+					onEmojiSelect: i,
+					theme: p(o),
+					previewPosition: u,
+					skinTonePosition: m
+				})
+			})
+		}, "picker") : /* @__PURE__ */ l(e.div, {
+			initial: { opacity: 0 },
+			animate: { opacity: 1 },
+			exit: { opacity: 0 },
+			transition: n.snappy,
+			className: r("rounded-ds-lg", h),
+			children: /* @__PURE__ */ l(s, { className: "h-[435px] w-[352px] rounded-ds-lg" })
+		}, "skeleton")
+	});
 }
-function C({
-  children: t,
-  align: n = "start",
-  onSelect: s,
-  set: c,
-  theme: d,
-  previewPosition: a,
-  skinTonePosition: l,
-  className: p
-}) {
-  const [i, r] = o.useState(!1);
-  return /* @__PURE__ */ S(j, { open: i, onOpenChange: r, children: [
-    /* @__PURE__ */ e(x, { asChild: !0, children: t }),
-    /* @__PURE__ */ e(
-      E,
-      {
-        align: n,
-        className: "w-auto border-none bg-transparent p-0 shadow-none",
-        sideOffset: 8,
-        children: /* @__PURE__ */ e(
-          k,
-          {
-            onSelect: (m) => {
-              s(m), r(!1);
-            },
-            set: c,
-            theme: d,
-            previewPosition: a,
-            skinTonePosition: l,
-            className: p
-          }
-        )
-      }
-    )
-  ] });
+function h({ children: e, align: t = "start", onSelect: n, set: r, theme: s, previewPosition: d, skinTonePosition: f, className: p }) {
+	let [h, g] = c.useState(!1);
+	return /* @__PURE__ */ u(o, {
+		open: h,
+		onOpenChange: g,
+		children: [/* @__PURE__ */ l(i, {
+			asChild: !0,
+			children: e
+		}), /* @__PURE__ */ l(a, {
+			align: t,
+			className: "w-auto border-none bg-transparent p-0 shadow-none",
+			sideOffset: 8,
+			children: /* @__PURE__ */ l(m, {
+				onSelect: (e) => {
+					n(e), g(!1);
+				},
+				set: r,
+				theme: s,
+				previewPosition: d,
+				skinTonePosition: f,
+				className: p
+			})
+		})]
+	});
 }
-k.displayName = "EmojiPicker";
-C.displayName = "EmojiPickerPopover";
-export {
-  k as EmojiPicker,
-  C as EmojiPickerPopover,
-  g as emojiDataLoaders
-};
+m.displayName = "EmojiPicker", h.displayName = "EmojiPickerPopover";
+//#endregion
+export { m as EmojiPicker, h as EmojiPickerPopover, f as emojiDataLoaders };

package/dist/composed/emoji-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-picker.js","names":[],"sources":["../../src/composed/emoji-picker.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { cn } from '../ui/lib/utils'\nimport { springs } from '../ui/lib/motion'\nimport { Skeleton } from '../ui/skeleton'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../ui/popover'\n\n// ============================================================\n// Types\n// ============================================================\n\nexport interface EmojiData {\n  id: string\n  native: string\n  shortcodes?: string\n}\n\nexport type EmojiSet = 'native' | 'apple' | 'google' | 'twitter' | 'facebook'\n\nexport interface EmojiPickerProps {\n  onSelect: (emoji: EmojiData) => void\n  /** Emoji art style. Set once — dynamic switching is not supported (emoji-mart limitation). @default 'native' */\n  set?: EmojiSet\n  /** @default 'auto' */\n  theme?: 'auto' | 'light' | 'dark'\n  /** @default 'none' */\n  previewPosition?: 'top' | 'bottom' | 'none'\n  /** @default 'search' */\n  skinTonePosition?: 'search' | 'preview' | 'none'\n  className?: string\n}\n\nexport interface EmojiPickerPopoverProps extends EmojiPickerProps {\n  children: React.ReactNode\n  /** @default 'start' */\n  align?: 'start' | 'center' | 'end'\n}\n\n// ============================================================\n// Lazy-loaded picker\n// ============================================================\n\nconst LazyPicker = React.lazy(() =>\n  import('@emoji-mart/react').then((mod) => ({\n    default: mod.default,\n  })),\n)\n\n// emoji-mart caches data in a module-level singleton that is set once and never\n// replaced.  Each set (apple, google, etc.) needs its own data file with\n// spritesheet x/y coordinates.  The `set` prop should be treated as immutable\n// configuration — dynamic switching within a single page is NOT supported.\nexport const emojiDataLoaders: Record<string, () => Promise<{ default: unknown }>> = {\n  native: () => import('@emoji-mart/data'),\n  apple: () => import('@emoji-mart/data/sets/15/apple.json'),\n  google: () => import('@emoji-mart/data/sets/15/google.json'),\n  twitter: () => import('@emoji-mart/data/sets/15/twitter.json'),\n  facebook: () => import('@emoji-mart/data/sets/15/facebook.json'),\n}\n\nfunction resolveTheme(theme: 'auto' | 'light' | 'dark'): 'light' | 'dark' {\n  if (theme !== 'auto') return theme\n  if (typeof document === 'undefined') return 'light'\n  return document.documentElement.classList.contains('dark') ? 'dark' : 'light'\n}\n\n// ============================================================\n// EmojiPicker\n// ============================================================\n\nfunction EmojiPicker({\n  onSelect,\n  set = 'native',\n  theme = 'auto',\n  previewPosition = 'none',\n  skinTonePosition = 'search',\n  className,\n}: EmojiPickerProps) {\n  const [mounted, setMounted] = React.useState(false)\n  const [data, setData] = React.useState<unknown>(null)\n\n  React.useEffect(() => {\n    setMounted(true)\n    const loader = emojiDataLoaders[set] ?? emojiDataLoaders.native\n    loader().then((mod) => setData(mod.default))\n  }, [set])\n\n  const isReady = mounted && !!data\n\n  return (\n    <AnimatePresence mode=\"wait\">\n      {!isReady ? (\n        <motion.div\n          key=\"skeleton\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          transition={springs.snappy}\n          className={cn('rounded-ds-lg', className)}\n        >\n          <Skeleton className=\"h-[435px] w-[352px] rounded-ds-lg\" />\n        </motion.div>\n      ) : (\n        <motion.div\n          key=\"picker\"\n          initial={{ opacity: 0, scale: 0.95 }}\n          animate={{ opacity: 1, scale: 1 }}\n          transition={springs.snappy}\n          className={className}\n        >\n          <React.Suspense\n            fallback={\n              <div className={cn('rounded-ds-lg', className)}>\n                <Skeleton className=\"h-[435px] w-[352px] rounded-ds-lg\" />\n              </div>\n            }\n          >\n            <LazyPicker\n              data={data}\n              set={set}\n              onEmojiSelect={onSelect}\n              theme={resolveTheme(theme)}\n              previewPosition={previewPosition}\n              skinTonePosition={skinTonePosition}\n            />\n          </React.Suspense>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  )\n}\n\n// ============================================================\n// EmojiPickerPopover\n// ============================================================\n\nfunction EmojiPickerPopover({\n  children,\n  align = 'start',\n  onSelect,\n  set,\n  theme,\n  previewPosition,\n  skinTonePosition,\n  className,\n}: EmojiPickerPopoverProps) {\n  const [open, setOpen] = React.useState(false)\n\n  const handleSelect = (emoji: EmojiData) => {\n    onSelect(emoji)\n    setOpen(false)\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\n      <PopoverContent\n        align={align}\n        className=\"w-auto border-none bg-transparent p-0 shadow-none\"\n        sideOffset={8}\n      >\n        <EmojiPicker\n          onSelect={handleSelect}\n          set={set}\n          theme={theme}\n          previewPosition={previewPosition}\n          skinTonePosition={skinTonePosition}\n          className={className}\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nEmojiPicker.displayName = 'EmojiPicker'\nEmojiPickerPopover.displayName = 'EmojiPickerPopover'\n\nexport { EmojiPicker, EmojiPickerPopover }\n"],"mappings":";;;;;;;;;AAgDA,IAAM,IAAa,EAAM,WACvB,OAAO,qBAAqB,MAAM,OAAS,EACzC,SAAS,EAAI,SACd,EAAE,CACJ,EAMY,IAAwE;CACnF,cAAc,OAAO;CACrB,aAAa,OAAO;CACpB,cAAc,OAAO;CACrB,eAAe,OAAO;CACtB,gBAAgB,OAAO;CACxB;AAED,SAAS,EAAa,GAAoD;AAGxE,QAFI,MAAU,SACV,OAAO,WAAa,MAAoB,UACrC,SAAS,gBAAgB,UAAU,SAAS,OAAO,GAAG,SAAS,UAFzC;;AAS/B,SAAS,EAAY,EACnB,aACA,SAAM,UACN,WAAQ,QACR,qBAAkB,QAClB,sBAAmB,UACnB,gBACmB;CACnB,IAAM,CAAC,GAAS,KAAc,EAAM,SAAS,GAAM,EAC7C,CAAC,GAAM,KAAW,EAAM,SAAkB,KAAK;AAUrD,QARA,EAAM,gBAAgB;AAGpB,EAFA,EAAW,GAAK,GACD,EAAiB,MAAQ,EAAiB,SACjD,CAAC,MAAM,MAAQ,EAAQ,EAAI,QAAQ,CAAC;IAC3C,CAAC,EAAI,CAAC,EAKP,kBAAC,GAAD;EAAiB,MAAK;YAHR,KAAa,IAgBvB,kBAAC,EAAO,KAAR;GAEE,SAAS;IAAE,SAAS;IAAG,OAAO;IAAM;GACpC,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG;GACjC,YAAY,EAAQ;GACT;aAEX,kBAAC,EAAM,UAAP;IACE,UACE,kBAAC,OAAD;KAAK,WAAW,EAAG,iBAAiB,EAAU;eAC5C,kBAAC,GAAD,EAAU,WAAU,qCAAsC,CAAA;KACtD,CAAA;cAGR,kBAAC,GAAD;KACQ;KACD;KACL,eAAe;KACf,OAAO,EAAa,EAAM;KACT;KACC;KAClB,CAAA;IACa,CAAA;GACN,EAtBP,SAsBO,GAlCb,kBAAC,EAAO,KAAR;GAEE,SAAS,EAAE,SAAS,GAAG;GACvB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,GAAG;GACpB,YAAY,EAAQ;GACpB,WAAW,EAAG,iBAAiB,EAAU;aAEzC,kBAAC,GAAD,EAAU,WAAU,qCAAsC,CAAA;GAC/C,EARP,WAQO;EA2BC,CAAA;;AAQtB,SAAS,EAAmB,EAC1B,aACA,WAAQ,SACR,aACA,QACA,UACA,oBACA,qBACA,gBAC0B;CAC1B,IAAM,CAAC,GAAM,KAAW,EAAM,SAAS,GAAM;AAO7C,QACE,kBAAC,GAAD;EAAe;EAAM,cAAc;YAAnC,CACE,kBAAC,GAAD;GAAgB,SAAA;GAAS;GAA0B,CAAA,EACnD,kBAAC,GAAD;GACS;GACP,WAAU;GACV,YAAY;aAEZ,kBAAC,GAAD;IACE,WAdc,MAAqB;AAEzC,KADA,EAAS,EAAM,EACf,EAAQ,GAAM;;IAaH;IACE;IACU;IACC;IACP;IACX,CAAA;GACa,CAAA,CACT;;;AAId,EAAY,cAAc,eAC1B,EAAmB,cAAc"}

package/dist/composed/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC9B;AAcD,QAAA,MAAM,UAAU,wFAuFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/composed/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC9B;AAcD,QAAA,MAAM,UAAU,wFAwFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/empty-state.js

@@ -1,104 +1,65 @@
 "use client";
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import * as l from "react";
-import { tweens as g } from "../ui/lib/motion.js";
-import { cn as t } from "../ui/lib/utils.js";
-import { m as n } from "../_chunks/framer.js";
-const y = ({ className: e }) => /* @__PURE__ */ s(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32",
-    fill: "currentColor",
-    className: e,
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ s("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
-  }
-), w = l.forwardRef(
-  ({
-    icon: e,
-    title: m,
-    description: i,
-    action: d,
-    compact: c = !1,
-    iconSize: f,
-    className: x,
-    ...p
-  }, u) => {
-    const a = {
-      sm: "h-ico-sm w-ico-sm",
-      md: "h-ico-lg w-ico-lg",
-      lg: "h-ico-xl w-ico-xl"
-    }[f ?? (c ? "sm" : "md")], r = e != null && !l.isValidElement(e) && (typeof e == "function" || typeof e == "object" && "$$typeof" in e), h = e ? r ? l.createElement(e, {
-      className: t("text-surface-fg-subtle", a)
-    }) : e : /* @__PURE__ */ s(
-      y,
-      {
-        className: t("text-surface-fg-subtle", a)
-      }
-    );
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: u,
-        className: t(
-          "flex flex-col items-center justify-center text-center",
-          c ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10",
-          x
-        ),
-        ...p,
-        children: [
-          /* @__PURE__ */ s(
-            n.div,
-            {
-              className: t(
-                "flex items-center justify-center rounded-ds-xl bg-surface-raised",
-                c ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg",
-                !r && e != null && a
-              ),
-              animate: { y: [0, -4, 0] },
-              transition: { repeat: 1 / 0, duration: 3, ease: "easeInOut" },
-              children: h
-            }
-          ),
-          /* @__PURE__ */ o(
-            n.div,
-            {
-              className: "flex max-w-[280px] flex-col gap-ds-02",
-              initial: { opacity: 0 },
-              animate: { opacity: 1 },
-              transition: { delay: 0.2, ...g.fade },
-              children: [
-                /* @__PURE__ */ s(
-                  "h3",
-                  {
-                    className: t(
-                      "text-surface-fg",
-                      c ? "text-ds-md font-semibold" : "text-ds-base font-semibold"
-                    ),
-                    children: m
-                  }
-                ),
-                i && /* @__PURE__ */ s(
-                  "p",
-                  {
-                    className: t(
-                      "text-surface-fg-subtle",
-                      c ? "text-ds-sm" : "text-ds-md"
-                    ),
-                    children: i
-                  }
-                )
-              ]
-            }
-          ),
-          d && /* @__PURE__ */ s("div", { className: "mt-ds-02", children: d })
-        ]
-      }
-    );
-  }
-);
-w.displayName = "EmptyState";
-export {
-  w as EmptyState
-};
+import { a as e, n as t } from "../_chunks/framer.js";
+import { tweens as n } from "../ui/lib/motion.js";
+import { cn as r } from "../ui/lib/utils.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/composed/empty-state.tsx
+var s = ({ className: e }) => /* @__PURE__ */ a("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 32",
+	fill: "currentColor",
+	className: e,
+	"aria-hidden": "true",
+	children: /* @__PURE__ */ a("path", { d: "M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z" })
+}), c = i.forwardRef(({ icon: c, title: l, description: u, action: d, compact: f = !1, iconSize: p, className: m, ...h }, g) => {
+	let _ = t(), v = {
+		sm: "h-ico-sm w-ico-sm",
+		md: "h-ico-lg w-ico-lg",
+		lg: "h-ico-xl w-ico-xl"
+	}[p ?? (f ? "sm" : "md")], y = c != null && !i.isValidElement(c) && (typeof c == "function" || typeof c == "object" && "$$typeof" in c), b = c ? y ? i.createElement(c, { className: r("text-surface-fg-subtle", v) }) : c : /* @__PURE__ */ a(s, { className: r("text-surface-fg-subtle", v) });
+	return /* @__PURE__ */ o("div", {
+		ref: g,
+		className: r("flex flex-col items-center justify-center text-center", f ? "gap-ds-04 py-ds-07" : "gap-ds-05 py-ds-10", m),
+		...h,
+		children: [
+			/* @__PURE__ */ a(e.div, {
+				className: r("flex items-center justify-center rounded-ds-xl bg-surface-raised", f ? "h-ds-md w-ds-md" : "h-ds-lg w-ds-lg", !y && c != null && v),
+				animate: _ ? {} : { y: [
+					0,
+					-4,
+					0
+				] },
+				transition: _ ? {} : {
+					repeat: Infinity,
+					duration: 3,
+					ease: "easeInOut"
+				},
+				children: b
+			}),
+			/* @__PURE__ */ o(e.div, {
+				className: "flex max-w-[280px] flex-col gap-ds-02",
+				initial: { opacity: 0 },
+				animate: { opacity: 1 },
+				transition: {
+					delay: .2,
+					...n.fade
+				},
+				children: [/* @__PURE__ */ a("h3", {
+					className: r("text-surface-fg", f ? "text-ds-md font-semibold" : "text-ds-base font-semibold"),
+					children: l
+				}), u && /* @__PURE__ */ a("p", {
+					className: r("text-surface-fg-subtle", f ? "text-ds-sm" : "text-ds-md"),
+					children: u
+				})]
+			}),
+			d && /* @__PURE__ */ a("div", {
+				className: "mt-ds-02",
+				children: d
+			})
+		]
+	});
+});
+c.displayName = "EmptyState";
+//#endregion
+export { c as EmptyState };

package/dist/composed/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../src/composed/empty-state.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion, useReducedMotion } from 'framer-motion'\nimport { tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon?: React.ReactNode | React.ComponentType<{ className?: string }>\n  title: string\n  description?: string\n  action?: React.ReactNode\n  compact?: boolean\n  /** Icon size. Defaults to 'sm' when compact, 'md' otherwise. */\n  iconSize?: 'sm' | 'md' | 'lg'\n}\n\nconst DevalokChakraIcon = ({ className }: { className?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 32 32\"\n    fill=\"currentColor\"\n    className={className}\n    aria-hidden=\"true\"\n  >\n    <path d=\"M25.97,21.39c-0.9-1.85,0.08-3.95-1.72-5.39c1.76-1.44,0.8-3.55,1.69-5.39c0.05-0.12,0.04-0.25-0.02-0.35c-0.06-0.1-0.16-0.18-0.29-0.19c-2.05-0.15-3.35-2.04-5.5-1.21c-0.39-2.21-2.7-2.44-3.84-4.13c-0.08-0.1-0.19-0.16-0.31-0.16c-0.12,0-0.23,0.05-0.31,0.16c-1.14,1.69-3.43,1.92-3.82,4.13c-2.14-0.83-3.47,1.07-5.52,1.21c-0.13,0.01-0.23,0.09-0.29,0.19c-0.06,0.1-0.07,0.23-0.02,0.35c0.9,1.85-0.08,3.95,1.72,5.39c-1.76,1.44-0.8,3.55-1.69,5.39C6,21.51,6.02,21.64,6.07,21.74c0.06,0.1,0.16,0.18,0.29,0.19c2.05,0.15,3.38,2.06,5.52,1.23c0.39,2.21,2.67,2.43,3.82,4.12c0.08,0.1,0.19,0.16,0.31,0.16c0.12,0,0.23-0.05,0.31-0.16c1.14-1.69,3.42-1.92,3.81-4.13c2.14,0.83,3.48-1.07,5.53-1.22c0.13-0.01,0.23-0.09,0.29-0.19C26.01,21.64,26.02,21.51,25.97,21.39z\" />\n  </svg>\n)\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      icon,\n      title,\n      description,\n      action,\n      compact = false,\n      iconSize,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const reducedMotion = useReducedMotion()\n    const resolvedIconSize = iconSize ?? (compact ? 'sm' : 'md')\n    const iconSizeMap = {\n      sm: 'h-ico-sm w-ico-sm',\n      md: 'h-ico-lg w-ico-lg',\n      lg: 'h-ico-xl w-ico-xl',\n    } as const\n    const iconSizeClass = iconSizeMap[resolvedIconSize]\n    const isComponentType =\n      icon != null && !React.isValidElement(icon) && (typeof icon === 'function' || (typeof icon === 'object' && '$$typeof' in (icon as object)))\n    const resolvedIcon = icon\n      ? isComponentType\n        ? React.createElement(icon as React.ComponentType<{ className?: string }>, {\n            className: cn('text-surface-fg-subtle', iconSizeClass),\n          })\n        : icon\n      : (\n        <DevalokChakraIcon\n          className={cn('text-surface-fg-subtle', iconSizeClass)}\n        />\n      )\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex flex-col items-center justify-center text-center',\n          compact ? 'gap-ds-04 py-ds-07' : 'gap-ds-05 py-ds-10',\n          className,\n        )}\n        {...props}\n      >\n        <motion.div\n          className={cn(\n            'flex items-center justify-center rounded-ds-xl bg-surface-raised',\n            compact ? 'h-ds-md w-ds-md' : 'h-ds-lg w-ds-lg',\n            !isComponentType && icon != null && iconSizeClass,\n          )}\n          animate={reducedMotion ? {} : { y: [0, -4, 0] }}\n          transition={reducedMotion ? {} : { repeat: Infinity, duration: 3, ease: 'easeInOut' }}\n        >\n          {resolvedIcon}\n        </motion.div>\n\n        <motion.div\n          className=\"flex max-w-[280px] flex-col gap-ds-02\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          transition={{ delay: 0.2, ...tweens.fade }}\n        >\n          <h3\n            className={cn(\n              'text-surface-fg',\n              compact ? 'text-ds-md font-semibold' : 'text-ds-base font-semibold',\n            )}\n          >\n            {title}\n          </h3>\n          {description && (\n            <p\n              className={cn(\n                'text-surface-fg-subtle',\n                compact ? 'text-ds-sm' : 'text-ds-md',\n              )}\n            >\n              {description}\n            </p>\n          )}\n        </motion.div>\n\n        {action && <div className=\"mt-ds-02\">{action}</div>}\n      </div>\n    )\n  },\n)\nEmptyState.displayName = 'EmptyState'\n\nexport { EmptyState }\n"],"mappings":";;;;;;;AAiBA,IAAM,KAAqB,EAAE,mBAC3B,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACM;CACX,eAAY;WAEZ,kBAAC,QAAD,EAAM,GAAE,iuBAAkuB,CAAA;CACtuB,CAAA,EAGF,IAAa,EAAM,YAErB,EACE,SACA,UACA,gBACA,WACA,aAAU,IACV,aACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,IAAgB,GAAkB,EAOlC,IALc;EAClB,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,CALwB,MAAa,IAAU,OAAO,QAOjD,IACJ,KAAQ,QAAQ,CAAC,EAAM,eAAe,EAAK,KAAK,OAAO,KAAS,cAAe,OAAO,KAAS,YAAY,cAAe,IACtH,IAAe,IACjB,IACE,EAAM,cAAc,GAAqD,EACvE,WAAW,EAAG,0BAA0B,EAAc,EACvD,CAAC,GACF,IAEF,kBAAC,GAAD,EACE,WAAW,EAAG,0BAA0B,EAAc,EACtD,CAAA;AAGN,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EACT,yDACA,IAAU,uBAAuB,sBACjC,EACD;EACD,GAAI;YAPN;GASE,kBAAC,EAAO,KAAR;IACE,WAAW,EACT,oEACA,IAAU,oBAAoB,mBAC9B,CAAC,KAAmB,KAAQ,QAAQ,EACrC;IACD,SAAS,IAAgB,EAAE,GAAG,EAAE,GAAG;KAAC;KAAG;KAAI;KAAE,EAAE;IAC/C,YAAY,IAAgB,EAAE,GAAG;KAAE,QAAQ;KAAU,UAAU;KAAG,MAAM;KAAa;cAEpF;IACU,CAAA;GAEb,kBAAC,EAAO,KAAR;IACE,WAAU;IACV,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,GAAG;IACvB,YAAY;KAAE,OAAO;KAAK,GAAG,EAAO;KAAM;cAJ5C,CAME,kBAAC,MAAD;KACE,WAAW,EACT,mBACA,IAAU,6BAA6B,6BACxC;eAEA;KACE,CAAA,EACJ,KACC,kBAAC,KAAD;KACE,WAAW,EACT,0BACA,IAAU,eAAe,aAC1B;eAEA;KACC,CAAA,CAEK;;GAEZ,KAAU,kBAAC,OAAD;IAAK,WAAU;cAAY;IAAa,CAAA;GAC/C;;EAGX;AACD,EAAW,cAAc"}