@lssm/lib.design-system 1.7.3 → 1.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/organisms/Header.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetTrigger,\n} from '@lssm/lib.ui-kit-web/ui/sheet';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport { Menu } from 'lucide-react';\nimport { cva } from 'class-variance-authority';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  NavSection,\n} from '../../types/navigation';\nimport { NavMain } from '../molecules/NavMain';\nimport { NavUser } from '../molecules/NavUser';\nimport { AppSidebar } from './AppSidebar';\nimport { ButtonLink } from '../atoms/ButtonLink';\nimport { Button } from '../atoms/Button';\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  nav: HeaderNavItem[];\n  userMenu?: React.ComponentProps<typeof NavUser>;\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  mobileSidebar?: {\n    sections: NavSection[];\n    top?: React.ReactNode;\n    bottom?: React.ReactNode;\n  };\n}\n\nconst desktopHeaderVariants = cva(\n  'hidden items-center justify-between gap-4 md:flex',\n  {\n    variants: {\n      density: {\n        compact: 'px-3 py-1',\n        comfortable: 'px-4 py-2',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nconst mobileHeaderVariants = cva(\n  'flex items-center justify-between md:hidden',\n  {\n    variants: {\n      density: {\n        compact: 'px-2 py-1',\n        comfortable: 'px-3 py-2',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nexport function DesktopHeader({\n  logo,\n  nav,\n  userMenu,\n  cta,\n  className,\n  density,\n}: HeaderProps) {\n  return (\n    <header className={cn(desktopHeaderVariants({ density }), className)}>\n      <div className=\"flex items-center gap-4\">\n        {logo}\n        <Separator orientation=\"vertical\" className=\"h-6\" />\n        <NavMain items={nav} />\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {cta && (\n          <ButtonLink variant={cta.variant} href={cta.href}>\n            {cta.label}\n          </ButtonLink>\n        )}\n        {userMenu && <NavUser {...userMenu} />}\n      </div>\n    </header>\n  );\n}\n\nexport function MobileHeader({\n  logo,\n  userMenu,\n  mobileSidebar,\n  className,\n  density,\n}: HeaderProps) {\n  return (\n    <header className={cn(mobileHeaderVariants({ density }), className)}>\n      <Sheet>\n        <SheetTrigger asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n            <Menu className=\"h-5 w-5\" />\n          </Button>\n        </SheetTrigger>\n        <SheetTitle>Menu</SheetTitle>\n        <SheetContent side=\"left\" className=\"w-[300px] p-0\">\n          {mobileSidebar ? (\n            <AppSidebar\n              sections={mobileSidebar.sections}\n              top={mobileSidebar.top}\n              bottom={mobileSidebar.bottom}\n              className=\"h-svh\"\n            />\n          ) : (\n            <div className=\"p-4\">No sidebar configured</div>\n          )}\n        </SheetContent>\n      </Sheet>\n      <div className=\"flex-1 px-2\">{logo}</div>\n      <div className=\"flex items-center gap-2\">\n        {userMenu && <NavUser {...userMenu} />}\n      </div>\n    </header>\n  );\n}\n\nexport function Header(props: HeaderProps) {\n  return (\n    <>\n      <MobileHeader {...props} />\n      <DesktopHeader {...props} />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;YAEmD;AAmCnD,MAAM,wBAAwB,IAC5B,qDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,MAAM,uBAAuB,IAC3B,+CACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,SAAgB,cAAc,EAC5B,MACA,KACA,UACA,KACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,sBAAsB,EAAE,SAAS,CAAC,EAAE,UAAU;aAClE,qBAAC;GAAI,WAAU;;IACZ;IACD,oBAAC;KAAU,aAAY;KAAW,WAAU;MAAQ;IACpD,oBAAC,WAAQ,OAAO,MAAO;;IACnB,EACN,qBAAC;GAAI,WAAU;cACZ,OACC,oBAAC;IAAW,SAAS,IAAI;IAAS,MAAM,IAAI;cACzC,IAAI;KACM,EAEd,YAAY,oBAAC,WAAQ,GAAI,WAAY;IAClC;GACC;;AAIb,SAAgB,aAAa,EAC3B,MACA,UACA,eACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,qBAAqB,EAAE,SAAS,CAAC,EAAE,UAAU;;GACjE,qBAAC;IACC,oBAAC;KAAa;eACZ,oBAAC;MAAO,SAAQ;MAAQ,MAAK;MAAO,cAAW;gBAC7C,oBAAC,QAAK,WAAU,YAAY;OACrB;MACI;IACf,oBAAC,wBAAW,SAAiB;IAC7B,oBAAC;KAAa,MAAK;KAAO,WAAU;eACjC,gBACC,oBAAC;MACC,UAAU,cAAc;MACxB,KAAK,cAAc;MACnB,QAAQ,cAAc;MACtB,WAAU;OACV,GAEF,oBAAC;MAAI,WAAU;gBAAM;OAA2B;MAErC;OACT;GACR,oBAAC;IAAI,WAAU;cAAe;KAAW;GACzC,oBAAC;IAAI,WAAU;cACZ,YAAY,oBAAC,WAAQ,GAAI,WAAY;KAClC;;GACC;;AAIb,SAAgB,OAAO,OAAoB;AACzC,QACE,4CACE,oBAAC,gBAAa,GAAI,QAAS,EAC3B,oBAAC,iBAAc,GAAI,QAAS,IAC3B"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/components/organisms/Header.tsx"],"sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport {\n  Sheet,\n  SheetContent,\n  SheetTitle,\n  SheetTrigger,\n} from '@lssm/lib.ui-kit-web/ui/sheet';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport { Menu } from 'lucide-react';\nimport { cva } from 'class-variance-authority';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  NavSection,\n} from '../../types/navigation';\nimport { NavMain } from '../molecules/NavMain';\nimport { NavUser } from '../molecules/NavUser';\nimport { AppSidebar } from './AppSidebar';\nimport { ButtonLink } from '../atoms/ButtonLink';\nimport { Button } from '../atoms/Button';\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  nav: HeaderNavItem[];\n  userMenu?: React.ComponentProps<typeof NavUser>;\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  mobileSidebar?: {\n    sections: NavSection[];\n    top?: React.ReactNode;\n    bottom?: React.ReactNode;\n  };\n}\n\nconst desktopHeaderVariants = cva(\n  'hidden items-center justify-between gap-4 md:flex',\n  {\n    variants: {\n      density: {\n        compact: 'px-3 py-1',\n        comfortable: 'px-4 py-2',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nconst mobileHeaderVariants = cva(\n  'flex items-center justify-between md:hidden',\n  {\n    variants: {\n      density: {\n        compact: 'px-2 py-1',\n        comfortable: 'px-3 py-2',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nexport function DesktopHeader({\n  logo,\n  nav,\n  userMenu,\n  cta,\n  className,\n  density,\n}: HeaderProps) {\n  return (\n    <header className={cn(desktopHeaderVariants({ density }), className)}>\n      <div className=\"flex items-center gap-4\">\n        {logo}\n        <Separator orientation=\"vertical\" className=\"h-6\" />\n        <NavMain items={nav} />\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {cta && (\n          <ButtonLink variant={cta.variant} href={cta.href}>\n            {cta.label}\n          </ButtonLink>\n        )}\n        {userMenu && <NavUser {...userMenu} />}\n      </div>\n    </header>\n  );\n}\n\nexport function MobileHeader({\n  logo,\n  userMenu,\n  mobileSidebar,\n  className,\n  density,\n}: HeaderProps) {\n  return (\n    <header className={cn(mobileHeaderVariants({ density }), className)}>\n      <Sheet>\n        <SheetTrigger asChild>\n          <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n            <Menu className=\"h-5 w-5\" />\n          </Button>\n        </SheetTrigger>\n        <SheetTitle>Menu</SheetTitle>\n        <SheetContent side=\"left\" className=\"w-[300px] p-0\">\n          {mobileSidebar ? (\n            <AppSidebar\n              sections={mobileSidebar.sections}\n              top={mobileSidebar.top}\n              bottom={mobileSidebar.bottom}\n              className=\"h-svh\"\n            />\n          ) : (\n            <div className=\"p-4\">No sidebar configured</div>\n          )}\n        </SheetContent>\n      </Sheet>\n      <div className=\"flex-1 px-2\">{logo}</div>\n      <div className=\"flex items-center gap-2\">\n        {userMenu && <NavUser {...userMenu} />}\n      </div>\n    </header>\n  );\n}\n\nexport function Header(props: HeaderProps) {\n  return (\n    <>\n      <MobileHeader {...props} />\n      <DesktopHeader {...props} />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqCA,MAAM,wBAAwB,IAC5B,qDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,MAAM,uBAAuB,IAC3B,+CACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,SAAgB,cAAc,EAC5B,MACA,KACA,UACA,KACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,sBAAsB,EAAE,SAAS,CAAC,EAAE,UAAU;aAClE,qBAAC;GAAI,WAAU;;IACZ;IACD,oBAAC;KAAU,aAAY;KAAW,WAAU;MAAQ;IACpD,oBAAC,WAAQ,OAAO,MAAO;;IACnB,EACN,qBAAC;GAAI,WAAU;cACZ,OACC,oBAAC;IAAW,SAAS,IAAI;IAAS,MAAM,IAAI;cACzC,IAAI;KACM,EAEd,YAAY,oBAAC,WAAQ,GAAI,WAAY;IAClC;GACC;;AAIb,SAAgB,aAAa,EAC3B,MACA,UACA,eACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,qBAAqB,EAAE,SAAS,CAAC,EAAE,UAAU;;GACjE,qBAAC;IACC,oBAAC;KAAa;eACZ,oBAAC;MAAO,SAAQ;MAAQ,MAAK;MAAO,cAAW;gBAC7C,oBAAC,QAAK,WAAU,YAAY;OACrB;MACI;IACf,oBAAC,wBAAW,SAAiB;IAC7B,oBAAC;KAAa,MAAK;KAAO,WAAU;eACjC,gBACC,oBAAC;MACC,UAAU,cAAc;MACxB,KAAK,cAAc;MACnB,QAAQ,cAAc;MACtB,WAAU;OACV,GAEF,oBAAC;MAAI,WAAU;gBAAM;OAA2B;MAErC;OACT;GACR,oBAAC;IAAI,WAAU;cAAe;KAAW;GACzC,oBAAC;IAAI,WAAU;cACZ,YAAY,oBAAC,WAAQ,GAAI,WAAY;KAClC;;GACC;;AAIb,SAAgB,OAAO,OAAoB;AACzC,QACE,4CACE,oBAAC,gBAAa,GAAI,QAAS,EAC3B,oBAAC,iBAAc,GAAI,QAAS,IAC3B"}

package/dist/components/organisms/Header.mobile.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime85 from "react/jsx-runtime";
 
 //#region src/components/organisms/Header.mobile.d.ts
 interface HeaderProps {
@@ -17,7 +17,7 @@ interface HeaderProps {
 }
 declare function Header({
   logo
-}: HeaderProps): react_jsx_runtime47.JSX.Element;
+}: HeaderProps): react_jsx_runtime85.JSX.Element;
 declare const DesktopHeader: typeof Header;
 declare const MobileHeader: typeof Header;
 //#endregion

package/dist/components/organisms/Header.mobile.js

@@ -1,9 +1,8 @@
 'use client';
 
-
-import { VStack } from "../../ui-kit/dist/ui/stack.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
+import { VStack } from "@lssm/lib.ui-kit/ui/stack";
 
 //#region src/components/organisms/Header.mobile.tsx
 function Header({ logo }) {

package/dist/components/organisms/Header.mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mobile.js","names":[],"sources":["../../../src/components/organisms/Header.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit/ui/stack';\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  nav: any[];\n  userMenu?: any;\n  cta?: any;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  mobileSidebar?: {\n    sections: any[];\n    top?: React.ReactNode;\n    bottom?: React.ReactNode;\n  };\n}\n\nexport function Header({ logo }: HeaderProps) {\n  return <VStack className=\"px-3 py-2\">{logo}</VStack>;\n}\n\nexport const DesktopHeader = Header;\nexport const MobileHeader = Header;\n"],"mappings":";;;;;;;;AAmBA,SAAgB,OAAO,EAAE,QAAqB;AAC5C,QAAO,oBAAC;EAAO,WAAU;YAAa;GAAc;;AAGtD,MAAa,gBAAgB;AAC7B,MAAa,eAAe"}
+{"version":3,"file":"Header.mobile.js","names":[],"sources":["../../../src/components/organisms/Header.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit/ui/stack';\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  nav: any[];\n  userMenu?: any;\n  cta?: any;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  mobileSidebar?: {\n    sections: any[];\n    top?: React.ReactNode;\n    bottom?: React.ReactNode;\n  };\n}\n\nexport function Header({ logo }: HeaderProps) {\n  return <VStack className=\"px-3 py-2\">{logo}</VStack>;\n}\n\nexport const DesktopHeader = Header;\nexport const MobileHeader = Header;\n"],"mappings":";;;;;;;AAmBA,SAAgB,OAAO,EAAE,QAAqB;AAC5C,QAAO,oBAAC;EAAO,WAAU;YAAa;GAAc;;AAGtD,MAAa,gBAAgB;AAC7B,MAAa,eAAe"}

package/dist/components/organisms/HeroResponsive.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { HeroSection } from "./HeroSection.js";
 import { useResponsive } from "../../platform/useResponsive.js";
 import "react";

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

@@ -1 +1 @@
-{"version":3,"file":"HeroResponsive.js","names":[],"sources":["../../../src/components/organisms/HeroResponsive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { HeroSection } from './HeroSection';\nimport { useResponsive } from '../../platform/useResponsive';\n\nexport function HeroResponsive({\n  title,\n  subtitle,\n  primaryCta,\n  secondaryCta,\n  className,\n}: React.ComponentProps<typeof HeroSection>) {\n  const { screen } = useResponsive();\n  const spacing =\n    screen === 'desktop' ? 'gap-6' : screen === 'tablet' ? 'gap-4' : 'gap-3';\n  const size =\n    screen === 'desktop'\n      ? 'text-5xl'\n      : screen === 'tablet'\n        ? 'text-4xl'\n        : 'text-3xl';\n  return (\n    <HeroSection\n      title={<div className={`${size}`}>{title}</div>}\n      subtitle={subtitle}\n      primaryCta={primaryCta}\n      secondaryCta={secondaryCta}\n      className={[className, spacing].filter(Boolean).join(' ')}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAMA,SAAgB,eAAe,EAC7B,OACA,UACA,YACA,cACA,aAC2C;CAC3C,MAAM,EAAE,WAAW,eAAe;AASlC,QACE,oBAAC;EACC,OAAO,oBAAC;GAAI,WAAW,GAPzB,WAAW,YACP,aACA,WAAW,WACT,aACA;aAG+B;IAAY;EACrC;EACE;EACE;EACd,WAAW,CAAC,WAbd,WAAW,YAAY,UAAU,WAAW,WAAW,UAAU,QAahC,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;GACzD"}
+{"version":3,"file":"HeroResponsive.js","names":[],"sources":["../../../src/components/organisms/HeroResponsive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { HeroSection } from './HeroSection';\nimport { useResponsive } from '../../platform/useResponsive';\n\nexport function HeroResponsive({\n  title,\n  subtitle,\n  primaryCta,\n  secondaryCta,\n  className,\n}: React.ComponentProps<typeof HeroSection>) {\n  const { screen } = useResponsive();\n  const spacing =\n    screen === 'desktop' ? 'gap-6' : screen === 'tablet' ? 'gap-4' : 'gap-3';\n  const size =\n    screen === 'desktop'\n      ? 'text-5xl'\n      : screen === 'tablet'\n        ? 'text-4xl'\n        : 'text-3xl';\n  return (\n    <HeroSection\n      title={<div className={`${size}`}>{title}</div>}\n      subtitle={subtitle}\n      primaryCta={primaryCta}\n      secondaryCta={secondaryCta}\n      className={[className, spacing].filter(Boolean).join(' ')}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,eAAe,EAC7B,OACA,UACA,YACA,cACA,aAC2C;CAC3C,MAAM,EAAE,WAAW,eAAe;AASlC,QACE,oBAAC;EACC,OAAO,oBAAC;GAAI,WAAW,GAPzB,WAAW,YACP,aACA,WAAW,WACT,aACA;aAG+B;IAAY;EACrC;EACE;EACE;EACd,WAAW,CAAC,WAbd,WAAW,YAAY,UAAU,WAAW,WAAW,UAAU,QAahC,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;GACzD"}

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 
 //#region src/components/organisms/HeroSection.d.ts
 declare function HeroSection({
@@ -24,7 +24,7 @@ declare function HeroSection({
   };
   className?: string;
   density?: 'compact' | 'comfortable';
-}): react_jsx_runtime51.JSX.Element;
+}): react_jsx_runtime109.JSX.Element;
 //#endregion
 export { HeroSection };
 //# sourceMappingURL=HeroSection.d.ts.map

package/dist/components/organisms/HeroSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroSection.d.ts","names":[],"sources":["../../../src/components/organisms/HeroSection.tsx"],"sourcesContent":[],"mappings":";;;;iBAiBgB,WAAA;;;;;;;;SAQP,OAAA,CAAM;aACF,OAAA,CAAM;EATH,UAAA,CAAA,EAAA;IACd,KAAA,EAAA,MAAA;IACA,IAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAM,CAAA,EAAA,MAAA;IACF,OAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAKlB,CAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;IAAA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"HeroSection.d.ts","names":[],"sources":["../../../src/components/organisms/HeroSection.tsx"],"sourcesContent":[],"mappings":";;;;iBAiBgB,WAAA;;;;;;;;SAQP,OAAA,CAAM;aACF,OAAA,CAAM;EATH,UAAA,CAAA,EAAA;IACd,KAAA,EAAA,MAAA;IACA,IAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAM,CAAA,EAAA,MAAA;IACF,OAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAKlB,CAAA;EAAA,SAAA,CAAA,EAAA,MAAA;;IAAA,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/HeroSection.js

@@ -1,7 +1,7 @@
-import { Hero } from "../../ui-kit-web/dist/ui/marketing/Hero.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { Hero } from "@lssm/lib.ui-kit-web/ui/marketing/Hero";
 
 //#region src/components/organisms/HeroSection.tsx
 const sectionVariants = cva("relative overflow-hidden bg-linear-to-b from-background to-muted/20", {

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

@@ -1,15 +1,15 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime100 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types9 from "class-variance-authority/types";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
 
 //#region src/components/organisms/ListCardPage.d.ts
 declare const containerVariants: (props?: ({
   density?: "compact" | "comfortable" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
 declare const gridVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types9.ClassProp) | undefined) => string;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
 interface ListCardPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridVariants> {
   title: React$1.ReactNode;
   subtitle?: React$1.ReactNode;
@@ -31,7 +31,7 @@ declare function ListCardPage<T>({
   columns,
   density,
   size
-}: ListCardPageProps<T>): react_jsx_runtime53.JSX.Element;
+}: ListCardPageProps<T>): react_jsx_runtime100.JSX.Element;
 //#endregion
 export { ListCardPage, ListCardPageProps };
 //# sourceMappingURL=ListCardPage.d.ts.map

package/dist/components/organisms/ListCardPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCardPage.d.ts","names":[],"sources":["../../../src/components/organisms/ListCardPage.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM;;IAUJ,+BAAA,CAAA;cAEI,oBAWJ;EAvBI,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAUJ,IAAA,GAAA,IAAA,GAAA,SAAA;IAaA,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEe,UAAA,iBAAiB,CAAA,CAAA,CAAA,SACxB,YADwB,CAAA,OACJ,iBADI,CAAA,EAE9B,YAF8B,CAAA,OAEV,YAFU,CAAA,CAAA;EACJ,KAAA,EAErB,OAAA,CAAM,SAFe;EACN,QAAA,CAAA,EAEX,OAAA,CAAM,SAFK;EACf,KAAM,EAEN,CAFM,EAAA;EACF,UAAM,EAAA,CAAA,IAAA,EAEE,CAFF,EAAA,KAAA,EAAA,MAAA,EAAA,GAEuB,OAAA,CAAM,SAF7B;EACV,SAAA,CAAA,EAAA,MAAA;EACY,OAAA,CAAA,EAAA;IAAqB,MAAM,CAAA,EAAA,MAAA;IALtC,MAAA,CAAA,EAAA,MAAA;IACN,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;AAShB;AACE,iBADc,YACd,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAQC,iBARD,CAQmB,CARnB,CAAA,CAAA,EAQqB,mBAAA,CAAA,GAAA,CAAA,OARrB"}
+{"version":3,"file":"ListCardPage.d.ts","names":[],"sources":["../../../src/components/organisms/ListCardPage.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQM;;IAUJ,gCAAA,CAAA;cAEI,oBAWJ;EAvBI,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAUJ,IAAA,GAAA,IAAA,GAAA,SAAA;IAaA,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEe,UAAA,iBAAiB,CAAA,CAAA,CAAA,SACxB,YADwB,CAAA,OACJ,iBADI,CAAA,EAE9B,YAF8B,CAAA,OAEV,YAFU,CAAA,CAAA;EACJ,KAAA,EAErB,OAAA,CAAM,SAFe;EACN,QAAA,CAAA,EAEX,OAAA,CAAM,SAFK;EACf,KAAM,EAEN,CAFM,EAAA;EACF,UAAM,EAAA,CAAA,IAAA,EAEE,CAFF,EAAA,KAAA,EAAA,MAAA,EAAA,GAEuB,OAAA,CAAM,SAF7B;EACV,SAAA,CAAA,EAAA,MAAA;EACY,OAAA,CAAA,EAAA;IAAqB,MAAM,CAAA,EAAA,MAAA;IALtC,MAAA,CAAA,EAAA,MAAA;IACN,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;AAShB;AACE,iBADc,YACd,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAQC,iBARD,CAQmB,CARnB,CAAA,CAAA,EAQqB,oBAAA,CAAA,GAAA,CAAA,OARrB"}

package/dist/components/organisms/ListCardPage.js

@@ -1,12 +1,11 @@
 'use client';
 
-
-import { VStack } from "../../ui-kit-web/dist/ui/stack.js";
-import { Card, CardContent } from "../../ui-kit-web/dist/ui/card.js";
 import { useResponsive } from "../../platform/useResponsive.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
 
 //#region src/components/organisms/ListCardPage.tsx
 const containerVariants = cva("", {

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

@@ -1 +1 @@
-{"version":3,"file":"ListCardPage.js","names":[],"sources":["../../../src/components/organisms/ListCardPage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nconst gridVariants = cva('grid', {\n  variants: {\n    size: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface ListCardPageProps<T>\n  extends VariantProps<typeof containerVariants>,\n    VariantProps<typeof gridVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  renderCard: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n}\n\nexport function ListCardPage<T>({\n  title,\n  subtitle,\n  items,\n  renderCard,\n  className,\n  columns,\n  density,\n  size,\n}: ListCardPageProps<T>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 3)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 2)\n        : (columns?.mobile ?? 1);\n  const presetColsClass =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : cols === 4\n            ? 'grid-cols-4'\n            : 'grid-cols-3';\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n      <div className={[gridVariants({ size }), presetColsClass].join(' ')}>\n        {items.map((item, index) => (\n          <Card key={index} className=\"border-none shadow-2xs\">\n            <CardContent className=\"p-4 md:p-5 lg:p-6\">\n              {renderCard(item, index)}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAEF,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAaF,SAAgB,aAAgB,EAC9B,OACA,UACA,OACA,YACA,WACA,SACA,SACA,QACuB;CACvB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OACJ,WAAW,YACN,SAAS,WAAW,IACrB,WAAW,WACR,SAAS,UAAU,IACnB,SAAS,UAAU;CAC5B,MAAM,kBACJ,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA;AACZ,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EACT,oBAAC;GAAI,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,KAAK,IAAI;aAChE,MAAM,KAAK,MAAM,UAChB,oBAAC;IAAiB,WAAU;cAC1B,oBAAC;KAAY,WAAU;eACpB,WAAW,MAAM,MAAM;MACZ;MAHL,MAIJ,CACP;IACE;GACC"}
+{"version":3,"file":"ListCardPage.js","names":[],"sources":["../../../src/components/organisms/ListCardPage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nconst gridVariants = cva('grid', {\n  variants: {\n    size: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface ListCardPageProps<T>\n  extends VariantProps<typeof containerVariants>,\n    VariantProps<typeof gridVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  renderCard: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n}\n\nexport function ListCardPage<T>({\n  title,\n  subtitle,\n  items,\n  renderCard,\n  className,\n  columns,\n  density,\n  size,\n}: ListCardPageProps<T>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 3)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 2)\n        : (columns?.mobile ?? 1);\n  const presetColsClass =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : cols === 4\n            ? 'grid-cols-4'\n            : 'grid-cols-3';\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n      <div className={[gridVariants({ size }), presetColsClass].join(' ')}>\n        {items.map((item, index) => (\n          <Card key={index} className=\"border-none shadow-2xs\">\n            <CardContent className=\"p-4 md:p-5 lg:p-6\">\n              {renderCard(item, index)}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;AAQA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAEF,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAaF,SAAgB,aAAgB,EAC9B,OACA,UACA,OACA,YACA,WACA,SACA,SACA,QACuB;CACvB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OACJ,WAAW,YACN,SAAS,WAAW,IACrB,WAAW,WACR,SAAS,UAAU,IACnB,SAAS,UAAU;CAC5B,MAAM,kBACJ,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA;AACZ,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EACT,oBAAC;GAAI,WAAW,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,gBAAgB,CAAC,KAAK,IAAI;aAChE,MAAM,KAAK,MAAM,UAChB,oBAAC;IAAiB,WAAU;cAC1B,oBAAC;KAAY,WAAU;eACpB,WAAW,MAAM,MAAM;MACZ;MAHL,MAIJ,CACP;IACE;GACC"}

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

@@ -1,15 +1,15 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime104 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as class_variance_authority_types16 from "class-variance-authority/types";
 
 //#region src/components/organisms/ListGridPage.d.ts
 declare const containerVariants: (props?: ({
   density?: "compact" | "comfortable" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types16.ClassProp) | undefined) => string;
 declare const gridGapVariants: (props?: ({
   size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types7.ClassProp) | undefined) => string;
+} & class_variance_authority_types16.ClassProp) | undefined) => string;
 interface ListGridPageProps<T> extends VariantProps<typeof containerVariants>, VariantProps<typeof gridGapVariants> {
   title: React$1.ReactNode;
   subtitle?: React$1.ReactNode;
@@ -31,7 +31,7 @@ declare function ListGridPage<T>({
   columns,
   density,
   size
-}: ListGridPageProps<T>): react_jsx_runtime52.JSX.Element;
+}: ListGridPageProps<T>): react_jsx_runtime104.JSX.Element;
 //#endregion
 export { ListGridPage, ListGridPageProps };
 //# sourceMappingURL=ListGridPage.d.ts.map

package/dist/components/organisms/ListGridPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListGridPage.d.ts","names":[],"sources":["../../../src/components/organisms/ListGridPage.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM;;IAUJ,+BAAA,CAAA;cAEI,uBAWJ;EAvBI,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAUJ,IAAA,GAAA,IAAA,GAAA,SAAA;IAaA,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEe,UAAA,iBAAiB,CAAA,CAAA,CAAA,SACxB,YADwB,CAAA,OACJ,iBADI,CAAA,EAE9B,YAF8B,CAAA,OAEV,eAFU,CAAA,CAAA;EACJ,KAAA,EAErB,OAAA,CAAM,SAFe;EACN,QAAA,CAAA,EAEX,OAAA,CAAM,SAFK;EACf,KAAM,EAEN,CAFM,EAAA;EACF,UAAM,EAAA,CAAA,IAAA,EAEE,CAFF,EAAA,KAAA,EAAA,MAAA,EAAA,GAEuB,OAAA,CAAM,SAF7B;EACV,SAAA,CAAA,EAAA,MAAA;EACY,OAAA,CAAA,EAAA;IAAqB,MAAM,CAAA,EAAA,MAAA;IALtC,MAAA,CAAA,EAAA,MAAA;IACN,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;AAShB;AACE,iBADc,YACd,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAQC,iBARD,CAQmB,CARnB,CAAA,CAAA,EAQqB,mBAAA,CAAA,GAAA,CAAA,OARrB"}
+{"version":3,"file":"ListGridPage.d.ts","names":[],"sources":["../../../src/components/organisms/ListGridPage.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM;;IAUJ,gCAAA,CAAA;cAEI,uBAWJ;EAvBI,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAUJ,IAAA,GAAA,IAAA,GAAA,SAAA;IAaA,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEe,UAAA,iBAAiB,CAAA,CAAA,CAAA,SACxB,YADwB,CAAA,OACJ,iBADI,CAAA,EAE9B,YAF8B,CAAA,OAEV,eAFU,CAAA,CAAA;EACJ,KAAA,EAErB,OAAA,CAAM,SAFe;EACN,QAAA,CAAA,EAEX,OAAA,CAAM,SAFK;EACf,KAAM,EAEN,CAFM,EAAA;EACF,UAAM,EAAA,CAAA,IAAA,EAEE,CAFF,EAAA,KAAA,EAAA,MAAA,EAAA,GAEuB,OAAA,CAAM,SAF7B;EACV,SAAA,CAAA,EAAA,MAAA;EACY,OAAA,CAAA,EAAA;IAAqB,MAAM,CAAA,EAAA,MAAA;IALtC,MAAA,CAAA,EAAA,MAAA;IACN,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;AAShB;AACE,iBADc,YACd,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAQC,iBARD,CAQmB,CARnB,CAAA,CAAA,EAQqB,oBAAA,CAAA,GAAA,CAAA,OARrB"}

package/dist/components/organisms/ListGridPage.js

@@ -1,11 +1,10 @@
 'use client';
 
-
-import { VStack } from "../../ui-kit-web/dist/ui/stack.js";
 import { useResponsive } from "../../platform/useResponsive.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
 
 //#region src/components/organisms/ListGridPage.tsx
 const containerVariants = cva("", {

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

@@ -1 +1 @@
-{"version":3,"file":"ListGridPage.js","names":[],"sources":["../../../src/components/organisms/ListGridPage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5 lg:gap-6',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nconst gridGapVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface ListGridPageProps<T>\n  extends VariantProps<typeof containerVariants>,\n    VariantProps<typeof gridGapVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  renderItem: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n}\n\nexport function ListGridPage<T>({\n  title,\n  subtitle,\n  items,\n  renderItem,\n  className,\n  columns,\n  density,\n  size,\n}: ListGridPageProps<T>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 3)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 2)\n        : (columns?.mobile ?? 1);\n  const gridClass = `grid ${gridGapVariants({ size })}`;\n  const colsClass = `grid-cols-${cols}`;\n  // Tailwind can't generate dynamic classes reliably; provide common presets\n  const presetColsClass =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : cols === 4\n            ? 'grid-cols-4'\n            : 'grid-cols-3';\n\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n      <div className={`${gridClass} ${presetColsClass}`}>\n        {items.map((item, idx) => (\n          <div key={idx}>{renderItem(item, idx)}</div>\n        ))}\n      </div>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAEF,MAAM,kBAAkB,IAAI,IAAI;CAC9B,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAaF,SAAgB,aAAgB,EAC9B,OACA,UACA,OACA,YACA,WACA,SACA,SACA,QACuB;CACvB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OACJ,WAAW,YACN,SAAS,WAAW,IACrB,WAAW,WACR,SAAS,UAAU,IACnB,SAAS,UAAU;CAC5B,MAAM,YAAY,QAAQ,gBAAgB,EAAE,MAAM,CAAC;AACjC,IAAa,KAAb;CAElB,MAAM,kBACJ,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA;AAEZ,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EACT,oBAAC;GAAI,WAAW,GAAG,UAAU,GAAG;aAC7B,MAAM,KAAK,MAAM,QAChB,oBAAC,mBAAe,WAAW,MAAM,IAAI,IAA3B,IAAkC,CAC5C;IACE;GACC"}
+{"version":3,"file":"ListGridPage.js","names":[],"sources":["../../../src/components/organisms/ListGridPage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5 lg:gap-6',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nconst gridGapVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface ListGridPageProps<T>\n  extends VariantProps<typeof containerVariants>,\n    VariantProps<typeof gridGapVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  renderItem: (item: T, index: number) => React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n}\n\nexport function ListGridPage<T>({\n  title,\n  subtitle,\n  items,\n  renderItem,\n  className,\n  columns,\n  density,\n  size,\n}: ListGridPageProps<T>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 3)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 2)\n        : (columns?.mobile ?? 1);\n  const gridClass = `grid ${gridGapVariants({ size })}`;\n  const colsClass = `grid-cols-${cols}`;\n  // Tailwind can't generate dynamic classes reliably; provide common presets\n  const presetColsClass =\n    cols === 1\n      ? 'grid-cols-1'\n      : cols === 2\n        ? 'grid-cols-2'\n        : cols === 3\n          ? 'grid-cols-3'\n          : cols === 4\n            ? 'grid-cols-4'\n            : 'grid-cols-3';\n\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className=\"text-2xl font-bold md:text-3xl\">{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n      <div className={`${gridClass} ${presetColsClass}`}>\n        {items.map((item, idx) => (\n          <div key={idx}>{renderItem(item, idx)}</div>\n        ))}\n      </div>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAEF,MAAM,kBAAkB,IAAI,IAAI;CAC9B,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAaF,SAAgB,aAAgB,EAC9B,OACA,UACA,OACA,YACA,WACA,SACA,SACA,QACuB;CACvB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,OACJ,WAAW,YACN,SAAS,WAAW,IACrB,WAAW,WACR,SAAS,UAAU,IACnB,SAAS,UAAU;CAC5B,MAAM,YAAY,QAAQ,gBAAgB,EAAE,MAAM,CAAC;AACjC,IAAa,KAAb;CAElB,MAAM,kBACJ,SAAS,IACL,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA,SAAS,IACP,gBACA;AAEZ,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAU;cAAkC;KAAW,EAC1D,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EACT,oBAAC;GAAI,WAAW,GAAG,UAAU,GAAG;aAC7B,MAAM,KAAK,MAAM,QAChB,oBAAC,mBAAe,WAAW,MAAM,IAAI,IAA3B,IAAkC,CAC5C;IACE;GACC"}

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

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime101 from "react/jsx-runtime";
 import { ListPageProps } from "@lssm/lib.ui-kit-web/ui/organisms/ListPage/types";
 
 //#region src/components/organisms/ListPageResponsive.d.ts
-declare function ListPageResponsive<T>(props: ListPageProps<T>): react_jsx_runtime54.JSX.Element;
+declare function ListPageResponsive<T>(props: ListPageProps<T>): react_jsx_runtime101.JSX.Element;
 //#endregion
 export { ListPageResponsive };
 //# sourceMappingURL=ListPageResponsive.d.ts.map

package/dist/components/organisms/ListPageResponsive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListPageResponsive.d.ts","names":[],"sources":["../../../src/components/organisms/ListPageResponsive.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,6BAA6B,cAAc,KAAE,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ListPageResponsive.d.ts","names":[],"sources":["../../../src/components/organisms/ListPageResponsive.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,6BAA6B,cAAc,KAAE,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/ListPageResponsive.js

@@ -1,10 +1,9 @@
 'use client';
 
-
 import { useResponsive } from "../../platform/useResponsive.js";
-import { ListPage } from "../../ui-kit-web/dist/ui/organisms/ListPage/ListPage.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
+import { ListPage } from "@lssm/lib.ui-kit-web/ui/organisms/ListPage";
 
 //#region src/components/organisms/ListPageResponsive.tsx
 function ListPageResponsive(props) {

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

@@ -1 +1 @@
-{"version":3,"file":"ListPageResponsive.js","names":[],"sources":["../../../src/components/organisms/ListPageResponsive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useResponsive } from '../../platform/useResponsive';\nimport { ListPage } from '@lssm/lib.ui-kit-web/ui/organisms/ListPage';\nimport type { ListPageProps } from '@lssm/lib.ui-kit-web/ui/organisms/ListPage/types';\n\nexport function ListPageResponsive<T>(props: ListPageProps<T>) {\n  const { screen } = useResponsive();\n  const className = [\n    props.className,\n    screen === 'desktop'\n      ? 'space-y-6'\n      : screen === 'tablet'\n        ? 'space-y-5'\n        : 'space-y-4',\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return <ListPage {...props} className={className} />;\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgB,mBAAsB,OAAyB;CAC7D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,YAAY,CAChB,MAAM,WACN,WAAW,YACP,cACA,WAAW,WACT,cACA,YACP,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AACZ,QAAO,oBAAC;EAAS,GAAI;EAAkB;GAAa"}
+{"version":3,"file":"ListPageResponsive.js","names":[],"sources":["../../../src/components/organisms/ListPageResponsive.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useResponsive } from '../../platform/useResponsive';\nimport { ListPage } from '@lssm/lib.ui-kit-web/ui/organisms/ListPage';\nimport type { ListPageProps } from '@lssm/lib.ui-kit-web/ui/organisms/ListPage/types';\n\nexport function ListPageResponsive<T>(props: ListPageProps<T>) {\n  const { screen } = useResponsive();\n  const className = [\n    props.className,\n    screen === 'desktop'\n      ? 'space-y-6'\n      : screen === 'tablet'\n        ? 'space-y-5'\n        : 'space-y-4',\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return <ListPage {...props} className={className} />;\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,mBAAsB,OAAyB;CAC7D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,YAAY,CAChB,MAAM,WACN,WAAW,YACP,cACA,WAAW,WACT,cACA,YACP,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;AACZ,QAAO,oBAAC;EAAS,GAAI;EAAkB;GAAa"}

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

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime103 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types11 from "class-variance-authority/types";
+import * as class_variance_authority_types15 from "class-variance-authority/types";
 
 //#region src/components/organisms/ListTablePage.d.ts
 interface TableColumn<T> {
@@ -11,7 +11,7 @@ interface TableColumn<T> {
 }
 declare const containerVariants: (props?: ({
   density?: "compact" | "comfortable" | null | undefined;
-} & class_variance_authority_types11.ClassProp) | undefined) => string;
+} & class_variance_authority_types15.ClassProp) | undefined) => string;
 interface ListTablePageProps<T> extends VariantProps<typeof containerVariants> {
   title: React$1.ReactNode;
   subtitle?: React$1.ReactNode;
@@ -28,7 +28,7 @@ declare function ListTablePage<T>({
   className,
   density,
   renderActions
-}: ListTablePageProps<T>): react_jsx_runtime55.JSX.Element;
+}: ListTablePageProps<T>): react_jsx_runtime103.JSX.Element;
 //#endregion
 export { ListTablePage, ListTablePageProps, TableColumn };
 //# sourceMappingURL=ListTablePage.d.ts.map

package/dist/components/organisms/ListTablePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListTablePage.d.ts","names":[],"sources":["../../../src/components/organisms/ListTablePage.tsx"],"sourcesContent":[],"mappings":";;;;;;UAeiB;UACP,OAAA,CAAM;eACD,qBAAqB,OAAA,CAAM;;AAF1C;cAMM,iBALU,EAAA,CAAA,KAC0B,CAD1B,EAAA,CAAA;EACD,OAAA,CAAA,EAAA,SAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;CAAqB,GAclC,gCAAA,CAAA,SAdwC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAAS,UAgBlC,kBAhBkC,CAAA,CAAA,CAAA,SAiBzC,YAjByC,CAAA,OAiBrB,iBAjBqB,CAAA,CAAA;EAI7C,KAAA,EAcG,OAAA,CAAM,SAJb;EAEe,QAAA,CAAA,EAGJ,OAAA,CAAM,SAHgB;EACL,KAAA,EAGrB,CAHqB,EAAA;EACrB,OAAM,EAGJ,WAHI,CAGQ,CAHR,CAAA,EAAA;EACF,SAAM,CAAA,EAAA,MAAA;EACV,aAAA,CAAA,EAAA,CAAA,IAAA,EAGgB,CAHhB,EAAA,KAAA,EAAA,MAAA,EAAA,GAGqC,OAAA,CAAM,SAH3C;;AACE,iBAKK,aALL,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAaR,kBAbQ,CAaW,CAbX,CAAA,CAAA,EAaa,mBAAA,CAAA,GAAA,CAAA,OAbb"}
+{"version":3,"file":"ListTablePage.d.ts","names":[],"sources":["../../../src/components/organisms/ListTablePage.tsx"],"sourcesContent":[],"mappings":";;;;;;UAeiB;UACP,OAAA,CAAM;eACD,qBAAqB,OAAA,CAAM;;AAF1C;cAMM,iBALU,EAAA,CAAA,KAC0B,CAD1B,EAAA,CAAA;EACD,OAAA,CAAA,EAAA,SAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;CAAqB,GAclC,gCAAA,CAAA,SAdwC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAAS,UAgBlC,kBAhBkC,CAAA,CAAA,CAAA,SAiBzC,YAjByC,CAAA,OAiBrB,iBAjBqB,CAAA,CAAA;EAI7C,KAAA,EAcG,OAAA,CAAM,SAJb;EAEe,QAAA,CAAA,EAGJ,OAAA,CAAM,SAHgB;EACL,KAAA,EAGrB,CAHqB,EAAA;EACrB,OAAM,EAGJ,WAHI,CAGQ,CAHR,CAAA,EAAA;EACF,SAAM,CAAA,EAAA,MAAA;EACV,aAAA,CAAA,EAAA,CAAA,IAAA,EAGgB,CAHhB,EAAA,KAAA,EAAA,MAAA,EAAA,GAGqC,OAAA,CAAM,SAH3C;;AACE,iBAKK,aALL,CAAA,CAAA,CAAA,CAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA;EAAA,OAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAaR,kBAbQ,CAaW,CAbX,CAAA,CAAA,EAaa,oBAAA,CAAA,GAAA,CAAA,OAbb"}

package/dist/components/organisms/ListTablePage.js

@@ -1,12 +1,11 @@
 'use client';
 
-
-import { VStack } from "../../ui-kit-web/dist/ui/stack.js";
 import { useResponsive } from "../../platform/useResponsive.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../ui-kit-web/dist/ui/table.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@lssm/lib.ui-kit-web/ui/table";
 
 //#region src/components/organisms/ListTablePage.tsx
 const containerVariants = cva("", {

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

@@ -1 +1 @@
-{"version":3,"file":"ListTablePage.js","names":[],"sources":["../../../src/components/organisms/ListTablePage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from '@lssm/lib.ui-kit-web/ui/table';\nimport { useResponsive } from '../../platform/useResponsive';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport interface TableColumn<T> {\n  header: React.ReactNode;\n  cell: (item: T, index: number) => React.ReactNode;\n  className?: string;\n}\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nexport interface ListTablePageProps<T>\n  extends VariantProps<typeof containerVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  columns: TableColumn<T>[];\n  className?: string;\n  renderActions?: (item: T, index: number) => React.ReactNode;\n}\n\nexport function ListTablePage<T>({\n  title,\n  subtitle,\n  items,\n  columns,\n  className,\n  density,\n  renderActions,\n}: ListTablePageProps<T>) {\n  const { screen } = useResponsive();\n  const titleSize = screen === 'desktop' ? 'text-3xl' : 'text-2xl';\n\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className={`${titleSize} font-bold`}>{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {columns.map((col, i) => (\n              <TableHead key={i} className={col.className}>\n                {col.header}\n              </TableHead>\n            ))}\n            {renderActions ? <TableHead /> : null}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {items.map((item, rowIdx) => (\n            <TableRow key={rowIdx}>\n              {columns.map((col, colIdx) => (\n                <TableCell key={colIdx} className={col.className}>\n                  {col.cell(item, rowIdx)}\n                </TableCell>\n              ))}\n              {renderActions ? (\n                <TableCell>\n                  <div className=\"flex items-center justify-end gap-2\">\n                    {renderActions(item, rowIdx)}\n                  </div>\n                </TableCell>\n              ) : null}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqBA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAYF,SAAgB,cAAiB,EAC/B,OACA,UACA,OACA,SACA,WACA,SACA,iBACwB;CACxB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,YAAY,WAAW,YAAY,aAAa;AAEtD,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAW,GAAG,UAAU;cAAc;KAAW,EACpD,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EAET,qBAAC,oBACC,oBAAC,yBACC,qBAAC,uBACE,QAAQ,KAAK,KAAK,MACjB,oBAAC;GAAkB,WAAW,IAAI;aAC/B,IAAI;KADS,EAEJ,CACZ,EACD,gBAAgB,oBAAC,cAAY,GAAG,QACxB,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,MAAM,WAChB,qBAAC,uBACE,QAAQ,KAAK,KAAK,WACjB,oBAAC;GAAuB,WAAW,IAAI;aACpC,IAAI,KAAK,MAAM,OAAO;KADT,OAEJ,CACZ,EACD,gBACC,oBAAC,uBACC,oBAAC;GAAI,WAAU;aACZ,cAAc,MAAM,OAAO;IACxB,GACI,GACV,SAZS,OAaJ,CACX,GACQ,IACN;GACD"}
+{"version":3,"file":"ListTablePage.js","names":[],"sources":["../../../src/components/organisms/ListTablePage.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableRow,\n  TableHead,\n  TableCell,\n} from '@lssm/lib.ui-kit-web/ui/table';\nimport { useResponsive } from '../../platform/useResponsive';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nexport interface TableColumn<T> {\n  header: React.ReactNode;\n  cell: (item: T, index: number) => React.ReactNode;\n  className?: string;\n}\n\nconst containerVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'gap-3',\n      comfortable: 'gap-4 md:gap-5',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n  },\n});\n\nexport interface ListTablePageProps<T>\n  extends VariantProps<typeof containerVariants> {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  items: T[];\n  columns: TableColumn<T>[];\n  className?: string;\n  renderActions?: (item: T, index: number) => React.ReactNode;\n}\n\nexport function ListTablePage<T>({\n  title,\n  subtitle,\n  items,\n  columns,\n  className,\n  density,\n  renderActions,\n}: ListTablePageProps<T>) {\n  const { screen } = useResponsive();\n  const titleSize = screen === 'desktop' ? 'text-3xl' : 'text-2xl';\n\n  return (\n    <VStack\n      className={[containerVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <VStack className=\"gap-1\">\n        <h1 className={`${titleSize} font-bold`}>{title}</h1>\n        {subtitle ? (\n          <p className=\"text-muted-foreground text-base\">{subtitle}</p>\n        ) : null}\n      </VStack>\n\n      <Table>\n        <TableHeader>\n          <TableRow>\n            {columns.map((col, i) => (\n              <TableHead key={i} className={col.className}>\n                {col.header}\n              </TableHead>\n            ))}\n            {renderActions ? <TableHead /> : null}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {items.map((item, rowIdx) => (\n            <TableRow key={rowIdx}>\n              {columns.map((col, colIdx) => (\n                <TableCell key={colIdx} className={col.className}>\n                  {col.cell(item, rowIdx)}\n                </TableCell>\n              ))}\n              {renderActions ? (\n                <TableCell>\n                  <div className=\"flex items-center justify-end gap-2\">\n                    {renderActions(item, rowIdx)}\n                  </div>\n                </TableCell>\n              ) : null}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,MAAM,oBAAoB,IAAI,IAAI;CAChC,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EACf,SAAS,eACV;CACF,CAAC;AAYF,SAAgB,cAAiB,EAC/B,OACA,UACA,OACA,SACA,WACA,SACA,iBACwB;CACxB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,YAAY,WAAW,YAAY,aAAa;AAEtD,QACE,qBAAC;EACC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,UAAU,CACnD,OAAO,QAAQ,CACf,KAAK,IAAI;aAEZ,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAG,WAAW,GAAG,UAAU;cAAc;KAAW,EACpD,WACC,oBAAC;IAAE,WAAU;cAAmC;KAAa,GAC3D;IACG,EAET,qBAAC,oBACC,oBAAC,yBACC,qBAAC,uBACE,QAAQ,KAAK,KAAK,MACjB,oBAAC;GAAkB,WAAW,IAAI;aAC/B,IAAI;KADS,EAEJ,CACZ,EACD,gBAAgB,oBAAC,cAAY,GAAG,QACxB,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,MAAM,WAChB,qBAAC,uBACE,QAAQ,KAAK,KAAK,WACjB,oBAAC;GAAuB,WAAW,IAAI;aACpC,IAAI,KAAK,MAAM,OAAO;KADT,OAEJ,CACZ,EACD,gBACC,oBAAC,uBACC,oBAAC;GAAI,WAAU;aACZ,cAAc,MAAM,OAAO;IACxB,GACI,GACV,SAZS,OAaJ,CACX,GACQ,IACN;GACD"}

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

@@ -2,7 +2,7 @@ import { CommandPalette } from "../molecules/CommandPalette.js";
 import { LangSwitchProps } from "../molecules/LangSwitch.js";
 import { CtaAction, HeaderNavItem, UserMenuItem } from "../../types/navigation.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeader.d.ts
 interface MarketingHeaderProps {
@@ -31,7 +31,7 @@ declare function MarketingHeader({
   right,
   commandPaletteGroups,
   langSwitchProps
-}: MarketingHeaderProps): react_jsx_runtime58.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime88.JSX.Element;
 //#endregion
 export { MarketingHeader, MarketingHeaderProps };
 //# sourceMappingURL=MarketingHeader.d.ts.map

package/dist/components/organisms/MarketingHeader.js

@@ -1,26 +1,24 @@
 'use client';
 
-
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
-import { Separator } from "../../ui-kit-web/dist/ui/separator.js";
 import { Button } from "../atoms/Button.js";
 import { ButtonLink } from "../atoms/ButtonLink.js";
-import { Box, HStack, VStack } from "../../ui-kit-web/dist/ui/stack.js";
-import { Text } from "../../ui-kit-web/dist/ui/text.js";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "../../ui-kit-web/dist/ui/navigation-menu.js";
 import { NavUser } from "../molecules/NavUser.js";
-import { Sheet, SheetContent, SheetHeader, SheetTrigger } from "../../ui-kit-web/dist/ui/sheet.js";
 import { NavItemCard } from "../molecules/NavItemCard.js";
 import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
 import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
 import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
 import * as React$1 from "react";
+import { Menu } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import { Menu } from "lucide-react";
+import { Box, HStack, VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Text } from "@lssm/lib.ui-kit-web/ui/text";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@lssm/lib.ui-kit-web/ui/navigation-menu";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Sheet, SheetContent, SheetHeader, SheetTrigger } from "@lssm/lib.ui-kit-web/ui/sheet";
+import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
 
 //#region src/components/organisms/MarketingHeader.tsx
-init_utils();
 const headerVariants = cva("flex items-center justify-between gap-4", {
 	variants: { density: {
 		compact: "px-3 py-2",

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

@@ -1 +1 @@
-{"version":3,"file":"MarketingHeader.js","names":["React","Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\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 { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTrigger,\n} from '@lssm/lib.ui-kit-web/ui/sheet';\nimport { Menu } from 'lucide-react';\nimport { MobileNavMenu } from '../molecules/MobileNavMenu';\nimport { CommandSearchTrigger } from '../molecules/CommandSearchTrigger';\nimport { LangSwitchDropdown } from '../molecules/LangSwitchDropdown';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  UserMenuItem,\n} from '../../types/navigation';\nimport { NavUser } from '../molecules/NavUser';\nimport { cva } from 'class-variance-authority';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { Box, HStack, VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { CommandPalette } from '../molecules/CommandPalette';\nimport type { LangSwitchProps } from '../molecules/LangSwitch';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nexport interface MarketingHeaderProps {\n  logo: React.ReactNode;\n  nav?: HeaderNavItem[];\n  userMenu?: {\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n    items: UserMenuItem[];\n  };\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  right?: React.ReactNode; // e.g. AI link button, extra actions\n  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];\n  langSwitchProps: LangSwitchProps;\n}\n\nconst headerVariants = cva('flex items-center justify-between gap-4', {\n  variants: {\n    density: {\n      compact: 'px-3 py-2',\n      comfortable: 'px-4 py-3',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nexport function MarketingHeader({\n  logo,\n  nav = [],\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n  commandPaletteGroups,\n  langSwitchProps,\n}: MarketingHeaderProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <HStack\n      as=\"header\"\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <HStack\n        className={cn(\n          'mx-auto w-full max-w-7xl items-center justify-center',\n          headerVariants({ density })\n        )}\n      >\n        {/* Mobile: compact left cluster */}\n        <VStack className=\"flex items-center gap-2 md:hidden\">\n          {/* Menu trigger (sheet) */}\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n                <Menu className=\"h-5 w-5\" />\n              </Button>\n            </SheetTrigger>\n\n            <SheetContent side=\"left\" className=\"w-[320px] p-4\">\n              <SheetHeader>\n                <CommandSearchTrigger groups={commandPaletteGroups} />\n                {/*<SheetTitle>Menu</SheetTitle>*/}\n              </SheetHeader>\n\n              {cta && (\n                <VStack className=\"mb-3\">\n                  <ButtonLink\n                    variant={cta.variant}\n                    size={cta.size}\n                    href={cta.href}\n                    onClick={cta.onClick}\n                  >\n                    <Text>{cta.label}</Text>\n                  </ButtonLink>\n                </VStack>\n              )}\n\n              <MobileNavMenu items={nav} />\n            </SheetContent>\n          </Sheet>\n        </VStack>\n\n        {logo}\n\n        {/* Desktop navigation */}\n        <HStack className=\"hidden items-center gap-4 md:flex\">\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav className=\"hidden md:flex\">\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger>{item.label}</NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink href={item.href || '#'}>{item.label}</NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </HStack>\n\n        <HStack className=\"flex items-center gap-2\">\n          {/* Desktop: show search trigger and custom right slot */}\n          <Box className=\"hidden items-center gap-2 md:flex\">\n            <CommandSearchTrigger groups={commandPaletteGroups} />\n          </Box>\n\n          <LangSwitchDropdown\n            value={langSwitchProps.value}\n            onChange={langSwitchProps.onChange}\n            options={langSwitchProps.options}\n          />\n\n          {right && <Box className=\"hidden md:flex\">{right}</Box>}\n\n          {cta && (\n            <Box className=\"hidden md:flex\">\n              <ButtonLink\n                variant={cta.variant}\n                size={cta.size}\n                href={cta.href}\n                onClick={cta.onClick}\n              >\n                <Text>{cta.label}</Text>\n              </ButtonLink>\n            </Box>\n          )}\n\n          {userMenu && <NavUser {...userMenu} />}\n        </HStack>\n      </HStack>\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;YAGmD;AAoDnD,MAAM,iBAAiB,IAAI,2CAA2C;CACpE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CAAC;AAEF,SAAgB,gBAAgB,EAC9B,MACA,MAAM,EAAE,EACR,UACA,KACA,WACA,SACA,OACA,sBACA,mBACuB;CACvB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAC7C,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iHACA,UACD;YAED,qBAAC;GACC,WAAW,GACT,wDACA,eAAe,EAAE,SAAS,CAAC,CAC5B;;IAGD,oBAAC;KAAO,WAAU;eAEhB,qBAAC;MAAY;MAAM,cAAc;iBAC/B,oBAAC;OAAa;iBACZ,oBAAC;QAAO,SAAQ;QAAQ,MAAK;QAAO,cAAW;kBAC7C,oBAAC,QAAK,WAAU,YAAY;SACrB;QACI,EAEf,qBAAC;OAAa,MAAK;OAAO,WAAU;;QAClC,oBAAC,yBACC,oBAAC,wBAAqB,QAAQ,uBAAwB,GAE1C;QAEb,OACC,oBAAC;SAAO,WAAU;mBAChB,oBAAC;UACC,SAAS,IAAI;UACb,MAAM,IAAI;UACV,MAAM,IAAI;UACV,SAAS,IAAI;oBAEb,oBAAC,kBAAM,IAAI,QAAa;WACb;UACN;QAGX,oBAAC,iBAAc,OAAO,MAAO;;QAChB;OACT;MACD;IAER;IAGD,oBAAC;KAAO,WAAU;eACf,IAAI,SAAS,KACZ,4CACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAQ,EACpD,oBAACC;MAAI,WAAU;gBACb,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC,mCAAY,KAAK,QAAmB,EACrC,oBAACC,mCACC,oBAAC;OAAI,WAAU;iBACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;QACE,GACK,IACZ,GAEH,oBAACC;OAAQ,MAAM,KAAK,QAAQ;iBAAM,KAAK;QAAgB,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/C,CACV,GACM;OACN,IACL;MAEE;IAET,qBAAC;KAAO,WAAU;;MAEhB,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBAAqB,QAAQ,uBAAwB;QAClD;MAEN,oBAAC;OACC,OAAO,gBAAgB;OACvB,UAAU,gBAAgB;OAC1B,SAAS,gBAAgB;QACzB;MAED,SAAS,oBAAC;OAAI,WAAU;iBAAkB;QAAY;MAEtD,OACC,oBAAC;OAAI,WAAU;iBACb,oBAAC;QACC,SAAS,IAAI;QACb,MAAM,IAAI;QACV,MAAM,IAAI;QACV,SAAS,IAAI;kBAEb,oBAAC,kBAAM,IAAI,QAAa;SACb;QACT;MAGP,YAAY,oBAAC,WAAQ,GAAI,WAAY;;MAC/B;;IACF;GACF"}
+{"version":3,"file":"MarketingHeader.js","names":["React","Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Button } from '../atoms/Button';\nimport { ButtonLink } from '../atoms/ButtonLink';\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 { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTrigger,\n} from '@lssm/lib.ui-kit-web/ui/sheet';\nimport { Menu } from 'lucide-react';\nimport { MobileNavMenu } from '../molecules/MobileNavMenu';\nimport { CommandSearchTrigger } from '../molecules/CommandSearchTrigger';\nimport { LangSwitchDropdown } from '../molecules/LangSwitchDropdown';\nimport type {\n  CtaAction,\n  HeaderNavItem,\n  UserMenuItem,\n} from '../../types/navigation';\nimport { NavUser } from '../molecules/NavUser';\nimport { cva } from 'class-variance-authority';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { Box, HStack, VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { CommandPalette } from '../molecules/CommandPalette';\nimport type { LangSwitchProps } from '../molecules/LangSwitch';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nexport interface MarketingHeaderProps {\n  logo: React.ReactNode;\n  nav?: HeaderNavItem[];\n  userMenu?: {\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n    items: UserMenuItem[];\n  };\n  cta?: CtaAction;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n  right?: React.ReactNode; // e.g. AI link button, extra actions\n  commandPaletteGroups: React.ComponentProps<typeof CommandPalette>['groups'];\n  langSwitchProps: LangSwitchProps;\n}\n\nconst headerVariants = cva('flex items-center justify-between gap-4', {\n  variants: {\n    density: {\n      compact: 'px-3 py-2',\n      comfortable: 'px-4 py-3',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nexport function MarketingHeader({\n  logo,\n  nav = [],\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n  commandPaletteGroups,\n  langSwitchProps,\n}: MarketingHeaderProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <HStack\n      as=\"header\"\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 sticky top-0 z-50 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <HStack\n        className={cn(\n          'mx-auto w-full max-w-7xl items-center justify-center',\n          headerVariants({ density })\n        )}\n      >\n        {/* Mobile: compact left cluster */}\n        <VStack className=\"flex items-center gap-2 md:hidden\">\n          {/* Menu trigger (sheet) */}\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" aria-label=\"Open menu\">\n                <Menu className=\"h-5 w-5\" />\n              </Button>\n            </SheetTrigger>\n\n            <SheetContent side=\"left\" className=\"w-[320px] p-4\">\n              <SheetHeader>\n                <CommandSearchTrigger groups={commandPaletteGroups} />\n                {/*<SheetTitle>Menu</SheetTitle>*/}\n              </SheetHeader>\n\n              {cta && (\n                <VStack className=\"mb-3\">\n                  <ButtonLink\n                    variant={cta.variant}\n                    size={cta.size}\n                    href={cta.href}\n                    onClick={cta.onClick}\n                  >\n                    <Text>{cta.label}</Text>\n                  </ButtonLink>\n                </VStack>\n              )}\n\n              <MobileNavMenu items={nav} />\n            </SheetContent>\n          </Sheet>\n        </VStack>\n\n        {logo}\n\n        {/* Desktop navigation */}\n        <HStack className=\"hidden items-center gap-4 md:flex\">\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav className=\"hidden md:flex\">\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger>{item.label}</NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink href={item.href || '#'}>{item.label}</NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </HStack>\n\n        <HStack className=\"flex items-center gap-2\">\n          {/* Desktop: show search trigger and custom right slot */}\n          <Box className=\"hidden items-center gap-2 md:flex\">\n            <CommandSearchTrigger groups={commandPaletteGroups} />\n          </Box>\n\n          <LangSwitchDropdown\n            value={langSwitchProps.value}\n            onChange={langSwitchProps.onChange}\n            options={langSwitchProps.options}\n          />\n\n          {right && <Box className=\"hidden md:flex\">{right}</Box>}\n\n          {cta && (\n            <Box className=\"hidden md:flex\">\n              <ButtonLink\n                variant={cta.variant}\n                size={cta.size}\n                href={cta.href}\n                onClick={cta.onClick}\n              >\n                <Text>{cta.label}</Text>\n              </ButtonLink>\n            </Box>\n          )}\n\n          {userMenu && <NavUser {...userMenu} />}\n        </HStack>\n      </HStack>\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuDA,MAAM,iBAAiB,IAAI,2CAA2C;CACpE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CAAC;AAEF,SAAgB,gBAAgB,EAC9B,MACA,MAAM,EAAE,EACR,UACA,KACA,WACA,SACA,OACA,sBACA,mBACuB;CACvB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAC7C,QACE,oBAAC;EACC,IAAG;EACH,WAAW,GACT,iHACA,UACD;YAED,qBAAC;GACC,WAAW,GACT,wDACA,eAAe,EAAE,SAAS,CAAC,CAC5B;;IAGD,oBAAC;KAAO,WAAU;eAEhB,qBAAC;MAAY;MAAM,cAAc;iBAC/B,oBAAC;OAAa;iBACZ,oBAAC;QAAO,SAAQ;QAAQ,MAAK;QAAO,cAAW;kBAC7C,oBAAC,QAAK,WAAU,YAAY;SACrB;QACI,EAEf,qBAAC;OAAa,MAAK;OAAO,WAAU;;QAClC,oBAAC,yBACC,oBAAC,wBAAqB,QAAQ,uBAAwB,GAE1C;QAEb,OACC,oBAAC;SAAO,WAAU;mBAChB,oBAAC;UACC,SAAS,IAAI;UACb,MAAM,IAAI;UACV,MAAM,IAAI;UACV,SAAS,IAAI;oBAEb,oBAAC,kBAAM,IAAI,QAAa;WACb;UACN;QAGX,oBAAC,iBAAc,OAAO,MAAO;;QAChB;OACT;MACD;IAER;IAGD,oBAAC;KAAO,WAAU;eACf,IAAI,SAAS,KACZ,4CACE,oBAAC;MAAU,aAAY;MAAW,WAAU;OAAQ,EACpD,oBAACC;MAAI,WAAU;gBACb,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC,mCAAY,KAAK,QAAmB,EACrC,oBAACC,mCACC,oBAAC;OAAI,WAAU;iBACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;QACE,GACK,IACZ,GAEH,oBAACC;OAAQ,MAAM,KAAK,QAAQ;iBAAM,KAAK;QAAgB,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/C,CACV,GACM;OACN,IACL;MAEE;IAET,qBAAC;KAAO,WAAU;;MAEhB,oBAAC;OAAI,WAAU;iBACb,oBAAC,wBAAqB,QAAQ,uBAAwB;QAClD;MAEN,oBAAC;OACC,OAAO,gBAAgB;OACvB,UAAU,gBAAgB;OAC1B,SAAS,gBAAgB;QACzB;MAED,SAAS,oBAAC;OAAI,WAAU;iBAAkB;QAAY;MAEtD,OACC,oBAAC;OAAI,WAAU;iBACb,oBAAC;QACC,SAAS,IAAI;QACb,MAAM,IAAI;QACV,MAAM,IAAI;QACV,SAAS,IAAI;kBAEb,oBAAC,kBAAM,IAAI,QAAa;SACb;QACT;MAGP,YAAY,oBAAC,WAAQ,GAAI,WAAY;;MAC/B;;IACF;GACF"}

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

@@ -1,5 +1,5 @@
 import { MarketingHeaderProps } from "./MarketingHeader.js";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeaderDesktop.d.ts
 declare function MarketingHeaderDesktop({
@@ -10,7 +10,7 @@ declare function MarketingHeaderDesktop({
   className,
   density,
   right
-}: MarketingHeaderProps): react_jsx_runtime56.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { MarketingHeaderDesktop };
 //# sourceMappingURL=MarketingHeaderDesktop.d.ts.map

package/dist/components/organisms/MarketingHeaderDesktop.js

@@ -1,18 +1,16 @@
 'use client';
 
-
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
-import { Separator } from "../../ui-kit-web/dist/ui/separator.js";
 import { ButtonLink } from "../atoms/ButtonLink.js";
-import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "../../ui-kit-web/dist/ui/navigation-menu.js";
 import { NavUser } from "../molecules/NavUser.js";
 import { NavItemCard } from "../molecules/NavItemCard.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@lssm/lib.ui-kit-web/ui/navigation-menu";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
 
 //#region src/components/organisms/MarketingHeaderDesktop.tsx
-init_utils();
 const headerVariants = cva("hidden items-center justify-between gap-4 md:flex", {
 	variants: { density: {
 		compact: "px-3 py-2",

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

@@ -1 +1 @@
-{"version":3,"file":"MarketingHeaderDesktop.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeaderDesktop.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\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 { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport type { MarketingHeaderProps } from './MarketingHeader';\nimport { cva } from 'class-variance-authority';\nimport { NavUser } from '../molecules/NavUser';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { ButtonLink } from '../atoms/ButtonLink';\n\nconst headerVariants = cva(\n  'hidden items-center justify-between gap-4 md:flex',\n  {\n    variants: {\n      density: {\n        compact: 'px-3 py-2',\n        comfortable: 'px-4 py-3',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nexport function MarketingHeaderDesktop({\n  logo,\n  nav = [],\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n}: MarketingHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <div\n        className={cn('mx-auto w-full max-w-7xl', headerVariants({ density }))}\n      >\n        <div className=\"flex items-center gap-4\">\n          {logo}\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav>\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger>{item.label}</NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink href={item.href || '#'}>{item.label}</NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {right}\n          {cta && (\n            <ButtonLink\n              variant={cta.variant}\n              size={cta.size}\n              href={cta.href}\n              onClick={cta.onClick}\n            >\n              {cta.label}\n            </ButtonLink>\n          )}\n          {userMenu && <NavUser {...userMenu} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;YAGmD;AAgBnD,MAAM,iBAAiB,IACrB,qDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,SAAgB,uBAAuB,EACrC,MACA,MAAM,EAAE,EACR,UACA,KACA,WACA,SACA,SACuB;AACvB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GACC,WAAW,GAAG,4BAA4B,eAAe,EAAE,SAAS,CAAC,CAAC;cAEtE,qBAAC;IAAI,WAAU;eACZ,MACA,IAAI,SAAS,KACZ,4CACE,oBAAC;KAAU,aAAY;KAAW,WAAU;MAAQ,EACpD,oBAACA,4BACC,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC,mCAAY,KAAK,QAAmB,EACrC,oBAACC,mCACC,oBAAC;KAAI,WAAU;eACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;MACE,GACK,IACZ,GAEH,oBAACC;KAAQ,MAAM,KAAK,QAAQ;eAAM,KAAK;MAAgB,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/C,CACV,GACM,GACN,IACL;KAED,EAEN,qBAAC;IAAI,WAAU;;KACZ;KACA,OACC,oBAAC;MACC,SAAS,IAAI;MACb,MAAM,IAAI;MACV,MAAM,IAAI;MACV,SAAS,IAAI;gBAEZ,IAAI;OACM;KAEd,YAAY,oBAAC,WAAQ,GAAI,WAAY;;KAClC;IACF;GACF"}
+{"version":3,"file":"MarketingHeaderDesktop.js","names":["Nav","NavList","NavItem","NavTrigger","NavContent","NavLink"],"sources":["../../../src/components/organisms/MarketingHeaderDesktop.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\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 { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport type { MarketingHeaderProps } from './MarketingHeader';\nimport { cva } from 'class-variance-authority';\nimport { NavUser } from '../molecules/NavUser';\nimport { NavItemCard } from '../molecules/NavItemCard';\nimport { ButtonLink } from '../atoms/ButtonLink';\n\nconst headerVariants = cva(\n  'hidden items-center justify-between gap-4 md:flex',\n  {\n    variants: {\n      density: {\n        compact: 'px-3 py-2',\n        comfortable: 'px-4 py-3',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  }\n);\n\nexport function MarketingHeaderDesktop({\n  logo,\n  nav = [],\n  userMenu,\n  cta,\n  className,\n  density,\n  right,\n}: MarketingHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs',\n        className\n      )}\n    >\n      <div\n        className={cn('mx-auto w-full max-w-7xl', headerVariants({ density }))}\n      >\n        <div className=\"flex items-center gap-4\">\n          {logo}\n          {nav.length > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"h-6\" />\n              <Nav>\n                <NavList>\n                  {nav.map((item) => (\n                    <NavItem key={String(item.key ?? item.href ?? item.label)}>\n                      {item.items && item.items.length > 0 ? (\n                        <>\n                          <NavTrigger>{item.label}</NavTrigger>\n                          <NavContent>\n                            <div className=\"grid w-[760px] grid-cols-3 gap-3 p-3\">\n                              {item.items.map((link) => (\n                                <NavItemCard key={link.href} item={link} />\n                              ))}\n                            </div>\n                          </NavContent>\n                        </>\n                      ) : (\n                        <NavLink href={item.href || '#'}>{item.label}</NavLink>\n                      )}\n                    </NavItem>\n                  ))}\n                </NavList>\n              </Nav>\n            </>\n          )}\n        </div>\n\n        <div className=\"flex items-center gap-2\">\n          {right}\n          {cta && (\n            <ButtonLink\n              variant={cta.variant}\n              size={cta.size}\n              href={cta.href}\n              onClick={cta.onClick}\n            >\n              {cta.label}\n            </ButtonLink>\n          )}\n          {userMenu && <NavUser {...userMenu} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,MAAM,iBAAiB,IACrB,qDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CACF;AAED,SAAgB,uBAAuB,EACrC,MACA,MAAM,EAAE,EACR,UACA,KACA,WACA,SACA,SACuB;AACvB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GACC,WAAW,GAAG,4BAA4B,eAAe,EAAE,SAAS,CAAC,CAAC;cAEtE,qBAAC;IAAI,WAAU;eACZ,MACA,IAAI,SAAS,KACZ,4CACE,oBAAC;KAAU,aAAY;KAAW,WAAU;MAAQ,EACpD,oBAACA,4BACC,oBAACC,gCACE,IAAI,KAAK,SACR,oBAACC,gCACE,KAAK,SAAS,KAAK,MAAM,SAAS,IACjC,4CACE,oBAACC,mCAAY,KAAK,QAAmB,EACrC,oBAACC,mCACC,oBAAC;KAAI,WAAU;eACZ,KAAK,MAAM,KAAK,SACf,oBAAC,eAA4B,MAAM,QAAjB,KAAK,KAAoB,CAC3C;MACE,GACK,IACZ,GAEH,oBAACC;KAAQ,MAAM,KAAK,QAAQ;eAAM,KAAK;MAAgB,IAb7C,OAAO,KAAK,OAAO,KAAK,QAAQ,KAAK,MAAM,CAe/C,CACV,GACM,GACN,IACL;KAED,EAEN,qBAAC;IAAI,WAAU;;KACZ;KACA,OACC,oBAAC;MACC,SAAS,IAAI;MACb,MAAM,IAAI;MACV,MAAM,IAAI;MACV,SAAS,IAAI;gBAEZ,IAAI;OACM;KAEd,YAAY,oBAAC,WAAQ,GAAI,WAAY;;KAClC;IACF;GACF"}

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

@@ -1,5 +1,5 @@
 import { MarketingHeaderProps } from "./MarketingHeader.js";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/organisms/MarketingHeaderMobile.d.ts
 declare function MarketingHeaderMobile({
@@ -7,7 +7,7 @@ declare function MarketingHeaderMobile({
   nav,
   className,
   right
-}: MarketingHeaderProps): react_jsx_runtime107.JSX.Element;
+}: MarketingHeaderProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { MarketingHeaderMobile };
 //# sourceMappingURL=MarketingHeaderMobile.d.ts.map

package/dist/components/organisms/MarketingHeaderMobile.js

@@ -1,19 +1,17 @@
 'use client';
 
-
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
 import { Button } from "../atoms/Button.js";
-import { VStack } from "../../ui-kit-web/dist/ui/stack.js";
-import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "../../ui-kit-web/dist/ui/sheet.js";
 import { MobileNavMenu } from "../molecules/MobileNavMenu.js";
 import { CommandSearchTrigger } from "../molecules/CommandSearchTrigger.js";
 import { LangSwitchDropdown } from "../molecules/LangSwitchDropdown.js";
 import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "@lssm/lib.ui-kit-web/ui/sheet";
 
 //#region src/components/organisms/MarketingHeaderMobile.tsx
-init_utils();
 function MarketingHeaderMobile({ logo, nav = [], className, right }) {
 	const [open, setOpen] = React$1.useState(false);
 	return /* @__PURE__ */ jsx("div", {