@lssm/lib.design-system 1.7.3 → 1.9.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","names":[],"sources":["../../../src/components/molecules/StatCard.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM;;;IAaJ,+BAAA,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"}
+{"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,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OAxCyB"}

package/dist/components/molecules/StatCard.js

@@ -1,14 +1,12 @@
 '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";
+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
-init_utils();
 const statVariants = cva("", {
 	variants: {
 		emphasis: {
@@ -26,7 +24,7 @@ const statVariants = cva("", {
 		density: "comfortable"
 	}
 });
-function StatCard({ label, value, hint, icon, emphasis, density, className,...props }) {
+function StatCard({ label, value, hint, icon, emphasis, density, className, ...props }) {
 	return /* @__PURE__ */ jsx(Card, {
 		className,
 		...props,

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

@@ -1 +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"}
+{"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,WACA,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

@@ -1,13 +1,13 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types5 from "class-variance-authority/types";
+import * as class_variance_authority_types18 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_types5.ClassProp) | undefined) => string;
+} & class_variance_authority_types18.ClassProp) | undefined) => string;
 type StatusChipProps = React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chipVariants> & {
   icon?: React$1.ReactNode;
   label?: React$1.ReactNode;
@@ -21,7 +21,7 @@ declare function StatusChip({
   className,
   hoverContent,
   ...props
-}: StatusChipProps): react_jsx_runtime37.JSX.Element;
+}: StatusChipProps): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { StatusChip, StatusChipProps };
 //# sourceMappingURL=StatusChip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusChip.d.ts","names":[],"sources":["../../../src/components/molecules/StatusChip.tsx"],"sourcesContent":[],"mappings":";;;;;;cAMM;;;IAkBL,+BAAA,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"}
+{"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,oBAAA,CAAA,GAAA,CAAA,OAdhB"}

package/dist/components/molecules/StatusChip.js

@@ -1,15 +1,13 @@
 '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";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#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: {
@@ -29,7 +27,7 @@ const chipVariants = cva("inline-flex items-center gap-1 rounded-md px-2 py-0.5
 		size: "md"
 	}
 });
-function StatusChip({ tone, size, icon, label, className, hoverContent,...props }) {
+function StatusChip({ tone, size, icon, label, className, hoverContent, ...props }) {
 	const content = /* @__PURE__ */ jsxs("span", {
 		className: cn(chipVariants({
 			tone,

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

@@ -1 +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"}
+{"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,cACA,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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Doc.d.ts
 interface HoverPreviewDocProps {
@@ -22,7 +22,7 @@ declare function HoverPreviewDoc({
   status,
   amount,
   className
-}: HoverPreviewDocProps): react_jsx_runtime86.JSX.Element;
+}: HoverPreviewDocProps): react_jsx_runtime71.JSX.Element;
 //#endregion
 export { HoverPreviewDoc, HoverPreviewDocProps };
 //# sourceMappingURL=Doc.d.ts.map

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +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"}
+{"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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime91 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Media.d.ts
 interface HoverPreviewMediaProps {
@@ -15,7 +15,7 @@ declare function HoverPreviewMedia({
   media,
   caption,
   className
-}: HoverPreviewMediaProps): react_jsx_runtime91.JSX.Element;
+}: HoverPreviewMediaProps): react_jsx_runtime72.JSX.Element;
 //#endregion
 export { HoverPreviewMedia, HoverPreviewMediaProps };
 //# sourceMappingURL=Media.d.ts.map

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +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"}
+{"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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/Simple.d.ts
 interface HoverPreviewLine {
@@ -20,7 +20,7 @@ declare function HoverPreviewSimple({
   lines,
   footer,
   className
-}: HoverPreviewSimpleProps): react_jsx_runtime109.JSX.Element;
+}: HoverPreviewSimpleProps): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { HoverPreviewLine, HoverPreviewSimple, HoverPreviewSimpleProps };
 //# sourceMappingURL=Simple.d.ts.map

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

@@ -1 +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"}
+{"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,mBAAA,CAAA,GAAA,CAAA,OAVT"}

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +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"}
+{"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

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

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +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"}
+{"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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/molecules/hover-previews/User.d.ts
 interface HoverPreviewUserProps {
@@ -20,7 +20,7 @@ declare function HoverPreviewUser({
   meta,
   actions,
   className
-}: HoverPreviewUserProps): react_jsx_runtime94.JSX.Element;
+}: HoverPreviewUserProps): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { HoverPreviewUser, HoverPreviewUserProps };
 //# sourceMappingURL=User.d.ts.map

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +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"}
+{"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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 
 //#region src/components/native/BottomTabs.mobile.d.ts
 interface BottomTabItem {
@@ -15,7 +15,7 @@ declare function BottomTabs({
 }: {
   items: BottomTabItem[];
   className?: string;
-}): react_jsx_runtime106.JSX.Element;
+}): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { BottomTabItem, BottomTabs };
 //# sourceMappingURL=BottomTabs.mobile.d.ts.map

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

@@ -1,13 +1,11 @@
 'use client';
 
-
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
 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
-init_utils();
 function BottomTabs({ items, className }) {
 	return /* @__PURE__ */ jsx(View, {
 		className: cn("bg-background flex flex-row items-stretch border-t", className),

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

@@ -1 +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":";;;;;;;;;YAImD;AAUnD,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"}
+{"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

@@ -1,8 +1,8 @@
 import React from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime86 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { FlatListProps } from "react-native";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types10 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> {
@@ -21,7 +21,7 @@ interface FlatListScreenProps<T> extends Omit<FlatListProps<T>, 'data' | 'render
 }
 declare const containerVariants: (props?: ({
   padding?: "none" | "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types2.ClassProp) | undefined) => string;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
 declare function FlatListScreen<T>({
   children,
   data,
@@ -38,7 +38,7 @@ declare function FlatListScreen<T>({
   emptyText,
   padding,
   ...flatListProps
-}: FlatListScreenProps<T>): react_jsx_runtime17.JSX.Element;
+}: FlatListScreenProps<T>): react_jsx_runtime86.JSX.Element;
 //#endregion
 export { FlatListScreen, FlatListScreenProps };
 //# sourceMappingURL=FlatListScreen.mobile.d.ts.map

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

@@ -1 +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,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAaf,CAAA,GAcC,+BAAA,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"}
+{"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,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,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"}

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

@@ -1,12 +1,11 @@
 'use client';
 
-
-import { Text as Text$1 } from "../../ui-kit/dist/ui/text.js";
-import { VStack } from "../../ui-kit/dist/ui/stack.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { FlatList, RefreshControl } from "react-native";
+import { VStack } from "@lssm/lib.ui-kit/ui/stack";
+import { Text as Text$1 } from "@lssm/lib.ui-kit/ui/text";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 //#region src/components/native/FlatListScreen.mobile.tsx
@@ -23,7 +22,7 @@ function FlatListScreen({ children, data, renderItem, header, className, content
 	"top",
 	"left",
 	"right"
-], showsVerticalScrollIndicator = false, keyboardShouldPersistTaps = "handled", onRefresh, refreshing = false, emptyComponent, emptyText = "No items found", padding,...flatListProps }) {
+], showsVerticalScrollIndicator = false, keyboardShouldPersistTaps = "handled", onRefresh, refreshing = false, emptyComponent, emptyText = "No items found", padding, ...flatListProps }) {
 	const renderEmptyComponent = () => {
 		if (emptyComponent) return emptyComponent;
 		return /* @__PURE__ */ jsx(VStack, {

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

@@ -1 +1 @@
-{"version":3,"file":"FlatListScreen.mobile.js","names":["Text"],"sources":["../../../src/components/native/FlatListScreen.mobile.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { FlatList, type FlatListProps, RefreshControl } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { VStack } from '@lssm/lib.ui-kit/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit/ui/text';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport interface FlatListScreenProps<T>\n  extends Omit<FlatListProps<T>, 'data' | 'renderItem'>,\n    VariantProps<typeof containerVariants> {\n  data: T[];\n  renderItem: FlatListProps<T>['renderItem'];\n  header?: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n  edges?: ('top' | 'bottom' | 'left' | 'right')[];\n  showsVerticalScrollIndicator?: boolean;\n  keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';\n  onRefresh?: () => void;\n  refreshing?: boolean;\n  emptyComponent?: React.ReactNode;\n  emptyText?: string;\n}\n\nconst containerVariants = cva('', {\n  variants: {\n    padding: {\n      none: '',\n      sm: 'px-3 py-3',\n      md: 'px-4 py-4',\n      lg: 'px-5 py-5',\n    },\n  },\n  defaultVariants: {\n    padding: 'none',\n  },\n});\n\nexport function FlatListScreen<T>({\n  children,\n  data,\n  renderItem,\n  header,\n  className,\n  contentClassName,\n  edges = ['top', 'left', 'right'],\n  showsVerticalScrollIndicator = false,\n  keyboardShouldPersistTaps = 'handled',\n  onRefresh,\n  refreshing = false,\n  emptyComponent,\n  emptyText = 'No items found',\n  padding,\n  ...flatListProps\n}: FlatListScreenProps<T>) {\n  const renderEmptyComponent = () => {\n    if (emptyComponent) return emptyComponent;\n\n    return (\n      <VStack align=\"center\" justify=\"center\" className=\"py-20\">\n        <Text className=\"text-muted-foreground text-center\">{emptyText}</Text>\n      </VStack>\n    );\n  };\n\n  const ListHeaderComponent = header ? (\n    <VStack\n      className={[containerVariants({ padding }), contentClassName]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {header}\n    </VStack>\n  ) : undefined;\n\n  return (\n    <SafeAreaView style={{ flex: 1 }} edges={edges}>\n      <FlatList<T>\n        data={data}\n        renderItem={renderItem}\n        keyExtractor={(item: any, index) =>\n          item?.id?.toString?.() || item?.key?.toString?.() || String(index)\n        }\n        showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n        keyboardShouldPersistTaps={keyboardShouldPersistTaps}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={renderEmptyComponent}\n        refreshing={refreshing}\n        refreshControl={\n          onRefresh ? (\n            <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />\n          ) : undefined\n        }\n        {...flatListProps}\n      />\n\n      {children}\n    </SafeAreaView>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC;AAEF,SAAgB,eAAkB,EAChC,UACA,MACA,YACA,QACA,WACA,kBACA,QAAQ;CAAC;CAAO;CAAQ;CAAQ,EAChC,+BAA+B,OAC/B,4BAA4B,WAC5B,WACA,aAAa,OACb,gBACA,YAAY,kBACZ,QACA,GAAG,iBACsB;CACzB,MAAM,6BAA6B;AACjC,MAAI,eAAgB,QAAO;AAE3B,SACE,oBAAC;GAAO,OAAM;GAAS,SAAQ;GAAS,WAAU;aAChD,oBAACA;IAAK,WAAU;cAAqC;KAAiB;IAC/D;;AAcb,QACE,qBAAC;EAAa,OAAO,EAAE,MAAM,GAAG;EAAS;aACvC,oBAAC;GACO;GACM;GACZ,eAAe,MAAW,UACxB,MAAM,IAAI,YAAY,IAAI,MAAM,KAAK,YAAY,IAAI,OAAO,MAAM;GAEtC;GACH;GAC3B,qBApBsB,SAC1B,oBAAC;IACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,iBAAiB,CAC1D,OAAO,QAAQ,CACf,KAAK,IAAI;cAEX;KACM,GACP;GAaE,oBAAoB;GACR;GACZ,gBACE,YACE,oBAAC;IAA2B;IAAuB;KAAa,GAC9D;GAEN,GAAI;IACJ,EAED;GACY"}
+{"version":3,"file":"FlatListScreen.mobile.js","names":["Text"],"sources":["../../../src/components/native/FlatListScreen.mobile.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { FlatList, type FlatListProps, RefreshControl } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { VStack } from '@lssm/lib.ui-kit/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit/ui/text';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport interface FlatListScreenProps<T>\n  extends Omit<FlatListProps<T>, 'data' | 'renderItem'>,\n    VariantProps<typeof containerVariants> {\n  data: T[];\n  renderItem: FlatListProps<T>['renderItem'];\n  header?: React.ReactNode;\n  className?: string;\n  contentClassName?: string;\n  edges?: ('top' | 'bottom' | 'left' | 'right')[];\n  showsVerticalScrollIndicator?: boolean;\n  keyboardShouldPersistTaps?: 'always' | 'never' | 'handled';\n  onRefresh?: () => void;\n  refreshing?: boolean;\n  emptyComponent?: React.ReactNode;\n  emptyText?: string;\n}\n\nconst containerVariants = cva('', {\n  variants: {\n    padding: {\n      none: '',\n      sm: 'px-3 py-3',\n      md: 'px-4 py-4',\n      lg: 'px-5 py-5',\n    },\n  },\n  defaultVariants: {\n    padding: 'none',\n  },\n});\n\nexport function FlatListScreen<T>({\n  children,\n  data,\n  renderItem,\n  header,\n  className,\n  contentClassName,\n  edges = ['top', 'left', 'right'],\n  showsVerticalScrollIndicator = false,\n  keyboardShouldPersistTaps = 'handled',\n  onRefresh,\n  refreshing = false,\n  emptyComponent,\n  emptyText = 'No items found',\n  padding,\n  ...flatListProps\n}: FlatListScreenProps<T>) {\n  const renderEmptyComponent = () => {\n    if (emptyComponent) return emptyComponent;\n\n    return (\n      <VStack align=\"center\" justify=\"center\" className=\"py-20\">\n        <Text className=\"text-muted-foreground text-center\">{emptyText}</Text>\n      </VStack>\n    );\n  };\n\n  const ListHeaderComponent = header ? (\n    <VStack\n      className={[containerVariants({ padding }), contentClassName]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {header}\n    </VStack>\n  ) : undefined;\n\n  return (\n    <SafeAreaView style={{ flex: 1 }} edges={edges}>\n      <FlatList<T>\n        data={data}\n        renderItem={renderItem}\n        keyExtractor={(item: any, index) =>\n          item?.id?.toString?.() || item?.key?.toString?.() || String(index)\n        }\n        showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n        keyboardShouldPersistTaps={keyboardShouldPersistTaps}\n        ListHeaderComponent={ListHeaderComponent}\n        ListEmptyComponent={renderEmptyComponent}\n        refreshing={refreshing}\n        refreshControl={\n          onRefresh ? (\n            <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />\n          ) : undefined\n        }\n        {...flatListProps}\n      />\n\n      {children}\n    </SafeAreaView>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA0BA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CAAC;AAEF,SAAgB,eAAkB,EAChC,UACA,MACA,YACA,QACA,WACA,kBACA,QAAQ;CAAC;CAAO;CAAQ;CAAQ,EAChC,+BAA+B,OAC/B,4BAA4B,WAC5B,WACA,aAAa,OACb,gBACA,YAAY,kBACZ,SACA,GAAG,iBACsB;CACzB,MAAM,6BAA6B;AACjC,MAAI,eAAgB,QAAO;AAE3B,SACE,oBAAC;GAAO,OAAM;GAAS,SAAQ;GAAS,WAAU;aAChD,oBAACA;IAAK,WAAU;cAAqC;KAAiB;IAC/D;;AAcb,QACE,qBAAC;EAAa,OAAO,EAAE,MAAM,GAAG;EAAS;aACvC,oBAAC;GACO;GACM;GACZ,eAAe,MAAW,UACxB,MAAM,IAAI,YAAY,IAAI,MAAM,KAAK,YAAY,IAAI,OAAO,MAAM;GAEtC;GACH;GAC3B,qBApBsB,SAC1B,oBAAC;IACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,iBAAiB,CAC1D,OAAO,QAAQ,CACf,KAAK,IAAI;cAEX;KACM,GACP;GAaE,oBAAoB;GACR;GACZ,gBACE,YACE,oBAAC;IAA2B;IAAuB;KAAa,GAC9D;GAEN,GAAI;IACJ,EAED;GACY"}

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 
 //#region src/components/native/SheetMenu.mobile.d.ts
 declare function SheetMenu({
@@ -12,7 +12,7 @@ declare function SheetMenu({
   onOpenChange: (open: boolean) => void;
   title?: string;
   children: React$1.ReactNode;
-}): react_jsx_runtime20.JSX.Element;
+}): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { SheetMenu };
 //# sourceMappingURL=SheetMenu.mobile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SheetMenu.mobile.d.ts","names":[],"sources":["../../../src/components/native/SheetMenu.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAWgB,SAAA;;;;;;;;EAAA,KAAA,CAAA,EAAA,MAAS;EACvB,QAAA,EAQU,OAAA,CAAM,SARhB;CACA,CAAA,EAQD,mBAAA,CAAA,GAAA,CAAA,OARC"}
+{"version":3,"file":"SheetMenu.mobile.d.ts","names":[],"sources":["../../../src/components/native/SheetMenu.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAWgB,SAAA;;;;;;;;EAAA,KAAA,CAAA,EAAA,MAAS;EACvB,QAAA,EAQU,OAAA,CAAM,SARhB;CACA,CAAA,EAQD,oBAAA,CAAA,GAAA,CAAA,OARC"}

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

@@ -1,9 +1,8 @@
 'use client';
 
-
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../ui-kit-web/dist/ui/dialog.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@lssm/lib.ui-kit-web/ui/dialog";
 import { Text, View } from "react-native";
 
 //#region src/components/native/SheetMenu.mobile.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"SheetMenu.mobile.js","names":[],"sources":["../../../src/components/native/SheetMenu.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { View, Text } from 'react-native';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@lssm/lib.ui-kit-web/ui/dialog';\n\nexport function SheetMenu({\n  open,\n  onOpenChange,\n  title = 'Menu',\n  children,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n      </DialogHeader>\n      <DialogContent>\n        <View className=\"gap-2\">\n          {typeof children === 'string' ? <Text>{children}</Text> : children}\n        </View>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,UAAU,EACxB,MACA,cACA,QAAQ,QACR,YAMC;AACD,QACE,qBAAC;EAAa;EAAoB;aAChC,oBAAC,0BACC,oBAAC,yBAAa,QAAoB,GACrB,EACf,oBAAC,2BACC,oBAAC;GAAK,WAAU;aACb,OAAO,aAAa,WAAW,oBAAC,QAAM,WAAgB,GAAG;IACrD,GACO;GACT"}
+{"version":3,"file":"SheetMenu.mobile.js","names":[],"sources":["../../../src/components/native/SheetMenu.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { View, Text } from 'react-native';\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@lssm/lib.ui-kit-web/ui/dialog';\n\nexport function SheetMenu({\n  open,\n  onOpenChange,\n  title = 'Menu',\n  children,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  title?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogHeader>\n        <DialogTitle>{title}</DialogTitle>\n      </DialogHeader>\n      <DialogContent>\n        <View className=\"gap-2\">\n          {typeof children === 'string' ? <Text>{children}</Text> : children}\n        </View>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,UAAU,EACxB,MACA,cACA,QAAQ,QACR,YAMC;AACD,QACE,qBAAC;EAAa;EAAoB;aAChC,oBAAC,0BACC,oBAAC,yBAAa,QAAoB,GACrB,EACf,oBAAC,2BACC,oBAAC;GAAK,WAAU;aACb,OAAO,aAAa,WAAW,oBAAC,QAAM,WAAgB,GAAG;IACrD,GACO;GACT"}

package/dist/components/organisms/AcademyLayout.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 
 //#region src/components/organisms/AcademyLayout.d.ts
 interface AcademyLayoutProps {
@@ -24,7 +24,7 @@ declare function AcademyLayout({
   rightPanel,
   footer,
   className
-}: AcademyLayoutProps): react_jsx_runtime38.JSX.Element;
+}: AcademyLayoutProps): react_jsx_runtime91.JSX.Element;
 //#endregion
 export { AcademyLayout, AcademyLayoutProps };
 //# sourceMappingURL=AcademyLayout.d.ts.map

package/dist/components/organisms/AcademyLayout.js

@@ -1,13 +1,11 @@
 'use client';
 
-
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../../ui-kit-web/dist/ui/breadcrumb.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@lssm/lib.ui-kit-web/ui/breadcrumb";
 
 //#region src/components/organisms/AcademyLayout.tsx
-init_utils();
 function AcademyLayout({ header, toc, breadcrumb, children, rightPanel, footer, className }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("bg-background min-h-svh", className),

package/dist/components/organisms/AcademyLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcademyLayout.js","names":["React"],"sources":["../../../src/components/organisms/AcademyLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@lssm/lib.ui-kit-web/ui/breadcrumb';\n\nexport interface AcademyLayoutProps {\n  header: React.ReactNode;\n  toc?: React.ReactNode; // sidebar TOC on desktop\n  breadcrumb?: { items: { href?: string; label: React.ReactNode }[] };\n  children: React.ReactNode; // article/content\n  rightPanel?: React.ReactNode; // optional exercises/progress\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function AcademyLayout({\n  header,\n  toc,\n  breadcrumb,\n  children,\n  rightPanel,\n  footer,\n  className,\n}: AcademyLayoutProps) {\n  return (\n    <div className={cn('bg-background min-h-svh', className)}>\n      {header}\n      <div className=\"mx-auto grid w-full max-w-7xl grid-cols-1 gap-6 px-4 py-6 md:grid-cols-[220px_minmax(0,1fr)_240px]\">\n        <aside className=\"sticky top-24 hidden self-start md:block\">\n          {toc}\n        </aside>\n        <main className=\"min-w-0\">\n          {breadcrumb && breadcrumb.items?.length ? (\n            <div className=\"mb-4\">\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumb.items.map((it, idx) => (\n                    <React.Fragment key={idx}>\n                      <BreadcrumbItem>\n                        {it.href ? (\n                          <BreadcrumbLink href={it.href}>\n                            {it.label}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{it.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {idx < breadcrumb.items.length - 1 && (\n                        <BreadcrumbSeparator />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            </div>\n          ) : null}\n          <article className=\"prose text-foreground max-w-none\">\n            {children}\n          </article>\n        </main>\n        <aside className=\"sticky top-24 hidden self-start lg:block\">\n          {rightPanel}\n        </aside>\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;YAGmD;AAoBnD,SAAgB,cAAc,EAC5B,QACA,KACA,YACA,UACA,YACA,QACA,aACqB;AACrB,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;;GACrD;GACD,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAM,WAAU;gBACd;OACK;KACR,qBAAC;MAAK,WAAU;iBACb,cAAc,WAAW,OAAO,SAC/B,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBACC,oBAAC,4BACE,WAAW,MAAM,KAAK,IAAI,QACzB,qBAACA,QAAM,uBACL,oBAAC,4BACE,GAAG,OACF,oBAAC;QAAe,MAAM,GAAG;kBACtB,GAAG;SACW,GAEjB,oBAAC,4BAAgB,GAAG,QAAuB,GAE9B,EAChB,MAAM,WAAW,MAAM,SAAS,KAC/B,oBAAC,wBAAsB,KAXN,IAaJ,CACjB,GACa,GACN;QACT,GACJ,MACJ,oBAAC;OAAQ,WAAU;OAChB;QACO;OACL;KACP,oBAAC;MAAM,WAAU;gBACd;OACK;;KACJ;GACL;;GACG"}
+{"version":3,"file":"AcademyLayout.js","names":["React"],"sources":["../../../src/components/organisms/AcademyLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@lssm/lib.ui-kit-web/ui/breadcrumb';\n\nexport interface AcademyLayoutProps {\n  header: React.ReactNode;\n  toc?: React.ReactNode; // sidebar TOC on desktop\n  breadcrumb?: { items: { href?: string; label: React.ReactNode }[] };\n  children: React.ReactNode; // article/content\n  rightPanel?: React.ReactNode; // optional exercises/progress\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function AcademyLayout({\n  header,\n  toc,\n  breadcrumb,\n  children,\n  rightPanel,\n  footer,\n  className,\n}: AcademyLayoutProps) {\n  return (\n    <div className={cn('bg-background min-h-svh', className)}>\n      {header}\n      <div className=\"mx-auto grid w-full max-w-7xl grid-cols-1 gap-6 px-4 py-6 md:grid-cols-[220px_minmax(0,1fr)_240px]\">\n        <aside className=\"sticky top-24 hidden self-start md:block\">\n          {toc}\n        </aside>\n        <main className=\"min-w-0\">\n          {breadcrumb && breadcrumb.items?.length ? (\n            <div className=\"mb-4\">\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumb.items.map((it, idx) => (\n                    <React.Fragment key={idx}>\n                      <BreadcrumbItem>\n                        {it.href ? (\n                          <BreadcrumbLink href={it.href}>\n                            {it.label}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{it.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {idx < breadcrumb.items.length - 1 && (\n                        <BreadcrumbSeparator />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            </div>\n          ) : null}\n          <article className=\"prose text-foreground max-w-none\">\n            {children}\n          </article>\n        </main>\n        <aside className=\"sticky top-24 hidden self-start lg:block\">\n          {rightPanel}\n        </aside>\n      </div>\n      {footer}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,cAAc,EAC5B,QACA,KACA,YACA,UACA,YACA,QACA,aACqB;AACrB,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;;GACrD;GACD,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAM,WAAU;gBACd;OACK;KACR,qBAAC;MAAK,WAAU;iBACb,cAAc,WAAW,OAAO,SAC/B,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBACC,oBAAC,4BACE,WAAW,MAAM,KAAK,IAAI,QACzB,qBAACA,QAAM,uBACL,oBAAC,4BACE,GAAG,OACF,oBAAC;QAAe,MAAM,GAAG;kBACtB,GAAG;SACW,GAEjB,oBAAC,4BAAgB,GAAG,QAAuB,GAE9B,EAChB,MAAM,WAAW,MAAM,SAAS,KAC/B,oBAAC,wBAAsB,KAXN,IAaJ,CACjB,GACa,GACN;QACT,GACJ,MACJ,oBAAC;OAAQ,WAAU;OAChB;QACO;OACL;KACP,oBAAC;MAAM,WAAU;gBACd;OACK;;KACJ;GACL;;GACG"}

package/dist/components/organisms/AppHeader.d.ts

@@ -1,6 +1,6 @@
 import { HeaderProps } from "./Header.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppHeader.d.ts
 interface AppHeaderProps extends HeaderProps {
@@ -13,7 +13,7 @@ declare function AppHeader({
   toolbarRight,
   className,
   ...props
-}: AppHeaderProps): react_jsx_runtime40.JSX.Element;
+}: AppHeaderProps): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { AppHeader, AppHeaderProps };
 //# sourceMappingURL=AppHeader.d.ts.map