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

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

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
+
+//#region src/components/molecules/StatusChip.d.ts
+declare const chipVariants: (props?: ({
+  tone?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+type StatusChipProps = React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chipVariants> & {
+  icon?: React$1.ReactNode;
+  label?: React$1.ReactNode;
+  hoverContent?: React$1.ReactNode;
+};
+declare function StatusChip({
+  tone,
+  size,
+  icon,
+  label,
+  className,
+  hoverContent,
+  ...props
+}: StatusChipProps): react_jsx_runtime53.JSX.Element;
+//#endregion
+export { StatusChip, StatusChipProps };
+//# sourceMappingURL=StatusChip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.d.ts","names":[],"sources":["../../../src/components/molecules/StatusChip.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;;IAkBL,gCAAA,CAAA;AAlBK,KAoBM,eAAA,GAAkB,OAAA,CAAM,cAFnC,CAEkD,eAFlD,CAAA,GAGC,YAHD,CAAA,OAGqB,YAHrB,CAAA,GAAA;EAEW,IAAA,CAAA,EAED,OAAA,CAAM,SAFU;EAAwB,KAAA,CAAA,EAGvC,OAAA,CAAM,SAHiC;EAArB,YAAM,CAAA,EAIjB,OAAA,CAAM,SAJW;CACd;AAApB,iBAMc,UAAA,CANd;EAAA,IAAA;EAAA,IAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,YAAA;EAAA,GAAA;AAAA,CAAA,EAcC,eAdD,CAAA,EAcgB,mBAAA,CAAA,GAAA,CAAA,OAdhB"}

package/dist/components/molecules/StatusChip.js

@@ -0,0 +1,57 @@
+'use client';
+
+
+import { __toCommonJS } from "../../_virtual/rolldown_runtime.js";
+import { HoverPreview_exports, init_HoverPreview } from "./HoverPreview.js";
+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";
+
+//#region src/components/molecules/StatusChip.tsx
+const chipVariants = cva("inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-base font-medium", {
+	variants: {
+		tone: {
+			neutral: "bg-muted/40 text-foreground",
+			info: "bg-accent/15 text-accent",
+			success: "bg-green-100 text-green-700",
+			warning: "bg-warning/10 text-warning",
+			danger: "bg-destructive/10 text-destructive"
+		},
+		size: {
+			sm: "text-sm",
+			md: "text-base"
+		}
+	},
+	defaultVariants: {
+		tone: "neutral",
+		size: "md"
+	}
+});
+function StatusChip({ tone, size, icon, label, className, hoverContent,...props }) {
+	const content = /* @__PURE__ */ jsxs("span", {
+		className: cn(chipVariants({
+			tone,
+			size
+		}), className),
+		...props,
+		children: [icon && /* @__PURE__ */ jsx("span", {
+			className: "inline-flex h-4 w-4 items-center justify-center",
+			children: icon
+		}), label]
+	});
+	if (!hoverContent) return content;
+	try {
+		const { HoverPreview } = (init_HoverPreview(), __toCommonJS(HoverPreview_exports));
+		return /* @__PURE__ */ jsx(HoverPreview, {
+			trigger: content,
+			content: hoverContent
+		});
+	} catch {
+		return content;
+	}
+}
+
+//#endregion
+export { StatusChip };
+//# sourceMappingURL=StatusChip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusChip.js","names":[],"sources":["../../../src/components/molecules/StatusChip.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst chipVariants = cva(\n  'inline-flex items-center gap-1 rounded-md px-2 py-0.5 text-base font-medium',\n  {\n    variants: {\n      tone: {\n        neutral: 'bg-muted/40 text-foreground',\n        info: 'bg-accent/15 text-accent',\n        success: 'bg-green-100 text-green-700',\n        warning: 'bg-warning/10 text-warning',\n        danger: 'bg-destructive/10 text-destructive',\n      },\n      size: {\n        sm: 'text-sm',\n        md: 'text-base',\n      },\n    },\n    defaultVariants: { tone: 'neutral', size: 'md' },\n  }\n);\n\nexport type StatusChipProps = React.HTMLAttributes<HTMLSpanElement> &\n  VariantProps<typeof chipVariants> & {\n    icon?: React.ReactNode;\n    label?: React.ReactNode;\n    hoverContent?: React.ReactNode;\n  };\n\nexport function StatusChip({\n  tone,\n  size,\n  icon,\n  label,\n  className,\n  hoverContent,\n  ...props\n}: StatusChipProps) {\n  const content = (\n    <span className={cn(chipVariants({ tone, size }), className)} {...props}>\n      {icon && (\n        <span className=\"inline-flex h-4 w-4 items-center justify-center\">\n          {icon}\n        </span>\n      )}\n      {label}\n    </span>\n  );\n  if (!hoverContent) return content;\n  try {\n    const { HoverPreview } =\n      require('./HoverPreview') as typeof import('./HoverPreview');\n    return <HoverPreview trigger={content} content={hoverContent} />;\n  } catch {\n    return content;\n  }\n}\n"],"mappings":";;;;;;;;;;;AAMA,MAAM,eAAe,IACnB,+EACA;CACE,UAAU;EACR,MAAM;GACJ,SAAS;GACT,MAAM;GACN,SAAS;GACT,SAAS;GACT,QAAQ;GACT;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EAAE,MAAM;EAAW,MAAM;EAAM;CACjD,CACF;AASD,SAAgB,WAAW,EACzB,MACA,MACA,MACA,OACA,WACA,aACA,GAAG,SACe;CAClB,MAAM,UACJ,qBAAC;EAAK,WAAW,GAAG,aAAa;GAAE;GAAM;GAAM,CAAC,EAAE,UAAU;EAAE,GAAI;aAC/D,QACC,oBAAC;GAAK,WAAU;aACb;IACI,EAER;GACI;AAET,KAAI,CAAC,aAAc,QAAO;AAC1B,KAAI;EACF,MAAM,EAAE;AAER,SAAO,oBAAC;GAAa,SAAS;GAAS,SAAS;IAAgB;SAC1D;AACN,SAAO"}

package/dist/components/molecules/hover-previews/Doc.d.ts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.d.ts
+interface HoverPreviewDocProps {
+  docType: string;
+  number?: string;
+  title?: React$1.ReactNode;
+  meta?: {
+    label: React$1.ReactNode;
+    value: React$1.ReactNode;
+  }[];
+  status?: React$1.ReactNode;
+  amount?: React$1.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewDoc({
+  docType,
+  number,
+  title,
+  meta,
+  status,
+  amount,
+  className
+}: HoverPreviewDocProps): react_jsx_runtime117.JSX.Element;
+//#endregion
+export { HoverPreviewDoc, HoverPreviewDocProps };
+//# sourceMappingURL=Doc.d.ts.map

package/dist/components/molecules/hover-previews/Doc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Doc.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Doc.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,oBAAA;;;EAAA,KAAA,CAAA,EAGP,OAAA,CAAM,SAHqB;EAG3B,IAAA,CAAM,EAAA;IACE,KAAM,EAAN,OAAA,CAAM,SAAA;IAAkB,KAAM,EAAN,OAAA,CAAM,SAAA;EACrC,CAAA,EAAA;EACA,MAAM,CAAA,EADN,OAAA,CAAM,SACA;EAAS,MAAA,CAAA,EAAf,OAAA,CAAM,SAAS;EAIV,SAAA,CAAA,EAAA,MAAe;;AAE7B,iBAFc,eAAA,CAEd;EAAA,OAAA;EAAA,MAAA;EAAA,KAAA;EAAA,IAAA;EAAA,MAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAMC,oBAND,CAAA,EAMqB,oBAAA,CAAA,GAAA,CAAA,OANrB"}

package/dist/components/molecules/hover-previews/Doc.js

@@ -0,0 +1,46 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.tsx
+function HoverPreviewDoc({ docType, number, title, meta = [], status, amount, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "truncate text-sm font-medium",
+					children: [docType, number ? ` ${number}` : ""]
+				}), status]
+			}),
+			title && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: title
+			}),
+			meta.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground mt-1 space-y-1 text-base",
+				children: meta.map((m, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [m.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: m.value
+					})]
+				}, i))
+			}),
+			amount && /* @__PURE__ */ jsx("div", {
+				className: "pt-1 text-base font-medium",
+				children: amount
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewDoc };
+//# sourceMappingURL=Doc.js.map

package/dist/components/molecules/hover-previews/Doc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Doc.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Doc.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewDocProps {\n  docType: string; // Quote | Invoice | Project etc.\n  number?: string;\n  title?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  status?: React.ReactNode;\n  amount?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewDoc({\n  docType,\n  number,\n  title,\n  meta = [],\n  status,\n  amount,\n  className,\n}: HoverPreviewDocProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"truncate text-sm font-medium\">\n          {docType}\n          {number ? ` ${number}` : ''}\n        </div>\n        {status}\n      </div>\n      {title && (\n        <div className=\"text-muted-foreground truncate text-base\">{title}</div>\n      )}\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground mt-1 space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {amount && <div className=\"pt-1 text-base font-medium\">{amount}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,gBAAgB,EAC9B,SACA,QACA,OACA,OAAO,EAAE,EACT,QACA,QACA,aACuB;AACvB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACZ,SACA,SAAS,IAAI,WAAW;MACrB,EACL;KACG;GACL,SACC,oBAAC;IAAI,WAAU;cAA4C;KAAY;GAExE,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,UAAU,oBAAC;IAAI,WAAU;cAA8B;KAAa;;GACjE"}

package/dist/components/molecules/hover-previews/Media.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Media.d.ts
+interface HoverPreviewMediaProps {
+  title?: React$1.ReactNode;
+  subtitle?: React$1.ReactNode;
+  media: React$1.ReactNode;
+  caption?: React$1.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewMedia({
+  title,
+  subtitle,
+  media,
+  caption,
+  className
+}: HoverPreviewMediaProps): react_jsx_runtime127.JSX.Element;
+//#endregion
+export { HoverPreviewMedia, HoverPreviewMediaProps };
+//# sourceMappingURL=Media.d.ts.map

package/dist/components/molecules/hover-previews/Media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Media.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,sBAAA;UACP,OAAA,CAAM;aACH,OAAA,CAAM;EAFF,KAAA,EAGR,OAAA,CAAM,SAHE;EACP,OAAM,CAAA,EAGJ,OAAA,CAAM,SAHF;EACH,SAAM,CAAA,EAAA,MAAA;;AAEP,iBAII,iBAAA,CAJE;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAUf,sBAVe,CAAA,EAUO,oBAAA,CAAA,GAAA,CAAA,OAVP"}

package/dist/components/molecules/hover-previews/Media.js

@@ -0,0 +1,34 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Media.tsx
+function HoverPreviewMedia({ title, subtitle, media, caption, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			title && /* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: subtitle
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "bg-card rounded-md border p-1",
+				children: media
+			}),
+			caption && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: caption
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewMedia };
+//# sourceMappingURL=Media.js.map

package/dist/components/molecules/hover-previews/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Media.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewMediaProps {\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  media: React.ReactNode; // image/video/illustration\n  caption?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewMedia({\n  title,\n  subtitle,\n  media,\n  caption,\n  className,\n}: HoverPreviewMediaProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      {subtitle && (\n        <div className=\"text-muted-foreground truncate text-base\">\n          {subtitle}\n        </div>\n      )}\n      <div className=\"bg-card rounded-md border p-1\">{media}</div>\n      {caption && (\n        <div className=\"text-muted-foreground text-base\">{caption}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,kBAAkB,EAChC,OACA,UACA,OACA,SACA,aACyB;AACzB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACpE,YACC,oBAAC;IAAI,WAAU;cACZ;KACG;GAER,oBAAC;IAAI,WAAU;cAAiC;KAAY;GAC3D,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;;GAE9D"}

package/dist/components/molecules/hover-previews/Simple.d.ts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Simple.d.ts
+interface HoverPreviewLine {
+  icon?: React$1.ReactNode;
+  label?: React$1.ReactNode;
+  value: React$1.ReactNode;
+}
+interface HoverPreviewSimpleProps {
+  title: React$1.ReactNode;
+  subtitle?: React$1.ReactNode;
+  lines?: HoverPreviewLine[];
+  footer?: React$1.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewSimple({
+  title,
+  subtitle,
+  lines,
+  footer,
+  className
+}: HoverPreviewSimpleProps): react_jsx_runtime119.JSX.Element;
+//#endregion
+export { HoverPreviewLine, HoverPreviewSimple, HoverPreviewSimpleProps };
+//# sourceMappingURL=Simple.d.ts.map

package/dist/components/molecules/hover-previews/Simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Simple.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;SACR,OAAA,CAAM;UACL,OAAA,CAAM;EAFC,KAAA,EAGR,OAAA,CAAM,SAHkB;;AAEvB,UAIO,uBAAA,CAJD;EACP,KAAM,EAIN,OAAA,CAAM,SAJA;EAAS,QAAA,CAAA,EAKX,OAAA,CAAM,SALK;EAGP,KAAA,CAAA,EAGP,gBAHO,EAAuB;EAC/B,MAAM,CAAA,EAGJ,OAAA,CAAM,SAHF;EACF,SAAM,CAAA,EAAA,MAAA;;AAER,iBAIK,kBAAA,CAJC;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAUd,uBAVc,CAAA,EAUS,oBAAA,CAAA,GAAA,CAAA,OAVT"}

package/dist/components/molecules/hover-previews/Simple.js

@@ -0,0 +1,46 @@
+'use client';
+
+
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Simple.tsx
+function HoverPreviewSimple({ title, subtitle, lines = [], footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground truncate text-base",
+				children: subtitle
+			}),
+			lines.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "mt-2 space-y-1",
+				children: lines.map((l, idx) => /* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground flex items-center gap-2 text-base",
+					children: [l.icon, l.label ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [l.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: l.value
+					})] }) : /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: l.value
+					})]
+				}, idx))
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground pt-1 text-base",
+				children: footer
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewSimple };
+//# sourceMappingURL=Simple.js.map

package/dist/components/molecules/hover-previews/Simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Simple.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Simple.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewLine {\n  icon?: React.ReactNode;\n  label?: React.ReactNode;\n  value: React.ReactNode;\n}\n\nexport interface HoverPreviewSimpleProps {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  lines?: HoverPreviewLine[];\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewSimple({\n  title,\n  subtitle,\n  lines = [],\n  footer,\n  className,\n}: HoverPreviewSimpleProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"truncate text-sm font-medium\">{title}</div>\n      {subtitle && (\n        <div className=\"text-muted-foreground truncate text-base\">\n          {subtitle}\n        </div>\n      )}\n      {lines.length > 0 && (\n        <div className=\"mt-2 space-y-1\">\n          {lines.map((l, idx) => (\n            <div\n              key={idx}\n              className=\"text-muted-foreground flex items-center gap-2 text-base\"\n            >\n              {l.icon}\n              {l.label ? (\n                <>\n                  <span className=\"whitespace-nowrap\">{l.label}:</span>\n                  <span className=\"truncate\">{l.value}</span>\n                </>\n              ) : (\n                <span className=\"truncate\">{l.value}</span>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,mBAAmB,EACjC,OACA,UACA,QAAQ,EAAE,EACV,QACA,aAC0B;AAC1B,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,oBAAC;IAAI,WAAU;cAAgC;KAAY;GAC1D,YACC,oBAAC;IAAI,WAAU;cACZ;KACG;GAEP,MAAM,SAAS,KACd,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,QACb,qBAAC;KAEC,WAAU;gBAET,EAAE,MACF,EAAE,QACD,4CACE,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa,IAC1C,GAEH,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAVxC,IAYD,CACN;KACE;GAEP,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}

package/dist/components/molecules/hover-previews/Stats.d.ts

@@ -0,0 +1,23 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Stats.d.ts
+interface HoverPreviewStat {
+  label: React$1.ReactNode;
+  value: React$1.ReactNode;
+  hint?: React$1.ReactNode;
+}
+declare function HoverPreviewStats({
+  title,
+  stats,
+  footer,
+  className
+}: {
+  title?: React$1.ReactNode;
+  stats: HoverPreviewStat[];
+  footer?: React$1.ReactNode;
+  className?: string;
+}): react_jsx_runtime123.JSX.Element;
+//#endregion
+export { HoverPreviewStat, HoverPreviewStats };
+//# sourceMappingURL=Stats.d.ts.map

package/dist/components/molecules/hover-previews/Stats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;SACR,OAAA,CAAM;SACN,OAAA,CAAM;EAFE,IAAA,CAAA,EAGR,OAAA,CAAM,SAHkB;;AAExB,iBAIO,iBAAA,CAJD;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;CAAA,EAAA;EACN,KAAM,CAAA,EASL,OAAA,CAAM,SATD;EAAS,KAAA,EAUf,gBAVe,EAAA;EAGR,MAAA,CAAA,EAQL,OAAA,CAAM,SARgB;EAC/B,SAAA,CAAA,EAAA,MAAA;CACA,CAAA,EAQD,oBAAA,CAAA,GAAA,CAAA,OARC"}

package/dist/components/molecules/hover-previews/Stats.js

@@ -0,0 +1,39 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Stats.tsx
+function HoverPreviewStats({ title, stats, footer, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			title && /* @__PURE__ */ jsx("div", {
+				className: "truncate text-sm font-medium",
+				children: title
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 gap-2",
+				children: stats.map((s, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-baseline justify-between gap-3",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-base",
+						children: s.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "truncate text-sm font-semibold",
+						children: s.value
+					})]
+				}, i))
+			}),
+			footer && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground pt-1 text-base",
+				children: footer
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewStats };
+//# sourceMappingURL=Stats.js.map

package/dist/components/molecules/hover-previews/Stats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stats.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewStat {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  hint?: React.ReactNode;\n}\n\nexport function HoverPreviewStats({\n  title,\n  stats,\n  footer,\n  className,\n}: {\n  title?: React.ReactNode;\n  stats: HoverPreviewStat[];\n  footer?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      <div className=\"grid grid-cols-1 gap-2\">\n        {stats.map((s, i) => (\n          <div key={i} className=\"flex items-baseline justify-between gap-3\">\n            <div className=\"text-muted-foreground text-base\">{s.label}</div>\n            <div className=\"truncate text-sm font-semibold\">{s.value}</div>\n          </div>\n        ))}\n      </div>\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,kBAAkB,EAChC,OACA,OACA,QACA,aAMC;AACD,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACrE,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,MACb,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBAAmC,EAAE;OAAY,EAChE,oBAAC;MAAI,WAAU;gBAAkC,EAAE;OAAY;OAFvD,EAGJ,CACN;KACE;GACL,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}

package/dist/components/molecules/hover-previews/User.d.ts

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/User.d.ts
+interface HoverPreviewUserProps {
+  avatar?: React$1.ReactNode;
+  name: React$1.ReactNode;
+  email?: React$1.ReactNode;
+  meta?: {
+    label: React$1.ReactNode;
+    value: React$1.ReactNode;
+  }[];
+  actions?: React$1.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewUser({
+  avatar,
+  name,
+  email,
+  meta,
+  actions,
+  className
+}: HoverPreviewUserProps): react_jsx_runtime122.JSX.Element;
+//#endregion
+export { HoverPreviewUser, HoverPreviewUserProps };
+//# sourceMappingURL=User.d.ts.map

package/dist/components/molecules/hover-previews/User.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.d.ts","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,qBAAA;WACN,OAAA,CAAM;QACT,OAAA,CAAM;EAFG,KAAA,CAAA,EAGP,OAAA,CAAM,SAHC;EACN,IAAA,CAAM,EAAA;IACT,KAAM,EAEI,OAAA,CAAM,SAFV;IACJ,KAAM,EAC0B,OAAA,CAAM,SADhC;EACE,CAAA,EAAA;EAAwB,OAAM,CAAA,EACpC,OAAA,CAAM,SAD8B;EACpC,SAAM,CAAA,EAAA,MAAA;;AAIF,iBAAA,gBAAA,CAAgB;EAAA,MAAA;EAAA,IAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAO7B,qBAP6B,CAAA,EAOR,oBAAA,CAAA,GAAA,CAAA,OAPQ"}

package/dist/components/molecules/hover-previews/User.js

@@ -0,0 +1,48 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/User.tsx
+function HoverPreviewUser({ avatar, name, email, meta = [], actions, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ["space-y-2", className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-3",
+				children: [avatar, /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "truncate text-sm font-medium",
+						children: name
+					}), email && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground truncate text-base",
+						children: email
+					})]
+				})]
+			}),
+			meta.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground space-y-1 text-base",
+				children: meta.map((m, i) => /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "whitespace-nowrap",
+						children: [m.label, ":"]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "truncate",
+						children: m.value
+					})]
+				}, i))
+			}),
+			actions && /* @__PURE__ */ jsx("div", {
+				className: "pt-1",
+				children: actions
+			})
+		]
+	});
+}
+
+//#endregion
+export { HoverPreviewUser };
+//# sourceMappingURL=User.js.map

package/dist/components/molecules/hover-previews/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewUserProps {\n  avatar?: React.ReactNode;\n  name: React.ReactNode;\n  email?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewUser({\n  avatar,\n  name,\n  email,\n  meta = [],\n  actions,\n  className,\n}: HoverPreviewUserProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center gap-3\">\n        {avatar}\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-medium\">{name}</div>\n          {email && (\n            <div className=\"text-muted-foreground truncate text-base\">\n              {email}\n            </div>\n          )}\n        </div>\n      </div>\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {actions && <div className=\"pt-1\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,OACA,OAAO,EAAE,EACT,SACA,aACwB;AACxB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACZ,QACD,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAgC;OAAW,EACzD,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;MAEJ;KACF;GACL,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,WAAW,oBAAC;IAAI,WAAU;cAAQ;KAAc;;GAC7C"}

package/dist/components/native/BottomTabs.mobile.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+
+//#region src/components/native/BottomTabs.mobile.d.ts
+interface BottomTabItem {
+  key: string;
+  label: string;
+  icon?: React$1.ReactNode;
+  active?: boolean;
+  onPress: () => void;
+}
+declare function BottomTabs({
+  items,
+  className
+}: {
+  items: BottomTabItem[];
+  className?: string;
+}): react_jsx_runtime54.JSX.Element;
+//#endregion
+export { BottomTabItem, BottomTabs };
+//# sourceMappingURL=BottomTabs.mobile.d.ts.map

package/dist/components/native/BottomTabs.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomTabs.mobile.d.ts","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,aAAA;;;EAAA,IAAA,CAAA,EAGR,OAAA,CAAM,SAHe;EAQd,MAAA,CAAA,EAAA,OAAU;EACxB,OAAA,EAAA,GAAA,GAAA,IAAA;;AAGO,iBAJO,UAAA,CAIP;EAAA,KAAA;EAAA;CAAA,EAAA;EAER,KAAA,EAFQ,aAER,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;IAAA,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/native/BottomTabs.mobile.js

@@ -0,0 +1,29 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Pressable, Text, View } from "react-native";
+
+//#region src/components/native/BottomTabs.mobile.tsx
+function BottomTabs({ items, className }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: cn("bg-background flex flex-row items-stretch border-t", className),
+		children: items.map((it) => /* @__PURE__ */ jsxs(Pressable, {
+			className: cn("flex-1 items-center justify-center py-2", it.active ? "bg-muted" : void 0),
+			onPress: it.onPress,
+			accessibilityRole: "tab",
+			accessibilityState: { selected: !!it.active },
+			accessibilityLabel: it.label,
+			children: [it.icon, /* @__PURE__ */ jsx(Text, {
+				className: cn("mt-1 text-xs", it.active ? "text-foreground" : "text-muted-foreground"),
+				children: it.label
+			})]
+		}, it.key))
+	});
+}
+
+//#endregion
+export { BottomTabs };
+//# sourceMappingURL=BottomTabs.mobile.js.map

package/dist/components/native/BottomTabs.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomTabs.mobile.js","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Pressable, View, Text } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface BottomTabItem {\n  key: string;\n  label: string;\n  icon?: React.ReactNode;\n  active?: boolean;\n  onPress: () => void;\n}\n\nexport function BottomTabs({\n  items,\n  className,\n}: {\n  items: BottomTabItem[];\n  className?: string;\n}) {\n  return (\n    <View\n      className={cn(\n        'bg-background flex flex-row items-stretch border-t',\n        className\n      )}\n    >\n      {items.map((it) => (\n        <Pressable\n          key={it.key}\n          className={cn(\n            'flex-1 items-center justify-center py-2',\n            it.active ? 'bg-muted' : undefined\n          )}\n          onPress={it.onPress}\n          accessibilityRole=\"tab\"\n          accessibilityState={{ selected: !!it.active }}\n          accessibilityLabel={it.label}\n        >\n          {it.icon}\n          <Text\n            className={cn(\n              'mt-1 text-xs',\n              it.active ? 'text-foreground' : 'text-muted-foreground'\n            )}\n          >\n            {it.label}\n          </Text>\n        </Pressable>\n      ))}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EACzB,OACA,aAIC;AACD,QACE,oBAAC;EACC,WAAW,GACT,sDACA,UACD;YAEA,MAAM,KAAK,OACV,qBAAC;GAEC,WAAW,GACT,2CACA,GAAG,SAAS,aAAa,OAC1B;GACD,SAAS,GAAG;GACZ,mBAAkB;GAClB,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG,QAAQ;GAC7C,oBAAoB,GAAG;cAEtB,GAAG,MACJ,oBAAC;IACC,WAAW,GACT,gBACA,GAAG,SAAS,oBAAoB,wBACjC;cAEA,GAAG;KACC;KAlBF,GAAG,IAmBE,CACZ;GACG"}

package/dist/components/native/FlatListScreen.mobile.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { FlatListProps } from "react-native";
+import * as class_variance_authority_types16 from "class-variance-authority/types";
+
+//#region src/components/native/FlatListScreen.mobile.d.ts
+interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' | 'renderItem'>, VariantProps<typeof containerVariants> {
+  data: T[];
+  renderItem: FlatListProps<T>['renderItem'];
+  header?: React.ReactNode;
+  className?: string;
+  contentClassName?: string;
+  edges?: ('top' | 'bottom' | 'left' | 'right')[];
+  showsVerticalScrollIndicator?: boolean;
+  keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';
+  onRefresh?: () => void;
+  refreshing?: boolean;
+  emptyComponent?: React.ReactNode;
+  emptyText?: string;
+}
+declare const containerVariants: (props?: ({
+  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & class_variance_authority_types16.ClassProp) | undefined) => string;
+declare function FlatListScreen<T>({
+  children,
+  data,
+  renderItem,
+  header,
+  className,
+  contentClassName,
+  edges,
+  showsVerticalScrollIndicator,
+  keyboardShouldPersistTaps,
+  onRefresh,
+  refreshing,
+  emptyComponent,
+  emptyText,
+  padding,
+  ...flatListProps
+}: FlatListScreenProps<T>): react_jsx_runtime59.JSX.Element;
+//#endregion
+export { FlatListScreen, FlatListScreenProps };
+//# sourceMappingURL=FlatListScreen.mobile.d.ts.map

package/dist/components/native/FlatListScreen.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatListScreen.mobile.d.ts","names":[],"sources":["../../../src/components/native/FlatListScreen.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;;;UASiB,+BACP,KAAK,cAAc,4BACzB,oBAAoB;QAChB;cACM,cAAc;WACjB,KAAA,CAAM;EALA,SAAA,CAAA,EAAA,MAAA;EACY,gBAAA,CAAA,EAAA,MAAA;EAAd,KAAA,CAAA,EAAA,CAAA,KAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EACS,4BAAA,CAAA,EAAA,OAAA;EAChB,yBAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,SAAA;EACoB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAd,UAAA,CAAA,EAAA,OAAA;EACH,cAAM,CAAA,EAQE,KAAA,CAAM,SARR;EAQE,SAAM,CAAA,EAAA,MAAA;;cAInB,iBAfF,EAAA,CAAA,KA2BF,CA3BE,EAAA,CAAA;EAAY,OAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;AAaf,CAAA,GAcC,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEc,iBAAA,cAAc,CAAA,CAAA,CAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,UAAA;EAAA,MAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,KAAA;EAAA,4BAAA;EAAA,yBAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgB3B,mBAhB2B,CAgBP,CAhBO,CAAA,CAAA,EAgBL,mBAAA,CAAA,GAAA,CAAA,OAhBK"}