@lssm/lib.design-system 1.2.0

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import { BottomTabItem } from "../native/BottomTabs.mobile.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime86 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppHeader.mobile.d.ts
+interface AppHeaderMobileProps {
+  logo?: React$1.ReactNode;
+  toolbarRight?: React$1.ReactNode;
+  className?: string;
+  menuContent?: React$1.ReactNode;
+  bottomTabs?: BottomTabItem[];
+}
+declare function AppHeader({
+  logo,
+  toolbarRight,
+  className,
+  menuContent,
+  bottomTabs
+}: AppHeaderMobileProps): react_jsx_runtime86.JSX.Element;
+//#endregion
+export { AppHeader, AppHeaderMobileProps };
+//# sourceMappingURL=AppHeader.mobile.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,54 @@
+'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";
+
+//#region src/components/organisms/AppHeader.mobile.tsx
+function AppHeader({ logo, toolbarRight, className, menuContent, bottomTabs }) {
+	const [open, setOpen] = React$1.useState(false);
+	return /* @__PURE__ */ jsxs(View, {
+		className: cn("bg-background border-b", className),
+		children: [
+			/* @__PURE__ */ jsxs(View, {
+				className: "flex-row items-center justify-between px-3 py-2",
+				children: [
+					/* @__PURE__ */ jsx(Pressable, {
+						accessibilityLabel: "Open menu",
+						onPress: () => setOpen(true),
+						children: /* @__PURE__ */ jsx(Text, {
+							className: "text-lg",
+							children: "☰"
+						})
+					}),
+					/* @__PURE__ */ jsx(View, {
+						className: "px-2",
+						children: typeof logo === "string" ? /* @__PURE__ */ jsx(Text, {
+							className: "text-xl font-bold",
+							children: logo
+						}) : logo
+					}),
+					/* @__PURE__ */ jsx(View, {
+						className: "flex-row items-center gap-2",
+						children: toolbarRight
+					})
+				]
+			}),
+			bottomTabs && bottomTabs.length > 0 && /* @__PURE__ */ jsx(BottomTabs, { items: bottomTabs }),
+			/* @__PURE__ */ jsx(SheetMenu, {
+				open,
+				onOpenChange: setOpen,
+				title: "Menu",
+				children: menuContent
+			})
+		]
+	});
+}
+
+//#endregion
+export { AppHeader };
+//# sourceMappingURL=AppHeader.mobile.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,29 @@
+import { AppSidebar } from "./AppSidebar.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime121 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppLayout.d.ts
+interface AppLayoutProps {
+  header: React$1.ReactNode;
+  sidebar?: React$1.ComponentProps<typeof AppSidebar>;
+  breadcrumb?: {
+    items: {
+      href?: string;
+      label: React$1.ReactNode;
+    }[];
+  };
+  children: React$1.ReactNode;
+  footer?: React$1.ReactNode;
+  className?: string;
+}
+declare function AppLayout({
+  header,
+  sidebar,
+  breadcrumb,
+  children,
+  footer,
+  className
+}: AppLayoutProps): react_jsx_runtime121.JSX.Element;
+//#endregion
+export { AppLayout, AppLayoutProps };
+//# sourceMappingURL=AppLayout.d.ts.map

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

@@ -0,0 +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,oBAAA,CAAA,GAAA,CAAA,OALf"}

package/dist/components/organisms/AppLayout.js

@@ -0,0 +1,47 @@
+'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";
+
+//#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),
+		children: [
+			header,
+			/* @__PURE__ */ jsxs("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)]",
+				children: [/* @__PURE__ */ jsx("aside", {
+					className: "hidden md:block",
+					children: sidebar ? /* @__PURE__ */ jsx(AppSidebar, {
+						sections: sidebar.sections,
+						top: sidebar.top,
+						bottom: sidebar.bottom,
+						className: sidebar.className,
+						density: sidebar.density
+					}) : /* @__PURE__ */ jsx("div", {})
+				}), /* @__PURE__ */ jsxs("main", {
+					className: "min-w-0",
+					children: [breadcrumb && breadcrumb.items?.length ? /* @__PURE__ */ jsx("div", {
+						className: "mb-2",
+						children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumb.items.map((it, idx) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: it.href ? /* @__PURE__ */ jsx(BreadcrumbLink, {
+							href: it.href,
+							children: it.label
+						}) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: it.label }) }), idx < breadcrumb.items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, idx)) }) })
+					}) : null, children]
+				})]
+			}),
+			footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, { className: "mt-4" }), footer] })
+		]
+	});
+}
+
+//#endregion
+export { AppLayout };
+//# sourceMappingURL=AppLayout.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+import { NavSection } from "../../types/navigation.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime126 from "react/jsx-runtime";
+
+//#region src/components/organisms/AppSidebar.d.ts
+interface AppSidebarProps {
+  sections: NavSection[];
+  top?: React$1.ReactNode;
+  bottom?: React$1.ReactNode;
+  searchPlaceholder?: string;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+}
+declare function AppSidebar({
+  sections,
+  top,
+  bottom,
+  searchPlaceholder,
+  className,
+  density
+}: AppSidebarProps): react_jsx_runtime126.JSX.Element;
+//#endregion
+export { AppSidebar, AppSidebarProps };
+//# sourceMappingURL=AppSidebar.d.ts.map

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

@@ -0,0 +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,oBAAA,CAAA,GAAA,CAAA,OAPQ"}

package/dist/components/organisms/AppSidebar.js

@@ -0,0 +1,41 @@
+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";
+
+//#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("", {
+			variants: { density: {
+				compact: "text-sm",
+				comfortable: "text-base"
+			} },
+			defaultVariants: { density: "comfortable" }
+		})({ density }), className),
+		children: [
+			/* @__PURE__ */ jsx(SidebarRail, {}),
+			/* @__PURE__ */ jsxs(SidebarHeader, { children: [top, /* @__PURE__ */ jsx(SidebarInput, {
+				placeholder: searchPlaceholder,
+				"aria-label": searchPlaceholder
+			})] }),
+			/* @__PURE__ */ jsx(SidebarContent, { children: sections.map((s, idx) => /* @__PURE__ */ jsxs(SidebarGroup, { children: [s.title && /* @__PURE__ */ jsx(SidebarGroupLabel, { children: s.title }), /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(SidebarMenu, { children: s.items.map((l) => /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(SidebarMenuButton, {
+				asChild: !!l.href,
+				isActive: false,
+				children: /* @__PURE__ */ jsxs("a", {
+					href: l.href,
+					target: l.target,
+					className: "inline-flex items-center gap-2",
+					children: [l.icon, /* @__PURE__ */ jsx("span", { children: l.label })]
+				})
+			}), l.badge != null && /* @__PURE__ */ jsx(SidebarMenuBadge, { children: String(l.badge) })] }, l.href)) }) })] }, idx)) }),
+			/* @__PURE__ */ jsx(SidebarFooter, { children: bottom })
+		]
+	}) });
+}
+
+//#endregion
+export { AppSidebar };
+//# sourceMappingURL=AppSidebar.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export { };

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

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,21 @@
+import { EmptyDataListProps } from "./EmptyDataList.types.js";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/components/organisms/EmptyDataList.d.ts
+declare function EmptyDataList({
+  emptyListTitle,
+  emptyListDescription,
+  createButton,
+  secondaryButton,
+  media,
+  mediaVariant,
+  learnMoreHref,
+  learnMoreLabel,
+  learnMoreEndIcon,
+  onLearnMore,
+  handleLearnMore,
+  className
+}: EmptyDataListProps): react_jsx_runtime40.JSX.Element;
+//#endregion
+export { EmptyDataList };
+//# sourceMappingURL=EmptyDataList.d.ts.map

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

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

@@ -0,0 +1,49 @@
+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";
+
+//#region src/components/organisms/EmptyDataList.tsx
+function EmptyDataList({ emptyListTitle, emptyListDescription, createButton, secondaryButton, media, mediaVariant = "icon", learnMoreHref, learnMoreLabel, learnMoreEndIcon, onLearnMore, handleLearnMore, className }) {
+	const learnMore = onLearnMore ?? handleLearnMore;
+	return /* @__PURE__ */ jsxs(Empty, {
+		className,
+		children: [
+			/* @__PURE__ */ jsxs(EmptyHeader, { children: [
+				media ? /* @__PURE__ */ jsx(EmptyMedia, {
+					variant: mediaVariant,
+					children: media
+				}) : null,
+				emptyListTitle ? /* @__PURE__ */ jsx(EmptyTitle, { children: emptyListTitle }) : null,
+				emptyListDescription ? /* @__PURE__ */ jsx(EmptyDescription, { children: emptyListDescription }) : null
+			] }),
+			/* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [createButton, secondaryButton]
+			}) }),
+			(learnMoreHref || learnMore) && learnMoreLabel ? /* @__PURE__ */ jsx(Button, {
+				variant: "link",
+				asChild: Boolean(learnMoreHref),
+				className: "text-muted-foreground",
+				size: "sm",
+				onPress: learnMoreHref ? void 0 : learnMore,
+				children: learnMoreHref ? /* @__PURE__ */ jsxs("a", {
+					href: learnMoreHref,
+					children: [
+						learnMoreLabel,
+						" ",
+						learnMoreEndIcon
+					]
+				}) : /* @__PURE__ */ jsxs("span", { children: [
+					learnMoreLabel,
+					" ",
+					learnMoreEndIcon
+				] })
+			}) : null
+		]
+	});
+}
+
+//#endregion
+export { EmptyDataList };
+//# sourceMappingURL=EmptyDataList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDataList.js","names":[],"sources":["../../../src/components/organisms/EmptyDataList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '@lssm/lib.ui-kit-web/ui/empty';\nimport { Button } from '../atoms/Button';\nimport type { EmptyDataListProps } from './EmptyDataList.types';\n\nexport function EmptyDataList({\n  emptyListTitle,\n  emptyListDescription,\n  createButton,\n  secondaryButton,\n  media,\n  mediaVariant = 'icon',\n  learnMoreHref,\n  learnMoreLabel,\n  learnMoreEndIcon,\n  onLearnMore,\n  handleLearnMore,\n  className,\n}: EmptyDataListProps) {\n  const learnMore = onLearnMore ?? handleLearnMore;\n\n  return (\n    <Empty className={className}>\n      <EmptyHeader>\n        {media ? <EmptyMedia variant={mediaVariant}>{media}</EmptyMedia> : null}\n        {emptyListTitle ? <EmptyTitle>{emptyListTitle}</EmptyTitle> : null}\n        {emptyListDescription ? (\n          <EmptyDescription>{emptyListDescription}</EmptyDescription>\n        ) : null}\n      </EmptyHeader>\n      <EmptyContent>\n        <div className=\"flex gap-2\">\n          {createButton}\n          {secondaryButton}\n        </div>\n      </EmptyContent>\n      {(learnMoreHref || learnMore) && learnMoreLabel ? (\n        <Button\n          variant=\"link\"\n          asChild={Boolean(learnMoreHref)}\n          className=\"text-muted-foreground\"\n          size=\"sm\"\n          onPress={learnMoreHref ? undefined : learnMore}\n        >\n          {learnMoreHref ? (\n            <a href={learnMoreHref}>\n              {learnMoreLabel} {learnMoreEndIcon}\n            </a>\n          ) : (\n            <span>\n              {learnMoreLabel} {learnMoreEndIcon}\n            </span>\n          )}\n        </Button>\n      ) : null}\n    </Empty>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,cAAc,EAC5B,gBACA,sBACA,cACA,iBACA,OACA,eAAe,QACf,eACA,gBACA,kBACA,aACA,iBACA,aACqB;CACrB,MAAM,YAAY,eAAe;AAEjC,QACE,qBAAC;EAAiB;;GAChB,qBAAC;IACE,QAAQ,oBAAC;KAAW,SAAS;eAAe;MAAmB,GAAG;IAClE,iBAAiB,oBAAC,wBAAY,iBAA4B,GAAG;IAC7D,uBACC,oBAAC,8BAAkB,uBAAwC,GACzD;OACQ;GACd,oBAAC,0BACC,qBAAC;IAAI,WAAU;eACZ,cACA;KACG,GACO;IACb,iBAAiB,cAAc,iBAC/B,oBAAC;IACC,SAAQ;IACR,SAAS,QAAQ,cAAc;IAC/B,WAAU;IACV,MAAK;IACL,SAAS,gBAAgB,SAAY;cAEpC,gBACC,qBAAC;KAAE,MAAM;;MACN;MAAe;MAAE;;MAChB,GAEJ,qBAAC;KACE;KAAe;KAAE;QACb;KAEF,GACP;;GACE"}

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

@@ -0,0 +1,21 @@
+import { EmptyDataListProps } from "./EmptyDataList.types.js";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
+
+//#region src/components/organisms/EmptyDataList.mobile.d.ts
+declare function EmptyDataList({
+  emptyListTitle,
+  emptyListDescription,
+  createButton,
+  secondaryButton,
+  media,
+  mediaVariant,
+  learnMoreHref,
+  learnMoreLabel,
+  learnMoreEndIcon,
+  onLearnMore,
+  handleLearnMore,
+  className
+}: EmptyDataListProps): react_jsx_runtime120.JSX.Element;
+//#endregion
+export { EmptyDataList, EmptyDataList as default };
+//# sourceMappingURL=EmptyDataList.mobile.d.ts.map

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

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

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

@@ -0,0 +1,28 @@
+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";
+
+//#region src/components/organisms/EmptyDataList.mobile.tsx
+function EmptyDataList({ emptyListTitle, emptyListDescription, createButton, secondaryButton, media, mediaVariant = "icon", learnMoreHref, learnMoreLabel, learnMoreEndIcon, onLearnMore, handleLearnMore, className }) {
+	return /* @__PURE__ */ jsxs(Empty, {
+		className,
+		children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [
+			media ? /* @__PURE__ */ jsx(EmptyMedia, {
+				variant: mediaVariant,
+				children: media
+			}) : null,
+			emptyListTitle ? /* @__PURE__ */ jsx(EmptyTitle, { children: /* @__PURE__ */ jsx(Text, { children: emptyListTitle }) }) : null,
+			emptyListDescription ? /* @__PURE__ */ jsx(EmptyDescription, { children: /* @__PURE__ */ jsx(Text, { children: emptyListDescription }) }) : null
+		] }), /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx(HStack, {
+			className: "gap-2",
+			children: createButton
+		}) })]
+	});
+}
+var EmptyDataList_mobile_default = EmptyDataList;
+
+//#endregion
+export { EmptyDataList, EmptyDataList_mobile_default as default };
+//# sourceMappingURL=EmptyDataList.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDataList.mobile.js","names":[],"sources":["../../../src/components/organisms/EmptyDataList.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '@lssm/lib.ui-kit/ui/empty';\nimport { HStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\nimport type { EmptyDataListProps } from './EmptyDataList.types';\n\nexport function EmptyDataList({\n  emptyListTitle,\n  emptyListDescription,\n  createButton,\n  secondaryButton,\n  media,\n  mediaVariant = 'icon',\n  learnMoreHref,\n  learnMoreLabel,\n  learnMoreEndIcon,\n  onLearnMore,\n  handleLearnMore,\n  className,\n}: EmptyDataListProps) {\n  const learnMore = onLearnMore ?? handleLearnMore;\n\n  return (\n    <Empty className={className}>\n      <EmptyHeader>\n        {media ? <EmptyMedia variant={mediaVariant}>{media}</EmptyMedia> : null}\n        {emptyListTitle ? (\n          <EmptyTitle>\n            <Text>{emptyListTitle}</Text>\n          </EmptyTitle>\n        ) : null}\n        {emptyListDescription ? (\n          <EmptyDescription>\n            <Text>{emptyListDescription}</Text>\n          </EmptyDescription>\n        ) : null}\n      </EmptyHeader>\n      <EmptyContent>\n        <HStack className=\"gap-2\">\n          {createButton}\n          {/*{secondaryButton}*/}\n        </HStack>\n      </EmptyContent>\n      {/*{(learnMoreHref || learnMore) && learnMoreLabel ? (*/}\n      {/*  learnMoreHref ? (*/}\n      {/*    <ButtonLink*/}\n      {/*      href={learnMoreHref}*/}\n      {/*      variant=\"link\"*/}\n      {/*      className=\"text-muted-foreground\"*/}\n      {/*      size=\"sm\"*/}\n      {/*      onPress={learnMoreHref ? undefined : learnMore}*/}\n      {/*    >*/}\n      {/*      <Text>*/}\n      {/*        {learnMoreLabel} {learnMoreEndIcon}*/}\n      {/*      </Text>*/}\n      {/*    </ButtonLink>*/}\n      {/*  ) : (*/}\n      {/*    <Text>*/}\n      {/*      {learnMoreLabel} {learnMoreEndIcon}*/}\n      {/*    </Text>*/}\n      {/*  )*/}\n      {/*) : null}*/}\n    </Empty>\n  );\n}\n\nexport default EmptyDataList;\n"],"mappings":";;;;;;;AAaA,SAAgB,cAAc,EAC5B,gBACA,sBACA,cACA,iBACA,OACA,eAAe,QACf,eACA,gBACA,kBACA,aACA,iBACA,aACqB;AAGrB,QACE,qBAAC;EAAiB;aAChB,qBAAC;GACE,QAAQ,oBAAC;IAAW,SAAS;cAAe;KAAmB,GAAG;GAClE,iBACC,oBAAC,wBACC,oBAAC,kBAAM,iBAAsB,GAClB,GACX;GACH,uBACC,oBAAC,8BACC,oBAAC,kBAAM,uBAA4B,GAClB,GACjB;MACQ,EACd,oBAAC,0BACC,oBAAC;GAAO,WAAU;aACf;IAEM,GACI;GAoBT;;AAIZ,mCAAe"}

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

@@ -0,0 +1,20 @@
+import * as React$1 from "react";
+
+//#region src/components/organisms/EmptyDataList.types.d.ts
+interface EmptyDataListProps {
+  emptyListTitle?: React$1.ReactNode;
+  emptyListDescription?: React$1.ReactNode;
+  createButton: React$1.ReactNode;
+  secondaryButton?: React$1.ReactNode;
+  media?: React$1.ReactNode;
+  mediaVariant?: 'default' | 'icon';
+  learnMoreHref?: string;
+  learnMoreLabel?: React$1.ReactNode;
+  learnMoreEndIcon?: React$1.ReactNode;
+  onLearnMore?: () => void;
+  handleLearnMore?: () => void;
+  className?: string;
+}
+//#endregion
+export { EmptyDataListProps };
+//# sourceMappingURL=EmptyDataList.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDataList.types.d.ts","names":[],"sources":["../../../src/components/organisms/EmptyDataList.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;mBACE,OAAA,CAAM;EADR,oBAAA,CAAkB,EAEV,OAAA,CAAM,SAFI;EAChB,YAAM,EAET,OAAA,CAAM,SAFG;EACA,eAAM,CAAA,EAEX,OAAA,CAAM,SAFK;EACf,KAAM,CAAA,EAEZ,OAAA,CAAM,SAFM;EACF,YAAM,CAAA,EAAA,SAAA,GAAA,MAAA;EAChB,aAAM,CAAA,EAAA,MAAA;EAGG,cAAM,CAAA,EAAN,OAAA,CAAM,SAAA;EACJ,gBAAM,CAAA,EAAN,OAAA,CAAM,SAAA;EAAS,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA"}

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

@@ -0,0 +1,3 @@
+import "react";
+
+export {  };

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

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime110 from "react/jsx-runtime";
+
+//#region src/components/organisms/EmptySearchResult.d.ts
+interface EmptySearchResultProps {
+  emptySearchTitle?: React$1.ReactNode;
+  emtptySearchTitle?: React$1.ReactNode;
+  emptySearchDescription?: React$1.ReactNode;
+  emtptySearchDescription?: React$1.ReactNode;
+  onSearchChange?: (value: string) => void;
+  handleSearchChange?: (value: string) => void;
+  className?: string;
+}
+declare function EmptySearchResult({
+  emptySearchTitle,
+  emtptySearchTitle,
+  emptySearchDescription,
+  emtptySearchDescription,
+  onSearchChange,
+  handleSearchChange,
+  className
+}: EmptySearchResultProps): react_jsx_runtime110.JSX.Element;
+//#endregion
+export { EmptySearchResult, EmptySearchResultProps };
+//# sourceMappingURL=EmptySearchResult.d.ts.map

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

@@ -0,0 +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,oBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/organisms/EmptySearchResult.js

@@ -0,0 +1,28 @@
+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";
+
+//#region src/components/organisms/EmptySearchResult.tsx
+function EmptySearchResult({ emptySearchTitle, emtptySearchTitle, emptySearchDescription, emtptySearchDescription, onSearchChange, handleSearchChange, className }) {
+	const title = emptySearchTitle ?? emtptySearchTitle ?? "No results";
+	const description = emptySearchDescription ?? emtptySearchDescription ?? "Try another search.";
+	const onChange = onSearchChange ?? handleSearchChange;
+	const [q, setQ] = React$1.useState("");
+	return /* @__PURE__ */ jsxs(Empty, {
+		className,
+		children: [/* @__PURE__ */ jsxs(EmptyHeader, { children: [/* @__PURE__ */ jsx(EmptyTitle, { children: title }), description ? /* @__PURE__ */ jsx(EmptyDescription, { children: description }) : null] }), /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsx(Input, {
+			value: q,
+			onChange: (v) => {
+				setQ(v);
+				onChange?.(v);
+			},
+			placeholder: "Search…",
+			keyboard: { kind: "search" }
+		}) })]
+	});
+}
+
+//#endregion
+export { EmptySearchResult };
+//# sourceMappingURL=EmptySearchResult.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptySearchResult.js","names":["React"],"sources":["../../../src/components/organisms/EmptySearchResult.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyTitle,\n} from '@lssm/lib.ui-kit-web/ui/empty';\nimport { Input } from '../atoms/Input';\n\nexport interface EmptySearchResultProps {\n  emptySearchTitle?: React.ReactNode;\n  emtptySearchTitle?: React.ReactNode; // alias\n  emptySearchDescription?: React.ReactNode;\n  emtptySearchDescription?: React.ReactNode; // alias\n  onSearchChange?: (value: string) => void;\n  handleSearchChange?: (value: string) => void; // alias\n  className?: string;\n}\n\nexport function EmptySearchResult({\n  emptySearchTitle,\n  emtptySearchTitle,\n  emptySearchDescription,\n  emtptySearchDescription,\n  onSearchChange,\n  handleSearchChange,\n  className,\n}: EmptySearchResultProps) {\n  const title = emptySearchTitle ?? emtptySearchTitle ?? 'No results';\n  const description =\n    emptySearchDescription ?? emtptySearchDescription ?? 'Try another search.';\n  const onChange = onSearchChange ?? handleSearchChange;\n  const [q, setQ] = React.useState('');\n\n  return (\n    <Empty className={className}>\n      <EmptyHeader>\n        <EmptyTitle>{title}</EmptyTitle>\n        {description ? (\n          <EmptyDescription>{description}</EmptyDescription>\n        ) : null}\n      </EmptyHeader>\n      <EmptyContent>\n        <Input\n          value={q}\n          onChange={(v) => {\n            setQ(v);\n            onChange?.(v);\n          }}\n          placeholder=\"Search…\"\n          keyboard={{ kind: 'search' }}\n        />\n      </EmptyContent>\n    </Empty>\n  );\n}\n"],"mappings":";;;;;;AAoBA,SAAgB,kBAAkB,EAChC,kBACA,mBACA,wBACA,yBACA,gBACA,oBACA,aACyB;CACzB,MAAM,QAAQ,oBAAoB,qBAAqB;CACvD,MAAM,cACJ,0BAA0B,2BAA2B;CACvD,MAAM,WAAW,kBAAkB;CACnC,MAAM,CAAC,GAAG,QAAQA,QAAM,SAAS,GAAG;AAEpC,QACE,qBAAC;EAAiB;aAChB,qBAAC,0BACC,oBAAC,wBAAY,QAAmB,EAC/B,cACC,oBAAC,8BAAkB,cAA+B,GAChD,QACQ,EACd,oBAAC,0BACC,oBAAC;GACC,OAAO;GACP,WAAW,MAAM;AACf,SAAK,EAAE;AACP,eAAW,EAAE;;GAEf,aAAY;GACZ,UAAU,EAAE,MAAM,UAAU;IAC5B,GACW;GACT"}

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

@@ -0,0 +1,32 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
+
+//#region src/components/organisms/FAQSection.d.ts
+interface FAQItem {
+  question: React$1.ReactNode;
+  answer: React$1.ReactNode;
+}
+declare function FAQSection({
+  title,
+  subtitle,
+  children,
+  className,
+  items,
+  accordionType,
+  collapsible,
+  defaultOpenIndex,
+  accordionClassName
+}: {
+  title: React$1.ReactNode;
+  subtitle?: React$1.ReactNode;
+  children?: React$1.ReactNode;
+  className?: string;
+  items?: FAQItem[];
+  accordionType?: 'single' | 'multiple';
+  collapsible?: boolean;
+  defaultOpenIndex?: number;
+  accordionClassName?: string;
+}): react_jsx_runtime115.JSX.Element;
+//#endregion
+export { FAQItem, FAQSection };
+//# sourceMappingURL=FAQSection.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/organisms/FAQSection.js

@@ -0,0 +1,66 @@
+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";
+
+//#region src/components/organisms/FAQSection.tsx
+function FAQSection({ title, subtitle, children, className, items, accordionType = "single", collapsible = true, defaultOpenIndex = 0, accordionClassName }) {
+	const hasItems = Array.isArray(items) && items.length > 0;
+	const defaultValue = React$1.useMemo(() => {
+		if (!hasItems) return void 0;
+		if (accordionType === "multiple") return void 0;
+		return `item-${Math.max(0, Math.min((items?.length ?? 1) - 1, defaultOpenIndex))}`;
+	}, [
+		hasItems,
+		accordionType,
+		defaultOpenIndex,
+		items
+	]);
+	return /* @__PURE__ */ jsx("section", {
+		className: `py-12 sm:py-16 lg:py-24 ${className || ""}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "container mx-auto px-4 sm:px-6 lg:px-8",
+			children: [/* @__PURE__ */ jsxs(VStack, {
+				className: "gap-2 text-center",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-3xl font-bold md:text-4xl",
+					children: title
+				}), subtitle ? /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mx-auto max-w-2xl text-base",
+					children: subtitle
+				}) : null]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mx-auto mt-8 max-w-3xl",
+				children: hasItems ? /* @__PURE__ */ jsx(VStack, {
+					className: "mt-8",
+					children: /* @__PURE__ */ jsx(Accordion, {
+						type: accordionType,
+						collapsible,
+						defaultValue,
+						className: accordionClassName,
+						children: items.map((faq, index) => /* @__PURE__ */ jsxs(AccordionItem, {
+							value: `item-${index}`,
+							children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+								className: "px-6",
+								children: /* @__PURE__ */ jsx("span", {
+									className: "text-foreground text-lg font-medium",
+									children: faq.question
+								})
+							}), /* @__PURE__ */ jsx(AccordionContent, {
+								className: "px-6",
+								children: /* @__PURE__ */ jsx("p", {
+									className: "text-muted-foreground",
+									children: faq.answer
+								})
+							})]
+						}, index))
+					})
+				}) : children
+			})]
+		})
+	});
+}
+
+//#endregion
+export { FAQSection };
+//# sourceMappingURL=FAQSection.js.map