@lssm/lib.design-system 1.2.0

package/dist/components/molecules/CommandPalette.js

@@ -0,0 +1,43 @@
+'use client';
+
+
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "../../ui-kit-web/dist/ui/command.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandPalette.tsx
+function CommandPalette({ open, onOpenChange, groups, placeholder = "Type a command or search…" }) {
+	const [internalOpen, setInternalOpen] = React$1.useState(false);
+	const isControlled = typeof open === "boolean";
+	const visible = isControlled ? open : internalOpen;
+	const setVisible = isControlled ? onOpenChange : setInternalOpen;
+	React$1.useEffect(() => {
+		const handler = (e) => {
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+				e.preventDefault();
+				setVisible(!visible);
+			}
+		};
+		document.addEventListener("keydown", handler);
+		return () => document.removeEventListener("keydown", handler);
+	}, [visible, setVisible]);
+	return /* @__PURE__ */ jsxs(CommandDialog, {
+		open: visible,
+		onOpenChange: setVisible,
+		children: [/* @__PURE__ */ jsx(CommandInput, { placeholder }), /* @__PURE__ */ jsxs(CommandList, { children: [
+			/* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+			groups.map((g, gi) => /* @__PURE__ */ jsx(CommandGroup, {
+				heading: g.heading,
+				children: g.items.map((it) => /* @__PURE__ */ jsxs(CommandItem, {
+					onSelect: it.onSelect,
+					children: [/* @__PURE__ */ jsx("span", { children: it.label }), it.shortcut && /* @__PURE__ */ jsx(CommandShortcut, { children: it.shortcut })]
+				}, it.id))
+			}, gi)),
+			/* @__PURE__ */ jsx(CommandSeparator, {})
+		] })]
+	});
+}
+
+//#endregion
+export { CommandPalette };
+//# sourceMappingURL=CommandPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.js","names":["React"],"sources":["../../../src/components/molecules/CommandPalette.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from '@lssm/lib.ui-kit-web/ui/command';\n\nexport interface CommandPaletteProps {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  groups: {\n    heading?: string;\n    items: {\n      id: string;\n      label: string;\n      shortcut?: string;\n      onSelect?: () => void;\n    }[];\n  }[];\n  placeholder?: string;\n  kbd?: string; // e.g., ⌘K shown in UI copy\n}\n\nexport function CommandPalette({\n  open,\n  onOpenChange,\n  groups,\n  placeholder = 'Type a command or search…',\n}: CommandPaletteProps) {\n  const [internalOpen, setInternalOpen] = React.useState(false);\n  const isControlled = typeof open === 'boolean';\n  const visible = isControlled ? open : internalOpen;\n  const setVisible = isControlled ? onOpenChange! : setInternalOpen;\n\n  React.useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {\n        e.preventDefault();\n        setVisible(!visible);\n      }\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [visible, setVisible]);\n\n  return (\n    <CommandDialog open={visible} onOpenChange={setVisible}>\n      <CommandInput placeholder={placeholder} />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        {groups.map((g, gi) => (\n          <CommandGroup key={gi} heading={g.heading}>\n            {g.items.map((it) => (\n              <CommandItem key={it.id} onSelect={it.onSelect}>\n                <span>{it.label}</span>\n                {it.shortcut && (\n                  <CommandShortcut>{it.shortcut}</CommandShortcut>\n                )}\n              </CommandItem>\n            ))}\n          </CommandGroup>\n        ))}\n        <CommandSeparator />\n      </CommandList>\n    </CommandDialog>\n  );\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,eAAe,EAC7B,MACA,cACA,QACA,cAAc,+BACQ;CACtB,MAAM,CAAC,cAAc,mBAAmBA,QAAM,SAAS,MAAM;CAC7D,MAAM,eAAe,OAAO,SAAS;CACrC,MAAM,UAAU,eAAe,OAAO;CACtC,MAAM,aAAa,eAAe,eAAgB;AAElD,SAAM,gBAAgB;EACpB,MAAM,WAAW,MAAqB;AACpC,QAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,aAAa,KAAK,KAAK;AAC3D,MAAE,gBAAgB;AAClB,eAAW,CAAC,QAAQ;;;AAGxB,WAAS,iBAAiB,WAAW,QAAQ;AAC7C,eAAa,SAAS,oBAAoB,WAAW,QAAQ;IAC5D,CAAC,SAAS,WAAW,CAAC;AAEzB,QACE,qBAAC;EAAc,MAAM;EAAS,cAAc;aAC1C,oBAAC,gBAA0B,cAAe,EAC1C,qBAAC;GACC,oBAAC,0BAAa,sBAAgC;GAC7C,OAAO,KAAK,GAAG,OACd,oBAAC;IAAsB,SAAS,EAAE;cAC/B,EAAE,MAAM,KAAK,OACZ,qBAAC;KAAwB,UAAU,GAAG;gBACpC,oBAAC,oBAAM,GAAG,QAAa,EACtB,GAAG,YACF,oBAAC,6BAAiB,GAAG,WAA2B;OAHlC,GAAG,GAKP,CACd;MARe,GASJ,CACf;GACF,oBAAC,qBAAmB;MACR;GACA"}

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

@@ -0,0 +1,19 @@
+import { CommandPalette } from "./CommandPalette.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
+
+//#region src/components/molecules/CommandSearchTrigger.d.ts
+declare function CommandSearchTrigger({
+  groups,
+  className,
+  placeholder,
+  compact
+}: {
+  groups: React$1.ComponentProps<typeof CommandPalette>['groups'];
+  className?: string;
+  placeholder?: string;
+  compact?: boolean;
+}): react_jsx_runtime76.JSX.Element;
+//#endregion
+export { CommandSearchTrigger };
+//# sourceMappingURL=CommandSearchTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSearchTrigger.d.ts","names":[],"sources":["../../../src/components/molecules/CommandSearchTrigger.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQgB,oBAAA;;;;;;UAMN,OAAA,CAAM,sBAAsB;;EANtB,WAAA,CAAA,EAAA,MAAA;EACd,OAAA,CAAA,EAAA,OAAA;CACA,CAAA,EAQD,mBAAA,CAAA,GAAA,CAAA,OARC"}

package/dist/components/molecules/CommandSearchTrigger.js

@@ -0,0 +1,47 @@
+'use client';
+
+
+import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
+import { Button } from "../atoms/Button.js";
+import { CommandPalette } from "./CommandPalette.js";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { SearchIcon } from "lucide-react";
+
+//#region src/components/molecules/CommandSearchTrigger.tsx
+init_utils();
+function CommandSearchTrigger({ groups, className, placeholder = "Search…", compact = false }) {
+	const [open, setOpen] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const handler = (e) => {
+			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
+				e.preventDefault();
+				setOpen((p) => !p);
+			}
+		};
+		document.addEventListener("keydown", handler);
+		return () => document.removeEventListener("keydown", handler);
+	}, []);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		type: "button",
+		onPress: () => setOpen(true),
+		className: cn("group text-muted-foreground hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-3 text-sm", compact ? "h-9 w-9 justify-center p-0" : "h-9", className),
+		"aria-label": "Open search",
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: "h-4 w-4 opacity-70" }), !compact && /* @__PURE__ */ jsxs("span", {
+			className: "whitespace-nowrap",
+			children: [placeholder, /* @__PURE__ */ jsx("span", {
+				className: "bg-muted ml-2 hidden items-center gap-1 rounded-xs border px-1.5 font-mono text-[10px] md:inline-flex",
+				children: "⌘K"
+			})]
+		})]
+	}), /* @__PURE__ */ jsx(CommandPalette, {
+		open,
+		onOpenChange: setOpen,
+		groups
+	})] });
+}
+
+//#endregion
+export { CommandSearchTrigger };
+//# sourceMappingURL=CommandSearchTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandSearchTrigger.js","names":["React"],"sources":["../../../src/components/molecules/CommandSearchTrigger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SearchIcon } from 'lucide-react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { CommandPalette } from './CommandPalette';\nimport { Button } from '../atoms/Button';\n\nexport function CommandSearchTrigger({\n  groups,\n  className,\n  placeholder = 'Search…',\n  compact = false,\n}: {\n  groups: React.ComponentProps<typeof CommandPalette>['groups'];\n  className?: string;\n  placeholder?: string;\n  compact?: boolean; // if true, render as icon button only\n}) {\n  const [open, setOpen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handler = (e: KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === 'k') {\n        e.preventDefault();\n        setOpen((p) => !p);\n      }\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, []);\n\n  return (\n    <>\n      <Button\n        variant=\"ghost\"\n        type=\"button\"\n        onPress={() => setOpen(true)}\n        className={cn(\n          'group text-muted-foreground hover:bg-muted/40 inline-flex items-center gap-2 rounded-xs border px-3 text-sm',\n          compact ? 'h-9 w-9 justify-center p-0' : 'h-9',\n          className\n        )}\n        aria-label=\"Open search\"\n      >\n        <SearchIcon className=\"h-4 w-4 opacity-70\" />\n\n        {!compact && (\n          <span className=\"whitespace-nowrap\">\n            {placeholder}\n            <span className=\"bg-muted ml-2 hidden items-center gap-1 rounded-xs border px-1.5 font-mono text-[10px] md:inline-flex\">\n              ⌘K\n            </span>\n          </span>\n        )}\n      </Button>\n      <CommandPalette open={open} onOpenChange={setOpen} groups={groups} />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;YAImD;AAInD,SAAgB,qBAAqB,EACnC,QACA,WACA,cAAc,WACd,UAAU,SAMT;CACD,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAE7C,SAAM,gBAAgB;EACpB,MAAM,WAAW,MAAqB;AACpC,QAAK,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,aAAa,KAAK,KAAK;AAC3D,MAAE,gBAAgB;AAClB,aAAS,MAAM,CAAC,EAAE;;;AAGtB,WAAS,iBAAiB,WAAW,QAAQ;AAC7C,eAAa,SAAS,oBAAoB,WAAW,QAAQ;IAC5D,EAAE,CAAC;AAEN,QACE,4CACE,qBAAC;EACC,SAAQ;EACR,MAAK;EACL,eAAe,QAAQ,KAAK;EAC5B,WAAW,GACT,+GACA,UAAU,+BAA+B,OACzC,UACD;EACD,cAAW;aAEX,oBAAC,cAAW,WAAU,uBAAuB,EAE5C,CAAC,WACA,qBAAC;GAAK,WAAU;cACb,aACD,oBAAC;IAAK,WAAU;cAAwG;KAEjH;IACF;GAEF,EACT,oBAAC;EAAqB;EAAM,cAAc;EAAiB;GAAU,IACpE"}

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

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

package/dist/components/molecules/DropdownMenu.js

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

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

@@ -0,0 +1,38 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types6 from "class-variance-authority/types";
+import { Card } from "@lssm/lib.ui-kit-web/ui/card";
+
+//#region src/components/molecules/EntityCard.d.ts
+declare const entityCardVariants: (props?: ({
+  emphasis?: "default" | "subtle" | "strong" | null | undefined;
+  density?: "compact" | "comfortable" | null | undefined;
+} & class_variance_authority_types6.ClassProp) | undefined) => string;
+type EntityCardProps = React$1.ComponentProps<typeof Card> & VariantProps<typeof entityCardVariants> & {
+  cardTitle: React$1.ReactNode;
+  cardSubtitle?: React$1.ReactNode;
+  chips?: React$1.ReactNode;
+  meta?: React$1.ReactNode;
+  footer?: React$1.ReactNode;
+  href?: string;
+  contentClassName?: string;
+  preview?: React$1.ReactNode;
+};
+declare function EntityCard({
+  cardTitle,
+  cardSubtitle,
+  chips,
+  meta,
+  footer,
+  emphasis,
+  density,
+  className,
+  contentClassName,
+  href,
+  preview,
+  ...cardProps
+}: EntityCardProps): react_jsx_runtime31.JSX.Element;
+//#endregion
+export { EntityCard, EntityCardProps };
+//# sourceMappingURL=EntityCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.d.ts","names":[],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOM;;;IAaJ,+BAAA,CAAA;AAbI,KAeM,eAAA,GAAkB,OAAA,CAAM,cAFlC,CAAA,OAEwD,IAFxD,CAAA,GAGA,YAHA,CAAA,OAGoB,kBAHpB,CAAA,GAAA;EAEU,SAAA,EAEG,OAAA,CAAM,SAFM;EAA+B,YAAA,CAAA,EAGvC,OAAA,CAAM,SAHiC;EAA5B,KAAM,CAAA,EAIxB,OAAA,CAAM,SAJkB;EACd,IAAA,CAAA,EAIX,OAAA,CAAM,SAJK;EAApB,MAAA,CAAA,EAKW,OAAA,CAAM,SALjB;EACa,IAAA,CAAM,EAAA,MAAA;EACF,gBAAM,CAAA,EAAA,MAAA;EACb,OAAM,CAAA,EAKJ,OAAA,CAAM,SALF;CACP;AACE,iBAMG,UAAA,CANG;EAAA,SAAA;EAAA,YAAA;EAAA,KAAA;EAAA,IAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAmBhB,eAnBgB,CAAA,EAmBD,mBAAA,CAAA,GAAA,CAAA,OAnBC"}

package/dist/components/molecules/EntityCard.js

@@ -0,0 +1,90 @@
+'use client';
+
+
+import { __toCommonJS } from "../../_virtual/rolldown_runtime.js";
+import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
+import { Card, CardContent } from "../../ui-kit-web/dist/ui/card.js";
+import { HoverPreview_exports, init_HoverPreview } from "./HoverPreview.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/molecules/EntityCard.tsx
+init_utils();
+const entityCardVariants = cva("transition-all hover:shadow-2xs", {
+	variants: {
+		emphasis: {
+			default: "",
+			subtle: "border-muted/60 bg-muted/20",
+			strong: "border-primary/50 bg-primary/5"
+		},
+		density: {
+			compact: "p-3",
+			comfortable: "p-4 md:p-5"
+		}
+	},
+	defaultVariants: {
+		emphasis: "default",
+		density: "comfortable"
+	}
+});
+function EntityCard({ cardTitle, cardSubtitle, chips, meta, footer, emphasis, density, className, contentClassName, href, preview,...cardProps }) {
+	const Wrapper = href ? "a" : "div";
+	const cardContent = /* @__PURE__ */ jsx(Card, {
+		className: cn(entityCardVariants({ emphasis }), className),
+		...cardProps,
+		children: /* @__PURE__ */ jsx(CardContent, {
+			className: cn(entityCardVariants({ density }), contentClassName),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-3",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "truncate text-lg font-medium",
+								children: cardTitle
+							}), cardSubtitle && /* @__PURE__ */ jsx("div", {
+								className: "text-muted-foreground text-base",
+								children: cardSubtitle
+							})]
+						}), chips && /* @__PURE__ */ jsx("div", {
+							className: "inline-flex shrink-0 items-center gap-1",
+							children: chips
+						})]
+					}),
+					meta && /* @__PURE__ */ jsx("div", {
+						className: "space-y-1",
+						children: meta
+					}),
+					footer && /* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-between",
+						children: footer
+					})
+				]
+			})
+		})
+	});
+	const maybePreview = (() => {
+		if (!preview) return cardContent;
+		try {
+			const { HoverPreview } = (init_HoverPreview(), __toCommonJS(HoverPreview_exports));
+			return /* @__PURE__ */ jsx(HoverPreview, {
+				trigger: cardContent,
+				content: preview
+			});
+		} catch {
+			return cardContent;
+		}
+	})();
+	return /* @__PURE__ */ jsx(Wrapper, {
+		href,
+		className: href ? "block" : void 0,
+		children: maybePreview
+	});
+}
+
+//#endregion
+export { EntityCard };
+//# sourceMappingURL=EntityCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityCard.js","names":["Wrapper: React.ElementType"],"sources":["../../../src/components/molecules/EntityCard.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\n\nconst entityCardVariants = cva('transition-all hover:shadow-2xs', {\n  variants: {\n    emphasis: {\n      default: '',\n      subtle: 'border-muted/60 bg-muted/20',\n      strong: 'border-primary/50 bg-primary/5',\n    },\n    density: {\n      compact: 'p-3',\n      comfortable: 'p-4 md:p-5',\n    },\n  },\n  defaultVariants: { emphasis: 'default', density: 'comfortable' },\n});\n\nexport type EntityCardProps = React.ComponentProps<typeof Card> &\n  VariantProps<typeof entityCardVariants> & {\n    cardTitle: React.ReactNode;\n    cardSubtitle?: React.ReactNode;\n    chips?: React.ReactNode; // right-aligned small chips\n    meta?: React.ReactNode; // rows of icon+text data\n    footer?: React.ReactNode; // actions area\n    href?: string; // optional link wrapper\n    contentClassName?: string;\n    preview?: React.ReactNode; // hover preview content\n  };\n\nexport function EntityCard({\n  cardTitle,\n  cardSubtitle,\n  chips,\n  meta,\n  footer,\n  emphasis,\n  density,\n  className,\n  contentClassName,\n  href,\n  preview,\n  ...cardProps\n}: EntityCardProps) {\n  const Wrapper: React.ElementType = href ? 'a' : 'div';\n  const cardContent = (\n    <Card\n      className={cn(entityCardVariants({ emphasis }), className)}\n      {...cardProps}\n    >\n      <CardContent\n        className={cn(entityCardVariants({ density }), contentClassName)}\n      >\n        <div className=\"space-y-3\">\n          <div className=\"flex items-start justify-between gap-2\">\n            <div className=\"min-w-0\">\n              <div className=\"truncate text-lg font-medium\">{cardTitle}</div>\n              {cardSubtitle && (\n                <div className=\"text-muted-foreground text-base\">\n                  {cardSubtitle}\n                </div>\n              )}\n            </div>\n            {chips && (\n              <div className=\"inline-flex shrink-0 items-center gap-1\">\n                {chips}\n              </div>\n            )}\n          </div>\n          {meta && <div className=\"space-y-1\">{meta}</div>}\n          {footer && (\n            <div className=\"flex items-center justify-between\">{footer}</div>\n          )}\n        </div>\n      </CardContent>\n    </Card>\n  );\n\n  const maybePreview = (() => {\n    if (!preview) return cardContent;\n    try {\n      const { HoverPreview } =\n        require('./HoverPreview') as typeof import('./HoverPreview');\n      return <HoverPreview trigger={cardContent} content={preview} />;\n    } catch {\n      return cardContent;\n    }\n  })();\n\n  return (\n    <Wrapper href={href} className={href ? 'block' : undefined}>\n      {maybePreview}\n    </Wrapper>\n  );\n}\n"],"mappings":";;;;;;;;;;;;YAKmD;AAEnD,MAAM,qBAAqB,IAAI,mCAAmC;CAChE,UAAU;EACR,UAAU;GACR,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,aAAa;GACd;EACF;CACD,iBAAiB;EAAE,UAAU;EAAW,SAAS;EAAe;CACjE,CAAC;AAcF,SAAgB,WAAW,EACzB,WACA,cACA,OACA,MACA,QACA,UACA,SACA,WACA,kBACA,MACA,QACA,GAAG,aACe;CAClB,MAAMA,UAA6B,OAAO,MAAM;CAChD,MAAM,cACJ,oBAAC;EACC,WAAW,GAAG,mBAAmB,EAAE,UAAU,CAAC,EAAE,UAAU;EAC1D,GAAI;YAEJ,oBAAC;GACC,WAAW,GAAG,mBAAmB,EAAE,SAAS,CAAC,EAAE,iBAAiB;aAEhE,qBAAC;IAAI,WAAU;;KACb,qBAAC;MAAI,WAAU;iBACb,qBAAC;OAAI,WAAU;kBACb,oBAAC;QAAI,WAAU;kBAAgC;SAAgB,EAC9D,gBACC,oBAAC;QAAI,WAAU;kBACZ;SACG;QAEJ,EACL,SACC,oBAAC;OAAI,WAAU;iBACZ;QACG;OAEJ;KACL,QAAQ,oBAAC;MAAI,WAAU;gBAAa;OAAW;KAC/C,UACC,oBAAC;MAAI,WAAU;gBAAqC;OAAa;;KAE/D;IACM;GACT;CAGT,MAAM,sBAAsB;AAC1B,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI;GACF,MAAM,EAAE;AAER,UAAO,oBAAC;IAAa,SAAS;IAAa,SAAS;KAAW;UACzD;AACN,UAAO;;KAEP;AAEJ,QACE,oBAAC;EAAc;EAAM,WAAW,OAAO,UAAU;YAC9C;GACO"}

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

@@ -0,0 +1,36 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/components/molecules/FiltersToolbar.d.ts
+interface ActiveFilterChip {
+  key: string;
+  label: React$1.ReactNode;
+  onRemove?: () => void;
+}
+interface FiltersToolbarProps {
+  className?: string;
+  children?: React$1.ReactNode;
+  right?: React$1.ReactNode;
+  searchPlaceholder?: string;
+  searchValue?: string;
+  onSearchChange?: (value: string) => void;
+  onSearchSubmit?: () => void;
+  debounceMs?: number;
+  activeChips?: ActiveFilterChip[];
+  onClearAll?: () => void;
+}
+declare function FiltersToolbar({
+  className,
+  children,
+  right,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  debounceMs,
+  activeChips,
+  onClearAll
+}: FiltersToolbarProps): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { ActiveFilterChip, FiltersToolbar, FiltersToolbarProps };
+//# sourceMappingURL=FiltersToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersToolbar.d.ts","names":[],"sources":["../../../src/components/molecules/FiltersToolbar.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,gBAAA;;SAER,OAAA,CAAM;EAFE,QAAA,CAAA,EAAA,GAAA,GAAA,IAAgB;AAMjC;AAEa,UAFI,mBAAA,CAEE;EACT,SAAM,CAAA,EAAA,MAAA;EAMA,QAAA,CAAA,EAPH,OAAA,CAAM,SAOH;EAAgB,KAAA,CAAA,EANtB,OAAA,CAAM,SAMgB;EAIhB,iBAAc,CAAA,EAAA,MAAA;EAC5B,WAAA,CAAA,EAAA,MAAA;EACA,cAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACA,cAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,UAAA,CAAA,EAAA,MAAA;EACA,WAAA,CAAA,EATc,gBASd,EAAA;EACA,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;AAEA,iBARc,cAAA,CAQd;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,iBAAA;EAAA,WAAA;EAAA,cAAA;EAAA,cAAA;EAAA,UAAA;EAAA,WAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,mBAAA,CAAA,GAAA,CAAA,OAHpB"}

package/dist/components/molecules/FiltersToolbar.js

@@ -0,0 +1,72 @@
+import { cn, init_utils } from "../../ui-kit-web/dist/ui/utils.js";
+import { Button } from "../atoms/Button.js";
+import { Input } from "../atoms/Input.js";
+import { Badge } from "../../ui-kit-web/dist/ui/badge.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/FiltersToolbar.tsx
+init_utils();
+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__ */ jsxs("div", {
+		className: cn("space-y-2", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-1 items-center gap-2",
+				children: [onSearchChange ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-1 items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Input, {
+						value: q,
+						onChange: setQ,
+						onKeyDown: (e) => {
+							if (e.key === "Enter") onSearchSubmit?.();
+						},
+						placeholder: searchPlaceholder,
+						keyboard: { kind: "search" }
+					}), /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onPress: () => onSearchSubmit?.(),
+						className: "shrink-0",
+						children: "Rechercher"
+					})]
+				}) : null, children]
+			}), right]
+		}), (activeChips.length > 0 || onClearAll) && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-wrap items-center gap-2",
+			children: [activeChips.map((c) => /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				className: "inline-flex items-center gap-2",
+				children: [/* @__PURE__ */ jsx("span", { children: c.label }), c.onRemove && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Supprimer le filtre",
+					onClick: c.onRemove,
+					className: "hover:bg-muted rounded-xs px-1 text-base",
+					children: "×"
+				})]
+			}, c.key)), onClearAll && /* @__PURE__ */ jsx(Button, {
+				size: "sm",
+				variant: "ghost",
+				onPress: onClearAll,
+				children: "Effacer les filtres"
+			})]
+		})]
+	});
+}
+
+//#endregion
+export { FiltersToolbar };
+//# sourceMappingURL=FiltersToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersToolbar.js","names":["React"],"sources":["../../../src/components/molecules/FiltersToolbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { Button, Input } from '../../index';\nimport { Badge } from '@lssm/lib.ui-kit-web/ui/badge';\n\nexport interface ActiveFilterChip {\n  key: string;\n  label: React.ReactNode;\n  onRemove?: () => void;\n}\n\nexport interface FiltersToolbarProps {\n  className?: string;\n  children?: React.ReactNode;\n  right?: React.ReactNode;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  onSearchSubmit?: () => void;\n  debounceMs?: number;\n  activeChips?: ActiveFilterChip[];\n  onClearAll?: () => void;\n}\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    <div className={cn('space-y-2', className)}>\n      <div className=\"flex flex-col items-stretch gap-2 md:flex-row md:items-center md:justify-between\">\n        <div className=\"flex flex-1 items-center gap-2\">\n          {onSearchChange ? (\n            <div className=\"flex flex-1 items-center gap-2\">\n              <Input\n                value={q}\n                onChange={setQ}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter') onSearchSubmit?.();\n                }}\n                placeholder={searchPlaceholder}\n                keyboard={{ kind: 'search' }}\n              />\n              <Button\n                variant=\"outline\"\n                onPress={() => onSearchSubmit?.()}\n                className=\"shrink-0\"\n              >\n                Rechercher\n              </Button>\n            </div>\n          ) : null}\n          {children}\n        </div>\n        {right}\n      </div>\n\n      {(activeChips.length > 0 || onClearAll) && (\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {activeChips.map((c) => (\n            <Badge\n              key={c.key}\n              variant=\"secondary\"\n              className=\"inline-flex items-center gap-2\"\n            >\n              <span>{c.label}</span>\n              {c.onRemove && (\n                <button\n                  type=\"button\"\n                  aria-label=\"Supprimer le filtre\"\n                  onClick={c.onRemove}\n                  className=\"hover:bg-muted rounded-xs px-1 text-base\"\n                >\n                  ×\n                </button>\n              )}\n            </Badge>\n          ))}\n          {onClearAll && (\n            <Button size=\"sm\" variant=\"ghost\" onPress={onClearAll}>\n              Effacer les filtres\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;YACmD;AAuBnD,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,qBAAC;EAAI,WAAW,GAAG,aAAa,UAAU;aACxC,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAI,WAAU;eACZ,iBACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,OAAO;MACP,UAAU;MACV,YAAY,MAAM;AAChB,WAAI,EAAE,QAAQ,QAAS,mBAAkB;;MAE3C,aAAa;MACb,UAAU,EAAE,MAAM,UAAU;OAC5B,EACF,oBAAC;MACC,SAAQ;MACR,eAAe,kBAAkB;MACjC,WAAU;gBACX;OAEQ;MACL,GACJ,MACH;KACG,EACL;IACG,GAEJ,YAAY,SAAS,KAAK,eAC1B,qBAAC;GAAI,WAAU;cACZ,YAAY,KAAK,MAChB,qBAAC;IAEC,SAAQ;IACR,WAAU;eAEV,oBAAC,oBAAM,EAAE,QAAa,EACrB,EAAE,YACD,oBAAC;KACC,MAAK;KACL,cAAW;KACX,SAAS,EAAE;KACX,WAAU;eACX;MAEQ;MAbN,EAAE,IAeD,CACR,EACD,cACC,oBAAC;IAAO,MAAK;IAAK,SAAQ;IAAQ,SAAS;cAAY;KAE9C;IAEP;GAEJ"}

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

@@ -0,0 +1,19 @@
+import { FiltersToolbarProps } from "./FiltersToolbar.js";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+
+//#region src/components/molecules/FiltersToolbar.mobile.d.ts
+declare function FiltersToolbar({
+  className,
+  children,
+  right,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  debounceMs,
+  activeChips,
+  onClearAll
+}: FiltersToolbarProps): react_jsx_runtime33.JSX.Element;
+//#endregion
+export { FiltersToolbar };
+//# sourceMappingURL=FiltersToolbar.mobile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersToolbar.mobile.d.ts","names":[],"sources":["../../../src/components/molecules/FiltersToolbar.mobile.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,cAAA;;;;;;;;;;;GAWb,sBAAmB,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,49 @@
+import { Button } from "../atoms/Button.js";
+import { Input } from "../atoms/Input.js";
+import { HStack, VStack } from "../../ui-kit/dist/ui/stack.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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_runtime35 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_runtime35.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,mBAAA,CAAA,GAAA,CAAA,OAHlB"}

package/dist/components/molecules/HoverPreview.js

@@ -0,0 +1,29 @@
+'use client';
+
+
+import { __esm, __export } from "../../_virtual/rolldown_runtime.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger, init_hover_card } from "../../ui-kit-web/dist/ui/hover-card.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#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": (() => {
+	init_hover_card();
+}) });
+
+//#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;;;kBA3B4B"}

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

@@ -0,0 +1,23 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime34 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_runtime34.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,mBAAA,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_runtime39 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_runtime39.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,mBAAA,CAAA,GAAA,CAAA,OAHU"}