@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/pagination.js

@@ -1,161 +1,124 @@
 "use client";
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
-import * as o from "react";
-import { S as I } from "../_chunks/primitives.js";
-import { IconChevronLeft as j, IconChevronRight as k, IconDots as C } from "@tabler/icons-react";
-import { cn as r } from "./lib/utils.js";
-import { Icon as v } from "./icon.js";
-const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
-  "nav",
-  {
-    ref: s,
-    role: "navigation",
-    "aria-label": "pagination",
-    className: r("mx-auto flex w-full justify-center", e),
-    ...i
-  }
-));
-x.displayName = "PaginationRoot";
-const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
-  "ul",
-  {
-    ref: s,
-    className: r("flex flex-row items-center gap-ds-02", e),
-    ...i
-  }
-));
-y.displayName = "PaginationContent";
-const m = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a("li", { ref: s, className: r("", e), ...i }));
-m.displayName = "PaginationItem";
-const u = o.forwardRef(
-  ({ className: e, isActive: i = !1, asChild: s = !1, ...c }, t) => /* @__PURE__ */ a(
-    s ? I : "button",
-    {
-      ref: t,
-      "aria-current": i ? "page" : void 0,
-      className: r(
-        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium tabular-nums transition-colors 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 active:scale-95",
-        i ? "bg-accent-9 text-accent-fg" : "hover:bg-surface-raised-hover text-surface-fg",
-        e
-      ),
-      ...c
-    }
-  )
-);
-u.displayName = "PaginationLink";
-const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
-  u,
-  {
-    ref: s,
-    "aria-label": "Go to previous page",
-    className: r("w-auto gap-ds-02 pl-ds-03 pr-ds-04", e),
-    ...i,
-    children: [
-      /* @__PURE__ */ a(v, { icon: j, size: "sm" }),
-      /* @__PURE__ */ a("span", { children: "Previous" })
-    ]
-  }
-));
-P.displayName = "PaginationPrevious";
-const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
-  u,
-  {
-    ref: s,
-    "aria-label": "Go to next page",
-    className: r("w-auto gap-ds-02 pl-ds-04 pr-ds-03", e),
-    ...i,
-    children: [
-      /* @__PURE__ */ a("span", { children: "Next" }),
-      /* @__PURE__ */ a(v, { icon: k, size: "sm" })
-    ]
-  }
-));
-w.displayName = "PaginationNext";
-const b = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ h(
-  "span",
-  {
-    ref: s,
-    "aria-hidden": "true",
-    className: r(
-      "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center text-surface-fg-muted",
-      e
-    ),
-    ...i,
-    children: [
-      /* @__PURE__ */ a(v, { icon: C, size: "sm" }),
-      /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
-    ]
-  }
-));
-b.displayName = "PaginationEllipsis";
-function M(e, i, s) {
-  const c = s * 2 + 5;
-  if (i <= c)
-    return Array.from({ length: i }, (n, f) => f + 1);
-  const t = Math.max(e - s, 1), d = Math.min(e + s, i), p = t > 2, g = d < i - 1;
-  if (!p && g) {
-    const n = s * 2 + 3;
-    return [...Array.from({ length: n }, (R, N) => N + 1), "ellipsis", i];
-  }
-  if (p && !g) {
-    const n = s * 2 + 3;
-    return [1, "ellipsis", ...Array.from(
-      { length: n },
-      (R, N) => i - n + 1 + N
-    )];
-  }
-  return [1, "ellipsis", ...Array.from(
-    { length: d - t + 1 },
-    (n, f) => t + f
-  ), "ellipsis", i];
+import { Ln as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import { Icon as n } from "./icon.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconChevronLeft as o, IconChevronRight as s, IconDots as c } from "@tabler/icons-react";
+//#region src/ui/pagination.tsx
+var l = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("nav", {
+	ref: r,
+	role: "navigation",
+	"aria-label": "pagination",
+	className: t("mx-auto flex w-full justify-center", e),
+	...n
+}));
+l.displayName = "PaginationRoot";
+var u = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("ul", {
+	ref: r,
+	className: t("flex flex-row items-center gap-ds-02", e),
+	...n
+}));
+u.displayName = "PaginationContent";
+var d = r.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ i("li", {
+	ref: r,
+	className: t("", e),
+	...n
+}));
+d.displayName = "PaginationItem";
+var f = r.forwardRef(({ className: n, isActive: r = !1, asChild: a = !1, ...o }, s) => /* @__PURE__ */ i(a ? e : "button", {
+	ref: s,
+	"aria-current": r ? "page" : void 0,
+	className: t("inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium tabular-nums transition-colors 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 active:scale-95", r ? "bg-accent-9 text-accent-fg" : "hover:bg-surface-raised-hover text-surface-fg", n),
+	...o
+}));
+f.displayName = "PaginationLink";
+var p = r.forwardRef(({ className: e, ...r }, s) => /* @__PURE__ */ a(f, {
+	ref: s,
+	"aria-label": "Go to previous page",
+	className: t("w-auto gap-ds-02 pl-ds-03 pr-ds-04", e),
+	...r,
+	children: [/* @__PURE__ */ i(n, {
+		icon: o,
+		size: "sm"
+	}), /* @__PURE__ */ i("span", { children: "Previous" })]
+}));
+p.displayName = "PaginationPrevious";
+var m = r.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(f, {
+	ref: o,
+	"aria-label": "Go to next page",
+	className: t("w-auto gap-ds-02 pl-ds-04 pr-ds-03", e),
+	...r,
+	children: [/* @__PURE__ */ i("span", { children: "Next" }), /* @__PURE__ */ i(n, {
+		icon: s,
+		size: "sm"
+	})]
+}));
+m.displayName = "PaginationNext";
+var h = r.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a("span", {
+	ref: o,
+	"aria-hidden": "true",
+	className: t("flex h-ds-sm-plus w-ds-sm-plus items-center justify-center text-surface-fg-muted", e),
+	...r,
+	children: [/* @__PURE__ */ i(n, {
+		icon: c,
+		size: "sm"
+	}), /* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: "More pages"
+	})]
+}));
+h.displayName = "PaginationEllipsis";
+function g(e, t, n) {
+	if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
+	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
+	if (!a && o) {
+		let e = n * 2 + 3;
+		return [
+			...Array.from({ length: e }, (e, t) => t + 1),
+			"ellipsis",
+			t
+		];
+	}
+	if (a && !o) {
+		let e = n * 2 + 3;
+		return [
+			1,
+			"ellipsis",
+			...Array.from({ length: e }, (n, r) => t - e + 1 + r)
+		];
+	}
+	return [
+		1,
+		"ellipsis",
+		...Array.from({ length: i - r + 1 }, (e, t) => r + t),
+		"ellipsis",
+		t
+	];
 }
-const S = o.forwardRef(
-  ({
-    totalPages: e,
-    currentPage: i,
-    onPageChange: s,
-    siblingCount: c = 1,
-    className: t,
-    ...d
-  }, p) => {
-    const g = M(i, e, c);
-    return /* @__PURE__ */ a(x, { ref: p, className: t, ...d, children: /* @__PURE__ */ h(y, { children: [
-      /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
-        P,
-        {
-          onClick: () => s(Math.max(1, i - 1)),
-          disabled: i <= 1
-        }
-      ) }),
-      g.map(
-        (l, n) => l === "ellipsis" ? /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(b, {}) }, `e${n}`) : /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
-          u,
-          {
-            isActive: l === i,
-            onClick: () => s(l),
-            children: l
-          }
-        ) }, l)
-      ),
-      /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(
-        w,
-        {
-          onClick: () => s(Math.min(e, i + 1)),
-          disabled: i >= e
-        }
-      ) })
-    ] }) });
-  }
-);
-S.displayName = "PaginationNav";
-export {
-  y as PaginationContent,
-  b as PaginationEllipsis,
-  m as PaginationItem,
-  u as PaginationLink,
-  S as PaginationNav,
-  w as PaginationNext,
-  P as PaginationPrevious,
-  x as PaginationRoot,
-  M as generatePagination
-};
+var _ = r.forwardRef(({ totalPages: e, currentPage: t, onPageChange: n, siblingCount: r = 1, className: o, ...s }, c) => {
+	let _ = g(t, e, r);
+	return /* @__PURE__ */ i(l, {
+		ref: c,
+		className: o,
+		...s,
+		children: /* @__PURE__ */ a(u, { children: [
+			/* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(p, {
+				onClick: () => n(Math.max(1, t - 1)),
+				disabled: t <= 1
+			}) }),
+			_.map((e, r) => e === "ellipsis" ? /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(h, {}) }, `e${r}`) : /* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(f, {
+				isActive: e === t,
+				onClick: () => n(e),
+				children: e
+			}) }, e)),
+			/* @__PURE__ */ i(d, { children: /* @__PURE__ */ i(m, {
+				onClick: () => n(Math.min(e, t + 1)),
+				disabled: t >= e
+			}) })
+		] })
+	});
+});
+_.displayName = "PaginationNav";
+//#endregion
+export { u as PaginationContent, h as PaginationEllipsis, d as PaginationItem, f as PaginationLink, _ as PaginationNav, m as PaginationNext, p as PaginationPrevious, l as PaginationRoot, g as generatePagination };

package/dist/ui/popover.js

@@ -1,132 +1,3 @@
 "use client";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as n from "react";
-import { ab as P, a6 as R, a5 as M, a7 as w, q as N, r as y, p as A, o as O, bh as j } from "../_chunks/primitives.js";
-import { cn as g } from "./lib/utils.js";
-import { tweens as v, springs as z } from "./lib/motion.js";
-import { useIsMobile as E } from "../hooks/use-mobile.js";
-import { u as k, A as b, m as p } from "../_chunks/framer.js";
-function B({
-  open: t,
-  onOpenChange: s,
-  children: i,
-  className: l,
-  dragHandle: c = !0,
-  swipeable: d = !0,
-  title: a
-}) {
-  const o = k(), r = n.useRef(null), u = n.useCallback(
-    (f, m) => {
-      const C = r.current?.getBoundingClientRect().height ?? 300;
-      (m.offset.y > C * 0.3 || m.velocity.y > 500) && s(!1);
-    },
-    [s]
-  );
-  return /* @__PURE__ */ e(P, { open: t, onOpenChange: s, children: /* @__PURE__ */ e(b, { children: t && /* @__PURE__ */ h(R, { forceMount: !0, children: [
-    /* @__PURE__ */ e(M, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
-      p.div,
-      {
-        className: "fixed inset-0 z-modal bg-overlay",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        transition: v.fade
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      w,
-      {
-        forceMount: !0,
-        asChild: !0,
-        "aria-label": a,
-        children: /* @__PURE__ */ h(
-          p.div,
-          {
-            ref: r,
-            className: g(
-              "fixed inset-x-0 bottom-0 z-modal max-h-[85vh] overflow-y-auto rounded-t-ds-xl border-t border-surface-border-strong bg-surface-overlay shadow-overlay outline-none",
-              l
-            ),
-            initial: { y: "100%" },
-            animate: { y: 0 },
-            exit: { y: "100%" },
-            transition: o ? { duration: 0 } : { type: "spring", damping: 30, stiffness: 300 },
-            drag: d && !o ? "y" : !1,
-            dragConstraints: { top: 0 },
-            dragElastic: 0.2,
-            onDragEnd: u,
-            children: [
-              c && /* @__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__ */ e("div", { className: "px-ds-05 pb-ds-06", children: i })
-            ]
-          }
-        )
-      }
-    )
-  ] }) }) });
-}
-const x = n.createContext({ open: !1, onClose: () => {
-} }), D = ({
-  open: t,
-  defaultOpen: s = !1,
-  onOpenChange: i,
-  ...l
-}) => {
-  const [c, d] = n.useState(s), a = t !== void 0, o = a ? t : c, r = n.useCallback(
-    (f) => {
-      a || d(f), i?.(f);
-    },
-    [a, i]
-  ), u = n.useMemo(
-    () => ({ open: o, onClose: () => r(!1) }),
-    [o, r]
-  );
-  return /* @__PURE__ */ e(x.Provider, { value: u, children: /* @__PURE__ */ e(O, { open: o, onOpenChange: r, ...l }) });
-};
-D.displayName = "Popover";
-const _ = A, $ = j, S = n.forwardRef(({ className: t, align: s = "center", sideOffset: i = 4, children: l, ...c }, d) => {
-  const a = E(), { open: o, onClose: r } = n.useContext(x);
-  return a ? /* @__PURE__ */ e(
-    B,
-    {
-      open: o,
-      onOpenChange: (u) => {
-        u || r();
-      },
-      title: "Options",
-      className: t,
-      children: l
-    }
-  ) : /* @__PURE__ */ e(b, { children: o && /* @__PURE__ */ e(N, { forceMount: !0, children: /* @__PURE__ */ e(
-    y,
-    {
-      ref: d,
-      align: s,
-      sideOffset: i,
-      forceMount: !0,
-      asChild: !0,
-      ...c,
-      children: /* @__PURE__ */ e(
-        p.div,
-        {
-          initial: { opacity: 0, scale: 0.95 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.95 },
-          transition: { ...z.snappy, opacity: v.fade },
-          className: g(
-            "z-popover w-72 rounded-ds-lg border border-surface-border-strong bg-surface-overlay p-ds-05 text-surface-fg shadow-floating outline-none",
-            t
-          ),
-          children: l
-        }
-      )
-    }
-  ) }) });
-});
-S.displayName = y.displayName;
-export {
-  D as Popover,
-  $ as PopoverAnchor,
-  S as PopoverContent,
-  _ as PopoverTrigger
-};
+import { i as e, n as t, r as n, t as r } from "../_chunks/popover.js";
+export { r as Popover, t as PopoverAnchor, n as PopoverContent, e as PopoverTrigger };