@lssm/lib.design-system 1.41.1 → 1.42.1

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
+
+//#region src/components/molecules/LangSwitch.d.ts
+interface LangOption {
+  code: string;
+  label: React.ReactNode;
+}
+interface LangSwitchProps {
+  value: string;
+  options: LangOption[];
+  onChange: (code: string) => void;
+  size?: 'sm' | 'default';
+}
+declare function LangSwitch({
+  value,
+  options,
+  onChange,
+  size
+}: LangSwitchProps): react_jsx_runtime42.JSX.Element;
+//#endregion
+export { LangSwitch, LangSwitchProps };
+//# sourceMappingURL=LangSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LangSwitch.d.ts","names":[],"sources":["../../../src/components/molecules/LangSwitch.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,UAAA;;SAER,KAAA,CAAM;AAFf;AAKiB,UAAA,eAAA,CAAe;EAOhB,KAAA,EAAA,MAAU;EACxB,OAAA,EANS,UAMT,EAAA;EACA,QAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACA,IAAA,CAAA,EAAA,IAAA,GAAA,SAAA;;AAEC,iBALa,UAAA,CAKb;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,eAAA,CAAA,EAAe,mBAAA,CAAA,GAAA,CAAA,OAAf"}

package/dist/components/molecules/LangSwitch.js

@@ -18,4 +18,5 @@ function LangSwitch({ value, options, onChange, size = "sm" }) {
 }
 
 //#endregion
-export { LangSwitch };
+export { LangSwitch };
+//# sourceMappingURL=LangSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LangSwitch.js","names":[],"sources":["../../../src/components/molecules/LangSwitch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Button } from '../atoms/Button';\n\nexport interface LangOption {\n  code: string; // e.g. 'en', 'fr'\n  label: React.ReactNode;\n}\n\nexport interface LangSwitchProps {\n  value: string;\n  options: LangOption[];\n  onChange: (code: string) => void;\n  size?: 'sm' | 'default';\n}\n\nexport function LangSwitch({\n  value,\n  options,\n  onChange,\n  size = 'sm',\n}: LangSwitchProps) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {options.map((opt) => (\n        <Button\n          key={opt.code}\n          variant={value === opt.code ? 'default' : 'ghost'}\n          size={size}\n          onPress={() => onChange(opt.code)}\n        >\n          {opt.label}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,WAAW,EACzB,OACA,SACA,UACA,OAAO,QACW;AAClB,QACE,oBAAC;EAAI,WAAU;YACZ,QAAQ,KAAK,QACZ,oBAAC;GAEC,SAAS,UAAU,IAAI,OAAO,YAAY;GACpC;GACN,eAAe,SAAS,IAAI,KAAK;aAEhC,IAAI;KALA,IAAI,KAMF,CACT;GACE"}

package/dist/components/molecules/LangSwitchDropdown.js

@@ -34,4 +34,5 @@ function LangSwitchDropdown({ value, options, onChange, className }) {
 }
 
 //#endregion
-export { LangSwitchDropdown };
+export { LangSwitchDropdown };
+//# sourceMappingURL=LangSwitchDropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LangSwitchDropdown.js","names":[],"sources":["../../../src/components/molecules/LangSwitchDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Globe } from 'lucide-react';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@lssm/lib.ui-kit-web/ui/dropdown-menu';\n\nexport interface LangOption {\n  code: string;\n  label: React.ReactNode;\n}\n\nexport function LangSwitchDropdown({\n  value,\n  options,\n  onChange,\n  className,\n}: {\n  value: string;\n  options: LangOption[];\n  onChange: (code: string) => void;\n  className?: string;\n}) {\n  const [open, setOpen] = React.useState(false);\n  const current = options.find((o) => o.code === value);\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen}>\n      <DropdownMenuTrigger\n        className={className}\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n      >\n        <div className=\"hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm\">\n          <Globe className=\"h-4 w-4\" />\n          <span className=\"hidden sm:inline\">\n            {current?.label ?? value.toUpperCase()}\n          </span>\n        </div>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align=\"end\"\n        onMouseEnter={() => setOpen(true)}\n        onMouseLeave={() => setOpen(false)}\n      >\n        {options.map((opt) => (\n          <DropdownMenuItem key={opt.code} onClick={() => onChange(opt.code)}>\n            {opt.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,mBAAmB,EACjC,OACA,SACA,UACA,aAMC;CACD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,MAAM;CAC7C,MAAM,UAAU,QAAQ,MAAM,MAAM,EAAE,SAAS,MAAM;AAErD,QACE,qBAAC;EAAmB;EAAM,cAAc;aACtC,oBAAC;GACY;GACX,oBAAoB,QAAQ,KAAK;GACjC,oBAAoB,QAAQ,MAAM;aAElC,qBAAC;IAAI,WAAU;eACb,oBAAC,SAAM,WAAU,YAAY,EAC7B,oBAAC;KAAK,WAAU;eACb,SAAS,SAAS,MAAM,aAAa;MACjC;KACH;IACc,EACtB,oBAAC;GACC,OAAM;GACN,oBAAoB,QAAQ,KAAK;GACjC,oBAAoB,QAAQ,MAAM;aAEjC,QAAQ,KAAK,QACZ,oBAAC;IAAgC,eAAe,SAAS,IAAI,KAAK;cAC/D,IAAI;MADgB,IAAI,KAER,CACnB;IACkB;GACT"}

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
+
+//#region src/components/molecules/LoaderBlock.d.ts
+interface LoaderBlockProps {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  className?: string;
+  size?: 'sm' | 'md' | 'lg';
+}
+declare function LoaderBlock({
+  label,
+  description,
+  className,
+  size
+}: LoaderBlockProps): react_jsx_runtime74.JSX.Element;
+//#endregion
+export { LoaderBlock };
+//# sourceMappingURL=LoaderBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderBlock.d.ts","names":[],"sources":["../../../src/components/molecules/LoaderBlock.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,gBAAA;UACP,KAAA,CAAM;gBACA,KAAA,CAAM;EAFL,SAAA,CAAA,EAAA,MAAA;EAOD,IAAA,CAAA,EAAA,IAAA,GAAW,IAAA,GAAA,IAAA;;AAEzB,iBAFc,WAAA,CAEd;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAGC,gBAHD,CAAA,EAGiB,mBAAA,CAAA,GAAA,CAAA,OAHjB"}

package/dist/components/molecules/LoaderBlock.js

@@ -21,4 +21,5 @@ function LoaderBlock({ label, description, className, size = "md" }) {
 }
 
 //#endregion
-export { LoaderBlock };
+export { LoaderBlock };
+//# sourceMappingURL=LoaderBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderBlock.js","names":[],"sources":["../../../src/components/molecules/LoaderBlock.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { LoaderCircular } from '../atoms/LoaderCircular';\n\nexport interface LoaderBlockProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function LoaderBlock({\n  label,\n  description,\n  className,\n  size = 'md',\n}: LoaderBlockProps) {\n  return (\n    <div className={cn('flex items-center justify-center p-6', className)}>\n      <div className=\"inline-flex items-center gap-3\">\n        <LoaderCircular size={size} label={label} />\n        {description ? (\n          <span className=\"text-muted-foreground text-base\">{description}</span>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nexport default LoaderBlock;\n"],"mappings":";;;;;;AAWA,SAAgB,YAAY,EAC1B,OACA,aACA,WACA,OAAO,QACY;AACnB,QACE,oBAAC;EAAI,WAAW,GAAG,wCAAwC,UAAU;YACnE,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAqB;IAAa;KAAS,EAC3C,cACC,oBAAC;IAAK,WAAU;cAAmC;KAAmB,GACpE;IACA;GACF"}

package/dist/components/molecules/MobileNavMenu.js

@@ -24,4 +24,5 @@ function MobileNavMenu({ items, className }) {
 }
 
 //#endregion
-export { MobileNavMenu };
+export { MobileNavMenu };
+//# sourceMappingURL=MobileNavMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavMenu.js","names":[],"sources":["../../../src/components/molecules/MobileNavMenu.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport type { HeaderNavItem } from '../../types/navigation';\nimport { NavItemCard } from './NavItemCard';\n\nexport function MobileNavMenu({\n  items,\n  className,\n}: {\n  items: HeaderNavItem[];\n  className?: string;\n}) {\n  return (\n    <nav className={cn('flex flex-col gap-3', className)}>\n      {items.map((it) => (\n        <div\n          key={String(it.key ?? it.href ?? it.label)}\n          className=\"flex flex-col gap-2\"\n        >\n          <a href={it.href || '#'} className=\"text-base font-semibold\">\n            {it.label}\n          </a>\n          {it.items && it.items.length > 0 && (\n            <div className=\"grid grid-cols-1 gap-2\">\n              {it.items.map((l) => (\n                <NavItemCard key={l.href} item={l} />\n              ))}\n            </div>\n          )}\n        </div>\n      ))}\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,cAAc,EAC5B,OACA,aAIC;AACD,QACE,oBAAC;EAAI,WAAW,GAAG,uBAAuB,UAAU;YACjD,MAAM,KAAK,OACV,qBAAC;GAEC,WAAU;cAEV,oBAAC;IAAE,MAAM,GAAG,QAAQ;IAAK,WAAU;cAChC,GAAG;KACF,EACH,GAAG,SAAS,GAAG,MAAM,SAAS,KAC7B,oBAAC;IAAI,WAAU;cACZ,GAAG,MAAM,KAAK,MACb,oBAAC,eAAyB,MAAM,KAAd,EAAE,KAAiB,CACrC;KACE;KAXH,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAatC,CACN;GACE"}

package/dist/components/molecules/NavItemCard.js

@@ -46,4 +46,5 @@ function NavItemCard({ item, className }) {
 }
 
 //#endregion
-export { NavItemCard };
+export { NavItemCard };
+//# sourceMappingURL=NavItemCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemCard.js","names":[],"sources":["../../../src/components/molecules/NavItemCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport type { NavLink } from '../../types/navigation';\n\nexport interface NavItemCardProps {\n  item: NavLink;\n  className?: string;\n}\n\nexport function NavItemCard({ item, className }: NavItemCardProps) {\n  return (\n    <a\n      href={item.href}\n      className={cn(\n        'hover:bg-accent block rounded-md p-2 transition-colors',\n        className\n      )}\n      aria-label={typeof item.label === 'string' ? item.label : item.ariaLabel}\n      target={item.target}\n      rel={item.external ? 'noopener noreferrer' : undefined}\n    >\n      <div className=\"flex items-center gap-3\">\n        {item.imageSrc ? (\n          // keep generic img to avoid coupling to Next.js Image\n          <img\n            src={item.imageSrc}\n            alt={item.imageAlt || ''}\n            className=\"h-12 w-12 rounded-xs object-cover\"\n          />\n        ) : (\n          item.icon || null\n        )}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2 text-base font-medium\">\n            {item.label}\n            {item.badge && (\n              <span className=\"text-muted-foreground ml-1 text-xs\">\n                {item.badge}\n              </span>\n            )}\n          </div>\n          {item.description && (\n            <div className=\"text-muted-foreground line-clamp-2 text-sm\">\n              {item.description}\n            </div>\n          )}\n          {item.categories && item.categories.length > 0 && (\n            <div className=\"mt-1 flex flex-wrap items-center gap-1\">\n              {item.categories.map((c, i) => (\n                <span\n                  key={i}\n                  className=\"bg-muted text-muted-foreground rounded-xs px-1.5 py-0.5 text-[10px]\"\n                >\n                  {c}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;AAWA,SAAgB,YAAY,EAAE,MAAM,aAA+B;AACjE,QACE,oBAAC;EACC,MAAM,KAAK;EACX,WAAW,GACT,0DACA,UACD;EACD,cAAY,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,KAAK;EAC/D,QAAQ,KAAK;EACb,KAAK,KAAK,WAAW,wBAAwB;YAE7C,qBAAC;GAAI,WAAU;cACZ,KAAK,WAEJ,oBAAC;IACC,KAAK,KAAK;IACV,KAAK,KAAK,YAAY;IACtB,WAAU;KACV,GAEF,KAAK,QAAQ,MAEf,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACZ,KAAK,OACL,KAAK,SACJ,oBAAC;OAAK,WAAU;iBACb,KAAK;QACD;OAEL;KACL,KAAK,eACJ,oBAAC;MAAI,WAAU;gBACZ,KAAK;OACF;KAEP,KAAK,cAAc,KAAK,WAAW,SAAS,KAC3C,oBAAC;MAAI,WAAU;gBACZ,KAAK,WAAW,KAAK,GAAG,MACvB,oBAAC;OAEC,WAAU;iBAET;SAHI,EAIA,CACP;OACE;;KAEJ;IACF;GACJ"}

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

@@ -0,0 +1,14 @@
+import { HeaderNavItem } from "../../types/navigation.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/molecules/NavMain.d.ts
+declare function NavMain({
+  items,
+  className
+}: {
+  items: HeaderNavItem[];
+  className?: string;
+}): react_jsx_runtime17.JSX.Element;
+//#endregion
+export { NavMain };
+//# sourceMappingURL=NavMain.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMain.d.ts","names":[],"sources":["../../../src/components/molecules/NavMain.tsx"],"sourcesContent":[],"mappings":";;;;iBAcgB,OAAA;;;AAAhB;SAIS;;AAJT,CAAA,CAAA,EAMC,mBAAA,CAAA,GAAA,CAAA,OANsB"}

package/dist/components/molecules/NavMain.js

@@ -30,4 +30,5 @@ function NavMain({ items, className }) {
 }
 
 //#endregion
-export { NavMain };
+export { NavMain };
+//# sourceMappingURL=NavMain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavMain.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/molecules/NavMain.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  NavigationMenu as Nav,\n  NavigationMenuContent as NavContent,\n  NavigationMenuItem as NavItem,\n  NavigationMenuLink as NavLink,\n  NavigationMenuList as NavList,\n  NavigationMenuTrigger as NavTrigger,\n} from '@lssm/lib.ui-kit-web/ui/navigation-menu';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport type { HeaderNavItem } from '../../types/navigation';\nimport { HStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nexport function NavMain({\n  items,\n  className,\n}: {\n  items: HeaderNavItem[];\n  className?: string;\n}) {\n  return (\n    <Nav className={cn('hidden md:flex', className)}>\n      <NavList>\n        {items.map((it) => (\n          <NavItem key={String(it.key ?? it.href ?? it.label)}>\n            {it.items && it.items.length > 0 ? (\n              <>\n                <NavTrigger>\n                  <Text>r{it.label}</Text>\n                </NavTrigger>\n                <NavContent>\n                  <HStack className=\"grid w-[500px] grid-cols-2 gap-3 p-3\">\n                    {it.items.map((l) => (\n                      <NavLink\n                        key={l.href}\n                        href={l.href}\n                        className=\"hover:bg-accent block rounded-md p-2\"\n                      >\n                        <Text className=\"text-base font-medium\">{l.label}</Text>\n                        {l.badge && (\n                          <Text className=\"text-muted-foreground ml-2 text-xs\">\n                            {l.badge}\n                          </Text>\n                        )}\n                      </NavLink>\n                    ))}\n                  </HStack>\n                </NavContent>\n              </>\n            ) : (\n              <NavLink href={it.href || '#'}>{it.label}</NavLink>\n            )}\n          </NavItem>\n        ))}\n      </NavList>\n    </Nav>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,QAAQ,EACtB,OACA,aAIC;AACD,QACE,oBAACA;EAAI,WAAW,GAAG,kBAAkB,UAAU;YAC7C,oBAACC,gCACE,MAAM,KAAK,OACV,oBAACC,gCACE,GAAG,SAAS,GAAG,MAAM,SAAS,IAC7B,4CACE,oBAACC,mCACC,qBAAC,mBAAK,KAAE,GAAG,SAAa,GACb,EACb,oBAACC,mCACC,oBAAC;GAAO,WAAU;aACf,GAAG,MAAM,KAAK,MACb,qBAACC;IAEC,MAAM,EAAE;IACR,WAAU;eAEV,oBAAC;KAAK,WAAU;eAAyB,EAAE;MAAa,EACvD,EAAE,SACD,oBAAC;KAAK,WAAU;eACb,EAAE;MACE;MARJ,EAAE,KAUC,CACV;IACK,GACE,IACZ,GAEH,oBAACA;GAAQ,MAAM,GAAG,QAAQ;aAAM,GAAG;IAAgB,IA1BzC,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CA4BzC,CACV,GACM;GACN"}

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

@@ -0,0 +1,18 @@
+import { UserMenuItem } from "../../types/navigation.js";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/molecules/NavUser.d.ts
+declare function NavUser({
+  name,
+  email,
+  imageUrl,
+  items
+}: {
+  name?: string;
+  email?: string;
+  imageUrl?: string;
+  items: UserMenuItem[];
+}): react_jsx_runtime19.JSX.Element;
+//#endregion
+export { NavUser };
+//# sourceMappingURL=NavUser.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavUser.d.ts","names":[],"sources":["../../../src/components/molecules/NavUser.tsx"],"sourcesContent":[],"mappings":";;;;iBAiBgB,OAAA;;;;;;;;EAAA,QAAA,CAAA,EAAO,MAAA;EACrB,KAAA,EAQO,YARP,EAAA;CACA,CAAA,EAQD,mBAAA,CAAA,GAAA,CAAA,OARC"}

package/dist/components/molecules/NavUser.js

@@ -54,4 +54,5 @@ function NavUser({ name, email, imageUrl, items }) {
 }
 
 //#endregion
-export { NavUser };
+export { NavUser };
+//# sourceMappingURL=NavUser.js.map

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

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

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

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

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

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

package/dist/components/molecules/OverviewCard.js

@@ -1,13 +1,11 @@
 'use client';
 
-import { __toESM } from "../../_virtual/rolldown_runtime.js";
-import { require_link } from "../../node_modules/next/link.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@lssm/lib.ui-kit-web/ui/dialog";
 
 //#region src/components/molecules/OverviewCard.tsx
-var import_link = /* @__PURE__ */ __toESM(require_link());
 function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 	return /* @__PURE__ */ jsxs(Dialog, { children: [/* @__PURE__ */ jsx(DialogTrigger, {
 		asChild: true,
@@ -25,7 +23,7 @@ function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 		className: "max-h-[90vh] max-w-2xl overflow-y-auto sm:max-w-3xl",
 		children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }), /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
-			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(import_link.default, {
+			children: [preview, /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Link, {
 				href,
 				className: "bg-primary text-primary-foreground inline-flex rounded-md px-4 py-2",
 				children: ctaLabel
@@ -35,4 +33,5 @@ function OverviewCard({ title, summary, href, preview, ctaLabel }) {
 }
 
 //#endregion
-export { OverviewCard };
+export { OverviewCard };
+//# sourceMappingURL=OverviewCard.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -9,4 +9,5 @@ function SkeletonBlock({ w = "w-full", h = "h-4", rounded = "md", className }) {
 }
 
 //#endregion
-export { SkeletonBlock };
+export { SkeletonBlock };
+//# sourceMappingURL=index.web.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -19,4 +19,5 @@ function SkeletonCircle({ size = 32, sizeClass, className }) {
 }
 
 //#endregion
-export { SkeletonCircle };
+export { SkeletonCircle };
+//# 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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -11,4 +11,5 @@ function SkeletonList$1({ count = 10, className }) {
 }
 
 //#endregion
-export { SkeletonList$1 as SkeletonList };
+export { SkeletonList$1 as SkeletonList };
+//# sourceMappingURL=index.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":["SkeletonList","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,SAAgBA,eAAa,EAAE,QAAQ,IAAI,aAAgC;AACzE,QAAO,oBAACC;EAAsB;EAAkB;GAAa"}

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

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

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

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

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#region src/components/molecules/StatCard.d.ts
+declare const statVariants: (props?: ({
+  emphasis?: "default" | "strong" | "subtle" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+type StatCardProps = React.ComponentProps<typeof Card> & VariantProps<typeof statVariants> & {
+  label: React.ReactNode;
+  value: React.ReactNode;
+  hint?: React.ReactNode;
+  icon?: React.ReactNode;
+};
+declare function StatCard({
+  label,
+  value,
+  hint,
+  icon,
+  emphasis,
+  density,
+  className,
+  ...props
+}: StatCardProps): react_jsx_runtime48.JSX.Element;
+declare function StatCardGroup({
+  children,
+  className
+}: {
+  children: React.ReactNode;
+  className?: string;
+}): react_jsx_runtime48.JSX.Element;
+//#endregion
+export { StatCard, StatCardGroup };
+//# 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,+BAAA,CAAA;AAbI,KAeM,aAAA,GAAgB,KAAA,CAAM,cAFhC,CAAA,OAEsD,IAFtD,CAAA,GAGA,YAHA,CAAA,OAGoB,YAHpB,CAAA,GAAA;EAEU,KAAA,EAED,KAAA,CAAM,SAFQ;EAA+B,KAAA,EAG7C,KAAA,CAAM,SAHuC;EAA5B,IAAM,CAAA,EAIvB,KAAA,CAAM,SAJiB;EACZ,IAAA,CAAA,EAIX,KAAA,CAAM,SAJK;CAApB;AACe,iBAMD,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;AACA,iBAoCD,aAAA,CApCC;EAAA,QAAA;EAAA;CAAA,EAAA;EACN,QAAM,EAuCL,KAAA,CAAM,SAvCD;EACN,SAAM,CAAA,EAAA,MAAA;CAAS,CAAA,EAwCzB,mBAAA,CAAA,GAAA,CAAA,OAxCyB"}

package/dist/components/molecules/StatCard.js

@@ -64,4 +64,5 @@ function StatCardGroup({ children, className }) {
 }
 
 //#endregion
-export { StatCard, StatCardGroup };
+export { StatCard, StatCardGroup };
+//# sourceMappingURL=StatCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/components/molecules/StatCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst statVariants = cva('', {\n  variants: {\n    emphasis: {\n      default: '',\n      subtle: 'bg-muted/20',\n      strong: 'bg-primary/5',\n    },\n    density: {\n      compact: 'p-3',\n      comfortable: 'p-4 md:p-5',\n    },\n  },\n  defaultVariants: { emphasis: 'default', density: 'comfortable' },\n});\n\nexport type StatCardProps = React.ComponentProps<typeof Card> &\n  VariantProps<typeof statVariants> & {\n    label: React.ReactNode;\n    value: React.ReactNode;\n    hint?: React.ReactNode;\n    icon?: React.ReactNode;\n  };\n\nexport function StatCard({\n  label,\n  value,\n  hint,\n  icon,\n  emphasis,\n  density,\n  className,\n  ...props\n}: StatCardProps) {\n  return (\n    <Card className={className} {...props}>\n      <CardContent\n        className={cn(\n          'flex items-center gap-3',\n          statVariants({ emphasis, density })\n        )}\n      >\n        {icon && <div className=\"text-muted-foreground\">{icon}</div>}\n        <div className=\"min-w-0\">\n          <div className=\"text-muted-foreground text-base\">{label}</div>\n          <div className=\"truncate text-2xl font-semibold\">{value}</div>\n          {hint && (\n            <div className=\"text-muted-foreground text-base\">{hint}</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function StatCardGroup({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div\n      className={cn(\n        'grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4',\n        className\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,eAAe,IAAI,IAAI;CAC3B,UAAU;EACR,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EAAE,UAAU;EAAW,SAAS;EAAe;CACjE,CAAC;AAUF,SAAgB,SAAS,EACvB,OACA,OACA,MACA,MACA,UACA,SACA,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

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 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_types6.ClassProp) | undefined) => string;
+type StatusChipProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof chipVariants> & {
+  icon?: React.ReactNode;
+  label?: React.ReactNode;
+  hoverContent?: React.ReactNode;
+};
+declare function StatusChip({
+  tone,
+  size,
+  icon,
+  label,
+  className,
+  hoverContent,
+  ...props
+}: StatusChipProps): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { StatusChip };
+//# 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,+BAAA,CAAA;AAlBK,KAoBM,eAAA,GAAkB,KAAA,CAAM,cAFnC,CAEkD,eAFlD,CAAA,GAGC,YAHD,CAAA,OAGqB,YAHrB,CAAA,GAAA;EAEW,IAAA,CAAA,EAED,KAAA,CAAM,SAFU;EAAwB,KAAA,CAAA,EAGvC,KAAA,CAAM,SAHiC;EAArB,YAAM,CAAA,EAIjB,KAAA,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

@@ -52,4 +52,5 @@ function StatusChip({ tone, size, icon, label, className, hoverContent, ...props
 }
 
 //#endregion
-export { StatusChip };
+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    /* eslint-disable @typescript-eslint/no-require-imports */\n    const { HoverPreview } =\n      require('./HoverPreview') as typeof import('./HoverPreview');\n    /* eslint-enable @typescript-eslint/no-require-imports */\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;EAEF,MAAM,EAAE;AAGR,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 from "react";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+
+//#region src/components/molecules/hover-previews/Doc.d.ts
+interface HoverPreviewDocProps {
+  docType: string;
+  number?: string;
+  title?: React.ReactNode;
+  meta?: {
+    label: React.ReactNode;
+    value: React.ReactNode;
+  }[];
+  status?: React.ReactNode;
+  amount?: React.ReactNode;
+  className?: string;
+}
+declare function HoverPreviewDoc({
+  docType,
+  number,
+  title,
+  meta,
+  status,
+  amount,
+  className
+}: HoverPreviewDocProps): react_jsx_runtime54.JSX.Element;
+//#endregion
+export { HoverPreviewDoc };
+//# 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,KAAA,CAAM,SAHqB;EAG3B,IAAM,CAAA,EAAA;IACQ,KAAA,EAAN,KAAA,CAAM,SAAA;IAAwB,KAAA,EAAN,KAAA,CAAM,SAAA;EACrC,CAAA,EAAM;EACN,MAAM,CAAA,EADN,KAAA,CAAM,SACA;EAAS,MAAA,CAAA,EAAf,KAAA,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,mBAAA,CAAA,GAAA,CAAA,OANrB"}

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

@@ -41,4 +41,5 @@ function HoverPreviewDoc({ docType, number, title, meta = [], status, amount, cl
 }
 
 //#endregion
-export { HoverPreviewDoc };
+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"}