@lssm/lib.design-system 0.0.0-canary-20251120170226

package/dist/components/molecules/NavUser.js

@@ -0,0 +1,58 @@
+import { Button } from "../atoms/Button.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage } from "@lssm/lib.ui-kit-web/ui/avatar";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@lssm/lib.ui-kit-web/ui/dropdown-menu";
+
+//#region src/components/molecules/NavUser.tsx
+function NavUser({ name, email, imageUrl, items }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			"aria-label": "Account",
+			children: /* @__PURE__ */ jsx(Avatar, {
+				className: "h-8 w-8",
+				children: imageUrl ? /* @__PURE__ */ jsx(AvatarImage, {
+					src: imageUrl,
+					alt: name ?? "user"
+				}) : /* @__PURE__ */ jsx(AvatarFallback, { children: name?.[0] ?? "?" })
+			})
+		})
+	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+		align: "end",
+		className: "w-56",
+		children: [(name || email) && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col",
+			children: [name && /* @__PURE__ */ jsx("span", {
+				className: "font-medium",
+				children: name
+			}), email && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-base",
+				children: email
+			})]
+		}) }), /* @__PURE__ */ jsx(DropdownMenuSeparator, {})] }), items.map((it, i) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+			onClick: it.onClick,
+			asChild: !it.href,
+			children: it.href ? /* @__PURE__ */ jsx("a", {
+				href: it.href,
+				className: it.danger ? "text-destructive" : void 0,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-2",
+					children: [it.icon, it.label]
+				})
+			}) : /* @__PURE__ */ jsx("span", {
+				className: it.danger ? "text-destructive" : void 0,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-2",
+					children: [it.icon, it.label]
+				})
+			})
+		}, i))]
+	})] });
+}
+
+//#endregion
+export { NavUser };
+//# sourceMappingURL=NavUser.js.map

package/dist/components/molecules/NavUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavUser.js","names":[],"sources":["../../../src/components/molecules/NavUser.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n} from '@lssm/lib.ui-kit-web/ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '@lssm/lib.ui-kit-web/ui/dropdown-menu';\nimport { Button } from '../atoms/Button';\nimport type { UserMenuItem } from '../../types/navigation';\n\nexport function NavUser({\n  name,\n  email,\n  imageUrl,\n  items,\n}: {\n  name?: string;\n  email?: string;\n  imageUrl?: string;\n  items: UserMenuItem[];\n}) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button variant=\"ghost\" size=\"icon\" aria-label=\"Account\">\n          <Avatar className=\"h-8 w-8\">\n            {imageUrl ? (\n              <AvatarImage src={imageUrl} alt={name ?? 'user'} />\n            ) : (\n              <AvatarFallback>{name?.[0] ?? '?'}</AvatarFallback>\n            )}\n          </Avatar>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-56\">\n        {(name || email) && (\n          <>\n            <DropdownMenuLabel>\n              <div className=\"flex flex-col\">\n                {name && <span className=\"font-medium\">{name}</span>}\n                {email && (\n                  <span className=\"text-muted-foreground text-base\">\n                    {email}\n                  </span>\n                )}\n              </div>\n            </DropdownMenuLabel>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {items.map((it, i) => (\n          <DropdownMenuItem key={i} onClick={it.onClick} asChild={!it.href}>\n            {it.href ? (\n              <a\n                href={it.href}\n                className={it.danger ? 'text-destructive' : undefined}\n              >\n                <span className=\"inline-flex items-center gap-2\">\n                  {it.icon}\n                  {it.label}\n                </span>\n              </a>\n            ) : (\n              <span className={it.danger ? 'text-destructive' : undefined}>\n                <span className=\"inline-flex items-center gap-2\">\n                  {it.icon}\n                  {it.label}\n                </span>\n              </span>\n            )}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,QAAQ,EACtB,MACA,OACA,UACA,SAMC;AACD,QACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,oBAAC;GAAO,SAAQ;GAAQ,MAAK;GAAO,cAAW;aAC7C,oBAAC;IAAO,WAAU;cACf,WACC,oBAAC;KAAY,KAAK;KAAU,KAAK,QAAQ;MAAU,GAEnD,oBAAC,4BAAgB,OAAO,MAAM,MAAqB;KAE9C;IACF;GACW,EACtB,qBAAC;EAAoB,OAAM;EAAM,WAAU;cACvC,QAAQ,UACR,4CACE,oBAAC,+BACC,qBAAC;GAAI,WAAU;cACZ,QAAQ,oBAAC;IAAK,WAAU;cAAe;KAAY,EACnD,SACC,oBAAC;IAAK,WAAU;cACb;KACI;IAEL,GACY,EACpB,oBAAC,0BAAwB,IACxB,EAEJ,MAAM,KAAK,IAAI,MACd,oBAAC;GAAyB,SAAS,GAAG;GAAS,SAAS,CAAC,GAAG;aACzD,GAAG,OACF,oBAAC;IACC,MAAM,GAAG;IACT,WAAW,GAAG,SAAS,qBAAqB;cAE5C,qBAAC;KAAK,WAAU;gBACb,GAAG,MACH,GAAG;MACC;KACL,GAEJ,oBAAC;IAAK,WAAW,GAAG,SAAS,qBAAqB;cAChD,qBAAC;KAAK,WAAU;gBACb,GAAG,MACH,GAAG;MACC;KACF;KAjBY,EAmBJ,CACnB;GACkB,IACT"}

package/dist/components/molecules/OverviewCard.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+
+//#region src/components/molecules/OverviewCard.d.ts
+interface OverviewCardProps {
+  title: string;
+  summary: string;
+  href: string;
+  preview?: React$1.ReactNode;
+  ctaLabel: string;
+}
+declare function OverviewCard({
+  title,
+  summary,
+  href,
+  preview,
+  ctaLabel
+}: OverviewCardProps): react_jsx_runtime49.JSX.Element;
+//#endregion
+export { OverviewCard, OverviewCard as default };
+//# sourceMappingURL=OverviewCard.d.ts.map

package/dist/components/molecules/OverviewCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewCard.d.ts","names":[],"sources":["../../../src/components/molecules/OverviewCard.tsx"],"sourcesContent":[],"mappings":";;;;UAYU,iBAAA;;;EAAA,IAAA,EAAA,MAAA;EAQM,OAAA,CAAA,EAJJ,OAAA,CAAM,SAIU;EAC1B,QAAA,EAAA,MAAA;;AAEA,iBAHc,YAAA,CAGd;EAAA,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAGC,iBAHD,CAAA,EAGkB,mBAAA,CAAA,GAAA,CAAA,OAHlB"}

package/dist/components/molecules/OverviewCard.js

@@ -0,0 +1,39 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import NextLink from "next/link";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@lssm/lib.ui-kit-web/ui/dialog";
+
+//#region src/components/molecules/OverviewCard.tsx
+function OverviewCard({ title, summary, href, preview, ctaLabel }) {
+	return /* @__PURE__ */ jsxs(Dialog, { children: [/* @__PURE__ */ jsx(DialogTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("button", {
+			className: "bg-background/50 hover:bg-accent/40 rounded-md border p-4 text-left shadow-2xs transition",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-medium",
+				children: title
+			}), /* @__PURE__ */ jsx("div", {
+				className: "text-foreground/80",
+				children: summary
+			})]
+		})
+	}), /* @__PURE__ */ jsxs(DialogContent, {
+		className: "max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl",
+		children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }), /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(NextLink, {
+				href,
+				className: "bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2",
+				children: ctaLabel
+			}) })]
+		})]
+	})] });
+}
+var OverviewCard_default = OverviewCard;
+
+//#endregion
+export { OverviewCard, OverviewCard_default as default };
+//# sourceMappingURL=OverviewCard.js.map

package/dist/components/molecules/OverviewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewCard.js","names":["Link"],"sources":["../../../src/components/molecules/OverviewCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport Link from 'next/link';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@lssm/lib.ui-kit-web/ui/dialog';\n\ninterface OverviewCardProps {\n  title: string;\n  summary: string;\n  href: string;\n  preview?: React.ReactNode;\n  ctaLabel: string;\n}\n\nexport function OverviewCard({\n  title,\n  summary,\n  href,\n  preview,\n  ctaLabel,\n}: OverviewCardProps) {\n  return (\n    <Dialog>\n      <DialogTrigger asChild>\n        <button className=\"bg-background/50 hover:bg-accent/40 rounded-md border p-4 text-left shadow-2xs transition\">\n          <div className=\"text-lg font-medium\">{title}</div>\n          <div className=\"text-foreground/80\">{summary}</div>\n        </button>\n      </DialogTrigger>\n      <DialogContent className=\"max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n        </DialogHeader>\n        <div className=\"space-y-4\">\n          {preview}\n          <div>\n            <Link\n              href={href}\n              className=\"bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2\"\n            >\n              {ctaLabel}\n            </Link>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport default OverviewCard;\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,aAAa,EAC3B,OACA,SACA,MACA,SACA,YACoB;AACpB,QACE,qBAAC,qBACC,oBAAC;EAAc;YACb,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAI,WAAU;cAAuB;KAAY,EAClD,oBAAC;IAAI,WAAU;cAAsB;KAAc;IAC5C;GACK,EAChB,qBAAC;EAAc,WAAU;aACvB,oBAAC,0BACC,oBAAC,yBAAa,QAAoB,GACrB,EACf,qBAAC;GAAI,WAAU;cACZ,SACD,oBAAC,mBACC,oBAACA;IACO;IACN,WAAU;cAET;KACI,GACH;IACF;GACQ,IACT;;AAIb,2BAAe"}

package/dist/components/molecules/SkeletonBlock/index.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonBlockProps } from "./types.js";
+import { SkeletonBlock } from "./index.web.js";
+export { SkeletonBlock, SkeletonBlockProps, SkeletonBlock as default };

package/dist/components/molecules/SkeletonBlock/index.js

@@ -0,0 +1,3 @@
+import { SkeletonBlock } from "./index.web.js";
+
+export { SkeletonBlock, SkeletonBlock as default };

package/dist/components/molecules/SkeletonBlock/index.mobile.d.ts

@@ -0,0 +1,13 @@
+import { SkeletonBlockProps } from "./types.js";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonBlock/index.mobile.d.ts
+declare function SkeletonBlock({
+  w,
+  h,
+  rounded,
+  className
+}: SkeletonBlockProps): react_jsx_runtime115.JSX.Element;
+//#endregion
+export { SkeletonBlock, SkeletonBlock as default };
+//# sourceMappingURL=index.mobile.d.ts.map

package/dist/components/molecules/SkeletonBlock/index.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/index.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,aAAA;;;;;GAKb,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonBlock/index.mobile.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+
+//#region src/components/molecules/SkeletonBlock/index.mobile.tsx
+function SkeletonBlock({ w = "w-full", h = "h-4", rounded = "md", className }) {
+	return /* @__PURE__ */ jsx(View, { className: [
+		w,
+		h,
+		rounded === "full" ? "rounded-full" : rounded === "lg" ? "rounded-lg" : rounded === "sm" ? "rounded-xs" : "rounded-md",
+		"bg-muted",
+		className
+	].filter(Boolean).join(" ") });
+}
+var index_mobile_default = SkeletonBlock;
+
+//#endregion
+export { SkeletonBlock, index_mobile_default as default };
+//# sourceMappingURL=index.mobile.js.map

package/dist/components/molecules/SkeletonBlock/index.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.js","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/index.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport type { SkeletonBlockProps } from './types';\n\nexport function SkeletonBlock({\n  w = 'w-full',\n  h = 'h-4',\n  rounded = 'md',\n  className,\n}: SkeletonBlockProps) {\n  const radius =\n    rounded === 'full'\n      ? 'rounded-full'\n      : rounded === 'lg'\n        ? 'rounded-lg'\n        : rounded === 'sm'\n          ? 'rounded-xs'\n          : 'rounded-md';\n  return (\n    <View\n      className={[w, h, radius, 'bg-muted', className]\n        .filter(Boolean)\n        .join(' ')}\n    />\n  );\n}\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;AAIA,SAAgB,cAAc,EAC5B,IAAI,UACJ,IAAI,OACJ,UAAU,MACV,aACqB;AASrB,QACE,oBAAC,QACC,WAAW;EAAC;EAAG;EATjB,YAAY,SACR,iBACA,YAAY,OACV,eACA,YAAY,OACV,eACA;EAGoB;EAAY;EAAU,CAC7C,OAAO,QAAQ,CACf,KAAK,IAAI,GACZ;;AAIN,2BAAe"}

package/dist/components/molecules/SkeletonBlock/index.web.d.ts

@@ -0,0 +1,13 @@
+import { SkeletonBlockProps } from "./types.js";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonBlock/index.web.d.ts
+declare function SkeletonBlock({
+  w,
+  h,
+  rounded,
+  className
+}: SkeletonBlockProps): react_jsx_runtime116.JSX.Element;
+//#endregion
+export { SkeletonBlock, SkeletonBlock as default };
+//# sourceMappingURL=index.web.d.ts.map

package/dist/components/molecules/SkeletonBlock/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/index.web.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,aAAA;;;;;GAKb,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonBlock/index.web.js

@@ -0,0 +1,14 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Skeleton } from "@lssm/lib.ui-kit-web/ui/skeleton";
+
+//#region src/components/molecules/SkeletonBlock/index.web.tsx
+function SkeletonBlock({ w = "w-full", h = "h-4", rounded = "md", className }) {
+	return /* @__PURE__ */ jsx(Skeleton, { className: cn(w, h, rounded === "full" ? "rounded-full" : rounded === "lg" ? "rounded-lg" : rounded === "sm" ? "rounded-xs" : "rounded-md", className) });
+}
+var index_web_default = SkeletonBlock;
+
+//#endregion
+export { SkeletonBlock, index_web_default as default };
+//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonBlock/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '@lssm/lib.ui-kit-web/ui/skeleton';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport type { SkeletonBlockProps } from './types';\n\nexport function SkeletonBlock({\n  w = 'w-full',\n  h = 'h-4',\n  rounded = 'md',\n  className,\n}: SkeletonBlockProps) {\n  const radius =\n    rounded === 'full'\n      ? 'rounded-full'\n      : rounded === 'lg'\n        ? 'rounded-lg'\n        : rounded === 'sm'\n          ? 'rounded-xs'\n          : 'rounded-md';\n  return <Skeleton className={cn(w, h, radius, className)} />;\n}\n\nexport default SkeletonBlock;\n"],"mappings":";;;;;;AAKA,SAAgB,cAAc,EAC5B,IAAI,UACJ,IAAI,OACJ,UAAU,MACV,aACqB;AASrB,QAAO,oBAAC,YAAS,WAAW,GAAG,GAAG,GAPhC,YAAY,SACR,iBACA,YAAY,OACV,eACA,YAAY,OACV,eACA,cACmC,UAAU,GAAI;;AAG7D,wBAAe"}

package/dist/components/molecules/SkeletonBlock/types.d.ts

@@ -0,0 +1,10 @@
+//#region src/components/molecules/SkeletonBlock/types.d.ts
+interface SkeletonBlockProps {
+  w?: string;
+  h?: string;
+  rounded?: 'sm' | 'md' | 'lg' | 'full';
+  className?: string;
+}
+//#endregion
+export { SkeletonBlockProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/SkeletonBlock/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonBlock/types.ts"],"sourcesContent":[],"mappings":";UAAiB,kBAAA;EAAA,CAAA,CAAA,EAAA,MAAA"}

package/dist/components/molecules/SkeletonCircle/index.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonCircleProps } from "./types.js";
+import { SkeletonCircle } from "./index.web.js";
+export { SkeletonCircle, SkeletonCircleProps, SkeletonCircle as default };

package/dist/components/molecules/SkeletonCircle/index.js

@@ -0,0 +1,3 @@
+import { SkeletonCircle } from "./index.web.js";
+
+export { SkeletonCircle, SkeletonCircle as default };

package/dist/components/molecules/SkeletonCircle/index.mobile.d.ts

@@ -0,0 +1,12 @@
+import { SkeletonCircleProps } from "./types.js";
+import * as react_jsx_runtime75 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonCircle/index.mobile.d.ts
+declare function SkeletonCircle({
+  size,
+  sizeClass,
+  className
+}: SkeletonCircleProps): react_jsx_runtime75.JSX.Element;
+//#endregion
+export { SkeletonCircle, SkeletonCircle as default };
+//# sourceMappingURL=index.mobile.d.ts.map

package/dist/components/molecules/SkeletonCircle/index.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/index.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,cAAA;;;;GAIb,sBAAmB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonCircle/index.mobile.js

@@ -0,0 +1,24 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+
+//#region src/components/molecules/SkeletonCircle/index.mobile.tsx
+function SkeletonCircle({ size = 32, sizeClass, className }) {
+	if (sizeClass) return /* @__PURE__ */ jsx(View, { className: [
+		"bg-muted rounded-full",
+		sizeClass,
+		className
+	].filter(Boolean).join(" ") });
+	return /* @__PURE__ */ jsx(View, {
+		className: ["bg-muted rounded-full", className].filter(Boolean).join(" "),
+		style: {
+			width: size,
+			height: size
+		}
+	});
+}
+var index_mobile_default = SkeletonCircle;
+
+//#endregion
+export { SkeletonCircle, index_mobile_default as default };
+//# sourceMappingURL=index.mobile.js.map

package/dist/components/molecules/SkeletonCircle/index.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.js","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/index.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport type { SkeletonCircleProps } from './types';\n\nexport function SkeletonCircle({\n  size = 32,\n  sizeClass,\n  className,\n}: SkeletonCircleProps) {\n  if (sizeClass) {\n    return (\n      <View\n        className={['bg-muted rounded-full', sizeClass, className]\n          .filter(Boolean)\n          .join(' ')}\n      />\n    );\n  }\n  return (\n    <View\n      className={['bg-muted rounded-full', className].filter(Boolean).join(' ')}\n      style={{ width: size, height: size }}\n    />\n  );\n}\n\nexport default SkeletonCircle;\n"],"mappings":";;;;;AAIA,SAAgB,eAAe,EAC7B,OAAO,IACP,WACA,aACsB;AACtB,KAAI,UACF,QACE,oBAAC,QACC,WAAW;EAAC;EAAyB;EAAW;EAAU,CACvD,OAAO,QAAQ,CACf,KAAK,IAAI,GACZ;AAGN,QACE,oBAAC;EACC,WAAW,CAAC,yBAAyB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACzE,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;GACpC;;AAIN,2BAAe"}

package/dist/components/molecules/SkeletonCircle/index.web.d.ts

@@ -0,0 +1,12 @@
+import { SkeletonCircleProps } from "./types.js";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonCircle/index.web.d.ts
+declare function SkeletonCircle({
+  size,
+  sizeClass,
+  className
+}: SkeletonCircleProps): react_jsx_runtime118.JSX.Element;
+//#endregion
+export { SkeletonCircle, SkeletonCircle as default };
+//# sourceMappingURL=index.web.d.ts.map

package/dist/components/molecules/SkeletonCircle/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/index.web.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,cAAA;;;;GAIb,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonCircle/index.web.js

@@ -0,0 +1,24 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Skeleton } from "@lssm/lib.ui-kit-web/ui/skeleton";
+
+//#region src/components/molecules/SkeletonCircle/index.web.tsx
+function SkeletonCircle({ size = 32, sizeClass, className }) {
+	const classes = [
+		"rounded-full",
+		sizeClass || void 0,
+		className
+	].filter(Boolean).join(" ");
+	return sizeClass ? /* @__PURE__ */ jsx(Skeleton, { className: classes }) : /* @__PURE__ */ jsx(Skeleton, {
+		className: classes,
+		style: {
+			width: size,
+			height: size
+		}
+	});
+}
+var index_web_default = SkeletonCircle;
+
+//#endregion
+export { SkeletonCircle, index_web_default as default };
+//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonCircle/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Skeleton } from '@lssm/lib.ui-kit-web/ui/skeleton';\nimport type { SkeletonCircleProps } from './types';\n\nexport function SkeletonCircle({\n  size = 32,\n  sizeClass,\n  className,\n}: SkeletonCircleProps) {\n  const classes = ['rounded-full', sizeClass || undefined, className]\n    .filter(Boolean)\n    .join(' ');\n  return sizeClass ? (\n    <Skeleton className={classes} />\n  ) : (\n    <Skeleton className={classes} style={{ width: size, height: size }} />\n  );\n}\n\nexport default SkeletonCircle;\n"],"mappings":";;;;;AAIA,SAAgB,eAAe,EAC7B,OAAO,IACP,WACA,aACsB;CACtB,MAAM,UAAU;EAAC;EAAgB,aAAa;EAAW;EAAU,CAChE,OAAO,QAAQ,CACf,KAAK,IAAI;AACZ,QAAO,YACL,oBAAC,YAAS,WAAW,UAAW,GAEhC,oBAAC;EAAS,WAAW;EAAS,OAAO;GAAE,OAAO;GAAM,QAAQ;GAAM;GAAI;;AAI1E,wBAAe"}

package/dist/components/molecules/SkeletonCircle/types.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/molecules/SkeletonCircle/types.d.ts
+interface SkeletonCircleProps {
+  sizeClass?: string;
+  size?: number;
+  className?: string;
+}
+//#endregion
+export { SkeletonCircleProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/SkeletonCircle/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonCircle/types.ts"],"sourcesContent":[],"mappings":";UAAiB,mBAAA;EAAA,SAAA,CAAA,EAAA,MAAA"}

package/dist/components/molecules/SkeletonList/index.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonListProps } from "./types.js";
+import { SkeletonList } from "./index.web.js";
+export { SkeletonList, SkeletonListProps, SkeletonList as default };

package/dist/components/molecules/SkeletonList/index.js

@@ -0,0 +1,3 @@
+import { SkeletonList } from "./index.web.js";
+
+export { SkeletonList, SkeletonList as default };

package/dist/components/molecules/SkeletonList/index.mobile.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonListProps } from "./types.js";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonList/index.mobile.d.ts
+declare function SkeletonList({
+  count,
+  className
+}: SkeletonListProps): react_jsx_runtime120.JSX.Element;
+//#endregion
+export { SkeletonList, SkeletonList as default };
+//# sourceMappingURL=index.mobile.d.ts.map

package/dist/components/molecules/SkeletonList/index.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonList/index.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,YAAA;;;GAAwC,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonList/index.mobile.js

@@ -0,0 +1,23 @@
+import { SkeletonBlock } from "../SkeletonBlock/index.web.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { View } from "react-native";
+
+//#region src/components/molecules/SkeletonList/index.mobile.tsx
+function SkeletonList({ count = 10, className }) {
+	return /* @__PURE__ */ jsx(View, {
+		className,
+		children: Array.from({ length: Math.max(1, count) }).map((_, i) => /* @__PURE__ */ jsx(View, {
+			className: "mb-2",
+			children: /* @__PURE__ */ jsx(SkeletonBlock, {
+				h: "h-5",
+				rounded: "md"
+			})
+		}, i))
+	});
+}
+var index_mobile_default = SkeletonList;
+
+//#endregion
+export { SkeletonList, index_mobile_default as default };
+//# sourceMappingURL=index.mobile.js.map

package/dist/components/molecules/SkeletonList/index.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.js","names":[],"sources":["../../../../src/components/molecules/SkeletonList/index.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View } from 'react-native';\nimport type { SkeletonListProps } from './types';\nimport { SkeletonBlock } from '../SkeletonBlock';\n\nexport function SkeletonList({ count = 10, className }: SkeletonListProps) {\n  return (\n    <View className={className}>\n      {Array.from({ length: Math.max(1, count) }).map((_, i) => (\n        <View key={i} className=\"mb-2\">\n          <SkeletonBlock h=\"h-5\" rounded=\"md\" />\n        </View>\n      ))}\n    </View>\n  );\n}\n\nexport default SkeletonList;\n"],"mappings":";;;;;;AAKA,SAAgB,aAAa,EAAE,QAAQ,IAAI,aAAgC;AACzE,QACE,oBAAC;EAAgB;YACd,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,EAAE,CAAC,CAAC,KAAK,GAAG,MAClD,oBAAC;GAAa,WAAU;aACtB,oBAAC;IAAc,GAAE;IAAM,SAAQ;KAAO;KAD7B,EAEJ,CACP;GACG;;AAIX,2BAAe"}

package/dist/components/molecules/SkeletonList/index.web.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonListProps } from "./types.js";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonList/index.web.d.ts
+declare function SkeletonList({
+  count,
+  className
+}: SkeletonListProps): react_jsx_runtime121.JSX.Element;
+//#endregion
+export { SkeletonList, SkeletonList as default };
+//# sourceMappingURL=index.web.d.ts.map

package/dist/components/molecules/SkeletonList/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonList/index.web.tsx"],"sourcesContent":[],"mappings":";;;;iBAIgB,YAAA;;;GAAwC,oBAAiB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/molecules/SkeletonList/index.web.js

@@ -0,0 +1,16 @@
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { SkeletonList as SkeletonList$1 } from "@lssm/lib.ui-kit-web/ui/molecules/SkeletonList";
+
+//#region src/components/molecules/SkeletonList/index.web.tsx
+function SkeletonList({ count = 10, className }) {
+	return /* @__PURE__ */ jsx(SkeletonList$1, {
+		count,
+		className
+	});
+}
+var index_web_default = SkeletonList;
+
+//#endregion
+export { SkeletonList, index_web_default as default };
+//# sourceMappingURL=index.web.js.map

package/dist/components/molecules/SkeletonList/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":["UISkeletonList"],"sources":["../../../../src/components/molecules/SkeletonList/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SkeletonList as UISkeletonList } from '@lssm/lib.ui-kit-web/ui/molecules/SkeletonList';\nimport type { SkeletonListProps } from './types';\n\nexport function SkeletonList({ count = 10, className }: SkeletonListProps) {\n  return <UISkeletonList count={count} className={className} />;\n}\n\nexport default SkeletonList;\n"],"mappings":";;;;;AAIA,SAAgB,aAAa,EAAE,QAAQ,IAAI,aAAgC;AACzE,QAAO,oBAACA;EAAsB;EAAkB;GAAa;;AAG/D,wBAAe"}

package/dist/components/molecules/SkeletonList/types.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/molecules/SkeletonList/types.d.ts
+interface SkeletonListProps {
+  count?: number;
+  className?: string;
+}
+//#endregion
+export { SkeletonListProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/SkeletonList/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/components/molecules/SkeletonList/types.ts"],"sourcesContent":[],"mappings":";UAAiB,iBAAA;EAAA,KAAA,CAAA,EAAA,MAAA"}

package/dist/components/molecules/StatCard.d.ts

@@ -0,0 +1,37 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+
+//#region src/components/molecules/StatCard.d.ts
+declare const statVariants: (props?: ({
+  emphasis?: "strong" | "default" | "subtle" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+type StatCardProps = React$1.ComponentProps<typeof Card> & VariantProps<typeof statVariants> & {
+  label: React$1.ReactNode;
+  value: React$1.ReactNode;
+  hint?: React$1.ReactNode;
+  icon?: React$1.ReactNode;
+};
+declare function StatCard({
+  label,
+  value,
+  hint,
+  icon,
+  emphasis,
+  density,
+  className,
+  ...props
+}: StatCardProps): react_jsx_runtime51.JSX.Element;
+declare function StatCardGroup({
+  children,
+  className
+}: {
+  children: React$1.ReactNode;
+  className?: string;
+}): react_jsx_runtime51.JSX.Element;
+//#endregion
+export { StatCard, StatCardGroup, StatCardProps };
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/molecules/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","names":[],"sources":["../../../src/components/molecules/StatCard.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM;;;IAaJ,gCAAA,CAAA;AAbI,KAeM,aAAA,GAAgB,OAAA,CAAM,cAFhC,CAAA,OAEsD,IAFtD,CAAA,GAGA,YAHA,CAAA,OAGoB,YAHpB,CAAA,GAAA;EAEU,KAAA,EAED,OAAA,CAAM,SAFQ;EAA+B,KAAA,EAG7C,OAAA,CAAM,SAHuC;EAA5B,IAAA,CAAM,EAIvB,OAAA,CAAM,SAJiB;EACZ,IAAA,CAAA,EAIX,OAAA,CAAM,SAJK;CAApB;AACS,iBAMK,QAAA,CANC;EAAA,KAAA;EAAA,KAAA;EAAA,IAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAed,aAfc,CAAA,EAeD,mBAAA,CAAA,GAAA,CAAA,OAfC;AACN,iBAoCK,aAAA,CApCC;EAAA,QAAA;EAAA;CAAA,EAAA;EACN,QAAM,EAuCL,OAAA,CAAM,SAvCD;EACN,SAAM,CAAA,EAAA,MAAA;CAAS,CAAA,EAwCzB,mBAAA,CAAA,GAAA,CAAA,OAxCyB"}

package/dist/components/molecules/StatCard.js

@@ -0,0 +1,69 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
+
+//#region src/components/molecules/StatCard.tsx
+const statVariants = cva("", {
+	variants: {
+		emphasis: {
+			default: "",
+			subtle: "bg-muted/20",
+			strong: "bg-primary/5"
+		},
+		density: {
+			compact: "p-3",
+			comfortable: "p-4 md:p-5"
+		}
+	},
+	defaultVariants: {
+		emphasis: "default",
+		density: "comfortable"
+	}
+});
+function StatCard({ label, value, hint, icon, emphasis, density, className,...props }) {
+	return /* @__PURE__ */ jsx(Card, {
+		className,
+		...props,
+		children: /* @__PURE__ */ jsxs(CardContent, {
+			className: cn("flex items-center gap-3", statVariants({
+				emphasis,
+				density
+			})),
+			children: [icon && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground",
+				children: icon
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-base",
+						children: label
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "truncate text-2xl font-semibold",
+						children: value
+					}),
+					hint && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-base",
+						children: hint
+					})
+				]
+			})]
+		})
+	});
+}
+function StatCardGroup({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4", className),
+		children
+	});
+}
+
+//#endregion
+export { StatCard, StatCardGroup };
+//# sourceMappingURL=StatCard.js.map

package/dist/components/molecules/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/components/molecules/StatCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst statVariants = cva('', {\n  variants: {\n    emphasis: {\n      default: '',\n      subtle: 'bg-muted/20',\n      strong: 'bg-primary/5',\n    },\n    density: {\n      compact: 'p-3',\n      comfortable: 'p-4 md:p-5',\n    },\n  },\n  defaultVariants: { emphasis: 'default', density: 'comfortable' },\n});\n\nexport type StatCardProps = React.ComponentProps<typeof Card> &\n  VariantProps<typeof statVariants> & {\n    label: React.ReactNode;\n    value: React.ReactNode;\n    hint?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n\nexport function StatCard({\n  label,\n  value,\n  hint,\n  icon,\n  emphasis,\n  density,\n  className,\n  ...props\n}: StatCardProps) {\n  return (\n    <Card className={className} {...props}>\n      <CardContent\n        className={cn(\n          'flex items-center gap-3',\n          statVariants({ emphasis, density })\n        )}\n      >\n        {icon && <div className=\"text-muted-foreground\">{icon}</div>}\n        <div className=\"min-w-0\">\n          <div className=\"text-muted-foreground text-base\">{label}</div>\n          <div className=\"truncate text-2xl font-semibold\">{value}</div>\n          {hint && (\n            <div className=\"text-muted-foreground text-base\">{hint}</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function StatCardGroup({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4',\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAM,eAAe,IAAI,IAAI;CAC3B,UAAU;EACR,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EAAE,UAAU;EAAW,SAAS;EAAe;CACjE,CAAC;AAUF,SAAgB,SAAS,EACvB,OACA,OACA,MACA,MACA,UACA,SACA,UACA,GAAG,SACa;AAChB,QACE,oBAAC;EAAgB;EAAW,GAAI;YAC9B,qBAAC;GACC,WAAW,GACT,2BACA,aAAa;IAAE;IAAU;IAAS,CAAC,CACpC;cAEA,QAAQ,oBAAC;IAAI,WAAU;cAAyB;KAAW,EAC5D,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAI,WAAU;gBAAmC;OAAY;KAC9D,oBAAC;MAAI,WAAU;gBAAmC;OAAY;KAC7D,QACC,oBAAC;MAAI,WAAU;gBAAmC;OAAW;;KAE3D;IACM;GACT;;AAIX,SAAgB,cAAc,EAC5B,UACA,aAIC;AACD,QACE,oBAAC;EACC,WAAW,GACT,wDACA,UACD;EAEA;GACG"}