@lssm/lib.design-system 1.2.0

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/SkeletonBlock/types.js

@@ -0,0 +1 @@
+export {  };

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_runtime30 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonCircle/index.mobile.d.ts
+declare function SkeletonCircle({
+  size,
+  sizeClass,
+  className
+}: SkeletonCircleProps): react_jsx_runtime30.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_runtime29 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonCircle/index.web.d.ts
+declare function SkeletonCircle({
+  size,
+  sizeClass,
+  className
+}: SkeletonCircleProps): react_jsx_runtime29.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,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,24 @@
+import { Skeleton } from "../../../ui-kit-web/dist/ui/skeleton.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#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/SkeletonCircle/types.js

@@ -0,0 +1 @@
+export {  };

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_runtime87 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonList/index.mobile.d.ts
+declare function SkeletonList({
+  count,
+  className
+}: SkeletonListProps): react_jsx_runtime87.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,mBAAA,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_runtime95 from "react/jsx-runtime";
+
+//#region src/components/molecules/SkeletonList/index.web.d.ts
+declare function SkeletonList({
+  count,
+  className
+}: SkeletonListProps): react_jsx_runtime95.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,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { SkeletonList as SkeletonList$1 } from "../../../ui-kit-web/dist/ui/molecules/SkeletonList.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#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/SkeletonList/types.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,37 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+
+//#region src/components/molecules/StatCard.d.ts
+declare const statVariants: (props?: ({
+  emphasis?: "default" | "subtle" | "strong" | 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_runtime70.JSX.Element;
+declare function StatCardGroup({
+  children,
+  className
+}: {
+  children: React$1.ReactNode;
+  className?: string;
+}): react_jsx_runtime70.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,70 @@
+'use client';
+
+
+import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
+import { Card, CardContent } from "../../ui-kit-web/dist/ui/card.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/molecules/StatCard.tsx
+init_utils();
+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":";;;;;;;;;;YAKmD;AAEnD,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"}

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

@@ -0,0 +1,27 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime75 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" | "danger" | "info" | "success" | "warning" | 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_runtime75.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,58 @@
+'use client';
+
+
+import { __toCommonJS } from "../../_virtual/rolldown_runtime.js";
+import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
+import { HoverPreview_exports, init_HoverPreview } from "./HoverPreview.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/molecules/StatusChip.tsx
+init_utils();
+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":";;;;;;;;;;;YAImD;AAEnD,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_runtime100 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_runtime100.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_runtime101 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_runtime101.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"}