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

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_runtime73 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_runtime73.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,mBAAA,CAAA,GAAA,CAAA"}

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

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

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

@@ -0,0 +1,25 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime0 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_runtime0.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,kBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/organisms/EmptySearchResult.js

@@ -0,0 +1,28 @@
+import { Input } from "../atoms/Input.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "@lssm/lib.ui-kit-web/ui/empty";
+
+//#region src/components/organisms/EmptySearchResult.tsx
+function EmptySearchResult({ emptySearchTitle, emtptySearchTitle, emptySearchDescription, emtptySearchDescription, onSearchChange, handleSearchChange, className }) {
+	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_runtime1 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_runtime1.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,kBAAA,CAAA,GAAA,CAAA,OATc"}

package/dist/components/organisms/FAQSection.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FAQSection.js","names":["React"],"sources":["../../../src/components/organisms/FAQSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@lssm/lib.ui-kit-web/ui/accordion';\n\nexport interface FAQItem {\n  question: React.ReactNode;\n  answer: React.ReactNode;\n}\n\nexport function FAQSection({\n  title,\n  subtitle,\n  children,\n  className,\n  items,\n  accordionType = 'single',\n  collapsible = true,\n  defaultOpenIndex = 0,\n  accordionClassName,\n}: {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  children?: React.ReactNode; // custom content (deprecated in favor of items)\n  className?: string;\n  items?: FAQItem[]; // when provided, renders an accordion list\n  accordionType?: 'single' | 'multiple';\n  collapsible?: boolean;\n  defaultOpenIndex?: number; // for 'single' type\n  accordionClassName?: string;\n}) {\n  const hasItems = Array.isArray(items) && items.length > 0;\n\n  const defaultValue = React.useMemo(() => {\n    if (!hasItems) return undefined;\n    if (accordionType === 'multiple') return undefined; // let UI kit default\n    return `item-${Math.max(0, Math.min((items?.length ?? 1) - 1, defaultOpenIndex))}`;\n  }, [hasItems, accordionType, defaultOpenIndex, items]);\n\n  return (\n    <section className={`py-12 sm:py-16 lg:py-24 ${className || ''}`}>\n      <div className=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n        <VStack className=\"gap-2 text-center\">\n          <h2 className=\"text-3xl font-bold md:text-4xl\">{title}</h2>\n          {subtitle ? (\n            <p className=\"text-muted-foreground mx-auto max-w-2xl text-base\">\n              {subtitle}\n            </p>\n          ) : null}\n        </VStack>\n        <div className=\"mx-auto mt-8 max-w-3xl\">\n          {hasItems ? (\n            <VStack className=\"mt-8\">\n              <Accordion\n                type={accordionType}\n                collapsible={collapsible}\n                defaultValue={defaultValue as any}\n                className={accordionClassName}\n              >\n                {items!.map((faq, index) => (\n                  <AccordionItem key={index} value={`item-${index}`}>\n                    <AccordionTrigger className=\"px-6\">\n                      <span className=\"text-foreground text-lg font-medium\">\n                        {faq.question}\n                      </span>\n                    </AccordionTrigger>\n                    <AccordionContent className=\"px-6\">\n                      <p className=\"text-muted-foreground\">{faq.answer}</p>\n                    </AccordionContent>\n                  </AccordionItem>\n                ))}\n              </Accordion>\n            </VStack>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,WAAW,EACzB,OACA,UACA,UACA,WACA,OACA,gBAAgB,UAChB,cAAc,MACd,mBAAmB,GACnB,sBAWC;CACD,MAAM,WAAW,MAAM,QAAQ,MAAM,IAAI,MAAM,SAAS;CAExD,MAAM,eAAeA,QAAM,cAAc;AACvC,MAAI,CAAC,SAAU,QAAO;AACtB,MAAI,kBAAkB,WAAY,QAAO;AACzC,SAAO,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,OAAO,UAAU,KAAK,GAAG,iBAAiB,CAAC;IAC/E;EAAC;EAAU;EAAe;EAAkB;EAAM,CAAC;AAEtD,QACE,oBAAC;EAAQ,WAAW,2BAA2B,aAAa;YAC1D,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAO,WAAU;eAChB,oBAAC;KAAG,WAAU;eAAkC;MAAW,EAC1D,WACC,oBAAC;KAAE,WAAU;eACV;MACC,GACF;KACG,EACT,oBAAC;IAAI,WAAU;cACZ,WACC,oBAAC;KAAO,WAAU;eAChB,oBAAC;MACC,MAAM;MACO;MACC;MACd,WAAW;gBAEV,MAAO,KAAK,KAAK,UAChB,qBAAC;OAA0B,OAAO,QAAQ;kBACxC,oBAAC;QAAiB,WAAU;kBAC1B,oBAAC;SAAK,WAAU;mBACb,IAAI;UACA;SACU,EACnB,oBAAC;QAAiB,WAAU;kBAC1B,oBAAC;SAAE,WAAU;mBAAyB,IAAI;UAAW;SACpC;SARD,MASJ,CAChB;OACQ;MACL,GAET;KAEE;IACF;GACE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCarousel.d.ts","names":[],"sources":["../../../src/components/organisms/FeatureCarousel.tsx"],"sourcesContent":[],"mappings":";;;;UAUiB,YAAA;SACR,OAAA,CAAM;gBACC,OAAA,CAAM;EAFL,KAAA,CAAA,EAGP,OAAA,CAAM,SAHa;;AAEb,iBAIA,eAAA,CAJM;EAAA,MAAA;EAAA;AAItB,CAJsB,EAAA;EACZ,MAAM,EAON,YAPM,EAAA;EAAS,SAAA,CAAA,EAAA,MAAA;AAGzB,CAAA,CAAA,EAMC,kBAAA,CAAA,GAAA,CAAA,OAN8B"}

package/dist/components/organisms/FeatureCarousel.js

@@ -0,0 +1,35 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "@lssm/lib.ui-kit-web/ui/carousel";
+import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
+
+//#region src/components/organisms/FeatureCarousel.tsx
+function FeatureCarousel({ slides, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsxs(Carousel, { children: [
+			/* @__PURE__ */ jsx(CarouselContent, { children: slides.map((s, i) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+				className: "grid grid-cols-1 gap-4 p-6 md:grid-cols-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "text-2xl font-semibold",
+						children: s.title
+					}), s.description && /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-base",
+						children: s.description
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-center",
+					children: s.media
+				})]
+			}) }) }, i)) }),
+			/* @__PURE__ */ jsx(CarouselPrevious, {}),
+			/* @__PURE__ */ jsx(CarouselNext, {})
+		] })
+	});
+}
+
+//#endregion
+export { FeatureCarousel };
+//# sourceMappingURL=FeatureCarousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureCarousel.js","names":[],"sources":["../../../src/components/organisms/FeatureCarousel.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from '@lssm/lib.ui-kit-web/ui/carousel';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\n\nexport interface FeatureSlide {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  media?: React.ReactNode;\n}\n\nexport function FeatureCarousel({\n  slides,\n  className,\n}: {\n  slides: FeatureSlide[];\n  className?: string;\n}) {\n  return (\n    <div className={className}>\n      <Carousel>\n        <CarouselContent>\n          {slides.map((s, i) => (\n            <CarouselItem key={i}>\n              <Card>\n                <CardContent className=\"grid grid-cols-1 gap-4 p-6 md:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <div className=\"text-2xl font-semibold\">{s.title}</div>\n                    {s.description && (\n                      <div className=\"text-muted-foreground text-base\">\n                        {s.description}\n                      </div>\n                    )}\n                  </div>\n                  <div className=\"flex items-center justify-center\">\n                    {s.media}\n                  </div>\n                </CardContent>\n              </Card>\n            </CarouselItem>\n          ))}\n        </CarouselContent>\n        <CarouselPrevious />\n        <CarouselNext />\n      </Carousel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAgBA,SAAgB,gBAAgB,EAC9B,QACA,aAIC;AACD,QACE,oBAAC;EAAe;YACd,qBAAC;GACC,oBAAC,6BACE,OAAO,KAAK,GAAG,MACd,oBAAC,0BACC,oBAAC,kBACC,qBAAC;IAAY,WAAU;eACrB,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBAA0B,EAAE;OAAY,EACtD,EAAE,eACD,oBAAC;MAAI,WAAU;gBACZ,EAAE;OACC;MAEJ,EACN,oBAAC;KAAI,WAAU;eACZ,EAAE;MACC;KACM,GACT,IAfU,EAgBJ,CACf,GACc;GAClB,oBAAC,qBAAmB;GACpB,oBAAC,iBAAe;MACP;GACP"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesSection.d.ts","names":[],"sources":["../../../src/components/organisms/FeaturesSection.tsx"],"sourcesContent":[],"mappings":";;;;iBAcgB,eAAA;;;;;;;SAOP,OAAA,CAAM;aACF,OAAA,CAAM;EARH,QAAA,EASJ,OAAA,CAAM,SATa;EAC7B,SAAA,CAAA,EAAA,MAAA;EACA,OAAA,CAAA,EAAA,SAAA,GAAA,aAAA;CACA,CAAA,EASD,kBAAA,CAAA,GAAA,CAAA,OATC"}

package/dist/components/organisms/FeaturesSection.js

@@ -0,0 +1,38 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { VStack } from "@lssm/lib.ui-kit-web/ui/stack";
+
+//#region src/components/organisms/FeaturesSection.tsx
+const sectionVariants = cva("", {
+	variants: { density: {
+		compact: "py-10",
+		comfortable: "py-12 sm:py-16 lg:py-24"
+	} },
+	defaultVariants: { density: "comfortable" }
+});
+function FeaturesSection({ title, subtitle, children, className, density }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: [sectionVariants({ density }), className].filter(Boolean).join(" "),
+		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: "mt-10",
+				children
+			})]
+		})
+	});
+}
+
+//#endregion
+export { FeaturesSection };
+//# sourceMappingURL=FeaturesSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesSection.js","names":[],"sources":["../../../src/components/organisms/FeaturesSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { cva } from 'class-variance-authority';\n\nconst sectionVariants = cva('', {\n  variants: {\n    density: {\n      compact: 'py-10',\n      comfortable: 'py-12 sm:py-16 lg:py-24',\n    },\n  },\n  defaultVariants: { density: 'comfortable' },\n});\n\nexport function FeaturesSection({\n  title,\n  subtitle,\n  children,\n  className,\n  density,\n}: {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n  density?: 'compact' | 'comfortable';\n}) {\n  return (\n    <section\n      className={[sectionVariants({ density }), className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n        <VStack className=\"gap-2 text-center\">\n          <h2 className=\"text-3xl font-bold md:text-4xl\">{title}</h2>\n          {subtitle ? (\n            <p className=\"text-muted-foreground mx-auto max-w-2xl text-base\">\n              {subtitle}\n            </p>\n          ) : null}\n        </VStack>\n        <div className=\"mt-10\">{children}</div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;;AAIA,MAAM,kBAAkB,IAAI,IAAI;CAC9B,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACd,EACF;CACD,iBAAiB,EAAE,SAAS,eAAe;CAC5C,CAAC;AAEF,SAAgB,gBAAgB,EAC9B,OACA,UACA,UACA,WACA,WAOC;AACD,QACE,oBAAC;EACC,WAAW,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,UAAU,CACjD,OAAO,QAAQ,CACf,KAAK,IAAI;YAEZ,qBAAC;GAAI,WAAU;cACb,qBAAC;IAAO,WAAU;eAChB,oBAAC;KAAG,WAAU;eAAkC;MAAW,EAC1D,WACC,oBAAC;KAAE,WAAU;eACV;MACC,GACF;KACG,EACT,oBAAC;IAAI,WAAU;IAAS;KAAe;IACnC;GACE"}

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

@@ -0,0 +1,26 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/components/organisms/Footer.d.ts
+interface FooterProps {
+  left?: React$1.ReactNode;
+  center?: React$1.ReactNode;
+  right?: React$1.ReactNode;
+  links?: {
+    label: React$1.ReactNode;
+    href: string;
+  }[];
+  className?: string;
+  variant?: 'default' | 'marketing';
+}
+declare function Footer({
+  left,
+  center,
+  right,
+  links,
+  className,
+  variant
+}: FooterProps): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { Footer, FooterProps };
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","names":[],"sources":["../../../src/components/organisms/Footer.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,WAAA;SACR,OAAA,CAAM;WACJ,OAAA,CAAM;EAFA,KAAA,CAAA,EAGP,OAAA,CAAM,SAHY;EACnB,KAAM,CAAA,EAAA;IACJ,KAAM,EAEE,OAAA,CAAM,SAFR;IACP,IAAM,EAAA,MAAA;EACG,CAAA,EAAA;EAAe,SAAA,CAAA,EAAA,MAAA;EAsBlB,OAAA,CAAA,EAAM,SAAA,GAAA,WAAA;;AAEpB,iBAFc,MAAA,CAEd;EAAA,IAAA;EAAA,MAAA;EAAA,KAAA;EAAA,KAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAKC,WALD,CAAA,EAKY,kBAAA,CAAA,GAAA,CAAA,OALZ"}

package/dist/components/organisms/Footer.js

@@ -0,0 +1,55 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/organisms/Footer.tsx
+const footerVariants = cva("border-t px-4 text-base", {
+	variants: {
+		variant: {
+			default: "",
+			marketing: "bg-muted/30"
+		},
+		density: {
+			compact: "py-4",
+			comfortable: "py-6"
+		}
+	},
+	defaultVariants: {
+		density: "comfortable",
+		variant: "default"
+	}
+});
+function Footer({ left, center, right, links, className, variant }) {
+	return /* @__PURE__ */ jsxs("footer", {
+		className: cn(footerVariants({ variant }), className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-1 items-center gap-3 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-3",
+					children: left
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "text-muted-foreground text-center",
+					children: center
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "flex items-center justify-end gap-3",
+					children: right
+				})
+			]
+		}), links && links.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground mt-4 flex flex-wrap items-center justify-center gap-3 text-base",
+			children: links.map((l) => /* @__PURE__ */ jsx("a", {
+				href: l.href,
+				className: "hover:text-foreground",
+				children: l.label
+			}, String(l.href)))
+		})]
+	});
+}
+
+//#endregion
+export { Footer };
+//# sourceMappingURL=Footer.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.d.ts","names":[],"sources":["../../../src/components/organisms/GridLayout.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM;;IASJ,+BAAA,CAAA;iBAEc,UAAA;;;;;AASQ;EApBlB,QAAA,EAiBM,OAAA,CAAM,SARhB;EAEc,SAAA,CAAA,EAAA,MAAU;EACxB,OAAA,CAAA,EAAA;IACA,MAAA,CAAA,EAAA,MAAA;IACA,MAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,MAAA;EAEU,CAAA;CAGY,GAApB,YAAoB,CAAA,OAAA,YAAA,CAAA,CAAA,EAAa,kBAAA,CAAA,GAAA,CAAA,OAAb"}

package/dist/components/organisms/GridLayout.js

@@ -0,0 +1,29 @@
+import { useResponsive } from "../../platform/useResponsive.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+
+//#region src/components/organisms/GridLayout.tsx
+const gridVariants = cva("grid", {
+	variants: { gap: {
+		sm: "gap-3",
+		md: "gap-4",
+		lg: "gap-6"
+	} },
+	defaultVariants: { gap: "md" }
+});
+function GridLayout({ children, className, columns, gap }) {
+	const { screen } = useResponsive();
+	const cols = screen === "desktop" ? columns?.desktop ?? 1 : screen === "tablet" ? columns?.tablet ?? 1 : columns?.mobile ?? 1;
+	const presetColsClass = cols === 1 ? "grid-cols-1" : cols === 2 ? "grid-cols-2" : cols === 3 ? "grid-cols-3" : cols === 4 ? "grid-cols-4" : "grid-cols-1";
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(gridVariants({ gap }), presetColsClass, className),
+		children
+	});
+}
+var GridLayout_default = GridLayout;
+
+//#endregion
+export { GridLayout, GridLayout_default as default };
+//# sourceMappingURL=GridLayout.js.map

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

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

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

@@ -0,0 +1,38 @@
+import { CtaAction, HeaderNavItem, NavSection } from "../../types/navigation.js";
+import { NavUser } from "../molecules/NavUser.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/components/organisms/Header.d.ts
+interface HeaderProps {
+  logo: React$1.ReactNode;
+  nav: HeaderNavItem[];
+  userMenu?: React$1.ComponentProps<typeof NavUser>;
+  cta?: CtaAction;
+  className?: string;
+  density?: 'compact' | 'comfortable';
+  mobileSidebar?: {
+    sections: NavSection[];
+    top?: React$1.ReactNode;
+    bottom?: React$1.ReactNode;
+  };
+}
+declare function DesktopHeader({
+  logo,
+  nav,
+  userMenu,
+  cta,
+  className,
+  density
+}: HeaderProps): react_jsx_runtime7.JSX.Element;
+declare function MobileHeader({
+  logo,
+  userMenu,
+  mobileSidebar,
+  className,
+  density
+}: HeaderProps): react_jsx_runtime7.JSX.Element;
+declare function Header(props: HeaderProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { DesktopHeader, Header, HeaderProps, MobileHeader };
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","names":[],"sources":["../../../src/components/organisms/Header.tsx"],"sourcesContent":[],"mappings":";;;;;;UAuBiB,WAAA;QACT,OAAA,CAAM;OACP;EAFU,QAAA,CAAA,EAGJ,OAAA,CAAM,cAHS,CAAA,OAGa,OAHb,CAAA;EACpB,GAAA,CAAA,EAGA,SAHM;EACP,SAAA,CAAA,EAAA,MAAA;EACkC,OAAA,CAAA,EAAA,SAAA,GAAA,aAAA;EAA5B,aAAM,CAAA,EAAA;IACX,QAAA,EAIM,UAJN,EAAA;IAIM,GAAA,CAAA,EACJ,OAAA,CAAM,SADF;IACJ,MAAM,CAAA,EACH,OAAA,CAAM,SADH;EACH,CAAA;;AA8BG,iBAAA,aAAA,CAAa;EAAA,IAAA;EAAA,GAAA;EAAA,QAAA;EAAA,GAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAO1B,WAP0B,CAAA,EAOf,kBAAA,CAAA,GAAA,CAAA,OAPe;AAC3B,iBA0Bc,YAAA,CA1Bd;EAAA,IAAA;EAAA,QAAA;EAAA,aAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAgCC,WAhCD,CAAA,EAgCY,kBAAA,CAAA,GAAA,CAAA,OAhCZ;AACA,iBA8Dc,MAAA,CA9Dd,KAAA,EA8D4B,WA9D5B,CAAA,EA8DuC,kBAAA,CAAA,GAAA,CAAA,OA9DvC"}