@lssm/lib.ui-kit 0.0.0-canary-20251120170226

package/dist/ui/icons/X.js

@@ -0,0 +1,9 @@
+import { iconWithClassName } from "./iconWithClassName.js";
+import { X } from "lucide-react-native";
+
+//#region ui/icons/X.tsx
+iconWithClassName(X);
+
+//#endregion
+export { X };
+//# sourceMappingURL=X.js.map

package/dist/ui/icons/X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X.js","names":[],"sources":["../../../ui/icons/X.tsx"],"sourcesContent":["import { X } from 'lucide-react-native';\nimport { iconWithClassName } from './iconWithClassName';\n\niconWithClassName(X);\nexport { X };\n"],"mappings":";;;;AAGA,kBAAkB,EAAE"}

package/dist/ui/icons/iconWithClassName.d.ts

@@ -0,0 +1,7 @@
+import { LucideIcon } from "lucide-react-native";
+
+//#region ui/icons/iconWithClassName.d.ts
+declare function iconWithClassName(icon: LucideIcon): void;
+//#endregion
+export { iconWithClassName };
+//# sourceMappingURL=iconWithClassName.d.ts.map

package/dist/ui/icons/iconWithClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconWithClassName.d.ts","names":[],"sources":["../../../ui/icons/iconWithClassName.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,iBAAA,OAAwB"}

package/dist/ui/icons/iconWithClassName.js

@@ -0,0 +1,16 @@
+import { styled } from "nativewind";
+
+//#region ui/icons/iconWithClassName.ts
+function iconWithClassName(icon) {
+	styled(icon, { className: {
+		target: "style",
+		nativeStyleMapping: {
+			color: true,
+			opacity: true
+		}
+	} });
+}
+
+//#endregion
+export { iconWithClassName };
+//# sourceMappingURL=iconWithClassName.js.map

package/dist/ui/icons/iconWithClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconWithClassName.js","names":[],"sources":["../../../ui/icons/iconWithClassName.ts"],"sourcesContent":["import type { LucideIcon } from 'lucide-react-native';\nimport { styled } from 'nativewind';\n\nexport function iconWithClassName(icon: LucideIcon) {\n  styled(icon, {\n    className: {\n      target: 'style',\n      nativeStyleMapping: {\n        color: true,\n        opacity: true,\n      },\n    },\n  });\n}\n"],"mappings":";;;AAGA,SAAgB,kBAAkB,MAAkB;AAClD,QAAO,MAAM,EACX,WAAW;EACT,QAAQ;EACR,oBAAoB;GAClB,OAAO;GACP,SAAS;GACV;EACF,EACF,CAAC"}

package/dist/ui/input.d.ts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import { TextInput, TextInputProps } from "react-native";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+
+//#region ui/input.d.ts
+declare function Input({
+  className,
+  placeholderClassName,
+  ...props
+}: TextInputProps & {
+  ref?: React$1.RefObject<TextInput>;
+}): react_jsx_runtime69.JSX.Element;
+//#endregion
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,KAAA;;;;GAIN;QACK,OAAA,CAAM,UAAU;IACvB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/input.js

@@ -0,0 +1,17 @@
+import { cn } from "./utils.js";
+import "react";
+import { TextInput } from "react-native";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/input.tsx
+function Input({ className, placeholderClassName,...props }) {
+	return /* @__PURE__ */ jsx(TextInput, {
+		className: cn("native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm", props.editable === false && "web:cursor-not-allowed opacity-50", className),
+		placeholderClassName: cn("text-muted-foreground", placeholderClassName),
+		...props
+	});
+}
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../ui/input.tsx"],"sourcesContent":["import * as React from 'react';\nimport { TextInput, type TextInputProps } from 'react-native';\nimport { cn } from './utils';\n\nfunction Input({\n  className,\n  placeholderClassName,\n  ...props\n}: TextInputProps & {\n  ref?: React.RefObject<TextInput>;\n}) {\n  return (\n    <TextInput\n      className={cn(\n        'native:h-12 native:text-lg native:leading-tight border-input bg-background text-foreground placeholder:text-muted-foreground web:flex web:w-full web:py-2 web:ring-offset-background web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 h-10 rounded-md border px-3 text-base file:border-0 file:bg-transparent file:font-medium lg:text-sm',\n        props.editable === false && 'web:cursor-not-allowed opacity-50',\n        className\n      )}\n      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,qBACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,WAAW,GACT,kZACA,MAAM,aAAa,SAAS,qCAC5B,UACD;EACD,sBAAsB,GAAG,yBAAyB,qBAAqB;EACvE,GAAI;GACJ"}

package/dist/ui/label.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime87 from "react/jsx-runtime";
+import * as LabelPrimitive from "@rn-primitives/label";
+
+//#region ui/label.d.ts
+declare function Label({
+  className,
+  onPress,
+  onLongPress,
+  onPressIn,
+  onPressOut,
+  disabled,
+  ...props
+}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>): react_jsx_runtime87.JSX.Element;
+//#endregion
+export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/ui/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,KAAA;;;;;;;;GAQN,cAAA,CAAe,YAAY,KAAA,CAAM,cAAc,cAAA,CAAe,WAAQ,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/label.js

@@ -0,0 +1,24 @@
+import { cn } from "./utils.js";
+import { Platform } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@rn-primitives/label";
+
+//#region ui/label.tsx
+function Label({ className, onPress, onLongPress, onPressIn, onPressOut, disabled,...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		className: cn("flex flex-row items-center gap-2 select-none", Platform.select({ web: "cursor-default leading-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" }), disabled && "opacity-50"),
+		onPress,
+		onLongPress,
+		onPressIn,
+		onPressOut,
+		disabled,
+		children: /* @__PURE__ */ jsx(LabelPrimitive.Text, {
+			className: cn("text-foreground text-sm font-medium", Platform.select({ web: "leading-none" }), className),
+			...props
+		})
+	});
+}
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/ui/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../ui/label.tsx"],"sourcesContent":["import { cn } from './utils';\nimport * as LabelPrimitive from '@rn-primitives/label';\nimport { Platform } from 'react-native';\n\nfunction Label({\n  className,\n  onPress,\n  onLongPress,\n  onPressIn,\n  onPressOut,\n  disabled,\n  ...props\n}: LabelPrimitive.TextProps & React.RefAttributes<LabelPrimitive.TextRef>) {\n  return (\n    <LabelPrimitive.Root\n      className={cn(\n        'flex flex-row items-center gap-2 select-none',\n        Platform.select({\n          web: 'cursor-default leading-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n        }),\n        disabled && 'opacity-50'\n      )}\n      onPress={onPress}\n      onLongPress={onLongPress}\n      onPressIn={onPressIn}\n      onPressOut={onPressOut}\n      disabled={disabled}\n    >\n      <LabelPrimitive.Text\n        className={cn(\n          'text-foreground text-sm font-medium',\n          Platform.select({ web: 'leading-none' }),\n          className\n        )}\n        {...props}\n      />\n    </LabelPrimitive.Root>\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;;AAIA,SAAS,MAAM,EACb,WACA,SACA,aACA,WACA,YACA,SACA,GAAG,SACsE;AACzE,QACE,oBAAC,eAAe;EACd,WAAW,GACT,gDACA,SAAS,OAAO,EACd,KAAK,8KACN,CAAC,EACF,YAAY,aACb;EACQ;EACI;EACF;EACC;EACF;YAEV,oBAAC,eAAe;GACd,WAAW,GACT,uCACA,SAAS,OAAO,EAAE,KAAK,gBAAgB,CAAC,EACxC,UACD;GACD,GAAI;IACJ;GACkB"}

package/dist/ui/link.d.ts

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
+import { Link as Link$1, LinkProps } from "expo-router";
+
+//#region ui/link.d.ts
+declare function Link({
+  className,
+  ...props
+}: LinkProps & {
+  ref?: React$1.RefObject<typeof Link$1>;
+}): react_jsx_runtime88.JSX.Element;
+//#endregion
+export { Link };
+//# sourceMappingURL=link.d.ts.map

package/dist/ui/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","names":[],"sources":["../../ui/link.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIS,IAAA;;;GAGN;QACK,OAAA,CAAM,iBAAiB;IAC9B,mBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/link.js

@@ -0,0 +1,16 @@
+import { cn } from "./utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Link as Link$1 } from "expo-router";
+
+//#region ui/link.tsx
+function Link({ className,...props }) {
+	return /* @__PURE__ */ jsx(Link$1, {
+		className: cn("className=\"text-primary underline\"", className),
+		...props
+	});
+}
+
+//#endregion
+export { Link };
+//# sourceMappingURL=link.js.map

package/dist/ui/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":["LinkExpo"],"sources":["../../ui/link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Link as LinkExpo, type LinkProps } from 'expo-router';\nimport { cn } from './utils';\n\nfunction Link({\n  className,\n  ...props\n}: LinkProps & {\n  ref?: React.RefObject<typeof LinkExpo>;\n}) {\n  return (\n    <LinkExpo\n      className={cn('className=\"text-primary underline\"', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Link };\n"],"mappings":";;;;;;AAIA,SAAS,KAAK,EACZ,UACA,GAAG,SAGF;AACD,QACE,oBAACA;EACC,WAAW,GAAG,wCAAsC,UAAU;EAC9D,GAAI;GACJ"}

package/dist/ui/loading-button.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from "./button.js";
+import React from "react";
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+
+//#region ui/loading-button.d.ts
+interface LoadingButtonProps extends ButtonProps {
+  isLoading?: boolean;
+  loadingText?: string;
+  children: React.ReactNode;
+}
+declare function LoadingButton({
+  isLoading,
+  loadingText,
+  children,
+  disabled,
+  ...props
+}: LoadingButtonProps): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { LoadingButton };
+//# sourceMappingURL=loading-button.d.ts.map

package/dist/ui/loading-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-button.d.ts","names":[],"sources":["../../ui/loading-button.tsx"],"sourcesContent":[],"mappings":";;;;;UAOU,kBAAA,SAA2B;;;EAA3B,QAAA,EAGE,KAAA,CAAM,SAHW;AAM7B;AACE,iBADc,aAAA,CACd;EAAA,SAAA;EAAA,WAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EAKC,kBALD,CAAA,EAKmB,mBAAA,CAAA,GAAA,CAAA,OALnB"}

package/dist/ui/loading-button.js

@@ -0,0 +1,22 @@
+import { Text as Text$1 } from "./text.js";
+import { Button } from "./button.js";
+import { HStack } from "./stack.js";
+import React from "react";
+import { ActivityIndicator } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/loading-button.tsx
+function LoadingButton({ isLoading = false, loadingText, children, disabled,...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		disabled: disabled || isLoading,
+		...props,
+		children: isLoading ? /* @__PURE__ */ jsxs(HStack, {
+			className: "items-center gap-x-2",
+			children: [/* @__PURE__ */ jsx(ActivityIndicator, { size: "small" }), /* @__PURE__ */ jsx(Text$1, { children: loadingText || "Loading..." })]
+		}) : children
+	});
+}
+
+//#endregion
+export { LoadingButton };
+//# sourceMappingURL=loading-button.js.map

package/dist/ui/loading-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-button.js","names":["Text"],"sources":["../../ui/loading-button.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport type { ButtonProps } from './button';\nimport { Button } from './button';\nimport { Text } from './text';\nimport { HStack } from './stack';\n\ninterface LoadingButtonProps extends ButtonProps {\n  isLoading?: boolean;\n  loadingText?: string;\n  children: React.ReactNode;\n}\n\nexport function LoadingButton({\n  isLoading = false,\n  loadingText,\n  children,\n  disabled,\n  ...props\n}: LoadingButtonProps) {\n  return (\n    <Button disabled={disabled || isLoading} {...props}>\n      {isLoading ? (\n        <HStack className=\"items-center gap-x-2\">\n          <ActivityIndicator\n            size=\"small\"\n            // color={props.variant === 'outline' ? '#6b7280' : '#ffffff'}\n          />\n          <Text>{loadingText || 'Loading...'}</Text>\n        </HStack>\n      ) : (\n        children\n      )}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,cAAc,EAC5B,YAAY,OACZ,aACA,UACA,SACA,GAAG,SACkB;AACrB,QACE,oBAAC;EAAO,UAAU,YAAY;EAAW,GAAI;YAC1C,YACC,qBAAC;GAAO,WAAU;cAChB,oBAAC,qBACC,MAAK,UAEL,EACF,oBAACA,oBAAM,eAAe,eAAoB;IACnC,GAET;GAEK"}

package/dist/ui/loading-overlay.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime158 from "react/jsx-runtime";
+
+//#region ui/loading-overlay.d.ts
+interface LoadingOverlayProps {
+  isVisible: boolean;
+  title?: string;
+  subtitle?: string;
+}
+declare function LoadingOverlay({
+  isVisible,
+  title,
+  subtitle
+}: LoadingOverlayProps): react_jsx_runtime158.JSX.Element | null;
+//#endregion
+export { LoadingOverlay };
+//# sourceMappingURL=loading-overlay.d.ts.map

package/dist/ui/loading-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.d.ts","names":[],"sources":["../../ui/loading-overlay.tsx"],"sourcesContent":[],"mappings":";;;UAMU,mBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;AAMV;AACE,iBADc,cAAA,CACd;EAAA,SAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAGC,mBAHD,CAAA,EAGoB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAHpB,IAAA"}

package/dist/ui/loading-overlay.js

@@ -0,0 +1,44 @@
+import { Text as Text$1 } from "./text.js";
+import { VStack } from "./stack.js";
+import { H3 } from "./typography.js";
+import React from "react";
+import { ActivityIndicator, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/loading-overlay.tsx
+function LoadingOverlay({ isVisible, title = "Loading...", subtitle }) {
+	if (!isVisible) return null;
+	return /* @__PURE__ */ jsx(View, {
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			backgroundColor: "rgba(255, 255, 255, 0.9)",
+			justifyContent: "center",
+			alignItems: "center",
+			zIndex: 1e3
+		},
+		children: /* @__PURE__ */ jsxs(VStack, {
+			className: "items-center gap-y-4",
+			children: [/* @__PURE__ */ jsx(ActivityIndicator, {
+				size: "large",
+				color: "#6b7280"
+			}), /* @__PURE__ */ jsxs(VStack, {
+				className: "items-center gap-y-2",
+				children: [/* @__PURE__ */ jsx(H3, {
+					className: "text-center",
+					children: title
+				}), subtitle && /* @__PURE__ */ jsx(Text$1, {
+					className: "text-muted-foreground text-center",
+					children: subtitle
+				})]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { LoadingOverlay };
+//# sourceMappingURL=loading-overlay.js.map

package/dist/ui/loading-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-overlay.js","names":["Text"],"sources":["../../ui/loading-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, View } from 'react-native';\nimport { VStack } from './stack';\nimport { Text } from './text';\nimport { H3 } from './typography';\n\ninterface LoadingOverlayProps {\n  isVisible: boolean;\n  title?: string;\n  subtitle?: string;\n}\n\nexport function LoadingOverlay({\n  isVisible,\n  title = 'Loading...',\n  subtitle,\n}: LoadingOverlayProps) {\n  if (!isVisible) return null;\n\n  return (\n    <View\n      style={{\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        backgroundColor: 'rgba(255, 255, 255, 0.9)',\n        justifyContent: 'center',\n        alignItems: 'center',\n        zIndex: 1000,\n      }}\n    >\n      <VStack className=\"items-center gap-y-4\">\n        <ActivityIndicator size=\"large\" color=\"#6b7280\" />\n        <VStack className=\"items-center gap-y-2\">\n          <H3 className=\"text-center\">{title}</H3>\n          {subtitle && (\n            <Text className=\"text-muted-foreground text-center\">\n              {subtitle}\n            </Text>\n          )}\n        </VStack>\n      </VStack>\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,eAAe,EAC7B,WACA,QAAQ,cACR,YACsB;AACtB,KAAI,CAAC,UAAW,QAAO;AAEvB,QACE,oBAAC;EACC,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,iBAAiB;GACjB,gBAAgB;GAChB,YAAY;GACZ,QAAQ;GACT;YAED,qBAAC;GAAO,WAAU;cAChB,oBAAC;IAAkB,MAAK;IAAQ,OAAM;KAAY,EAClD,qBAAC;IAAO,WAAU;eAChB,oBAAC;KAAG,WAAU;eAAe;MAAW,EACvC,YACC,oBAACA;KAAK,WAAU;eACb;MACI;KAEF;IACF;GACJ"}

package/dist/ui/loading-screen.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime90 from "react/jsx-runtime";
+
+//#region ui/loading-screen.d.ts
+interface LoadingScreenProps {
+  title?: string;
+  variant?: 'default' | 'profile' | 'form' | 'list';
+}
+declare function LoadingScreen({
+  title,
+  variant
+}: LoadingScreenProps): react_jsx_runtime90.JSX.Element;
+//#endregion
+export { LoadingScreen };
+//# sourceMappingURL=loading-screen.d.ts.map

package/dist/ui/loading-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-screen.d.ts","names":[],"sources":["../../ui/loading-screen.tsx"],"sourcesContent":[],"mappings":";;;UAOU,kBAAA;;;AAQW;AAHL,iBAAA,aAAA,CAAa;EAAA,KAAA;EAAA;AAAA,CAAA,EAG1B,kBAH0B,CAAA,EAGR,mBAAA,CAAA,GAAA,CAAA,OAHQ"}

package/dist/ui/loading-screen.js

@@ -0,0 +1,93 @@
+import { VStack } from "./stack.js";
+import { H3 } from "./typography.js";
+import { Skeleton } from "./skeleton.js";
+import React from "react";
+import { View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+//#region ui/loading-screen.tsx
+function LoadingScreen({ title = "Loading...", variant = "default" }) {
+	const renderContent = () => {
+		switch (variant) {
+			case "profile": return /* @__PURE__ */ jsxs(VStack, {
+				className: "gap-y-6",
+				children: [
+					/* @__PURE__ */ jsxs(VStack, {
+						className: "gap-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })]
+					}),
+					/* @__PURE__ */ jsxs(VStack, {
+						className: "gap-y-4",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-16 rounded-full" }), /* @__PURE__ */ jsxs(VStack, {
+							className: "gap-y-2",
+							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-2/3" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })]
+						})]
+					}),
+					/* @__PURE__ */ jsxs(VStack, {
+						className: "gap-y-3",
+						children: [
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5/6" }),
+							/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
+						]
+					})
+				]
+			});
+			case "form": return /* @__PURE__ */ jsxs(VStack, {
+				className: "gap-y-6",
+				children: [/* @__PURE__ */ jsxs(VStack, {
+					className: "gap-y-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })]
+				}), /* @__PURE__ */ jsxs(VStack, {
+					className: "gap-y-4",
+					children: [
+						/* @__PURE__ */ jsxs(VStack, {
+							className: "gap-y-2",
+							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })]
+						}),
+						/* @__PURE__ */ jsxs(VStack, {
+							className: "gap-y-2",
+							children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })]
+						}),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-full" })
+					]
+				})]
+			});
+			case "list": return /* @__PURE__ */ jsxs(VStack, {
+				className: "gap-y-4",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-1/2" }), [...Array(5)].map((_, i) => /* @__PURE__ */ jsxs(VStack, {
+					className: "gap-y-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/4" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })]
+				}, i))]
+			});
+			default: return /* @__PURE__ */ jsxs(VStack, {
+				className: "gap-y-4",
+				children: [
+					/* @__PURE__ */ jsx(H3, {
+						className: "text-muted-foreground text-center",
+						children: title
+					}),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/4" }),
+					/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-1/2" })
+				]
+			});
+		}
+	};
+	return /* @__PURE__ */ jsx(SafeAreaView, {
+		style: { flex: 1 },
+		children: /* @__PURE__ */ jsx(View, {
+			style: {
+				flex: 1,
+				padding: 16,
+				justifyContent: "center"
+			},
+			children: renderContent()
+		})
+	});
+}
+
+//#endregion
+export { LoadingScreen };
+//# sourceMappingURL=loading-screen.js.map

package/dist/ui/loading-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-screen.js","names":[],"sources":["../../ui/loading-screen.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport { VStack } from './stack';\nimport { Skeleton } from './skeleton';\nimport { H3 } from './typography';\n\ninterface LoadingScreenProps {\n  title?: string;\n  variant?: 'default' | 'profile' | 'form' | 'list';\n}\n\nexport function LoadingScreen({\n  title = 'Loading...',\n  variant = 'default',\n}: LoadingScreenProps) {\n  const renderContent = () => {\n    switch (variant) {\n      case 'profile':\n        return (\n          <VStack className=\"gap-y-6\">\n            {/* Header skeleton */}\n            <VStack className=\"gap-y-2\">\n              <Skeleton className=\"h-8 w-3/4\" />\n              <Skeleton className=\"h-4 w-1/2\" />\n            </VStack>\n\n            {/* Profile card skeleton */}\n            <VStack className=\"gap-y-4\">\n              <Skeleton className=\"h-16 w-16 rounded-full\" />\n              <VStack className=\"gap-y-2\">\n                <Skeleton className=\"h-6 w-2/3\" />\n                <Skeleton className=\"h-4 w-1/2\" />\n              </VStack>\n            </VStack>\n\n            {/* Content skeleton */}\n            <VStack className=\"gap-y-3\">\n              <Skeleton className=\"h-4 w-full\" />\n              <Skeleton className=\"h-4 w-5/6\" />\n              <Skeleton className=\"h-4 w-3/4\" />\n            </VStack>\n          </VStack>\n        );\n\n      case 'form':\n        return (\n          <VStack className=\"gap-y-6\">\n            {/* Header */}\n            <VStack className=\"gap-y-2\">\n              <Skeleton className=\"h-8 w-3/4\" />\n              <Skeleton className=\"h-4 w-1/2\" />\n            </VStack>\n\n            {/* Form fields */}\n            <VStack className=\"gap-y-4\">\n              <VStack className=\"gap-y-2\">\n                <Skeleton className=\"h-4 w-1/4\" />\n                <Skeleton className=\"h-12 w-full\" />\n              </VStack>\n              <VStack className=\"gap-y-2\">\n                <Skeleton className=\"h-4 w-1/4\" />\n                <Skeleton className=\"h-12 w-full\" />\n              </VStack>\n              <Skeleton className=\"h-12 w-full\" />\n            </VStack>\n          </VStack>\n        );\n\n      case 'list':\n        return (\n          <VStack className=\"gap-y-4\">\n            <Skeleton className=\"h-8 w-1/2\" />\n            {[...Array(5)].map((_, i) => (\n              <VStack key={i} className=\"gap-y-2\">\n                <Skeleton className=\"h-6 w-3/4\" />\n                <Skeleton className=\"h-4 w-1/2\" />\n              </VStack>\n            ))}\n          </VStack>\n        );\n\n      default:\n        return (\n          <VStack className=\"gap-y-4\">\n            <H3 className=\"text-muted-foreground text-center\">{title}</H3>\n            <Skeleton className=\"h-8 w-full\" />\n            <Skeleton className=\"h-6 w-3/4\" />\n            <Skeleton className=\"h-6 w-1/2\" />\n          </VStack>\n        );\n    }\n  };\n\n  return (\n    <SafeAreaView style={{ flex: 1 }}>\n      <View style={{ flex: 1, padding: 16, justifyContent: 'center' }}>\n        {renderContent()}\n      </View>\n    </SafeAreaView>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,cAAc,EAC5B,QAAQ,cACR,UAAU,aACW;CACrB,MAAM,sBAAsB;AAC1B,UAAQ,SAAR;GACE,KAAK,UACH,QACE,qBAAC;IAAO,WAAU;;KAEhB,qBAAC;MAAO,WAAU;iBAChB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,cAAc;OAC3B;KAGT,qBAAC;MAAO,WAAU;iBAChB,oBAAC,YAAS,WAAU,2BAA2B,EAC/C,qBAAC;OAAO,WAAU;kBAChB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,cAAc;QAC3B;OACF;KAGT,qBAAC;MAAO,WAAU;;OAChB,oBAAC,YAAS,WAAU,eAAe;OACnC,oBAAC,YAAS,WAAU,cAAc;OAClC,oBAAC,YAAS,WAAU,cAAc;;OAC3B;;KACF;GAGb,KAAK,OACH,QACE,qBAAC;IAAO,WAAU;eAEhB,qBAAC;KAAO,WAAU;gBAChB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,cAAc;MAC3B,EAGT,qBAAC;KAAO,WAAU;;MAChB,qBAAC;OAAO,WAAU;kBAChB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,gBAAgB;QAC7B;MACT,qBAAC;OAAO,WAAU;kBAChB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,gBAAgB;QAC7B;MACT,oBAAC,YAAS,WAAU,gBAAgB;;MAC7B;KACF;GAGb,KAAK,OACH,QACE,qBAAC;IAAO,WAAU;eAChB,oBAAC,YAAS,WAAU,cAAc,EACjC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,KAAK,GAAG,MACrB,qBAAC;KAAe,WAAU;gBACxB,oBAAC,YAAS,WAAU,cAAc,EAClC,oBAAC,YAAS,WAAU,cAAc;OAFvB,EAGJ,CACT;KACK;GAGb,QACE,QACE,qBAAC;IAAO,WAAU;;KAChB,oBAAC;MAAG,WAAU;gBAAqC;OAAW;KAC9D,oBAAC,YAAS,WAAU,eAAe;KACnC,oBAAC,YAAS,WAAU,cAAc;KAClC,oBAAC,YAAS,WAAU,cAAc;;KAC3B;;;AAKjB,QACE,oBAAC;EAAa,OAAO,EAAE,MAAM,GAAG;YAC9B,oBAAC;GAAK,OAAO;IAAE,MAAM;IAAG,SAAS;IAAI,gBAAgB;IAAU;aAC5D,eAAe;IACX;GACM"}

package/dist/ui/marketing/FeatureGrid.d.ts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
+
+//#region ui/marketing/FeatureGrid.d.ts
+interface FeatureItem {
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  icon?: React$1.ReactNode;
+}
+declare function FeatureGrid({
+  items,
+  columns,
+  className
+}: {
+  items: FeatureItem[];
+  columns?: 2 | 3 | 4;
+  className?: string;
+}): react_jsx_runtime151.JSX.Element;
+//#endregion
+export { FeatureGrid, FeatureItem };
+//# sourceMappingURL=FeatureGrid.d.ts.map

package/dist/ui/marketing/FeatureGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.d.ts","names":[],"sources":["../../../ui/marketing/FeatureGrid.tsx"],"sourcesContent":[],"mappings":";;;;UAGiB,WAAA;SACR,OAAA,CAAM;gBACC,OAAA,CAAM;EAFL,IAAA,CAAA,EAGR,OAAA,CAAM,SAHa;;AAEZ,iBAIA,WAAA,CAJM;EAAA,KAAA;EAAA,OAAA;EAAA;CAAA,EAAA;EACb,KAAM,EAQN,WARM,EAAA;EAAS,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,GAAA,CAAA;EAGR,SAAA,CAAA,EAAA,MAAW;CACzB,CAAA,EAOD,oBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/ui/marketing/FeatureGrid.js

@@ -0,0 +1,35 @@
+import { cn } from "../utils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/marketing/FeatureGrid.tsx
+function FeatureGrid({ items, columns = 3, className }) {
+	const gridCols = columns === 4 ? "md:grid-cols-4" : columns === 2 ? "md:grid-cols-2" : "md:grid-cols-3";
+	return /* @__PURE__ */ jsx("section", {
+		className: cn("mx-auto max-w-6xl py-12", className),
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("grid grid-cols-1 gap-6", gridCols),
+			children: items.map((it, idx) => /* @__PURE__ */ jsxs("div", {
+				className: "rounded-lg border p-6",
+				children: [
+					it.icon && /* @__PURE__ */ jsx("div", {
+						className: "text-primary mb-3",
+						children: it.icon
+					}),
+					/* @__PURE__ */ jsx("h3", {
+						className: "text-lg font-semibold",
+						children: it.title
+					}),
+					it.description && /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground mt-2 text-base",
+						children: it.description
+					})
+				]
+			}, idx))
+		})
+	});
+}
+
+//#endregion
+export { FeatureGrid };
+//# sourceMappingURL=FeatureGrid.js.map

package/dist/ui/marketing/FeatureGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureGrid.js","names":[],"sources":["../../../ui/marketing/FeatureGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../utils';\n\nexport interface FeatureItem {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n}\n\nexport function FeatureGrid({\n  items,\n  columns = 3,\n  className,\n}: {\n  items: FeatureItem[];\n  columns?: 2 | 3 | 4;\n  className?: string;\n}) {\n  const gridCols =\n    columns === 4\n      ? 'md:grid-cols-4'\n      : columns === 2\n        ? 'md:grid-cols-2'\n        : 'md:grid-cols-3';\n  return (\n    <section className={cn('mx-auto max-w-6xl py-12', className)}>\n      <div className={cn('grid grid-cols-1 gap-6', gridCols)}>\n        {items.map((it, idx) => (\n          <div key={idx} className=\"rounded-lg border p-6\">\n            {it.icon && <div className=\"text-primary mb-3\">{it.icon}</div>}\n            <h3 className=\"text-lg font-semibold\">{it.title}</h3>\n            {it.description && (\n              <p className=\"text-muted-foreground mt-2 text-base\">\n                {it.description}\n              </p>\n            )}\n          </div>\n        ))}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,YAAY,EAC1B,OACA,UAAU,GACV,aAKC;CACD,MAAM,WACJ,YAAY,IACR,mBACA,YAAY,IACV,mBACA;AACR,QACE,oBAAC;EAAQ,WAAW,GAAG,2BAA2B,UAAU;YAC1D,oBAAC;GAAI,WAAW,GAAG,0BAA0B,SAAS;aACnD,MAAM,KAAK,IAAI,QACd,qBAAC;IAAc,WAAU;;KACtB,GAAG,QAAQ,oBAAC;MAAI,WAAU;gBAAqB,GAAG;OAAW;KAC9D,oBAAC;MAAG,WAAU;gBAAyB,GAAG;OAAW;KACpD,GAAG,eACF,oBAAC;MAAE,WAAU;gBACV,GAAG;OACF;;MANE,IAQJ,CACN;IACE;GACE"}

package/dist/ui/marketing/Hero.d.ts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime152 from "react/jsx-runtime";
+
+//#region ui/marketing/Hero.d.ts
+declare function Hero({
+  title,
+  subtitle,
+  primaryCta,
+  secondaryCta,
+  className
+}: {
+  title: React$1.ReactNode;
+  subtitle?: React$1.ReactNode;
+  primaryCta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+  secondaryCta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+  className?: string;
+}): react_jsx_runtime152.JSX.Element;
+//#endregion
+export { Hero };
+//# sourceMappingURL=Hero.d.ts.map

package/dist/ui/marketing/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","names":[],"sources":["../../../ui/marketing/Hero.tsx"],"sourcesContent":[],"mappings":";;;;iBAKgB,IAAA;;;;;;;SAOP,OAAA,CAAM;aACF,OAAA,CAAM;EARH,UAAI,CAAA,EAAA;IAClB,KAAA,EAAA,MAAA;IACA,IAAA,CAAA,EAAA,MAAA;IACA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA,CAAA;EACA,YAAA,CAAA,EAAA;IAEO,KAAM,EAAA,MAAA;IACF,IAAM,CAAA,EAAA,MAAA;IAIlB,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;IAAA,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/marketing/Hero.js

@@ -0,0 +1,52 @@
+import { cn } from "../utils.js";
+import { Button } from "../button.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "expo-router";
+
+//#region ui/marketing/Hero.tsx
+function Hero({ title, subtitle, primaryCta, secondaryCta, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cn("mx-auto max-w-4xl py-16 text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-4xl font-bold tracking-tight md:text-5xl",
+				children: title
+			}),
+			subtitle && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground mt-4 text-lg md:text-xl",
+				children: subtitle
+			}),
+			(primaryCta || secondaryCta) && /* @__PURE__ */ jsxs("div", {
+				className: "mt-8 flex items-center justify-center gap-3",
+				children: [primaryCta && (primaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					size: "lg",
+					children: /* @__PURE__ */ jsx(Link, {
+						href: primaryCta.href,
+						children: primaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					size: "lg",
+					onPress: primaryCta.onClick,
+					children: primaryCta.label
+				})), secondaryCta && (secondaryCta.href ? /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "lg",
+					children: /* @__PURE__ */ jsx(Link, {
+						href: secondaryCta.href,
+						children: secondaryCta.label
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "lg",
+					onPress: secondaryCta.onClick,
+					children: secondaryCta.label
+				}))]
+			})
+		]
+	});
+}
+
+//#endregion
+export { Hero };
+//# sourceMappingURL=Hero.js.map

package/dist/ui/marketing/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","names":[],"sources":["../../../ui/marketing/Hero.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../button';\nimport { cn } from '../utils';\nimport { Link } from 'expo-router';\n\nexport function Hero({\n  title,\n  subtitle,\n  primaryCta,\n  secondaryCta,\n  className,\n}: {\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  primaryCta?: { label: string; href?: string; onClick?: () => void };\n  secondaryCta?: { label: string; href?: string; onClick?: () => void };\n  className?: string;\n}) {\n  return (\n    <section className={cn('mx-auto max-w-4xl py-16 text-center', className)}>\n      <h1 className=\"text-4xl font-bold tracking-tight md:text-5xl\">{title}</h1>\n      {subtitle && (\n        <p className=\"text-muted-foreground mt-4 text-lg md:text-xl\">\n          {subtitle}\n        </p>\n      )}\n      {(primaryCta || secondaryCta) && (\n        <div className=\"mt-8 flex items-center justify-center gap-3\">\n          {primaryCta &&\n            (primaryCta.href ? (\n              <Button size=\"lg\">\n                <Link href={primaryCta.href}>{primaryCta.label}</Link>\n              </Button>\n            ) : (\n              <Button size=\"lg\" onPress={primaryCta.onClick}>\n                {primaryCta.label}\n              </Button>\n            ))}\n          {secondaryCta &&\n            (secondaryCta.href ? (\n              <Button variant=\"outline\" size=\"lg\">\n                <Link href={secondaryCta.href}>{secondaryCta.label}</Link>\n              </Button>\n            ) : (\n              <Button\n                variant=\"outline\"\n                size=\"lg\"\n                onPress={secondaryCta.onClick}\n              >\n                {secondaryCta.label}\n              </Button>\n            ))}\n        </div>\n      )}\n    </section>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,KAAK,EACnB,OACA,UACA,YACA,cACA,aAOC;AACD,QACE,qBAAC;EAAQ,WAAW,GAAG,uCAAuC,UAAU;;GACtE,oBAAC;IAAG,WAAU;cAAiD;KAAW;GACzE,YACC,oBAAC;IAAE,WAAU;cACV;KACC;IAEJ,cAAc,iBACd,qBAAC;IAAI,WAAU;eACZ,eACE,WAAW,OACV,oBAAC;KAAO,MAAK;eACX,oBAAC;MAAK,MAAM,WAAW;gBAAO,WAAW;OAAa;MAC/C,GAET,oBAAC;KAAO,MAAK;KAAK,SAAS,WAAW;eACnC,WAAW;MACL,GAEZ,iBACE,aAAa,OACZ,oBAAC;KAAO,SAAQ;KAAU,MAAK;eAC7B,oBAAC;MAAK,MAAM,aAAa;gBAAO,aAAa;OAAa;MACnD,GAET,oBAAC;KACC,SAAQ;KACR,MAAK;KACL,SAAS,aAAa;eAErB,aAAa;MACP;KAET;;GAEA"}

package/dist/ui/marketing/PricingTable.d.ts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime153 from "react/jsx-runtime";
+
+//#region ui/marketing/PricingTable.d.ts
+interface PricingTier {
+  name: string;
+  price: string;
+  tagline?: string;
+  features: string[];
+  cta?: {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+  };
+  highlighted?: boolean;
+}
+declare function PricingTable({
+  tiers,
+  className
+}: {
+  tiers: PricingTier[];
+  className?: string;
+}): react_jsx_runtime153.JSX.Element;
+//#endregion
+export { PricingTable, PricingTier };
+//# sourceMappingURL=PricingTable.d.ts.map

package/dist/ui/marketing/PricingTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingTable.d.ts","names":[],"sources":["../../../ui/marketing/PricingTable.tsx"],"sourcesContent":[],"mappings":";;;UAKiB,WAAA;;;EAAA,OAAA,CAAA,EAAA,MAAW;EASZ,QAAA,EAAA,MAAY,EAAA;EAC1B,GAAA,CAAA,EAAA;IACA,KAAA,EAAA,MAAA;IAEO,IAAA,CAAA,EAAA,MAAA;IAER,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,CAAA;;;iBANe,YAAA;;;;SAIP;;IAER,oBAAA,CAAA,GAAA,CAAA"}