@lssm/lib.design-system 0.0.0-canary-20251120170226

package/dist/components/molecules/FiltersToolbar.mobile.js

@@ -0,0 +1,49 @@
+import { Button } from "../atoms/Button.js";
+import { Input } from "../atoms/Input.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack, VStack } from "@lssm/lib.ui-kit/ui/stack";
+
+//#region src/components/molecules/FiltersToolbar.mobile.tsx
+function FiltersToolbar({ className, children, right, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, debounceMs = 250, activeChips = [], onClearAll }) {
+	const [q, setQ] = React$1.useState(searchValue ?? "");
+	React$1.useEffect(() => {
+		setQ(searchValue ?? "");
+	}, [searchValue]);
+	React$1.useEffect(() => {
+		if (!onSearchChange) return;
+		const id = setTimeout(() => onSearchChange(q), debounceMs);
+		return () => clearTimeout(id);
+	}, [
+		q,
+		debounceMs,
+		onSearchChange
+	]);
+	return /* @__PURE__ */ jsx(VStack, {
+		className,
+		children: /* @__PURE__ */ jsxs(HStack, {
+			className: "items-center gap-2",
+			children: [
+				onSearchChange ? /* @__PURE__ */ jsxs(HStack, {
+					className: "flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Input, {
+						value: q,
+						onChange: setQ,
+						placeholder: searchPlaceholder,
+						keyboard: { kind: "search" }
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onPress: () => onSearchSubmit?.(),
+						children: "Rechercher"
+					})]
+				}) : null,
+				children,
+				right
+			]
+		})
+	});
+}
+
+//#endregion
+export { FiltersToolbar };
+//# sourceMappingURL=FiltersToolbar.mobile.js.map

package/dist/components/molecules/FiltersToolbar.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersToolbar.mobile.js","names":["React"],"sources":["../../../src/components/molecules/FiltersToolbar.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, Input } from '../../index';\nimport { VStack, HStack } from '@lssm/lib.ui-kit/ui/stack';\nimport type { FiltersToolbarProps } from './FiltersToolbar';\n\nexport function FiltersToolbar({\n  className,\n  children,\n  right,\n  searchPlaceholder,\n  searchValue,\n  onSearchChange,\n  onSearchSubmit,\n  debounceMs = 250,\n  activeChips = [],\n  onClearAll,\n}: FiltersToolbarProps) {\n  const [q, setQ] = React.useState<string>(searchValue ?? '');\n\n  React.useEffect(() => {\n    setQ(searchValue ?? '');\n  }, [searchValue]);\n\n  React.useEffect(() => {\n    if (!onSearchChange) return;\n    const id = setTimeout(() => onSearchChange(q), debounceMs);\n    return () => clearTimeout(id);\n  }, [q, debounceMs, onSearchChange]);\n\n  return (\n    <VStack className={className}>\n      <HStack className=\"items-center gap-2\">\n        {onSearchChange ? (\n          <HStack className=\"flex-1 items-center gap-2\">\n            <Input\n              value={q}\n              onChange={setQ}\n              placeholder={searchPlaceholder}\n              keyboard={{ kind: 'search' }}\n            />\n            <Button variant=\"outline\" onPress={() => onSearchSubmit?.()}>\n              Rechercher\n            </Button>\n          </HStack>\n        ) : null}\n        {children}\n        {right}\n      </HStack>\n      {/* For now chips are omitted on mobile; can add a compact chip row later with Pressable rows */}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,eAAe,EAC7B,WACA,UACA,OACA,mBACA,aACA,gBACA,gBACA,aAAa,KACb,cAAc,EAAE,EAChB,cACsB;CACtB,MAAM,CAAC,GAAG,QAAQA,QAAM,SAAiB,eAAe,GAAG;AAE3D,SAAM,gBAAgB;AACpB,OAAK,eAAe,GAAG;IACtB,CAAC,YAAY,CAAC;AAEjB,SAAM,gBAAgB;AACpB,MAAI,CAAC,eAAgB;EACrB,MAAM,KAAK,iBAAiB,eAAe,EAAE,EAAE,WAAW;AAC1D,eAAa,aAAa,GAAG;IAC5B;EAAC;EAAG;EAAY;EAAe,CAAC;AAEnC,QACE,oBAAC;EAAkB;YACjB,qBAAC;GAAO,WAAU;;IACf,iBACC,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MACC,OAAO;MACP,UAAU;MACV,aAAa;MACb,UAAU,EAAE,MAAM,UAAU;OAC5B,EACF,oBAAC;MAAO,SAAQ;MAAU,eAAe,kBAAkB;gBAAE;OAEpD;MACF,GACP;IACH;IACA;;IACM;GAEF"}

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

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
+
+//#region src/components/molecules/HoverPreview.d.ts
+interface HoverPreviewProps {
+  trigger: React$1.ReactNode;
+  content: React$1.ReactNode;
+  align?: 'start' | 'center' | 'end';
+  sideOffset?: number;
+  className?: string;
+}
+declare function HoverPreview({
+  trigger,
+  content,
+  align,
+  sideOffset,
+  className
+}: HoverPreviewProps): react_jsx_runtime105.JSX.Element;
+//#endregion
+export { HoverPreview, HoverPreviewProps };
+//# sourceMappingURL=HoverPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPreview.d.ts","names":[],"sources":["../../../src/components/molecules/HoverPreview.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,iBAAA;WACN,OAAA,CAAM;WACN,OAAA,CAAM;EAFA,KAAA,CAAA,EAAA,OAAA,GAAA,QAAiB,GAAA,KACvB;EAOK,UAAA,CAAA,EAAA,MAAY;EAC1B,SAAA,CAAA,EAAA,MAAA;;AAEA,iBAHc,YAAA,CAGd;EAAA,OAAA;EAAA,OAAA;EAAA,KAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAGC,iBAHD,CAAA,EAGkB,oBAAA,CAAA,GAAA,CAAA,OAHlB"}

package/dist/components/molecules/HoverPreview.js

@@ -0,0 +1,27 @@
+'use client';
+
+
+import { __esm, __export } from "../../_virtual/rolldown_runtime.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@lssm/lib.ui-kit-web/ui/hover-card";
+
+//#region src/components/molecules/HoverPreview.tsx
+var HoverPreview_exports = /* @__PURE__ */ __export({ HoverPreview: () => HoverPreview });
+function HoverPreview({ trigger, content, align = "center", sideOffset = 8, className }) {
+	return /* @__PURE__ */ jsxs(HoverCard, { children: [/* @__PURE__ */ jsx(HoverCardTrigger, {
+		asChild: true,
+		children: trigger
+	}), /* @__PURE__ */ jsx(HoverCardContent, {
+		align,
+		sideOffset,
+		className,
+		children: content
+	})] });
+}
+var init_HoverPreview = __esm({ "src/components/molecules/HoverPreview.tsx": (() => {}) });
+
+//#endregion
+init_HoverPreview();
+export { HoverPreview, HoverPreview_exports, init_HoverPreview };
+//# sourceMappingURL=HoverPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPreview.js","names":[],"sources":["../../../src/components/molecules/HoverPreview.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n} from '@lssm/lib.ui-kit-web/ui/hover-card';\n\nexport interface HoverPreviewProps {\n  trigger: React.ReactNode; // usually a link or chip\n  content: React.ReactNode; // preview panel\n  align?: 'start' | 'center' | 'end';\n  sideOffset?: number;\n  className?: string;\n}\n\nexport function HoverPreview({\n  trigger,\n  content,\n  align = 'center',\n  sideOffset = 8,\n  className,\n}: HoverPreviewProps) {\n  return (\n    <HoverCard>\n      <HoverCardTrigger asChild>{trigger}</HoverCardTrigger>\n      <HoverCardContent\n        align={align}\n        sideOffset={sideOffset}\n        className={className}\n      >\n        {content}\n      </HoverCardContent>\n    </HoverCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiBA,SAAgB,aAAa,EAC3B,SACA,SACA,QAAQ,UACR,aAAa,GACb,aACoB;AACpB,QACE,qBAAC,wBACC,oBAAC;EAAiB;YAAS;GAA2B,EACtD,oBAAC;EACQ;EACK;EACD;YAEV;GACgB,IACT"}

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

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

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

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

package/dist/components/molecules/LangSwitch.js

@@ -0,0 +1,23 @@
+'use client';
+
+
+import { Button } from "../atoms/Button.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/molecules/LangSwitch.tsx
+function LangSwitch({ value, options, onChange, size = "sm" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1",
+		children: options.map((opt) => /* @__PURE__ */ jsx(Button, {
+			variant: value === opt.code ? "default" : "ghost",
+			size,
+			onPress: () => onChange(opt.code),
+			children: opt.label
+		}, opt.code))
+	});
+}
+
+//#endregion
+export { LangSwitch };
+//# sourceMappingURL=LangSwitch.js.map

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

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

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

@@ -0,0 +1,22 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime107 from "react/jsx-runtime";
+
+//#region src/components/molecules/LangSwitchDropdown.d.ts
+interface LangOption {
+  code: string;
+  label: React$1.ReactNode;
+}
+declare function LangSwitchDropdown({
+  value,
+  options,
+  onChange,
+  className
+}: {
+  value: string;
+  options: LangOption[];
+  onChange: (code: string) => void;
+  className?: string;
+}): react_jsx_runtime107.JSX.Element;
+//#endregion
+export { LangOption, LangSwitchDropdown };
+//# sourceMappingURL=LangSwitchDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LangSwitchDropdown.d.ts","names":[],"sources":["../../../src/components/molecules/LangSwitchDropdown.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,UAAA;;SAER,OAAA,CAAM;AAFf;AAKgB,iBAAA,kBAAA,CAAkB;EAAA,KAAA;EAAA,OAAA;EAAA,QAAA;EAAA;CAAA,EAAA;EAChC,KAAA,EAAA,MAAA;EACA,OAAA,EAKS,UALT,EAAA;EACA,QAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACA,SAAA,CAAA,EAAA,MAAA;CAGS,CAAA,EAGV,oBAAA,CAAA,GAAA,CAAA,OAHU"}

package/dist/components/molecules/LangSwitchDropdown.js

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import { Globe } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@lssm/lib.ui-kit-web/ui/dropdown-menu";
+
+//#region src/components/molecules/LangSwitchDropdown.tsx
+function LangSwitchDropdown({ value, options, onChange, className }) {
+	const [open, setOpen] = React$1.useState(false);
+	const current = options.find((o) => o.code === value);
+	return /* @__PURE__ */ jsxs(DropdownMenu, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			className,
+			onMouseEnter: () => setOpen(true),
+			onMouseLeave: () => setOpen(false),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-2 py-1 text-sm",
+				children: [/* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+					className: "hidden sm:inline",
+					children: current?.label ?? value.toUpperCase()
+				})]
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align: "end",
+			onMouseEnter: () => setOpen(true),
+			onMouseLeave: () => setOpen(false),
+			children: options.map((opt) => /* @__PURE__ */ jsx(DropdownMenuItem, {
+				onClick: () => onChange(opt.code),
+				children: opt.label
+			}, opt.code))
+		})]
+	});
+}
+
+//#endregion
+export { LangSwitchDropdown };
+//# sourceMappingURL=LangSwitchDropdown.js.map

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

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

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

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

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

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

package/dist/components/molecules/LoaderBlock.js

@@ -0,0 +1,26 @@
+import { LoaderCircular } from "../atoms/LoaderCircular.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/molecules/LoaderBlock.tsx
+function LoaderBlock({ label, description, className, size = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center p-6", className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "inline-flex items-center gap-3",
+			children: [/* @__PURE__ */ jsx(LoaderCircular, {
+				size,
+				label
+			}), description ? /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null]
+		})
+	});
+}
+var LoaderBlock_default = LoaderBlock;
+
+//#endregion
+export { LoaderBlock, LoaderBlock_default as default };
+//# sourceMappingURL=LoaderBlock.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { LoaderCircular } from "../atoms/LoaderCircular.mobile.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text, View } from "react-native";
+
+//#region src/components/molecules/LoaderBlock.mobile.tsx
+function LoaderBlock({ label, description, className, size = "md" }) {
+	return /* @__PURE__ */ jsx(View, {
+		className: ["items-center justify-center p-6", className].filter(Boolean).join(" "),
+		children: /* @__PURE__ */ jsxs(View, {
+			className: "flex-row items-center gap-3",
+			children: [/* @__PURE__ */ jsx(LoaderCircular, {
+				size,
+				label
+			}), description ? /* @__PURE__ */ jsx(Text, {
+				className: "text-muted-foreground text-base",
+				children: description
+			}) : null]
+		})
+	});
+}
+var LoaderBlock_mobile_default = LoaderBlock;
+
+//#endregion
+export { LoaderBlock, LoaderBlock_mobile_default as default };
+//# sourceMappingURL=LoaderBlock.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderBlock.mobile.js","names":[],"sources":["../../../src/components/molecules/LoaderBlock.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View, Text } from 'react-native';\nimport { LoaderCircular } from '../atoms/LoaderCircular.mobile';\n\nexport interface LoaderBlockProps {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  className?: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function LoaderBlock({\n  label,\n  description,\n  className,\n  size = 'md',\n}: LoaderBlockProps) {\n  return (\n    <View\n      className={['items-center justify-center p-6', className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <View className=\"flex-row items-center gap-3\">\n        <LoaderCircular size={size} label={label} />\n        {description ? (\n          <Text className=\"text-muted-foreground text-base\">\n            {description as any}\n          </Text>\n        ) : null}\n      </View>\n    </View>\n  );\n}\n\nexport default LoaderBlock;\n"],"mappings":";;;;;;AAWA,SAAgB,YAAY,EAC1B,OACA,aACA,WACA,OAAO,QACY;AACnB,QACE,oBAAC;EACC,WAAW,CAAC,mCAAmC,UAAU,CACtD,OAAO,QAAQ,CACf,KAAK,IAAI;YAEZ,qBAAC;GAAK,WAAU;cACd,oBAAC;IAAqB;IAAa;KAAS,EAC3C,cACC,oBAAC;IAAK,WAAU;cACb;KACI,GACL;IACC;GACF;;AAIX,iCAAe"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileNavMenu.d.ts","names":[],"sources":["../../../src/components/molecules/MobileNavMenu.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB,aAAA;;;AAAhB;SAIS;;AAJT,CAAA,CAAA,EAMC,oBAAA,CAAA,GAAA,CAAA,OAN4B"}

package/dist/components/molecules/MobileNavMenu.js

@@ -0,0 +1,29 @@
+'use client';
+
+
+import { NavItemCard } from "./NavItemCard.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/molecules/MobileNavMenu.tsx
+function MobileNavMenu({ items, className }) {
+	return /* @__PURE__ */ jsx("nav", {
+		className: cn("flex flex-col gap-3", className),
+		children: items.map((it) => /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ jsx("a", {
+				href: it.href || "#",
+				className: "text-base font-semibold",
+				children: it.label
+			}), it.items && it.items.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 gap-2",
+				children: it.items.map((l) => /* @__PURE__ */ jsx(NavItemCard, { item: l }, l.href))
+			})]
+		}, String(it.key ?? it.href ?? it.label)))
+	});
+}
+
+//#endregion
+export { MobileNavMenu };
+//# sourceMappingURL=MobileNavMenu.js.map

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

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

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

@@ -0,0 +1,15 @@
+import { NavLink } from "../../types/navigation.js";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+
+//#region src/components/molecules/NavItemCard.d.ts
+interface NavItemCardProps {
+  item: NavLink;
+  className?: string;
+}
+declare function NavItemCard({
+  item,
+  className
+}: NavItemCardProps): react_jsx_runtime43.JSX.Element;
+//#endregion
+export { NavItemCard, NavItemCardProps };
+//# sourceMappingURL=NavItemCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavItemCard.d.ts","names":[],"sources":["../../../src/components/molecules/NavItemCard.tsx"],"sourcesContent":[],"mappings":";;;;UAMiB,gBAAA;QACT;;AADR;AAKgB,iBAAA,WAAA,CAAW;EAAA,IAAA;EAAA;AAAA,CAAA,EAAsB,gBAAtB,CAAA,EAAsC,mBAAA,CAAA,GAAA,CAAA,OAAtC"}

package/dist/components/molecules/NavItemCard.js

@@ -0,0 +1,51 @@
+'use client';
+
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/molecules/NavItemCard.tsx
+function NavItemCard({ item, className }) {
+	return /* @__PURE__ */ jsx("a", {
+		href: item.href,
+		className: cn("hover:bg-accent block rounded-md p-2 transition-colors", className),
+		"aria-label": typeof item.label === "string" ? item.label : item.ariaLabel,
+		target: item.target,
+		rel: item.external ? "noopener noreferrer" : void 0,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-3",
+			children: [item.imageSrc ? /* @__PURE__ */ jsx("img", {
+				src: item.imageSrc,
+				alt: item.imageAlt || "",
+				className: "h-12 w-12 rounded-xs object-cover"
+			}) : item.icon || null, /* @__PURE__ */ jsxs("div", {
+				className: "min-w-0",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2 text-base font-medium",
+						children: [item.label, item.badge && /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground ml-1 text-xs",
+							children: item.badge
+						})]
+					}),
+					item.description && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground line-clamp-2 text-sm",
+						children: item.description
+					}),
+					item.categories && item.categories.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "mt-1 flex flex-wrap items-center gap-1",
+						children: item.categories.map((c, i) => /* @__PURE__ */ jsx("span", {
+							className: "bg-muted text-muted-foreground rounded-xs px-1.5 py-0.5 text-[10px]",
+							children: c
+						}, i))
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { NavItemCard };
+//# sourceMappingURL=NavItemCard.js.map

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

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

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

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

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

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

package/dist/components/molecules/NavMain.js

@@ -0,0 +1,34 @@
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { HStack } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Text } from "@lssm/lib.ui-kit-web/ui/text";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger } from "@lssm/lib.ui-kit-web/ui/navigation-menu";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/molecules/NavMain.tsx
+function NavMain({ items, className }) {
+	return /* @__PURE__ */ jsx(NavigationMenu, {
+		className: cn("hidden md:flex", className),
+		children: /* @__PURE__ */ jsx(NavigationMenuList, { children: items.map((it) => /* @__PURE__ */ jsx(NavigationMenuItem, { children: it.items && it.items.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(NavigationMenuTrigger, { children: /* @__PURE__ */ jsxs(Text, { children: ["r", it.label] }) }), /* @__PURE__ */ jsx(NavigationMenuContent, { children: /* @__PURE__ */ jsx(HStack, {
+			className: "grid w-[500px] grid-cols-2 gap-3 p-3",
+			children: it.items.map((l) => /* @__PURE__ */ jsxs(NavigationMenuLink, {
+				href: l.href,
+				className: "hover:bg-accent block rounded-md p-2",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-base font-medium",
+					children: l.label
+				}), l.badge && /* @__PURE__ */ jsx(Text, {
+					className: "text-muted-foreground ml-2 text-xs",
+					children: l.badge
+				})]
+			}, l.href))
+		}) })] }) : /* @__PURE__ */ jsx(NavigationMenuLink, {
+			href: it.href || "#",
+			children: it.label
+		}) }, String(it.key ?? it.href ?? it.label))) })
+	});
+}
+
+//#endregion
+export { NavMain };
+//# sourceMappingURL=NavMain.js.map

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

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

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

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

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

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