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

package/README.md

@@ -0,0 +1,92 @@
+# @lssm/lib.design-system
+
+High-level design system components, patterns, and layouts for LSSM applications. Built on top of `@lssm/lib.ui-kit`.
+
+## Purpose
+
+To standardize the look and feel of LSSM applications by providing:
+
+- **Composite Components**: Molecules and Organisms that solve common UI problems (headers, sidebars, cards).
+- **Layouts**: Ready-to-use page structures for dashboards, marketing sites, and lists.
+- **Data Views**: Standardized renderers for lists, tables, and details views.
+- **Forms**: Zod-integrated form layouts and components.
+- **Platform Utilities**: Hooks and helpers for responsive and adaptive design (Mobile/Web).
+- **Legal**: Compliant templates for Terms, Privacy, and GDPR.
+
+## Installation
+
+```bash
+npm install @lssm/lib.design-system
+# or
+bun add @lssm/lib.design-system
+```
+
+## Key Concepts
+
+- **Platform Agnostic Logic**: Business logic hooks are shared where possible.
+- **Platform Specific UI**: `.mobile.ts(x)` and `.web.ts(x)` extensions allow for tailored experiences while maintaining a unified API.
+- **Contract-Driven**: Components like `DataViewRenderer` and `ZodForm` are designed to work directly with `ContractSpec` definitions.
+- **Theming**: Centralized token bridge and variant definitions.
+
+## Exports
+
+### Atoms & Molecules
+
+- `Button`, `Input`, `Link` (Platform-aware wrappers)
+- `ActionButtons`, `DataChips`, `EmptyState`, `ErrorState`
+- `Breadcrumbs`, `CommandPalette`, `DropdownMenu`, `EntityCard`
+- `FiltersToolbar`, `LangSwitch`, `LoaderBlock`, `StatCard`
+
+### Organisms (Complex UI)
+
+- **App Shell**: `AppLayout`, `AppHeader`, `AppSidebar`, `Footer`
+- **Marketing**: `MarketingLayout`, `HeroSection`, `FeaturesSection`, `PricingSection`
+- **Lists**: `ListCardPage`, `ListGridPage`, `ListTablePage`
+- **Legal**: `LegalPageLayout`, `GDPRRights`, `ContactForm`
+
+### Data & Forms
+
+- `DataViewRenderer`: Auto-renders data based on schema.
+- `ZodForm`: Auto-generates forms from Zod schemas.
+- `FormLayout`, `FormDialog`, `FormStepsLayout`
+
+### Templates
+
+- `ListPageTemplate`
+- Legal: `PrivacyTemplate`, `TermsTemplate`, `CookiesTemplate`
+
+## Usage
+
+### App Layout
+
+```tsx
+import { AppLayout } from '@lssm/lib.design-system/components/organisms/AppLayout';
+import { AppSidebar } from '@lssm/lib.design-system/components/organisms/AppSidebar';
+
+export default function Layout({ children }) {
+  return <AppLayout sidebar={<AppSidebar />}>{children}</AppLayout>;
+}
+```
+
+### Zod Form
+
+```tsx
+import { ZodForm } from '@lssm/lib.design-system/components/forms/ZodForm';
+import { z } from 'zod';
+
+const schema = z.object({
+  name: z.string().min(1),
+  email: z.string().email(),
+});
+
+export function SignupForm() {
+  return (
+    <ZodForm
+      schema={schema}
+      onSubmit={(data) => console.log(data)}
+      submitLabel="Sign Up"
+    />
+  );
+}
+```
+

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,34 @@
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function() {
+	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+
+//#endregion
+export { __esm, __export, __require, __toCommonJS };

package/dist/components/atoms/ActionButtons.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from "./Button.js";
+import * as React$1 from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
+
+//#region src/components/atoms/ActionButtons.d.ts
+declare const actionBtn: (props?: ({
+  tone?: "neutral" | "danger" | "subtle" | "outline" | null | undefined;
+  size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+type ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> & VariantProps<typeof actionBtn> & {
+  label?: React$1.ReactNode;
+  iconLeft?: React$1.ReactNode;
+};
+declare function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>): react_jsx_runtime37.JSX.Element;
+declare function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime37.JSX.Element;
+declare function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime37.JSX.Element;
+declare function ToggleButton(props: Omit<ActionBtnProps, 'iconLeft'> & {
+  active?: boolean;
+}): react_jsx_runtime37.JSX.Element;
+declare function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime37.JSX.Element;
+declare function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>): react_jsx_runtime37.JSX.Element;
+//#endregion
+export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };
+//# sourceMappingURL=ActionButtons.d.ts.map

package/dist/components/atoms/ActionButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtons.d.ts","names":[],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAaM;;;IAgBJ,gCAAA,CAAA;AA3BgE,KA6B7D,cAAA,GAAiB,IAFpB,CAEyB,WAFzB,EAAA,MAAA,GAAA,SAAA,CAAA,GAGA,YAHA,CAAA,OAGoB,SAHpB,CAAA,GAAA;EAEG,KAAA,CAAA,EAEO,OAAA,CAAM,SAFC;EAAQ,QAAA,CAAA,EAGZ,OAAA,CAAM,SAHM;CAAL;AACA,iBAwDN,UAAA,CAxDM,KAAA,EAwDY,IAxDZ,CAwDiB,cAxDjB,EAAA,UAAA,GAAA,MAAA,CAAA,CAAA,EAwDqD,mBAAA,CAAA,GAAA,CAAA,OAxDrD;AAApB,iBA8Dc,YAAA,CA9Dd,KAAA,EA8DkC,IA9DlC,CA8DuC,cA9DvC,EAAA,UAAA,CAAA,CAAA,EA8DkE,mBAAA,CAAA,GAAA,CAAA,OA9DlE;AACU,iBAuEI,UAAA,CAvEE,KAAA,EAuEgB,IAvEhB,CAuEqB,cAvErB,EAAA,UAAA,CAAA,CAAA,EAuEgD,mBAAA,CAAA,GAAA,CAAA,OAvEhD;AACH,iBA4EC,YAAA,CA5EK,KAAA,EA6EZ,IA7EY,CA6EP,cA7EO,EAAA,UAAA,CAAA,GAAA;EAAS,MAAA,CAAA,EAAA,OAAA;AAsD9B,CAAA,CAAA,EAuBgE,mBAAA,CAAA,GAAA,CAAA,OAvBtC;AAAa,iBAwCvB,gBAAA,CAxCuB,KAAA,EAwCC,IAxCD,CAwCM,cAxCN,EAAA,UAAA,CAAA,CAAA,EAwCiC,mBAAA,CAAA,GAAA,CAAA,OAxCjC;AAAL,iBAiDlB,iBAAA,CAjDkB,KAAA,EAiDO,IAjDP,CAiDY,cAjDZ,EAAA,UAAA,CAAA,CAAA,EAiDuC,mBAAA,CAAA,GAAA,CAAA,OAjDvC"}

package/dist/components/atoms/ActionButtons.js

@@ -0,0 +1,98 @@
+import { Button } from "./Button.js";
+import "react";
+import { Edit, Eye, ToggleLeft, ToggleRight, Trash2 } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Box } from "@lssm/lib.ui-kit-web/ui/stack";
+import { Text } from "@lssm/lib.ui-kit-web/ui/text";
+
+//#region src/components/atoms/ActionButtons.tsx
+cva("", {
+	variants: {
+		tone: {
+			neutral: "default",
+			danger: "destructive",
+			subtle: "secondary",
+			outline: "outline"
+		},
+		size: {
+			sm: "sm",
+			md: "default",
+			lg: "lg",
+			icon: "icon"
+		}
+	},
+	defaultVariants: {
+		tone: "neutral",
+		size: "md"
+	}
+});
+function toVariant(tone) {
+	switch (tone) {
+		case "danger": return "destructive";
+		case "subtle": return "secondary";
+		case "outline": return "outline";
+		default: return "default";
+	}
+}
+function toSize(size) {
+	switch (size) {
+		case "sm": return "sm";
+		case "lg": return "lg";
+		case "icon": return "icon";
+		default: return "default";
+	}
+}
+function ActionButtonBase({ tone = "neutral", size = "md", label, iconLeft,...props }) {
+	return /* @__PURE__ */ jsxs(Button, {
+		variant: toVariant(tone || "neutral"),
+		size: toSize(size || "md"),
+		...props,
+		children: [iconLeft ? /* @__PURE__ */ jsx(Box, {
+			className: "mr-2 inline-flex h-4 w-4",
+			children: iconLeft
+		}) : null, /* @__PURE__ */ jsx(Text, { children: label })]
+	});
+}
+function EditButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function DeleteButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" }),
+		tone: "danger",
+		...props
+	});
+}
+function ViewButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(Eye, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function ToggleButton(props) {
+	const { active,...rest } = props;
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: active ? /* @__PURE__ */ jsx(ToggleLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ToggleRight, { className: "h-4 w-4" }),
+		...rest
+	});
+}
+function ToggleLeftButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(ToggleLeft, { className: "h-4 w-4" }),
+		...props
+	});
+}
+function ToggleRightButton(props) {
+	return /* @__PURE__ */ jsx(ActionButtonBase, {
+		iconLeft: /* @__PURE__ */ jsx(ToggleRight, { className: "h-4 w-4" }),
+		...props
+	});
+}
+
+//#endregion
+export { DeleteButton, EditButton, ToggleButton, ToggleLeftButton, ToggleRightButton, ViewButton };
+//# sourceMappingURL=ActionButtons.js.map

package/dist/components/atoms/ActionButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButtons.js","names":["EditIcon","DeleteIcon","ViewIcon","ToggleLeftIcon","ToggleRightIcon"],"sources":["../../../src/components/atoms/ActionButtons.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Edit as EditIcon,\n  Eye as ViewIcon,\n  ToggleLeft as ToggleLeftIcon,\n  ToggleRight as ToggleRightIcon,\n  Trash2 as DeleteIcon,\n} from 'lucide-react';\nimport { Box } from '@lssm/lib.ui-kit-web/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit-web/ui/text';\n\nconst actionBtn = cva('', {\n  variants: {\n    tone: {\n      neutral: 'default',\n      danger: 'destructive',\n      subtle: 'secondary',\n      outline: 'outline',\n    },\n    size: {\n      sm: 'sm',\n      md: 'default',\n      lg: 'lg',\n      icon: 'icon',\n    },\n  },\n  defaultVariants: { tone: 'neutral', size: 'md' },\n});\n\ntype ActionBtnProps = Omit<ButtonProps, 'size' | 'variant'> &\n  VariantProps<typeof actionBtn> & {\n    label?: React.ReactNode;\n    iconLeft?: React.ReactNode;\n  };\n\nfunction toVariant(\n  tone: NonNullable<VariantProps<typeof actionBtn>['tone']>\n): ButtonProps['variant'] {\n  switch (tone) {\n    case 'danger':\n      return 'destructive';\n    case 'subtle':\n      return 'secondary';\n    case 'outline':\n      return 'outline';\n    default:\n      return 'default';\n  }\n}\n\nfunction toSize(\n  size: NonNullable<VariantProps<typeof actionBtn>['size']>\n): ButtonProps['size'] {\n  switch (size) {\n    case 'sm':\n      return 'sm';\n    case 'lg':\n      return 'lg';\n    case 'icon':\n      return 'icon';\n    default:\n      return 'default';\n  }\n}\n\nfunction ActionButtonBase({\n  tone = 'neutral',\n  size = 'md',\n  label,\n  iconLeft,\n  ...props\n}: ActionBtnProps) {\n  return (\n    <Button\n      variant={toVariant(tone || 'neutral')}\n      size={toSize(size || 'md')}\n      {...props}\n    >\n      {iconLeft ? (\n        <Box className=\"mr-2 inline-flex h-4 w-4\">{iconLeft}</Box>\n      ) : null}\n      <Text>{label}</Text>\n    </Button>\n  );\n}\n\nexport function EditButton(props: Omit<ActionBtnProps, 'iconLeft' | 'tone'>) {\n  return (\n    <ActionButtonBase iconLeft={<EditIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function DeleteButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<DeleteIcon className=\"h-4 w-4\" />}\n      tone=\"danger\"\n      {...props}\n    />\n  );\n}\n\nexport function ViewButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase iconLeft={<ViewIcon className=\"h-4 w-4\" />} {...props} />\n  );\n}\n\nexport function ToggleButton(\n  props: Omit<ActionBtnProps, 'iconLeft'> & { active?: boolean }\n) {\n  const { active, ...rest } = props;\n  return (\n    <ActionButtonBase\n      iconLeft={\n        active ? (\n          <ToggleLeftIcon className=\"h-4 w-4\" />\n        ) : (\n          <ToggleRightIcon className=\"h-4 w-4\" />\n        )\n      }\n      {...rest}\n    />\n  );\n}\n\nexport function ToggleLeftButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleLeftIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n\nexport function ToggleRightButton(props: Omit<ActionBtnProps, 'iconLeft'>) {\n  return (\n    <ActionButtonBase\n      iconLeft={<ToggleRightIcon className=\"h-4 w-4\" />}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAakB,IAAI,IAAI;CACxB,UAAU;EACR,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACF;CACD,iBAAiB;EAAE,MAAM;EAAW,MAAM;EAAM;CACjD,CAAC;AAQF,SAAS,UACP,MACwB;AACxB,SAAQ,MAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,OACP,MACqB;AACrB,SAAQ,MAAR;EACE,KAAK,KACH,QAAO;EACT,KAAK,KACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,iBAAiB,EACxB,OAAO,WACP,OAAO,MACP,OACA,SACA,GAAG,SACc;AACjB,QACE,qBAAC;EACC,SAAS,UAAU,QAAQ,UAAU;EACrC,MAAM,OAAO,QAAQ,KAAK;EAC1B,GAAI;aAEH,WACC,oBAAC;GAAI,WAAU;aAA4B;IAAe,GACxD,MACJ,oBAAC,kBAAM,QAAa;GACb;;AAIb,SAAgB,WAAW,OAAkD;AAC3E,QACE,oBAAC;EAAiB,UAAU,oBAACA,QAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aAAa,OAAyC;AACpE,QACE,oBAAC;EACC,UAAU,oBAACC,UAAW,WAAU,YAAY;EAC5C,MAAK;EACL,GAAI;GACJ;;AAIN,SAAgB,WAAW,OAAyC;AAClE,QACE,oBAAC;EAAiB,UAAU,oBAACC,OAAS,WAAU,YAAY;EAAE,GAAI;GAAS;;AAI/E,SAAgB,aACd,OACA;CACA,MAAM,EAAE,OAAQ,GAAG,SAAS;AAC5B,QACE,oBAAC;EACC,UACE,SACE,oBAACC,cAAe,WAAU,YAAY,GAEtC,oBAACC,eAAgB,WAAU,YAAY;EAG3C,GAAI;GACJ;;AAIN,SAAgB,iBAAiB,OAAyC;AACxE,QACE,oBAAC;EACC,UAAU,oBAACD,cAAe,WAAU,YAAY;EAChD,GAAI;GACJ;;AAIN,SAAgB,kBAAkB,OAAyC;AACzE,QACE,oBAAC;EACC,UAAU,oBAACC,eAAgB,WAAU,YAAY;EACjD,GAAI;GACJ"}

package/dist/components/atoms/Button.d.ts

@@ -0,0 +1,40 @@
+import * as React$1 from "react";
+import { ButtonProps as ButtonProps$1 } from "@lssm/lib.ui-kit-web/ui/button";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { PressableProps } from "react-native";
+
+//#region src/components/atoms/Button.d.ts
+type SpinnerPlacement = 'start' | 'end';
+type PressableBridgeProps = Omit<PressableProps, 'onPress' | 'onPressIn' | 'onPressOut' | 'onLongPress'>;
+type ButtonProps = Omit<ButtonProps$1, 'onClick' | 'disabled' | 'children'> & PressableBridgeProps & {
+  children: React$1.ReactNode;
+  loading?: boolean;
+  loadingText?: string;
+  spinnerPlacement?: SpinnerPlacement;
+  onPress?: () => void;
+  onPressIn?: () => void;
+  onPressOut?: () => void;
+  onLongPress?: () => void;
+  onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
+};
+declare function Button({
+  children,
+  loading,
+  spinnerPlacement,
+  onPress,
+  onPressIn,
+  onPressOut,
+  onLongPress,
+  onTouchStart,
+  onTouchEnd,
+  onTouchCancel,
+  onMouseDown,
+  onMouseUp,
+  onClick,
+  className,
+  disabled,
+  ...rest
+}: ButtonProps): react_jsx_runtime46.JSX.Element;
+//#endregion
+export { Button, Button as default, ButtonProps };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;KASK,gBAAA;KAEA,oBAAA,GAAuB,KAC1B;KAIU,WAAA,GAAc,KACxB,sDAGA;EAXG,QAAA,EAYS,OAAA,CAAM,SAZC;EAEhB,OAAA,CAAA,EAAA,OAAA;EAKO,WAAA,CAAA,EAAW,MAAA;EACrB,gBAAA,CAAA,EAOqB,gBAPrB;EADwB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAIxB,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACY,UAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAGG,WAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAOe,OAAA,CAAA,EAAxB,OAAA,CAAM,iBAAkB,CAAA,iBAAA,CAAA;CAAxB;AAAuB,iBAGrB,MAAA,CAHqB;EAAA,QAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,SAAA;EAAA,UAAA;EAAA,WAAA;EAAA,YAAA;EAAA,UAAA;EAAA,aAAA;EAAA,WAAA;EAAA,SAAA;EAAA,OAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAoBlC,WApBkC,CAAA,EAoBvB,mBAAA,CAAA,GAAA,CAAA,OApBuB"}

package/dist/components/atoms/Button.js

@@ -0,0 +1,35 @@
+import "react";
+import { Button as Button$1 } from "@lssm/lib.ui-kit-web/ui/button";
+import { Loader2 } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/atoms/Button.tsx
+function Button({ children, loading, spinnerPlacement = "start", onPress, onPressIn, onPressOut, onLongPress, onTouchStart, onTouchEnd, onTouchCancel, onMouseDown, onMouseUp, onClick, className, disabled,...rest }) {
+	const isDisabled = Boolean(disabled || loading);
+	const content = !rest.asChild ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		loading && spinnerPlacement === "start" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null,
+		children,
+		loading && spinnerPlacement === "end" ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null
+	] }) : children;
+	return /* @__PURE__ */ jsx(Button$1, {
+		...rest,
+		className,
+		disabled: isDisabled,
+		"aria-busy": loading ? true : void 0,
+		"aria-disabled": isDisabled ? true : void 0,
+		onPress: onPress || onClick,
+		onClick: onPress || onClick,
+		onMouseDown: onMouseDown || onPressIn,
+		onMouseUp: onMouseUp || onPressOut,
+		onTouchStart,
+		onTouchEnd: onTouchEnd || onPressOut,
+		onTouchCancel: onTouchCancel || onPressOut,
+		type: rest?.type ?? "button",
+		children: content
+	});
+}
+var Button_default = Button;
+
+//#endregion
+export { Button, Button_default as default };
+//# sourceMappingURL=Button.js.map

package/dist/components/atoms/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["WebButton"],"sources":["../../../src/components/atoms/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button as WebButton,\n  type ButtonProps as WebButtonProps,\n} from '@lssm/lib.ui-kit-web/ui/button';\nimport { Loader2 } from 'lucide-react';\n// type-only import to avoid bundling RN on web\nimport type { PressableProps as RNPressableProps } from 'react-native';\n\ntype SpinnerPlacement = 'start' | 'end';\n\ntype PressableBridgeProps = Omit<\n  RNPressableProps,\n  'onPress' | 'onPressIn' | 'onPressOut' | 'onLongPress'\n>;\n\nexport type ButtonProps = Omit<\n  WebButtonProps,\n  'onClick' | 'disabled' | 'children'\n> &\n  PressableBridgeProps & {\n    children: React.ReactNode;\n    loading?: boolean;\n    loadingText?: string; // ignored on web, present for API symmetry\n    spinnerPlacement?: SpinnerPlacement;\n    // Normalized events\n    onPress?: () => void;\n    onPressIn?: () => void;\n    onPressOut?: () => void;\n    onLongPress?: () => void;\n    // Web-only optional onClick for compatibility\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n\nexport function Button({\n  children,\n  loading,\n  spinnerPlacement = 'start',\n  onPress,\n  onPressIn,\n  onPressOut,\n  onLongPress,\n  onTouchStart,\n  onTouchEnd,\n  onTouchCancel,\n  onMouseDown,\n  onMouseUp,\n  onClick,\n  className,\n  disabled,\n  ...rest\n}: ButtonProps) {\n  const isDisabled = Boolean(disabled || loading);\n\n  const content = !rest.asChild ? (\n    <>\n      {loading && spinnerPlacement === 'start' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n      {children}\n      {loading && spinnerPlacement === 'end' ? (\n        <Loader2 className=\"h-4 w-4 animate-spin\" />\n      ) : null}\n    </>\n  ) : (\n    children\n  );\n\n  return (\n    <WebButton\n      {...(rest as any)}\n      className={className}\n      disabled={isDisabled}\n      aria-busy={loading ? true : undefined}\n      aria-disabled={isDisabled ? true : undefined}\n      // normalized + bridged events\n      onPress={onPress || onClick}\n      onClick={onPress || onClick}\n      onMouseDown={onMouseDown || onPressIn}\n      onMouseUp={onMouseUp || onPressOut}\n      onTouchStart={onTouchStart}\n      onTouchEnd={onTouchEnd || onPressOut}\n      onTouchCancel={onTouchCancel || onPressOut}\n      type={(rest as any)?.type ?? 'button'}\n    >\n      {content}\n    </WebButton>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;;;;AAkCA,SAAgB,OAAO,EACrB,UACA,SACA,mBAAmB,SACnB,SACA,WACA,YACA,aACA,cACA,YACA,eACA,aACA,WACA,SACA,WACA,SACA,GAAG,QACW;CACd,MAAM,aAAa,QAAQ,YAAY,QAAQ;CAE/C,MAAM,UAAU,CAAC,KAAK,UACpB;EACG,WAAW,qBAAqB,UAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;EACH;EACA,WAAW,qBAAqB,QAC/B,oBAAC,WAAQ,WAAU,yBAAyB,GAC1C;KACH,GAEH;AAGF,QACE,oBAACA;EACC,GAAK;EACM;EACX,UAAU;EACV,aAAW,UAAU,OAAO;EAC5B,iBAAe,aAAa,OAAO;EAEnC,SAAS,WAAW;EACpB,SAAS,WAAW;EACpB,aAAa,eAAe;EAC5B,WAAW,aAAa;EACV;EACd,YAAY,cAAc;EAC1B,eAAe,iBAAiB;EAChC,MAAO,MAAc,QAAQ;YAE5B;GACS;;AAIhB,qBAAe"}

package/dist/components/atoms/Button.mobile.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+import { PressableProps } from "react-native";
+import { ButtonProps as ButtonProps$1 } from "@lssm/lib.ui-kit/ui/button";
+
+//#region src/components/atoms/Button.mobile.d.ts
+type SpinnerPlacement = 'start' | 'end';
+type ButtonProps = ButtonProps$1 & Omit<PressableProps, 'disabled'> & {
+  loading?: boolean;
+  loadingText?: string;
+  spinnerPlacement?: SpinnerPlacement;
+};
+declare function Button({
+  children,
+  loading,
+  loadingText,
+  spinnerPlacement,
+  disabled,
+  ...props
+}: ButtonProps): react_jsx_runtime44.JSX.Element;
+//#endregion
+export { Button, Button as default, ButtonProps };
+//# sourceMappingURL=Button.mobile.d.ts.map

package/dist/components/atoms/Button.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mobile.d.ts","names":[],"sources":["../../../src/components/atoms/Button.mobile.tsx"],"sourcesContent":[],"mappings":";;;;;KASK,gBAAA;KAEO,WAAA,GAAc,gBACxB,KAAK;;EAHF,WAAA,CAAA,EAAA,MAAgB;EAET,gBAAW,CAAA,EAIA,gBAJA;CAAG;AACnB,iBAMS,MAAA,CANT;EAAA,QAAA;EAAA,OAAA;EAAA,WAAA;EAAA,gBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAaJ,WAbI,CAAA,EAaO,mBAAA,CAAA,GAAA,CAAA,OAbP"}

package/dist/components/atoms/Button.mobile.js

@@ -0,0 +1,35 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ActivityIndicator } from "react-native";
+import { Button as Button$1 } from "@lssm/lib.ui-kit/ui/button";
+import { HStack } from "@lssm/lib.ui-kit/ui/stack";
+import { Text as Text$1 } from "@lssm/lib.ui-kit/ui/text";
+
+//#region src/components/atoms/Button.mobile.tsx
+function Button({ children, loading, loadingText, spinnerPlacement = "start", disabled,...props }) {
+	const isDisabled = Boolean(disabled || loading);
+	const content = loading ? /* @__PURE__ */ jsxs(HStack, {
+		className: "items-center gap-x-2",
+		children: [
+			spinnerPlacement === "start" ? /* @__PURE__ */ jsx(ActivityIndicator, {
+				size: "small",
+				color: props.variant === "outline" ? "#6b7280" : "#ffffff"
+			}) : null,
+			/* @__PURE__ */ jsx(Text$1, { children: loadingText || "Loading…" }),
+			spinnerPlacement === "end" ? /* @__PURE__ */ jsx(ActivityIndicator, {
+				size: "small",
+				color: props.variant === "outline" ? "#6b7280" : "#ffffff"
+			}) : null
+		]
+	}) : children;
+	return /* @__PURE__ */ jsx(Button$1, {
+		disabled: isDisabled,
+		...props,
+		children: content
+	});
+}
+var Button_mobile_default = Button;
+
+//#endregion
+export { Button, Button_mobile_default as default };
+//# sourceMappingURL=Button.mobile.js.map

package/dist/components/atoms/Button.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mobile.js","names":["Text","NativeButton"],"sources":["../../../src/components/atoms/Button.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button as NativeButton,\n  type ButtonProps as NativeButtonProps,\n} from '@lssm/lib.ui-kit/ui/button';\nimport { ActivityIndicator, type PressableProps } from 'react-native';\nimport { HStack } from '@lssm/lib.ui-kit/ui/stack';\nimport { Text } from '@lssm/lib.ui-kit/ui/text';\n\ntype SpinnerPlacement = 'start' | 'end';\n\nexport type ButtonProps = NativeButtonProps &\n  Omit<PressableProps, 'disabled'> & {\n    loading?: boolean;\n    loadingText?: string;\n    spinnerPlacement?: SpinnerPlacement;\n  };\n\nexport function Button({\n  children,\n  loading,\n  loadingText,\n  spinnerPlacement = 'start',\n  disabled,\n  ...props\n}: ButtonProps) {\n  const isDisabled = Boolean(disabled || loading);\n\n  const content = loading ? (\n    <HStack className=\"items-center gap-x-2\">\n      {spinnerPlacement === 'start' ? (\n        <ActivityIndicator\n          size=\"small\"\n          color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}\n        />\n      ) : null}\n      <Text>{loadingText || 'Loading…'}</Text>\n      {spinnerPlacement === 'end' ? (\n        <ActivityIndicator\n          size=\"small\"\n          color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}\n        />\n      ) : null}\n    </HStack>\n  ) : (\n    children\n  );\n\n  return (\n    <NativeButton disabled={isDisabled} {...props}>\n      {content as any}\n    </NativeButton>\n  );\n}\n\nexport default Button;\n"],"mappings":";;;;;;;;AAkBA,SAAgB,OAAO,EACrB,UACA,SACA,aACA,mBAAmB,SACnB,SACA,GAAG,SACW;CACd,MAAM,aAAa,QAAQ,YAAY,QAAQ;CAE/C,MAAM,UAAU,UACd,qBAAC;EAAO,WAAU;;GACf,qBAAqB,UACpB,oBAAC;IACC,MAAK;IACL,OAAO,MAAM,YAAY,YAAY,YAAY;KACjD,GACA;GACJ,oBAACA,oBAAM,eAAe,aAAkB;GACvC,qBAAqB,QACpB,oBAAC;IACC,MAAK;IACL,OAAO,MAAM,YAAY,YAAY,YAAY;KACjD,GACA;;GACG,GAET;AAGF,QACE,oBAACC;EAAa,UAAU;EAAY,GAAI;YACrC;GACY;;AAInB,4BAAe"}

package/dist/components/atoms/ButtonLink.d.ts

@@ -0,0 +1,22 @@
+import { ButtonProps } from "./Button.js";
+import { LinkProps } from "./Link.web.js";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+
+//#region src/components/atoms/ButtonLink.d.ts
+type ButtonLinkProps = ButtonProps & Pick<LinkProps, 'href' | 'target' | 'rel' | 'onClick'> & {
+  replace?: boolean;
+};
+declare function ButtonLink({
+  href,
+  target,
+  rel,
+  replace,
+  loading,
+  disabled,
+  children,
+  onClick,
+  ...btn
+}: ButtonLinkProps): react_jsx_runtime50.JSX.Element;
+//#endregion
+export { ButtonLink, ButtonLink as default, ButtonLinkProps };
+//# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/atoms/ButtonLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.d.ts","names":[],"sources":["../../../src/components/atoms/ButtonLink.tsx"],"sourcesContent":[],"mappings":";;;;;KAMY,eAAA,GAAkB,cAC5B,KAAK;;;AADK,iBAKI,UAAA,CALW;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAexB,eAfwB,CAAA,EAeT,mBAAA,CAAA,GAAA,CAAA,OAfS"}

package/dist/components/atoms/ButtonLink.js

@@ -0,0 +1,38 @@
+'use client';
+
+
+import { Button } from "./Button.js";
+import { Link } from "./Link.web.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/ButtonLink.tsx
+function ButtonLink({ href, target, rel, replace, loading, disabled, children, onClick,...btn }) {
+	const blocked = Boolean(disabled || loading);
+	const handleClick = React$1.useCallback((e) => {
+		if (blocked) {
+			e.preventDefault();
+			e.stopPropagation();
+			return;
+		}
+		onClick?.(e);
+	}, [blocked, onClick]);
+	return /* @__PURE__ */ jsx(Button, {
+		...btn,
+		disabled,
+		loading,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			target,
+			rel,
+			onClick: handleClick,
+			children
+		})
+	});
+}
+var ButtonLink_default = ButtonLink;
+
+//#endregion
+export { ButtonLink, ButtonLink_default as default };
+//# sourceMappingURL=ButtonLink.js.map

package/dist/components/atoms/ButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.js","names":["React"],"sources":["../../../src/components/atoms/ButtonLink.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Button, type ButtonProps } from './Button';\nimport { Link, type LinkProps } from './Link.web';\n\nexport type ButtonLinkProps = ButtonProps &\n  Pick<LinkProps, 'href' | 'target' | 'rel' | 'onClick'> & {\n    replace?: boolean;\n  };\n\nexport function ButtonLink({\n  href,\n  target,\n  rel,\n  replace,\n  loading,\n  disabled,\n  children,\n  onClick,\n  ...btn\n}: ButtonLinkProps) {\n  const blocked = Boolean(disabled || loading);\n  const handleClick = React.useCallback<\n    React.MouseEventHandler<HTMLAnchorElement>\n  >(\n    (e) => {\n      if (blocked) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      onClick?.(e);\n    },\n    [blocked, onClick]\n  );\n  return (\n    <Button {...btn} disabled={disabled} loading={loading} asChild>\n      <Link href={href} target={target} rel={rel} onClick={handleClick}>\n        {children}\n      </Link>\n    </Button>\n  );\n}\n\nexport default ButtonLink;\n"],"mappings":";;;;;;;;;AAWA,SAAgB,WAAW,EACzB,MACA,QACA,KACA,SACA,SACA,UACA,UACA,QACA,GAAG,OACe;CAClB,MAAM,UAAU,QAAQ,YAAY,QAAQ;CAC5C,MAAM,cAAcA,QAAM,aAGvB,MAAM;AACL,MAAI,SAAS;AACX,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;AACnB;;AAEF,YAAU,EAAE;IAEd,CAAC,SAAS,QAAQ,CACnB;AACD,QACE,oBAAC;EAAO,GAAI;EAAe;EAAmB;EAAS;YACrD,oBAAC;GAAW;GAAc;GAAa;GAAK,SAAS;GAClD;IACI;GACA;;AAIb,yBAAe"}

package/dist/components/atoms/ButtonLink.mobile.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from "./Button.mobile.js";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
+
+//#region src/components/atoms/ButtonLink.mobile.d.ts
+type ButtonLinkProps = Omit<ButtonProps, 'onPress'> & {
+  href: string;
+  replace?: boolean;
+};
+declare function ButtonLink({
+  href,
+  replace,
+  loading,
+  disabled,
+  onPressIn,
+  onPressOut,
+  ...btn
+}: ButtonLinkProps): react_jsx_runtime48.JSX.Element;
+//#endregion
+export { ButtonLink, ButtonLink as default, ButtonLinkProps };
+//# sourceMappingURL=ButtonLink.mobile.d.ts.map

package/dist/components/atoms/ButtonLink.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.mobile.d.ts","names":[],"sources":["../../../src/components/atoms/ButtonLink.mobile.tsx"],"sourcesContent":[],"mappings":";;;;KAIY,eAAA,GAAkB,KAAK;;;AAAnC,CAAA;AAKgB,iBAAA,UAAA,CAAU;EAAA,IAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAQvB,eARuB,CAAA,EAQR,mBAAA,CAAA,GAAA,CAAA,OARQ"}

package/dist/components/atoms/ButtonLink.mobile.js

@@ -0,0 +1,42 @@
+import { __require } from "../../_virtual/rolldown_runtime.js";
+import { Button } from "./Button.mobile.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { Linking } from "react-native";
+
+//#region src/components/atoms/ButtonLink.mobile.tsx
+function ButtonLink({ href, replace, loading, disabled, onPressIn, onPressOut,...btn }) {
+	const blocked = Boolean(disabled || loading);
+	const handlePress = React$1.useCallback(() => {
+		if (blocked) return;
+		try {
+			const ExpoRouter = __require("expo-router");
+			if (ExpoRouter?.Link) {
+				const router = ExpoRouter.router ?? ExpoRouter.useRouter?.();
+				if (router?.replace && replace) router.replace(href);
+				else if (router?.push) router.push(href);
+				else Linking.openURL(href);
+				return;
+			}
+		} catch {}
+		Linking.openURL(href);
+	}, [
+		blocked,
+		href,
+		replace
+	]);
+	return /* @__PURE__ */ jsx(Button, {
+		...btn,
+		onPress: handlePress,
+		loading,
+		disabled,
+		onPressIn,
+		onPressOut,
+		children: btn.children
+	});
+}
+var ButtonLink_mobile_default = ButtonLink;
+
+//#endregion
+export { ButtonLink, ButtonLink_mobile_default as default };
+//# sourceMappingURL=ButtonLink.mobile.js.map

package/dist/components/atoms/ButtonLink.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLink.mobile.js","names":["React"],"sources":["../../../src/components/atoms/ButtonLink.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, type ButtonProps } from './Button.mobile';\nimport { Linking } from 'react-native';\n\nexport type ButtonLinkProps = Omit<ButtonProps, 'onPress'> & {\n  href: string;\n  replace?: boolean;\n};\n\nexport function ButtonLink({\n  href,\n  replace,\n  loading,\n  disabled,\n  onPressIn,\n  onPressOut,\n  ...btn\n}: ButtonLinkProps) {\n  const blocked = Boolean(disabled || loading);\n  const handlePress = React.useCallback(() => {\n    if (blocked) return;\n    try {\n      // Prefer expo-router Link via dynamic require if available\n      const ExpoRouter = require('expo-router');\n      if (ExpoRouter?.Link) {\n        // If Link is available, we can't render it here without asChild; fallback to router.navigate\n        const router = ExpoRouter.router ?? ExpoRouter.useRouter?.();\n        if (router?.replace && replace) router.replace(href);\n        else if (router?.push) router.push(href);\n        else Linking.openURL(href);\n        return;\n      }\n    } catch {}\n    Linking.openURL(href);\n  }, [blocked, href, replace]);\n\n  return (\n    <Button\n      {...btn}\n      onPress={handlePress}\n      loading={loading}\n      disabled={disabled}\n      onPressIn={onPressIn}\n      onPressOut={onPressOut}\n    >\n      {btn.children}\n    </Button>\n  );\n}\n\nexport default ButtonLink;\n"],"mappings":";;;;;;;AASA,SAAgB,WAAW,EACzB,MACA,SACA,SACA,UACA,WACA,WACA,GAAG,OACe;CAClB,MAAM,UAAU,QAAQ,YAAY,QAAQ;CAC5C,MAAM,cAAcA,QAAM,kBAAkB;AAC1C,MAAI,QAAS;AACb,MAAI;GAEF,MAAM,uBAAqB,cAAc;AACzC,OAAI,YAAY,MAAM;IAEpB,MAAM,SAAS,WAAW,UAAU,WAAW,aAAa;AAC5D,QAAI,QAAQ,WAAW,QAAS,QAAO,QAAQ,KAAK;aAC3C,QAAQ,KAAM,QAAO,KAAK,KAAK;QACnC,SAAQ,QAAQ,KAAK;AAC1B;;UAEI;AACR,UAAQ,QAAQ,KAAK;IACpB;EAAC;EAAS;EAAM;EAAQ,CAAC;AAE5B,QACE,oBAAC;EACC,GAAI;EACJ,SAAS;EACA;EACC;EACC;EACC;YAEX,IAAI;GACE;;AAIb,gCAAe"}

package/dist/components/atoms/Cta.d.ts

@@ -0,0 +1,21 @@
+import { ButtonProps } from "./Button.js";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types14 from "class-variance-authority/types";
+
+//#region src/components/atoms/Cta.d.ts
+declare const ctaVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | "touch" | null | undefined;
+  emphasis?: "strong" | "default" | "subtle" | null | undefined;
+} & class_variance_authority_types14.ClassProp) | undefined) => string;
+type CtaProps = ButtonProps & VariantProps<typeof ctaVariants> & {
+  capture?: (cta: string) => void;
+  ctaName?: string;
+  as?: 'button' | 'a';
+  href?: string;
+  children?: React$1.ReactNode;
+};
+declare const Cta: React$1.ForwardRefExoticComponent<Omit<CtaProps, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+//#endregion
+export { Cta, CtaProps };
+//# sourceMappingURL=Cta.d.ts.map

package/dist/components/atoms/Cta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cta.d.ts","names":[],"sources":["../../../src/components/atoms/Cta.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKM,mBAMJ;;;AATgE,CAAA,GAShE,gCAAA,CAAA,SAAA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAEU,KAAA,QAAA,GAAW,WAAH,GAClB,YADkB,CAAA,OACE,WADF,CAAA,GAAA;EAAG,OAAA,CAAA,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EACD,OAAA,CAAA,EAAA,MAAA;EAApB,EAAA,CAAA,EAAA,QAAA,GAAA,GAAA;EAKa,IAAA,CAAM,EAAA,MAAA;EAAS,QAAA,CAAA,EAAf,OAAA,CAAM,SAAS;AAG9B,CAAA;AAAgB,cAAH,GAAG,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,QAAA,EAAA,KAAA,CAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA,GAAA,iBAAA,CAAA,CAAA"}