@lssm/lib.design-system 1.7.3 → 1.7.4

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

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

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

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

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

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

package/dist/components/organisms/AcademyLayout.js

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

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

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

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

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

package/dist/components/organisms/AppHeader.js

@@ -1,14 +1,13 @@
 '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 { Header } from "./Header.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
 
 //#region src/components/organisms/AppHeader.tsx
-init_utils();
 function AppHeader({ breadcrumb, toolbarRight, className,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-background/95 supports-backdrop-filter:bg-background/60 w-full border-b backdrop-blur-xs", className),

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport { Header, type HeaderProps } from './Header';\n\nexport interface AppHeaderProps extends HeaderProps {\n  breadcrumb?: React.ReactNode;\n  toolbarRight?: React.ReactNode;\n  className?: string;\n}\n\nexport function AppHeader({\n  breadcrumb,\n  toolbarRight,\n  className,\n  ...props\n}: AppHeaderProps) {\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 className=\"mx-auto w-full max-w-7xl px-2 md:px-4\">\n        <Header {...props} />\n        {(breadcrumb || toolbarRight) && (\n          <>\n            <Separator />\n            <div className=\"flex items-center justify-between gap-3 py-2\">\n              <div className=\"min-w-0 overflow-hidden text-ellipsis\">\n                {breadcrumb}\n              </div>\n              <div className=\"flex items-center gap-2\">{toolbarRight}</div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;YAGmD;AAUnD,SAAgB,UAAU,EACxB,YACA,cACA,UACA,GAAG,SACc;AACjB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,oBAAC,UAAO,GAAI,QAAS,GACnB,cAAc,iBACd,4CACE,oBAAC,cAAY,EACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACZ;MACG,EACN,oBAAC;KAAI,WAAU;eAA2B;MAAmB;KACzD,IACL;IAED;GACF"}
+{"version":3,"file":"AppHeader.js","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport { Header, type HeaderProps } from './Header';\n\nexport interface AppHeaderProps extends HeaderProps {\n  breadcrumb?: React.ReactNode;\n  toolbarRight?: React.ReactNode;\n  className?: string;\n}\n\nexport function AppHeader({\n  breadcrumb,\n  toolbarRight,\n  className,\n  ...props\n}: AppHeaderProps) {\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 className=\"mx-auto w-full max-w-7xl px-2 md:px-4\">\n        <Header {...props} />\n        {(breadcrumb || toolbarRight) && (\n          <>\n            <Separator />\n            <div className=\"flex items-center justify-between gap-3 py-2\">\n              <div className=\"min-w-0 overflow-hidden text-ellipsis\">\n                {breadcrumb}\n              </div>\n              <div className=\"flex items-center gap-2\">{toolbarRight}</div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,UAAU,EACxB,YACA,cACA,UACA,GAAG,SACc;AACjB,QACE,oBAAC;EACC,WAAW,GACT,+FACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,oBAAC,UAAO,GAAI,QAAS,GACnB,cAAc,iBACd,4CACE,oBAAC,cAAY,EACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAI,WAAU;eACZ;MACG,EACN,oBAAC;KAAI,WAAU;eAA2B;MAAmB;KACzD,IACL;IAED;GACF"}

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

@@ -1,6 +1,6 @@
 import { BottomTabItem } from "../native/BottomTabs.mobile.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppHeader.mobile.d.ts
 interface AppHeaderMobileProps {
@@ -16,7 +16,7 @@ declare function AppHeader({
   className,
   menuContent,
   bottomTabs
-}: AppHeaderMobileProps): react_jsx_runtime39.JSX.Element;
+}: AppHeaderMobileProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { AppHeader, AppHeaderMobileProps };
 //# sourceMappingURL=AppHeader.mobile.d.ts.map

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

@@ -1,12 +1,12 @@
 'use client';
 
 
-import { cn } from "../../ui-kit/dist/ui/utils.js";
 import { BottomTabs } from "../native/BottomTabs.mobile.js";
 import { SheetMenu } from "../native/SheetMenu.mobile.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Pressable, Text, View } from "react-native";
+import { cn } from "@lssm/lib.ui-kit/ui/utils";
 
 //#region src/components/organisms/AppHeader.mobile.tsx
 function AppHeader({ logo, toolbarRight, className, menuContent, bottomTabs }) {

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

@@ -1,6 +1,6 @@
 import { AppSidebar } from "./AppSidebar.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppLayout.d.ts
 interface AppLayoutProps {
@@ -23,7 +23,7 @@ declare function AppLayout({
   children,
   footer,
   className
-}: AppLayoutProps): react_jsx_runtime41.JSX.Element;
+}: AppLayoutProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { AppLayout, AppLayoutProps };
 //# sourceMappingURL=AppLayout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.d.ts","names":[],"sources":["../../../src/components/organisms/AppLayout.tsx"],"sourcesContent":[],"mappings":";;;;;UAeiB,cAAA;UACP,OAAA,CAAM;YACJ,OAAA,CAAM,sBAAsB;EAFvB,UAAA,CAAA,EAAA;IACP,KAAM,EAAA;MACwB,IAAA,CAAA,EAAA,MAAA;MAAtB,KAAA,EAC8B,OAAA,CAAM,SADpC;IAC8B,CAAM,EAAA;EAC1C,CAAA;EACD,QAAM,EADL,OAAA,CAAM,SACD;EAAS,MAAA,CAAA,EAAf,OAAA,CAAM,SAAS;EAIV,SAAA,CAAA,EAAS,MAAA;;AAEvB,iBAFc,SAAA,CAEd;EAAA,MAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAKC,cALD,CAAA,EAKe,mBAAA,CAAA,GAAA,CAAA,OALf"}
+{"version":3,"file":"AppLayout.d.ts","names":[],"sources":["../../../src/components/organisms/AppLayout.tsx"],"sourcesContent":[],"mappings":";;;;;UAeiB,cAAA;UACP,OAAA,CAAM;YACJ,OAAA,CAAM,sBAAsB;EAFvB,UAAA,CAAA,EAAA;IACP,KAAM,EAAA;MACwB,IAAA,CAAA,EAAA,MAAA;MAAtB,KAAA,EAC8B,OAAA,CAAM,SADpC;IAC8B,CAAM,EAAA;EAC1C,CAAA;EACD,QAAM,EADL,OAAA,CAAM,SACD;EAAS,MAAA,CAAA,EAAf,OAAA,CAAM,SAAS;EAIV,SAAA,CAAA,EAAS,MAAA;;AAEvB,iBAFc,SAAA,CAEd;EAAA,MAAA;EAAA,OAAA;EAAA,UAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAKC,cALD,CAAA,EAKe,oBAAA,CAAA,GAAA,CAAA,OALf"}

package/dist/components/organisms/AppLayout.js

@@ -1,15 +1,14 @@
 '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 { AppSidebar } from "./AppSidebar.js";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../../ui-kit-web/dist/ui/breadcrumb.js";
 import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Separator } from "@lssm/lib.ui-kit-web/ui/separator";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@lssm/lib.ui-kit-web/ui/breadcrumb";
 
 //#region src/components/organisms/AppLayout.tsx
-init_utils();
 function AppLayout({ header, sidebar, breadcrumb, children, footer, className }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("bg-background min-h-svh", className),

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

@@ -1 +1 @@
-{"version":3,"file":"AppLayout.js","names":["React"],"sources":["../../../src/components/organisms/AppLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@lssm/lib.ui-kit-web/ui/breadcrumb';\nimport { AppSidebar } from './AppSidebar';\n\nexport interface AppLayoutProps {\n  header: React.ReactNode;\n  sidebar?: React.ComponentProps<typeof AppSidebar>;\n  breadcrumb?: { items: { href?: string; label: React.ReactNode }[] };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function AppLayout({\n  header,\n  sidebar,\n  breadcrumb,\n  children,\n  footer,\n  className,\n}: AppLayoutProps) {\n  return (\n    <div className={cn('bg-background min-h-svh', className)}>\n      {header}\n      <div className=\"mx-auto grid w-full max-w-7xl grid-cols-1 gap-4 px-4 py-4 md:grid-cols-[260px_minmax(0,1fr)]\">\n        <aside className=\"hidden md:block\">\n          {sidebar ? (\n            <AppSidebar\n              sections={sidebar.sections}\n              top={sidebar.top}\n              bottom={sidebar.bottom}\n              className={sidebar.className}\n              density={sidebar.density}\n            />\n          ) : (\n            <div />\n          )}\n        </aside>\n\n        <main className=\"min-w-0\">\n          {breadcrumb && breadcrumb.items?.length ? (\n            <div className=\"mb-2\">\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumb.items.map((it, idx) => (\n                    <React.Fragment key={idx}>\n                      <BreadcrumbItem>\n                        {it.href ? (\n                          <BreadcrumbLink href={it.href}>\n                            {it.label}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{it.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {idx < breadcrumb.items.length - 1 && (\n                        <BreadcrumbSeparator />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            </div>\n          ) : null}\n\n          {children}\n        </main>\n      </div>\n      {footer && (\n        <>\n          <Separator className=\"mt-4\" />\n          {footer}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;YAGmD;AAqBnD,SAAgB,UAAU,EACxB,QACA,SACA,YACA,UACA,QACA,aACiB;AACjB,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;;GACrD;GACD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAM,WAAU;eACd,UACC,oBAAC;MACC,UAAU,QAAQ;MAClB,KAAK,QAAQ;MACb,QAAQ,QAAQ;MAChB,WAAW,QAAQ;MACnB,SAAS,QAAQ;OACjB,GAEF,oBAAC,UAAM;MAEH,EAER,qBAAC;KAAK,WAAU;gBACb,cAAc,WAAW,OAAO,SAC/B,oBAAC;MAAI,WAAU;gBACb,oBAAC,wBACC,oBAAC,4BACE,WAAW,MAAM,KAAK,IAAI,QACzB,qBAACA,QAAM,uBACL,oBAAC,4BACE,GAAG,OACF,oBAAC;OAAe,MAAM,GAAG;iBACtB,GAAG;QACW,GAEjB,oBAAC,4BAAgB,GAAG,QAAuB,GAE9B,EAChB,MAAM,WAAW,MAAM,SAAS,KAC/B,oBAAC,wBAAsB,KAXN,IAaJ,CACjB,GACa,GACN;OACT,GACJ,MAEH;MACI;KACH;GACL,UACC,4CACE,oBAAC,aAAU,WAAU,SAAS,EAC7B,UACA;;GAED"}
+{"version":3,"file":"AppLayout.js","names":["React"],"sources":["../../../src/components/organisms/AppLayout.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Separator } from '@lssm/lib.ui-kit-web/ui/separator';\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@lssm/lib.ui-kit-web/ui/breadcrumb';\nimport { AppSidebar } from './AppSidebar';\n\nexport interface AppLayoutProps {\n  header: React.ReactNode;\n  sidebar?: React.ComponentProps<typeof AppSidebar>;\n  breadcrumb?: { items: { href?: string; label: React.ReactNode }[] };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function AppLayout({\n  header,\n  sidebar,\n  breadcrumb,\n  children,\n  footer,\n  className,\n}: AppLayoutProps) {\n  return (\n    <div className={cn('bg-background min-h-svh', className)}>\n      {header}\n      <div className=\"mx-auto grid w-full max-w-7xl grid-cols-1 gap-4 px-4 py-4 md:grid-cols-[260px_minmax(0,1fr)]\">\n        <aside className=\"hidden md:block\">\n          {sidebar ? (\n            <AppSidebar\n              sections={sidebar.sections}\n              top={sidebar.top}\n              bottom={sidebar.bottom}\n              className={sidebar.className}\n              density={sidebar.density}\n            />\n          ) : (\n            <div />\n          )}\n        </aside>\n\n        <main className=\"min-w-0\">\n          {breadcrumb && breadcrumb.items?.length ? (\n            <div className=\"mb-2\">\n              <Breadcrumb>\n                <BreadcrumbList>\n                  {breadcrumb.items.map((it, idx) => (\n                    <React.Fragment key={idx}>\n                      <BreadcrumbItem>\n                        {it.href ? (\n                          <BreadcrumbLink href={it.href}>\n                            {it.label}\n                          </BreadcrumbLink>\n                        ) : (\n                          <BreadcrumbPage>{it.label}</BreadcrumbPage>\n                        )}\n                      </BreadcrumbItem>\n                      {idx < breadcrumb.items.length - 1 && (\n                        <BreadcrumbSeparator />\n                      )}\n                    </React.Fragment>\n                  ))}\n                </BreadcrumbList>\n              </Breadcrumb>\n            </div>\n          ) : null}\n\n          {children}\n        </main>\n      </div>\n      {footer && (\n        <>\n          <Separator className=\"mt-4\" />\n          {footer}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAgB,UAAU,EACxB,QACA,SACA,YACA,UACA,QACA,aACiB;AACjB,QACE,qBAAC;EAAI,WAAW,GAAG,2BAA2B,UAAU;;GACrD;GACD,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAM,WAAU;eACd,UACC,oBAAC;MACC,UAAU,QAAQ;MAClB,KAAK,QAAQ;MACb,QAAQ,QAAQ;MAChB,WAAW,QAAQ;MACnB,SAAS,QAAQ;OACjB,GAEF,oBAAC,UAAM;MAEH,EAER,qBAAC;KAAK,WAAU;gBACb,cAAc,WAAW,OAAO,SAC/B,oBAAC;MAAI,WAAU;gBACb,oBAAC,wBACC,oBAAC,4BACE,WAAW,MAAM,KAAK,IAAI,QACzB,qBAACA,QAAM,uBACL,oBAAC,4BACE,GAAG,OACF,oBAAC;OAAe,MAAM,GAAG;iBACtB,GAAG;QACW,GAEjB,oBAAC,4BAAgB,GAAG,QAAuB,GAE9B,EAChB,MAAM,WAAW,MAAM,SAAS,KAC/B,oBAAC,wBAAsB,KAXN,IAaJ,CACjB,GACa,GACN;OACT,GACJ,MAEH;MACI;KACH;GACL,UACC,4CACE,oBAAC,aAAU,WAAU,SAAS,EAC7B,UACA;;GAED"}

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

@@ -1,6 +1,6 @@
 import { NavSection } from "../../types/navigation.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppSidebar.d.ts
 interface AppSidebarProps {
@@ -18,7 +18,7 @@ declare function AppSidebar({
   searchPlaceholder,
   className,
   density
-}: AppSidebarProps): react_jsx_runtime3.JSX.Element;
+}: AppSidebarProps): react_jsx_runtime78.JSX.Element;
 //#endregion
 export { AppSidebar, AppSidebarProps };
 //# sourceMappingURL=AppSidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.d.ts","names":[],"sources":["../../../src/components/organisms/AppSidebar.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,eAAA;YACL;QACJ,OAAA,CAAM;EAFG,MAAA,CAAA,EAGN,OAAA,CAAM,SAHe;EACpB,iBAAA,CAAA,EAAA,MAAA;EACJ,SAAM,CAAA,EAAA,MAAA;EACH,OAAM,CAAA,EAAA,SAAA,GAAA,aAAA;;AAMD,iBAAA,UAAA,CAAU;EAAA,QAAA;EAAA,GAAA;EAAA,MAAA;EAAA,iBAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAOvB,eAPuB,CAAA,EAOR,kBAAA,CAAA,GAAA,CAAA,OAPQ"}
+{"version":3,"file":"AppSidebar.d.ts","names":[],"sources":["../../../src/components/organisms/AppSidebar.tsx"],"sourcesContent":[],"mappings":";;;;;UAqBiB,eAAA;YACL;QACJ,OAAA,CAAM;EAFG,MAAA,CAAA,EAGN,OAAA,CAAM,SAHe;EACpB,iBAAA,CAAA,EAAA,MAAA;EACJ,SAAM,CAAA,EAAA,MAAA;EACH,OAAM,CAAA,EAAA,SAAA,GAAA,aAAA;;AAMD,iBAAA,UAAA,CAAU;EAAA,QAAA;EAAA,GAAA;EAAA,MAAA;EAAA,iBAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAOvB,eAPuB,CAAA,EAOR,mBAAA,CAAA,GAAA,CAAA,OAPQ"}

package/dist/components/organisms/AppSidebar.js

@@ -1,11 +1,10 @@
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail } from "../../ui-kit-web/dist/ui/sidebar.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarMenu, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail } from "@lssm/lib.ui-kit-web/ui/sidebar";
 
 //#region src/components/organisms/AppSidebar.tsx
-init_utils();
 function AppSidebar({ sections, top, bottom, searchPlaceholder = "Search…", className, density }) {
 	return /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs(Sidebar, {
 		className: cn(cva("", {

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","names":[],"sources":["../../../src/components/organisms/AppSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarRail,\n} from '@lssm/lib.ui-kit-web/ui/sidebar';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva } from 'class-variance-authority';\nimport type { NavSection } from '../../types/navigation';\n\nexport interface AppSidebarProps {\n  sections: NavSection[];\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  searchPlaceholder?: string;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n}\n\nexport function AppSidebar({\n  sections,\n  top,\n  bottom,\n  searchPlaceholder = 'Search…',\n  className,\n  density,\n}: AppSidebarProps) {\n  const sidebarVariants = cva('', {\n    variants: {\n      density: {\n        compact: 'text-sm',\n        comfortable: 'text-base',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  });\n  return (\n    <SidebarProvider>\n      <Sidebar className={cn(sidebarVariants({ density }), className)}>\n        <SidebarRail />\n        <SidebarHeader>\n          {top}\n          <SidebarInput\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n          />\n        </SidebarHeader>\n        <SidebarContent>\n          {sections.map((s, idx) => (\n            <SidebarGroup key={idx}>\n              {s.title && <SidebarGroupLabel>{s.title}</SidebarGroupLabel>}\n              <SidebarGroupContent>\n                <SidebarMenu>\n                  {s.items.map((l) => (\n                    <SidebarMenuItem key={l.href}>\n                      <SidebarMenuButton asChild={!!l.href} isActive={false}>\n                        {}\n                        <a\n                          href={l.href}\n                          target={l.target}\n                          className=\"inline-flex items-center gap-2\"\n                        >\n                          {l.icon}\n                          <span>{l.label}</span>\n                        </a>\n                      </SidebarMenuButton>\n                      {l.badge != null && (\n                        <SidebarMenuBadge>{String(l.badge)}</SidebarMenuBadge>\n                      )}\n                    </SidebarMenuItem>\n                  ))}\n                </SidebarMenu>\n              </SidebarGroupContent>\n            </SidebarGroup>\n          ))}\n        </SidebarContent>\n        <SidebarFooter>{bottom}</SidebarFooter>\n      </Sidebar>\n    </SidebarProvider>\n  );\n}\n\n// export { SidebarTrigger } from '@lssm/lib.ui-kit-web/ui/sidebar';\n"],"mappings":";;;;;;;YAiBmD;AAanD,SAAgB,WAAW,EACzB,UACA,KACA,QACA,oBAAoB,WACpB,WACA,WACkB;AAUlB,QACE,oBAAC,6BACC,qBAAC;EAAQ,WAAW,GAXA,IAAI,IAAI;GAC9B,UAAU,EACR,SAAS;IACP,SAAS;IACT,aAAa;IACd,EACF;GACD,iBAAiB,EAAE,SAAS,eAAe;GAC5C,CAAC,CAGyC,EAAE,SAAS,CAAC,EAAE,UAAU;;GAC7D,oBAAC,gBAAc;GACf,qBAAC,4BACE,KACD,oBAAC;IACC,aAAa;IACb,cAAY;KACZ,IACY;GAChB,oBAAC,4BACE,SAAS,KAAK,GAAG,QAChB,qBAAC,2BACE,EAAE,SAAS,oBAAC,+BAAmB,EAAE,QAA0B,EAC5D,oBAAC,iCACC,oBAAC,yBACE,EAAE,MAAM,KAAK,MACZ,qBAAC,8BACC,oBAAC;IAAkB,SAAS,CAAC,CAAC,EAAE;IAAM,UAAU;cAE9C,qBAAC;KACC,MAAM,EAAE;KACR,QAAQ,EAAE;KACV,WAAU;gBAET,EAAE,MACH,oBAAC,oBAAM,EAAE,QAAa;MACpB;KACc,EACnB,EAAE,SAAS,QACV,oBAAC,8BAAkB,OAAO,EAAE,MAAM,GAAoB,KAbpC,EAAE,KAeN,CAClB,GACU,GACM,KAvBL,IAwBJ,CACf,GACa;GACjB,oBAAC,2BAAe,SAAuB;;GAC/B,GACM"}
+{"version":3,"file":"AppSidebar.js","names":[],"sources":["../../../src/components/organisms/AppSidebar.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarMenu,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarProvider,\n  SidebarRail,\n} from '@lssm/lib.ui-kit-web/ui/sidebar';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva } from 'class-variance-authority';\nimport type { NavSection } from '../../types/navigation';\n\nexport interface AppSidebarProps {\n  sections: NavSection[];\n  top?: React.ReactNode;\n  bottom?: React.ReactNode;\n  searchPlaceholder?: string;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n}\n\nexport function AppSidebar({\n  sections,\n  top,\n  bottom,\n  searchPlaceholder = 'Search…',\n  className,\n  density,\n}: AppSidebarProps) {\n  const sidebarVariants = cva('', {\n    variants: {\n      density: {\n        compact: 'text-sm',\n        comfortable: 'text-base',\n      },\n    },\n    defaultVariants: { density: 'comfortable' },\n  });\n  return (\n    <SidebarProvider>\n      <Sidebar className={cn(sidebarVariants({ density }), className)}>\n        <SidebarRail />\n        <SidebarHeader>\n          {top}\n          <SidebarInput\n            placeholder={searchPlaceholder}\n            aria-label={searchPlaceholder}\n          />\n        </SidebarHeader>\n        <SidebarContent>\n          {sections.map((s, idx) => (\n            <SidebarGroup key={idx}>\n              {s.title && <SidebarGroupLabel>{s.title}</SidebarGroupLabel>}\n              <SidebarGroupContent>\n                <SidebarMenu>\n                  {s.items.map((l) => (\n                    <SidebarMenuItem key={l.href}>\n                      <SidebarMenuButton asChild={!!l.href} isActive={false}>\n                        {}\n                        <a\n                          href={l.href}\n                          target={l.target}\n                          className=\"inline-flex items-center gap-2\"\n                        >\n                          {l.icon}\n                          <span>{l.label}</span>\n                        </a>\n                      </SidebarMenuButton>\n                      {l.badge != null && (\n                        <SidebarMenuBadge>{String(l.badge)}</SidebarMenuBadge>\n                      )}\n                    </SidebarMenuItem>\n                  ))}\n                </SidebarMenu>\n              </SidebarGroupContent>\n            </SidebarGroup>\n          ))}\n        </SidebarContent>\n        <SidebarFooter>{bottom}</SidebarFooter>\n      </Sidebar>\n    </SidebarProvider>\n  );\n}\n\n// export { SidebarTrigger } from '@lssm/lib.ui-kit-web/ui/sidebar';\n"],"mappings":";;;;;;;AA8BA,SAAgB,WAAW,EACzB,UACA,KACA,QACA,oBAAoB,WACpB,WACA,WACkB;AAUlB,QACE,oBAAC,6BACC,qBAAC;EAAQ,WAAW,GAXA,IAAI,IAAI;GAC9B,UAAU,EACR,SAAS;IACP,SAAS;IACT,aAAa;IACd,EACF;GACD,iBAAiB,EAAE,SAAS,eAAe;GAC5C,CAAC,CAGyC,EAAE,SAAS,CAAC,EAAE,UAAU;;GAC7D,oBAAC,gBAAc;GACf,qBAAC,4BACE,KACD,oBAAC;IACC,aAAa;IACb,cAAY;KACZ,IACY;GAChB,oBAAC,4BACE,SAAS,KAAK,GAAG,QAChB,qBAAC,2BACE,EAAE,SAAS,oBAAC,+BAAmB,EAAE,QAA0B,EAC5D,oBAAC,iCACC,oBAAC,yBACE,EAAE,MAAM,KAAK,MACZ,qBAAC,8BACC,oBAAC;IAAkB,SAAS,CAAC,CAAC,EAAE;IAAM,UAAU;cAE9C,qBAAC;KACC,MAAM,EAAE;KACR,QAAQ,EAAE;KACV,WAAU;gBAET,EAAE,MACH,oBAAC,oBAAM,EAAE,QAAa;MACpB;KACc,EACnB,EAAE,SAAS,QACV,oBAAC,8BAAkB,OAAO,EAAE,MAAM,GAAoB,KAbpC,EAAE,KAeN,CAClB,GACU,GACM,KAvBL,IAwBJ,CACf,GACa;GACjB,oBAAC,2BAAe,SAAuB;;GAC/B,GACM"}

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

@@ -1,5 +1,5 @@
 import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 
 //#region src/components/organisms/EmptyDataList.d.ts
 declare function EmptyDataList({
@@ -15,7 +15,7 @@ declare function EmptyDataList({
   onLearnMore,
   handleLearnMore,
   className
-}: EmptyDataListProps): react_jsx_runtime0.JSX.Element;
+}: EmptyDataListProps): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { EmptyDataList };
 //# sourceMappingURL=EmptyDataList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyDataList.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.tsx"],"sourcesContent":[],"mappings":";;;;iBAYgB,aAAA;;;;;;;;;;;;;GAab,qBAAkB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"EmptyDataList.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.tsx"],"sourcesContent":[],"mappings":";;;;iBAYgB,aAAA;;;;;;;;;;;;;GAab,qBAAkB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/organisms/EmptyDataList.js

@@ -1,7 +1,7 @@
 import { Button } from "../atoms/Button.js";
-import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../../ui-kit-web/dist/ui/empty.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "@lssm/lib.ui-kit-web/ui/empty";
 
 //#region src/components/organisms/EmptyDataList.tsx
 function EmptyDataList({ emptyListTitle, emptyListDescription, createButton, secondaryButton, media, mediaVariant = "icon", learnMoreHref, learnMoreLabel, learnMoreEndIcon, onLearnMore, handleLearnMore, className }) {

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

@@ -1,5 +1,5 @@
 import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime80 from "react/jsx-runtime";
 
 //#region src/components/organisms/EmptyDataList.mobile.d.ts
 declare function EmptyDataList({
@@ -15,7 +15,7 @@ declare function EmptyDataList({
   onLearnMore,
   handleLearnMore,
   className
-}: EmptyDataListProps): react_jsx_runtime1.JSX.Element;
+}: EmptyDataListProps): react_jsx_runtime80.JSX.Element;
 //#endregion
 export { EmptyDataList, EmptyDataList as default };
 //# sourceMappingURL=EmptyDataList.mobile.d.ts.map

package/dist/components/organisms/EmptyDataList.mobile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyDataList.mobile.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAagB,aAAA;;;;;;;;;;;;;GAab,qBAAkB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"EmptyDataList.mobile.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAagB,aAAA;;;;;;;;;;;;;GAab,qBAAkB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,8 +1,8 @@
-import { HStack } from "../../ui-kit-web/dist/ui/stack.js";
-import { Text } from "../../ui-kit-web/dist/ui/text.js";
-import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../../ui-kit/dist/ui/empty.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Text } from "@lssm/lib.ui-kit-web/ui/text";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "@lssm/lib.ui-kit/ui/empty";
 
 //#region src/components/organisms/EmptyDataList.mobile.tsx
 function EmptyDataList({ emptyListTitle, emptyListDescription, createButton, secondaryButton, media, mediaVariant = "icon", learnMoreHref, learnMoreLabel, learnMoreEndIcon, onLearnMore, handleLearnMore, className }) {

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 
 //#region src/components/organisms/EmptySearchResult.d.ts
 interface EmptySearchResultProps {
@@ -19,7 +19,7 @@ declare function EmptySearchResult({
   onSearchChange,
   handleSearchChange,
   className
-}: EmptySearchResultProps): react_jsx_runtime2.JSX.Element;
+}: EmptySearchResultProps): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { EmptySearchResult, EmptySearchResultProps };
 //# sourceMappingURL=EmptySearchResult.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResult.d.ts","names":[],"sources":["../../../src/components/organisms/EmptySearchResult.tsx"],"sourcesContent":[],"mappings":";;;;UAUiB,sBAAA;qBACI,OAAA,CAAM;sBACL,OAAA,CAAM;EAFX,sBAAA,CAAA,EAGU,OAAA,CAAM,SAHM;EAClB,uBAAM,CAAA,EAGC,OAAA,CAAM,SAHP;EACL,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACD,kBAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACL,SAAM,CAAA,EAAA,MAAA;;AAMlB,iBAAA,iBAAA,CAAiB;EAAA,gBAAA;EAAA,iBAAA;EAAA,sBAAA;EAAA,uBAAA;EAAA,cAAA;EAAA,kBAAA;EAAA;AAAA,CAAA,EAQ9B,sBAR8B,CAAA,EAQR,kBAAA,CAAA,GAAA,CAAA,OARQ"}
+{"version":3,"file":"EmptySearchResult.d.ts","names":[],"sources":["../../../src/components/organisms/EmptySearchResult.tsx"],"sourcesContent":[],"mappings":";;;;UAUiB,sBAAA;qBACI,OAAA,CAAM;sBACL,OAAA,CAAM;EAFX,sBAAA,CAAA,EAGU,OAAA,CAAM,SAHM;EAClB,uBAAM,CAAA,EAGC,OAAA,CAAM,SAHP;EACL,cAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACD,kBAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACL,SAAM,CAAA,EAAA,MAAA;;AAMlB,iBAAA,iBAAA,CAAiB;EAAA,gBAAA;EAAA,iBAAA;EAAA,sBAAA;EAAA,uBAAA;EAAA,cAAA;EAAA,kBAAA;EAAA;AAAA,CAAA,EAQ9B,sBAR8B,CAAA,EAQR,mBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/organisms/EmptySearchResult.js

@@ -1,7 +1,7 @@
 import { Input } from "../atoms/Input.js";
-import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "../../ui-kit-web/dist/ui/empty.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "@lssm/lib.ui-kit-web/ui/empty";
 
 //#region src/components/organisms/EmptySearchResult.tsx
 function EmptySearchResult({ emptySearchTitle, emtptySearchTitle, emptySearchDescription, emtptySearchDescription, onSearchChange, handleSearchChange, className }) {

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime127 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 
 //#region src/components/organisms/FAQSection.d.ts
 interface FAQItem {
@@ -26,7 +26,7 @@ declare function FAQSection({
   collapsible?: boolean;
   defaultOpenIndex?: number;
   accordionClassName?: string;
-}): react_jsx_runtime127.JSX.Element;
+}): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { FAQItem, FAQSection };
 //# sourceMappingURL=FAQSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FAQSection.d.ts","names":[],"sources":["../../../src/components/organisms/FAQSection.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,OAAA;YACL,OAAA,CAAM;UACR,OAAA,CAAM;AAFhB;AAKgB,iBAAA,UAAA,CAAU;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,WAAA;EAAA,gBAAA;EAAA;CAAA,EAAA;EACxB,KAAA,EAUO,OAAA,CAAM,SAVb;EACA,QAAA,CAAA,EAUW,OAAA,CAAM,SAVjB;EACA,QAAA,CAAA,EAUW,OAAA,CAAM,SAVjB;EACA,SAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EAUQ,OAVR,EAAA;EACA,aAAA,CAAA,EAAA,QAAA,GAAA,UAAA;EACA,WAAA,CAAA,EAAA,OAAA;EACA,gBAAA,CAAA,EAAA,MAAA;EACA,kBAAA,CAAA,EAAA,MAAA;CAEO,CAAA,EASR,oBAAA,CAAA,GAAA,CAAA,OATc"}
+{"version":3,"file":"FAQSection.d.ts","names":[],"sources":["../../../src/components/organisms/FAQSection.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,OAAA;YACL,OAAA,CAAM;UACR,OAAA,CAAM;AAFhB;AAKgB,iBAAA,UAAA,CAAU;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,WAAA;EAAA,gBAAA;EAAA;CAAA,EAAA;EACxB,KAAA,EAUO,OAAA,CAAM,SAVb;EACA,QAAA,CAAA,EAUW,OAAA,CAAM,SAVjB;EACA,QAAA,CAAA,EAUW,OAAA,CAAM,SAVjB;EACA,SAAA,CAAA,EAAA,MAAA;EACA,KAAA,CAAA,EAUQ,OAVR,EAAA;EACA,aAAA,CAAA,EAAA,QAAA,GAAA,UAAA;EACA,WAAA,CAAA,EAAA,OAAA;EACA,gBAAA,CAAA,EAAA,MAAA;EACA,kBAAA,CAAA,EAAA,MAAA;CAEO,CAAA,EASR,mBAAA,CAAA,GAAA,CAAA,OATc"}

package/dist/components/organisms/FAQSection.js

@@ -1,7 +1,7 @@
-import { VStack } from "../../ui-kit-web/dist/ui/stack.js";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "../../ui-kit-web/dist/ui/accordion.js";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@lssm/lib.ui-kit-web/ui/accordion";
 
 //#region src/components/organisms/FAQSection.tsx
 function FAQSection({ title, subtitle, children, className, items, accordionType = "single", collapsible = true, defaultOpenIndex = 0, accordionClassName }) {

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime83 from "react/jsx-runtime";
 
 //#region src/components/organisms/FeatureCarousel.d.ts
 interface FeatureSlide {
@@ -13,7 +13,7 @@ declare function FeatureCarousel({
 }: {
   slides: FeatureSlide[];
   className?: string;
-}): react_jsx_runtime43.JSX.Element;
+}): react_jsx_runtime83.JSX.Element;
 //#endregion
 export { FeatureCarousel, FeatureSlide };
 //# sourceMappingURL=FeatureCarousel.d.ts.map

package/dist/components/organisms/FeatureCarousel.js

@@ -1,7 +1,7 @@
-import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../ui-kit-web/dist/ui/carousel.js";
-import { Card, CardContent } from "../../ui-kit-web/dist/ui/card.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@lssm/lib.ui-kit-web/ui/carousel";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
 
 //#region src/components/organisms/FeatureCarousel.tsx
 function FeatureCarousel({ slides, className }) {

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

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

package/dist/components/organisms/FeaturesSection.js

@@ -1,7 +1,7 @@
-import { VStack } from "../../ui-kit-web/dist/ui/stack.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/FeaturesSection.tsx
 const sectionVariants = cva("", {

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime87 from "react/jsx-runtime";
 
 //#region src/components/organisms/Footer.d.ts
 interface FooterProps {
@@ -20,7 +20,7 @@ declare function Footer({
   links,
   className,
   variant
-}: FooterProps): react_jsx_runtime44.JSX.Element;
+}: FooterProps): react_jsx_runtime87.JSX.Element;
 //#endregion
 export { Footer, FooterProps };
 //# sourceMappingURL=Footer.d.ts.map

package/dist/components/organisms/Footer.js

@@ -1,10 +1,9 @@
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#region src/components/organisms/Footer.tsx
-init_utils();
 const footerVariants = cva("border-t px-4 text-base", {
 	variants: {
 		variant: {

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/organisms/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva } from 'class-variance-authority';\n\nexport interface FooterProps {\n  left?: React.ReactNode;\n  center?: React.ReactNode;\n  right?: React.ReactNode;\n  links?: { label: React.ReactNode; href: string }[];\n  className?: string;\n  variant?: 'default' | 'marketing';\n}\n\nconst footerVariants = cva('border-t px-4 text-base', {\n  variants: {\n    variant: {\n      default: '',\n      marketing: 'bg-muted/30',\n    },\n    density: {\n      compact: 'py-4',\n      comfortable: 'py-6',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    variant: 'default',\n  },\n});\n\nexport function Footer({\n  left,\n  center,\n  right,\n  links,\n  className,\n  variant,\n}: FooterProps) {\n  return (\n    <footer className={cn(footerVariants({ variant }), className)}>\n      <div className=\"grid grid-cols-1 items-center gap-3 sm:grid-cols-3\">\n        <div className=\"flex items-center gap-3\">{left}</div>\n        <div className=\"text-muted-foreground text-center\">{center}</div>\n        <div className=\"flex items-center justify-end gap-3\">{right}</div>\n      </div>\n      {links && links.length > 0 && (\n        <div className=\"text-muted-foreground mt-4 flex flex-wrap items-center justify-center gap-3 text-base\">\n          {links.map((l) => (\n            <a\n              href={l.href}\n              key={String(l.href)}\n              className=\"hover:text-foreground\"\n            >\n              {l.label}\n            </a>\n          ))}\n        </div>\n      )}\n    </footer>\n  );\n}\n"],"mappings":";;;;;;YACmD;AAYnD,MAAM,iBAAiB,IAAI,2BAA2B;CACpD,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EACf,SAAS;EACT,SAAS;EACV;CACF,CAAC;AAEF,SAAgB,OAAO,EACrB,MACA,QACA,OACA,OACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,UAAU;aAC3D,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eAA2B;MAAW;IACrD,oBAAC;KAAI,WAAU;eAAqC;MAAa;IACjE,oBAAC;KAAI,WAAU;eAAuC;MAAY;;IAC9D,EACL,SAAS,MAAM,SAAS,KACvB,oBAAC;GAAI,WAAU;aACZ,MAAM,KAAK,MACV,oBAAC;IACC,MAAM,EAAE;IAER,WAAU;cAET,EAAE;MAHE,OAAO,EAAE,KAAK,CAIjB,CACJ;IACE;GAED"}
+{"version":3,"file":"Footer.js","names":[],"sources":["../../../src/components/organisms/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva } from 'class-variance-authority';\n\nexport interface FooterProps {\n  left?: React.ReactNode;\n  center?: React.ReactNode;\n  right?: React.ReactNode;\n  links?: { label: React.ReactNode; href: string }[];\n  className?: string;\n  variant?: 'default' | 'marketing';\n}\n\nconst footerVariants = cva('border-t px-4 text-base', {\n  variants: {\n    variant: {\n      default: '',\n      marketing: 'bg-muted/30',\n    },\n    density: {\n      compact: 'py-4',\n      comfortable: 'py-6',\n    },\n  },\n  defaultVariants: {\n    density: 'comfortable',\n    variant: 'default',\n  },\n});\n\nexport function Footer({\n  left,\n  center,\n  right,\n  links,\n  className,\n  variant,\n}: FooterProps) {\n  return (\n    <footer className={cn(footerVariants({ variant }), className)}>\n      <div className=\"grid grid-cols-1 items-center gap-3 sm:grid-cols-3\">\n        <div className=\"flex items-center gap-3\">{left}</div>\n        <div className=\"text-muted-foreground text-center\">{center}</div>\n        <div className=\"flex items-center justify-end gap-3\">{right}</div>\n      </div>\n      {links && links.length > 0 && (\n        <div className=\"text-muted-foreground mt-4 flex flex-wrap items-center justify-center gap-3 text-base\">\n          {links.map((l) => (\n            <a\n              href={l.href}\n              key={String(l.href)}\n              className=\"hover:text-foreground\"\n            >\n              {l.label}\n            </a>\n          ))}\n        </div>\n      )}\n    </footer>\n  );\n}\n"],"mappings":";;;;;;AAaA,MAAM,iBAAiB,IAAI,2BAA2B;CACpD,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EACf,SAAS;EACT,SAAS;EACV;CACF,CAAC;AAEF,SAAgB,OAAO,EACrB,MACA,QACA,OACA,OACA,WACA,WACc;AACd,QACE,qBAAC;EAAO,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,UAAU;aAC3D,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eAA2B;MAAW;IACrD,oBAAC;KAAI,WAAU;eAAqC;MAAa;IACjE,oBAAC;KAAI,WAAU;eAAuC;MAAY;;IAC9D,EACL,SAAS,MAAM,SAAS,KACvB,oBAAC;GAAI,WAAU;aACZ,MAAM,KAAK,MACV,oBAAC;IACC,MAAM,EAAE;IAER,WAAU;cAET,EAAE;MAHE,OAAO,EAAE,KAAK,CAIjB,CACJ;IACE;GAED"}

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

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
 
 //#region src/components/organisms/GridLayout.d.ts
 declare const gridVariants: (props?: ({
   gap?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types6.ClassProp) | undefined) => string;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
 declare function GridLayout({
   children,
   className,
@@ -20,7 +20,7 @@ declare function GridLayout({
     tablet?: number;
     desktop?: number;
   };
-} & VariantProps<typeof gridVariants>): react_jsx_runtime45.JSX.Element;
+} & VariantProps<typeof gridVariants>): react_jsx_runtime88.JSX.Element;
 //#endregion
 export { GridLayout, GridLayout as default };
 //# sourceMappingURL=GridLayout.d.ts.map

package/dist/components/organisms/GridLayout.js

@@ -1,11 +1,10 @@
-import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
 import { useResponsive } from "../../platform/useResponsive.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
 
 //#region src/components/organisms/GridLayout.tsx
-init_utils();
 const gridVariants = cva("grid", {
 	variants: { gap: {
 		sm: "gap-3",

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

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.js","names":[],"sources":["../../../src/components/organisms/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    gap: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: { gap: 'md' },\n});\n\nexport function GridLayout({\n  children,\n  className,\n  columns,\n  gap,\n}: {\n  children: React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n} & VariantProps<typeof gridVariants>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 1)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 1)\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-1';\n  return (\n    <div className={cn(gridVariants({ gap }), presetColsClass, className)}>\n      {children}\n    </div>\n  );\n}\n\nexport default GridLayout;\n"],"mappings":";;;;;;;YACmD;AAInD,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU,EACR,KAAK;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,KAAK,MAAM;CAC/B,CAAC;AAEF,SAAgB,WAAW,EACzB,UACA,WACA,SACA,OAKqC;CACrC,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,oBAAC;EAAI,WAAW,GAAG,aAAa,EAAE,KAAK,CAAC,EAAE,iBAAiB,UAAU;EAClE;GACG;;AAIV,yBAAe"}
+{"version":3,"file":"GridLayout.js","names":[],"sources":["../../../src/components/organisms/GridLayout.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useResponsive } from '../../platform/useResponsive';\n\nconst gridVariants = cva('grid', {\n  variants: {\n    gap: {\n      sm: 'gap-3',\n      md: 'gap-4',\n      lg: 'gap-6',\n    },\n  },\n  defaultVariants: { gap: 'md' },\n});\n\nexport function GridLayout({\n  children,\n  className,\n  columns,\n  gap,\n}: {\n  children: React.ReactNode;\n  className?: string;\n  columns?: { mobile?: number; tablet?: number; desktop?: number };\n} & VariantProps<typeof gridVariants>) {\n  const { screen } = useResponsive();\n  const cols =\n    screen === 'desktop'\n      ? (columns?.desktop ?? 1)\n      : screen === 'tablet'\n        ? (columns?.tablet ?? 1)\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-1';\n  return (\n    <div className={cn(gridVariants({ gap }), presetColsClass, className)}>\n      {children}\n    </div>\n  );\n}\n\nexport default GridLayout;\n"],"mappings":";;;;;;;AAKA,MAAM,eAAe,IAAI,QAAQ;CAC/B,UAAU,EACR,KAAK;EACH,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,KAAK,MAAM;CAC/B,CAAC;AAEF,SAAgB,WAAW,EACzB,UACA,WACA,SACA,OAKqC;CACrC,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,oBAAC;EAAI,WAAW,GAAG,aAAa,EAAE,KAAK,CAAC,EAAE,iBAAiB,UAAU;EAClE;GACG;;AAIV,yBAAe"}

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

@@ -1,7 +1,7 @@
 import { CtaAction, HeaderNavItem, NavSection } from "../../types/navigation.js";
 import { NavUser } from "../molecules/NavUser.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react_jsx_runtime84 from "react/jsx-runtime";
 
 //#region src/components/organisms/Header.d.ts
 interface HeaderProps {
@@ -24,15 +24,15 @@ declare function DesktopHeader({
   cta,
   className,
   density
-}: HeaderProps): react_jsx_runtime48.JSX.Element;
+}: HeaderProps): react_jsx_runtime84.JSX.Element;
 declare function MobileHeader({
   logo,
   userMenu,
   mobileSidebar,
   className,
   density
-}: HeaderProps): react_jsx_runtime48.JSX.Element;
-declare function Header(props: HeaderProps): react_jsx_runtime48.JSX.Element;
+}: HeaderProps): react_jsx_runtime84.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { DesktopHeader, Header, HeaderProps, MobileHeader };
 //# sourceMappingURL=Header.d.ts.map