@lssm/lib.design-system 1.7.4 → 1.9.1

package/dist/components/molecules/hover-previews/Stats.d.ts

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Stats.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewStat {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  hint?: React.ReactNode;\n}\n\nexport function HoverPreviewStats({\n  title,\n  stats,\n  footer,\n  className,\n}: {\n  title?: React.ReactNode;\n  stats: HoverPreviewStat[];\n  footer?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      <div className=\"grid grid-cols-1 gap-2\">\n        {stats.map((s, i) => (\n          <div key={i} className=\"flex items-baseline justify-between gap-3\">\n            <div className=\"text-muted-foreground text-base\">{s.label}</div>\n            <div className=\"truncate text-sm font-semibold\">{s.value}</div>\n          </div>\n        ))}\n      </div>\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,kBAAkB,EAChC,OACA,OACA,QACA,aAMC;AACD,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACrE,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,MACb,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBAAmC,EAAE;OAAY,EAChE,oBAAC;MAAI,WAAU;gBAAkC,EAAE;OAAY;OAFvD,EAGJ,CACN;KACE;GACL,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}
+{"version":3,"file":"Stats.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/Stats.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewStat {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  hint?: React.ReactNode;\n}\n\nexport function HoverPreviewStats({\n  title,\n  stats,\n  footer,\n  className,\n}: {\n  title?: React.ReactNode;\n  stats: HoverPreviewStat[];\n  footer?: React.ReactNode;\n  className?: string;\n}) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      {title && <div className=\"truncate text-sm font-medium\">{title}</div>}\n      <div className=\"grid grid-cols-1 gap-2\">\n        {stats.map((s, i) => (\n          <div key={i} className=\"flex items-baseline justify-between gap-3\">\n            <div className=\"text-muted-foreground text-base\">{s.label}</div>\n            <div className=\"truncate text-sm font-semibold\">{s.value}</div>\n          </div>\n        ))}\n      </div>\n      {footer && (\n        <div className=\"text-muted-foreground pt-1 text-base\">{footer}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,kBAAkB,EAChC,OACA,OACA,QACA,aAMC;AACD,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAC/D,SAAS,oBAAC;IAAI,WAAU;cAAgC;KAAY;GACrE,oBAAC;IAAI,WAAU;cACZ,MAAM,KAAK,GAAG,MACb,qBAAC;KAAY,WAAU;gBACrB,oBAAC;MAAI,WAAU;gBAAmC,EAAE;OAAY,EAChE,oBAAC;MAAI,WAAU;gBAAkC,EAAE;OAAY;OAFvD,EAGJ,CACN;KACE;GACL,UACC,oBAAC;IAAI,WAAU;cAAwC;KAAa;;GAElE"}

package/dist/components/molecules/hover-previews/User.d.ts

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"User.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewUserProps {\n  avatar?: React.ReactNode;\n  name: React.ReactNode;\n  email?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewUser({\n  avatar,\n  name,\n  email,\n  meta = [],\n  actions,\n  className,\n}: HoverPreviewUserProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center gap-3\">\n        {avatar}\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-medium\">{name}</div>\n          {email && (\n            <div className=\"text-muted-foreground truncate text-base\">\n              {email}\n            </div>\n          )}\n        </div>\n      </div>\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {actions && <div className=\"pt-1\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,OACA,OAAO,EAAE,EACT,SACA,aACwB;AACxB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACZ,QACD,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAgC;OAAW,EACzD,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;MAEJ;KACF;GACL,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,WAAW,oBAAC;IAAI,WAAU;cAAQ;KAAc;;GAC7C"}
+{"version":3,"file":"User.js","names":[],"sources":["../../../../src/components/molecules/hover-previews/User.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport interface HoverPreviewUserProps {\n  avatar?: React.ReactNode;\n  name: React.ReactNode;\n  email?: React.ReactNode;\n  meta?: { label: React.ReactNode; value: React.ReactNode }[];\n  actions?: React.ReactNode;\n  className?: string;\n}\n\nexport function HoverPreviewUser({\n  avatar,\n  name,\n  email,\n  meta = [],\n  actions,\n  className,\n}: HoverPreviewUserProps) {\n  return (\n    <div className={['space-y-2', className].filter(Boolean).join(' ')}>\n      <div className=\"flex items-center gap-3\">\n        {avatar}\n        <div className=\"min-w-0\">\n          <div className=\"truncate text-sm font-medium\">{name}</div>\n          {email && (\n            <div className=\"text-muted-foreground truncate text-base\">\n              {email}\n            </div>\n          )}\n        </div>\n      </div>\n      {meta.length > 0 && (\n        <div className=\"text-muted-foreground space-y-1 text-base\">\n          {meta.map((m, i) => (\n            <div key={i} className=\"flex items-center gap-2\">\n              <span className=\"whitespace-nowrap\">{m.label}:</span>\n              <span className=\"truncate\">{m.value}</span>\n            </div>\n          ))}\n        </div>\n      )}\n      {actions && <div className=\"pt-1\">{actions}</div>}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,iBAAiB,EAC/B,QACA,MACA,OACA,OAAO,EAAE,EACT,SACA,aACwB;AACxB,QACE,qBAAC;EAAI,WAAW,CAAC,aAAa,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;;GAChE,qBAAC;IAAI,WAAU;eACZ,QACD,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAAgC;OAAW,EACzD,SACC,oBAAC;MAAI,WAAU;gBACZ;OACG;MAEJ;KACF;GACL,KAAK,SAAS,KACb,oBAAC;IAAI,WAAU;cACZ,KAAK,KAAK,GAAG,MACZ,qBAAC;KAAY,WAAU;gBACrB,qBAAC;MAAK,WAAU;iBAAqB,EAAE,OAAM;OAAQ,EACrD,oBAAC;MAAK,WAAU;gBAAY,EAAE;OAAa;OAFnC,EAGJ,CACN;KACE;GAEP,WAAW,oBAAC;IAAI,WAAU;cAAQ;KAAc;;GAC7C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BottomTabs.mobile.d.ts","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,aAAA;;;EAAA,IAAA,CAAA,EAGR,OAAA,CAAM,SAHe;EAQd,MAAA,CAAA,EAAA,OAAU;EACxB,OAAA,EAAA,GAAA,GAAA,IAAA;;AAGO,iBAJO,UAAA,CAIP;EAAA,KAAA;EAAA;CAAA,EAAA;EAER,KAAA,EAFQ,aAER,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;IAAA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"BottomTabs.mobile.d.ts","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,aAAA;;;EAAA,IAAA,CAAA,EAGR,OAAA,CAAM,SAHe;EAQd,MAAA,CAAA,EAAA,OAAU;EACxB,OAAA,EAAA,GAAA,GAAA,IAAA;;AAGO,iBAJO,UAAA,CAIP;EAAA,KAAA;EAAA;CAAA,EAAA;EAER,KAAA,EAFQ,aAER,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;IAAA,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";

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

@@ -1 +1 @@
-{"version":3,"file":"BottomTabs.mobile.js","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Pressable, View, Text } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface BottomTabItem {\n  key: string;\n  label: string;\n  icon?: React.ReactNode;\n  active?: boolean;\n  onPress: () => void;\n}\n\nexport function BottomTabs({\n  items,\n  className,\n}: {\n  items: BottomTabItem[];\n  className?: string;\n}) {\n  return (\n    <View\n      className={cn(\n        'bg-background flex flex-row items-stretch border-t',\n        className\n      )}\n    >\n      {items.map((it) => (\n        <Pressable\n          key={it.key}\n          className={cn(\n            'flex-1 items-center justify-center py-2',\n            it.active ? 'bg-muted' : undefined\n          )}\n          onPress={it.onPress}\n          accessibilityRole=\"tab\"\n          accessibilityState={{ selected: !!it.active }}\n          accessibilityLabel={it.label}\n        >\n          {it.icon}\n          <Text\n            className={cn(\n              'mt-1 text-xs',\n              it.active ? 'text-foreground' : 'text-muted-foreground'\n            )}\n          >\n            {it.label}\n          </Text>\n        </Pressable>\n      ))}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,WAAW,EACzB,OACA,aAIC;AACD,QACE,oBAAC;EACC,WAAW,GACT,sDACA,UACD;YAEA,MAAM,KAAK,OACV,qBAAC;GAEC,WAAW,GACT,2CACA,GAAG,SAAS,aAAa,OAC1B;GACD,SAAS,GAAG;GACZ,mBAAkB;GAClB,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG,QAAQ;GAC7C,oBAAoB,GAAG;cAEtB,GAAG,MACJ,oBAAC;IACC,WAAW,GACT,gBACA,GAAG,SAAS,oBAAoB,wBACjC;cAEA,GAAG;KACC;KAlBF,GAAG,IAmBE,CACZ;GACG"}
+{"version":3,"file":"BottomTabs.mobile.js","names":[],"sources":["../../../src/components/native/BottomTabs.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Pressable, View, Text } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nexport interface BottomTabItem {\n  key: string;\n  label: string;\n  icon?: React.ReactNode;\n  active?: boolean;\n  onPress: () => void;\n}\n\nexport function BottomTabs({\n  items,\n  className,\n}: {\n  items: BottomTabItem[];\n  className?: string;\n}) {\n  return (\n    <View\n      className={cn(\n        'bg-background flex flex-row items-stretch border-t',\n        className\n      )}\n    >\n      {items.map((it) => (\n        <Pressable\n          key={it.key}\n          className={cn(\n            'flex-1 items-center justify-center py-2',\n            it.active ? 'bg-muted' : undefined\n          )}\n          onPress={it.onPress}\n          accessibilityRole=\"tab\"\n          accessibilityState={{ selected: !!it.active }}\n          accessibilityLabel={it.label}\n        >\n          {it.icon}\n          <Text\n            className={cn(\n              'mt-1 text-xs',\n              it.active ? 'text-foreground' : 'text-muted-foreground'\n            )}\n          >\n            {it.label}\n          </Text>\n        </Pressable>\n      ))}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,WAAW,EACzB,OACA,aAIC;AACD,QACE,oBAAC;EACC,WAAW,GACT,sDACA,UACD;YAEA,MAAM,KAAK,OACV,qBAAC;GAEC,WAAW,GACT,2CACA,GAAG,SAAS,aAAa,OAC1B;GACD,SAAS,GAAG;GACZ,mBAAkB;GAClB,oBAAoB,EAAE,UAAU,CAAC,CAAC,GAAG,QAAQ;GAC7C,oBAAoB,GAAG;cAEtB,GAAG,MACJ,oBAAC;IACC,WAAW,GACT,gBACA,GAAG,SAAS,oBAAoB,wBACjC;cAEA,GAAG;KACC;KAlBF,GAAG,IAmBE,CACZ;GACG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FlatListScreen.mobile.d.ts","names":[],"sources":["../../../src/components/native/FlatListScreen.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;;;UASiB,+BACP,KAAK,cAAc,4BACzB,oBAAoB;QAChB;cACM,cAAc;WACjB,KAAA,CAAM;EALA,SAAA,CAAA,EAAA,MAAA;EACY,gBAAA,CAAA,EAAA,MAAA;EAAd,KAAA,CAAA,EAAA,CAAA,KAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EACS,4BAAA,CAAA,EAAA,OAAA;EAChB,yBAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,SAAA;EACoB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAd,UAAA,CAAA,EAAA,OAAA;EACH,cAAM,CAAA,EAQE,KAAA,CAAM,SARR;EAQE,SAAM,CAAA,EAAA,MAAA;;cAInB,iBAfF,EAAA,CAAA,KA2BF,CA3BE,EAAA,CAAA;EAAY,OAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;AAaf,CAAA,GAcC,+BAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEc,iBAAA,cAAc,CAAA,CAAA,CAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,UAAA;EAAA,MAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,KAAA;EAAA,4BAAA;EAAA,yBAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgB3B,mBAhB2B,CAgBP,CAhBO,CAAA,CAAA,EAgBL,mBAAA,CAAA,GAAA,CAAA,OAhBK"}
+{"version":3,"file":"FlatListScreen.mobile.d.ts","names":[],"sources":["../../../src/components/native/FlatListScreen.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;;;UASiB,+BACP,KAAK,cAAc,4BACzB,oBAAoB;QAChB;cACM,cAAc;WACjB,KAAA,CAAM;EALA,SAAA,CAAA,EAAA,MAAA;EACY,gBAAA,CAAA,EAAA,MAAA;EAAd,KAAA,CAAA,EAAA,CAAA,KAAA,GAAA,QAAA,GAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EACS,4BAAA,CAAA,EAAA,OAAA;EAChB,yBAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,SAAA;EACoB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAd,UAAA,CAAA,EAAA,OAAA;EACH,cAAM,CAAA,EAQE,KAAA,CAAM,SARR;EAQE,SAAM,CAAA,EAAA,MAAA;;cAInB,iBAfF,EAAA,CAAA,KA2BF,CA3BE,EAAA,CAAA;EAAY,OAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;AAaf,CAAA,GAcC,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEc,iBAAA,cAAc,CAAA,CAAA,CAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,UAAA;EAAA,MAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,KAAA;EAAA,4BAAA;EAAA,yBAAA;EAAA,SAAA;EAAA,UAAA;EAAA,cAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgB3B,mBAhB2B,CAgBP,CAhBO,CAAA,CAAA,EAgBL,mBAAA,CAAA,GAAA,CAAA,OAhBK"}

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -23,7 +22,7 @@ function FlatListScreen({ children, data, renderItem, header, className, content
 	"top",
 	"left",
 	"right"
-], showsVerticalScrollIndicator = false, keyboardShouldPersistTaps = "handled", onRefresh, refreshing = false, emptyComponent, emptyText = "No items found", padding,...flatListProps }) {
+], showsVerticalScrollIndicator = false, keyboardShouldPersistTaps = "handled", onRefresh, refreshing = false, emptyComponent, emptyText = "No items found", padding, ...flatListProps }) {
 	const renderEmptyComponent = () => {
 		if (emptyComponent) return emptyComponent;
 		return /* @__PURE__ */ jsx(VStack, {

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

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

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

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

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

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

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@lssm/lib.ui-kit-web/ui/dialog";

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

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

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

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

package/dist/components/organisms/AcademyLayout.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@lssm/lib.ui-kit-web/ui/utils";

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":";;;;;;;;;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"}
+{"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_runtime75 from "react/jsx-runtime";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
 
 //#region src/components/organisms/AppHeader.d.ts
 interface AppHeaderProps extends HeaderProps {
@@ -13,7 +13,7 @@ declare function AppHeader({
   toolbarRight,
   className,
   ...props
-}: AppHeaderProps): react_jsx_runtime75.JSX.Element;
+}: AppHeaderProps): react_jsx_runtime108.JSX.Element;
 //#endregion
 export { AppHeader, AppHeaderProps };
 //# sourceMappingURL=AppHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.d.ts","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":[],"mappings":";;;;;UAOiB,cAAA,SAAuB;eACzB,OAAA,CAAM;iBACJ,OAAA,CAAM;EAFN,SAAA,CAAA,EAAA,MAAe;;AAEf,iBAID,SAAA,CAJO;EAAA,UAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASpB,cAToB,CAAA,EASN,mBAAA,CAAA,GAAA,CAAA,OATM"}
+{"version":3,"file":"AppHeader.d.ts","names":[],"sources":["../../../src/components/organisms/AppHeader.tsx"],"sourcesContent":[],"mappings":";;;;;UAOiB,cAAA,SAAuB;eACzB,OAAA,CAAM;iBACJ,OAAA,CAAM;EAFN,SAAA,CAAA,EAAA,MAAe;;AAEf,iBAID,SAAA,CAJO;EAAA,UAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EASpB,cAToB,CAAA,EASN,oBAAA,CAAA,GAAA,CAAA,OATM"}

package/dist/components/organisms/AppHeader.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { Header } from "./Header.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -8,7 +7,7 @@ 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
-function AppHeader({ breadcrumb, toolbarRight, className,...props }) {
+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),
 		children: /* @__PURE__ */ jsxs("div", {

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":";;;;;;;;;;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"}
+{"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,WACA,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_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime115 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_runtime74.JSX.Element;
+}: AppHeaderMobileProps): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { AppHeader, AppHeaderMobileProps };
 //# sourceMappingURL=AppHeader.mobile.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.mobile.d.ts","names":[],"sources":["../../../src/components/organisms/AppHeader.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,oBAAA;SACR,OAAA,CAAM;iBACE,OAAA,CAAM;EAFN,SAAA,CAAA,EAAA,MAAA;EACR,WAAM,CAAA,EAGC,OAAA,CAAM,SAHP;EACE,UAAM,CAAA,EAGR,aAHQ,EAAA;;AAGR,iBAGC,SAAA,CAHD;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EASZ,oBATY,CAAA,EASQ,mBAAA,CAAA,GAAA,CAAA,OATR"}
+{"version":3,"file":"AppHeader.mobile.d.ts","names":[],"sources":["../../../src/components/organisms/AppHeader.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,oBAAA;SACR,OAAA,CAAM;iBACE,OAAA,CAAM;EAFN,SAAA,CAAA,EAAA,MAAA;EACR,WAAM,CAAA,EAGC,OAAA,CAAM,SAHP;EACE,UAAM,CAAA,EAGR,aAHQ,EAAA;;AAGR,iBAGC,SAAA,CAHD;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EASZ,oBATY,CAAA,EASQ,oBAAA,CAAA,GAAA,CAAA,OATR"}

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

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { BottomTabs } from "../native/BottomTabs.mobile.js";
 import { SheetMenu } from "../native/SheetMenu.mobile.js";
 import * as React$1 from "react";

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

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.mobile.js","names":["React"],"sources":["../../../src/components/organisms/AppHeader.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { View, Text, Pressable } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit/ui/utils';\nimport { SheetMenu } from '../native/SheetMenu.mobile';\nimport { BottomTabs, type BottomTabItem } from '../native/BottomTabs.mobile';\n\nexport interface AppHeaderMobileProps {\n  logo?: React.ReactNode; // typically a brand component\n  toolbarRight?: React.ReactNode;\n  className?: string;\n  menuContent?: React.ReactNode; // sheet menu content\n  bottomTabs?: BottomTabItem[];\n}\n\nexport function AppHeader({\n  logo,\n  toolbarRight,\n  className,\n  menuContent,\n  bottomTabs,\n}: AppHeaderMobileProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <View className={cn('bg-background border-b', className)}>\n      <View className=\"flex-row items-center justify-between px-3 py-2\">\n        <Pressable accessibilityLabel=\"Open menu\" onPress={() => setOpen(true)}>\n          <Text className=\"text-lg\">☰</Text>\n        </Pressable>\n        <View className=\"px-2\">\n          {typeof logo === 'string' ? (\n            <Text className=\"text-xl font-bold\">{logo}</Text>\n          ) : (\n            logo\n          )}\n        </View>\n        <View className=\"flex-row items-center gap-2\">{toolbarRight}</View>\n      </View>\n\n      {bottomTabs && bottomTabs.length > 0 && <BottomTabs items={bottomTabs} />}\n\n      <SheetMenu open={open} onOpenChange={setOpen} title=\"Menu\">\n        {menuContent}\n      </SheetMenu>\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,UAAU,EACxB,MACA,cACA,WACA,aACA,cACuB;CACvB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAC7C,QACE,qBAAC;EAAK,WAAW,GAAG,0BAA0B,UAAU;;GACtD,qBAAC;IAAK,WAAU;;KACd,oBAAC;MAAU,oBAAmB;MAAY,eAAe,QAAQ,KAAK;gBACpE,oBAAC;OAAK,WAAU;iBAAU;QAAQ;OACxB;KACZ,oBAAC;MAAK,WAAU;gBACb,OAAO,SAAS,WACf,oBAAC;OAAK,WAAU;iBAAqB;QAAY,GAEjD;OAEG;KACP,oBAAC;MAAK,WAAU;gBAA+B;OAAoB;;KAC9D;GAEN,cAAc,WAAW,SAAS,KAAK,oBAAC,cAAW,OAAO,aAAc;GAEzE,oBAAC;IAAgB;IAAM,cAAc;IAAS,OAAM;cACjD;KACS;;GACP"}
+{"version":3,"file":"AppHeader.mobile.js","names":["React"],"sources":["../../../src/components/organisms/AppHeader.mobile.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { View, Text, Pressable } from 'react-native';\nimport { cn } from '@lssm/lib.ui-kit/ui/utils';\nimport { SheetMenu } from '../native/SheetMenu.mobile';\nimport { BottomTabs, type BottomTabItem } from '../native/BottomTabs.mobile';\n\nexport interface AppHeaderMobileProps {\n  logo?: React.ReactNode; // typically a brand component\n  toolbarRight?: React.ReactNode;\n  className?: string;\n  menuContent?: React.ReactNode; // sheet menu content\n  bottomTabs?: BottomTabItem[];\n}\n\nexport function AppHeader({\n  logo,\n  toolbarRight,\n  className,\n  menuContent,\n  bottomTabs,\n}: AppHeaderMobileProps) {\n  const [open, setOpen] = React.useState(false);\n  return (\n    <View className={cn('bg-background border-b', className)}>\n      <View className=\"flex-row items-center justify-between px-3 py-2\">\n        <Pressable accessibilityLabel=\"Open menu\" onPress={() => setOpen(true)}>\n          <Text className=\"text-lg\">☰</Text>\n        </Pressable>\n        <View className=\"px-2\">\n          {typeof logo === 'string' ? (\n            <Text className=\"text-xl font-bold\">{logo}</Text>\n          ) : (\n            logo\n          )}\n        </View>\n        <View className=\"flex-row items-center gap-2\">{toolbarRight}</View>\n      </View>\n\n      {bottomTabs && bottomTabs.length > 0 && <BottomTabs items={bottomTabs} />}\n\n      <SheetMenu open={open} onOpenChange={setOpen} title=\"Menu\">\n        {menuContent}\n      </SheetMenu>\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,UAAU,EACxB,MACA,cACA,WACA,aACA,cACuB;CACvB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAC7C,QACE,qBAAC;EAAK,WAAW,GAAG,0BAA0B,UAAU;;GACtD,qBAAC;IAAK,WAAU;;KACd,oBAAC;MAAU,oBAAmB;MAAY,eAAe,QAAQ,KAAK;gBACpE,oBAAC;OAAK,WAAU;iBAAU;QAAQ;OACxB;KACZ,oBAAC;MAAK,WAAU;gBACb,OAAO,SAAS,WACf,oBAAC;OAAK,WAAU;iBAAqB;QAAY,GAEjD;OAEG;KACP,oBAAC;MAAK,WAAU;gBAA+B;OAAoB;;KAC9D;GAEN,cAAc,WAAW,SAAS,KAAK,oBAAC,cAAW,OAAO,aAAc;GAEzE,oBAAC;IAAgB;IAAM,cAAc;IAAS,OAAM;cACjD;KACS;;GACP"}

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_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime117 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_runtime122.JSX.Element;
+}: AppLayoutProps): react_jsx_runtime117.JSX.Element;
 //#endregion
 export { AppLayout, AppLayoutProps };
 //# sourceMappingURL=AppLayout.d.ts.map

package/dist/components/organisms/AppLayout.js

@@ -1,6 +1,5 @@
 'use client';
 
-
 import { AppSidebar } from "./AppSidebar.js";
 import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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":";;;;;;;;;;;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"}
+{"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_runtime78 from "react/jsx-runtime";
+import * as react_jsx_runtime93 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_runtime78.JSX.Element;
+}: AppSidebarProps): react_jsx_runtime93.JSX.Element;
 //#endregion
 export { AppSidebar, AppSidebarProps };
 //# sourceMappingURL=AppSidebar.d.ts.map

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

@@ -1,5 +1,5 @@
 import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime110 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_runtime79.JSX.Element;
+}: EmptyDataListProps): react_jsx_runtime110.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,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"EmptyDataList.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.tsx"],"sourcesContent":[],"mappings":";;;;iBAYgB,aAAA;;;;;;;;;;;;;GAab,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { EmptyDataListProps } from "./EmptyDataList.types.js";
-import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as react_jsx_runtime73 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_runtime80.JSX.Element;
+}: EmptyDataListProps): react_jsx_runtime73.JSX.Element;
 //#endregion
 export { EmptyDataList, EmptyDataList as default };
 //# sourceMappingURL=EmptyDataList.mobile.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime81 from "react/jsx-runtime";
+import * as react_jsx_runtime83 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_runtime81.JSX.Element;
+}: EmptySearchResultProps): react_jsx_runtime83.JSX.Element;
 //#endregion
 export { EmptySearchResult, EmptySearchResultProps };
 //# sourceMappingURL=EmptySearchResult.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime84 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_runtime82.JSX.Element;
+}): react_jsx_runtime84.JSX.Element;
 //#endregion
 export { FAQItem, FAQSection };
 //# sourceMappingURL=FAQSection.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime81 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_runtime83.JSX.Element;
+}): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { FeatureCarousel, FeatureSlide };
 //# sourceMappingURL=FeatureCarousel.d.ts.map

package/dist/components/organisms/FeatureCarousel.js

@@ -1,7 +1,7 @@
 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";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@lssm/lib.ui-kit-web/ui/carousel";
 
 //#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_runtime77 from "react/jsx-runtime";
+import * as react_jsx_runtime82 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_runtime77.JSX.Element;
+}): react_jsx_runtime82.JSX.Element;
 //#endregion
 export { FeaturesSection };
 //# sourceMappingURL=FeaturesSection.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as react_jsx_runtime94 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_runtime87.JSX.Element;
+}: FooterProps): react_jsx_runtime94.JSX.Element;
 //#endregion
 export { Footer, FooterProps };
 //# sourceMappingURL=Footer.d.ts.map

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

@@ -1,12 +1,12 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime88 from "react/jsx-runtime";
+import * as react_jsx_runtime96 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types8 from "class-variance-authority/types";
+import * as class_variance_authority_types12 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_types8.ClassProp) | undefined) => string;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
 declare function GridLayout({
   children,
   className,
@@ -20,7 +20,7 @@ declare function GridLayout({
     tablet?: number;
     desktop?: number;
   };
-} & VariantProps<typeof gridVariants>): react_jsx_runtime88.JSX.Element;
+} & VariantProps<typeof gridVariants>): react_jsx_runtime96.JSX.Element;
 //#endregion
 export { GridLayout, GridLayout as default };
 //# sourceMappingURL=GridLayout.d.ts.map