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

package/dist/ui/toggle.d.ts

@@ -0,0 +1,34 @@
+import * as React$1 from "react";
+import { LucideIcon } from "lucide-react-native";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as TogglePrimitive from "@rn-primitives/toggle";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
+
+//#region ui/toggle.d.ts
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+declare const toggleTextVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types12.ClassProp) | undefined) => string;
+declare function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}: TogglePrimitive.RootProps & VariantProps<typeof toggleVariants> & VariantProps<typeof toggleVariants> & {
+  ref?: React$1.RefObject<TogglePrimitive.RootRef>;
+}): react_jsx_runtime137.JSX.Element;
+declare function ToggleIcon({
+  className,
+  icon: Icon,
+  ...props
+}: React$1.ComponentPropsWithoutRef<LucideIcon> & {
+  icon: LucideIcon;
+}): react_jsx_runtime137.JSX.Element;
+//#endregion
+export { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../ui/toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;;cAOM;;;IAoBL,gCAAA,CAAA;AAxB8B,cA0BzB,kBAFL,EAAA,CAAA,KAyBC,CAzBD,EAAA,CAAA;EAEK,OAAA,CAAA,EAAA,SAAA,GAoBL,SAAA,GAAA,IAAA,GAAA,SAAA;EAEQ,IAAA,CAAA,EAAA,SAAM,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CACb,GAHD,gCAAA,CAAA,SAGC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBADO,MAAA,CAEP;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAGC,eAAA,CAAgB,SAHjB,GAIA,YAJA,CAAA,OAIoB,cAJpB,CAAA,GAKA,YALA,CAAA,OAKoB,cALpB,CAAA,GAAA;EACA,GAAA,CAAA,EAKQ,OAAA,CAAM,SALd,CAKwB,eAAA,CAAgB,OALxC,CAAA;CAEC,CAAA,EAIA,oBAAA,CAAA,GAAA,CAAA,OAJgB;iBA4BV,UAAA,CA3Ba;EAAA,SAAA;EAAA,IAAA,EA6Bd,IA7Bc;EAAA,GAAA;CAAA,EA+BnB,OAAA,CAAM,wBA/Ba,CA+BY,UA/BZ,CAAA,GAAA;EAApB,IAAA,EAgCM,UAhCN;CACoB,CAAA,EAgCrB,oBAAA,CAAA,GAAA,CAAA,OAhCqB"}

package/dist/ui/toggle.js

@@ -0,0 +1,67 @@
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as TogglePrimitive from "@rn-primitives/toggle";
+
+//#region ui/toggle.tsx
+const toggleVariants = cva("web:group web:inline-flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:hover:bg-muted active:bg-muted web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent web:hover:bg-accent active:bg-accent active:bg-accent"
+		},
+		size: {
+			default: "h-10 px-3 native:h-12 native:px-[12]",
+			sm: "h-9 px-2.5 native:h-10 native:px-[9]",
+			lg: "h-11 px-5 native:h-14 native:px-6"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const toggleTextVariants = cva("text-sm native:text-base text-foreground font-medium", {
+	variants: {
+		variant: {
+			default: "",
+			outline: "web:group-hover:text-accent-foreground web:group-active:text-accent-foreground"
+		},
+		size: {
+			default: "",
+			sm: "",
+			lg: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Toggle({ className, variant, size,...props }) {
+	return /* @__PURE__ */ jsx(TextClassContext.Provider, {
+		value: cn(toggleTextVariants({
+			variant,
+			size
+		}), props.pressed ? "text-accent-foreground" : "web:group-hover:text-muted-foreground", className),
+		children: /* @__PURE__ */ jsx(TogglePrimitive.Root, {
+			className: cn(toggleVariants({
+				variant,
+				size
+			}), props.disabled && "web:pointer-events-none opacity-50", props.pressed && "bg-accent", className),
+			...props
+		})
+	});
+}
+function ToggleIcon({ className, icon: Icon,...props }) {
+	return /* @__PURE__ */ jsx(Icon, {
+		className: cn(React$1.useContext(TextClassContext), className),
+		...props
+	});
+}
+
+//#endregion
+export { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };
+//# sourceMappingURL=toggle.js.map

package/dist/ui/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["React"],"sources":["../../ui/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from '@rn-primitives/toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { cn } from './utils';\nimport { TextClassContext } from './text';\n\nconst toggleVariants = cva(\n  'web:group web:inline-flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:hover:bg-muted active:bg-muted web:focus-visible:outline-hidden web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-input bg-transparent web:hover:bg-accent active:bg-accent active:bg-accent',\n      },\n      size: {\n        default: 'h-10 px-3 native:h-12 native:px-[12]',\n        sm: 'h-9 px-2.5 native:h-10 native:px-[9]',\n        lg: 'h-11 px-5 native:h-14 native:px-6',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nconst toggleTextVariants = cva(\n  'text-sm native:text-base text-foreground font-medium',\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline:\n          'web:group-hover:text-accent-foreground web:group-active:text-accent-foreground',\n      },\n      size: {\n        default: '',\n        sm: '',\n        lg: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: TogglePrimitive.RootProps &\n  VariantProps<typeof toggleVariants> &\n  VariantProps<typeof toggleVariants> & {\n    ref?: React.RefObject<TogglePrimitive.RootRef>;\n  }) {\n  return (\n    <TextClassContext.Provider\n      value={cn(\n        toggleTextVariants({ variant, size }),\n        props.pressed\n          ? 'text-accent-foreground'\n          : 'web:group-hover:text-muted-foreground',\n        className\n      )}\n    >\n      <TogglePrimitive.Root\n        className={cn(\n          toggleVariants({ variant, size }),\n          props.disabled && 'web:pointer-events-none opacity-50',\n          props.pressed && 'bg-accent',\n          className\n        )}\n        {...props}\n      />\n    </TextClassContext.Provider>\n  );\n}\n\nfunction ToggleIcon({\n  className,\n  icon: Icon,\n  ...props\n}: React.ComponentPropsWithoutRef<LucideIcon> & {\n  icon: LucideIcon;\n}) {\n  const textClass = React.useContext(TextClassContext);\n  return <Icon className={cn(textClass, className)} {...props} />;\n}\n\nexport { Toggle, ToggleIcon, toggleTextVariants, toggleVariants };\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,IACrB,8QACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAM,qBAAqB,IACzB,wDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACH;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,OAAO,EACd,WACA,SACA,KACA,GAAG,SAKA;AACH,QACE,oBAAC,iBAAiB;EAChB,OAAO,GACL,mBAAmB;GAAE;GAAS;GAAM,CAAC,EACrC,MAAM,UACF,2BACA,yCACJ,UACD;YAED,oBAAC,gBAAgB;GACf,WAAW,GACT,eAAe;IAAE;IAAS;IAAM,CAAC,EACjC,MAAM,YAAY,sCAClB,MAAM,WAAW,aACjB,UACD;GACD,GAAI;IACJ;GACwB;;AAIhC,SAAS,WAAW,EAClB,WACA,MAAM,KACN,GAAG,SAGF;AAED,QAAO,oBAAC;EAAK,WAAW,GADNA,QAAM,WAAW,iBAAiB,EACd,UAAU;EAAE,GAAI;GAAS"}

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,32 @@
+import * as React$1 from "react";
+import * as react_native55 from "react-native";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as _rn_primitives_tooltip0 from "@rn-primitives/tooltip";
+
+//#region ui/tooltip.d.ts
+declare const Tooltip: React$1.ForwardRefExoticComponent<react_native55.ViewProps & {
+  asChild?: boolean;
+} & {
+  onOpenChange?: (open: boolean) => void;
+  delayDuration?: number;
+  skipDelayDuration?: number;
+  disableHoverableContent?: boolean;
+} & React$1.RefAttributes<react_native55.View>>;
+declare const TooltipTrigger: React$1.ForwardRefExoticComponent<Omit<react_native55.PressableProps & React$1.RefAttributes<react_native55.View>, "ref"> & {
+  asChild?: boolean;
+} & {
+  onKeyDown?: (ev: React$1.KeyboardEvent) => void;
+  onKeyUp?: (ev: React$1.KeyboardEvent) => void;
+} & React$1.RefAttributes<_rn_primitives_tooltip0.TriggerRef>>;
+declare function TooltipContent({
+  className,
+  sideOffset,
+  portalHost,
+  ...props
+}: _rn_primitives_tooltip0.ContentProps & {
+  ref?: React$1.RefObject<_rn_primitives_tooltip0.ContentRef>;
+  portalHost?: string;
+}): react_jsx_runtime139.JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOM,SAAO,OAAA,CAAA,0BAAwB,cAAA,CAAxB,SAAA;;;;EAAP,aAA+B,CAAA,EAAA,MAAA;EAAA,iBAAxB,CAAA,EAAA,MAAA;EAAA,uBAAA,CAAA,EAAA,OAAA;0BAAA,cAAA,CAAA,IAAA;cAEP,cAFO,EAEO,OAAA,CAAA,yBAFP,CAEO,IAFP,CAEkC,cAAA,CAA3B,cAAA,GAAA,OAAA,CAAA,aAFP,CAEO,cAAA,CAAA,IAAA,CAFP,EAAA,KAAA,CAAA,GAAA;EAAA,OAAA,CAAA,EAAA,OAAA;AAAA,CAAA,GAEP;EAAyC,SAAA,CAAA,EAA3B,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,uBAAA,EAAA,GAAA,IAAA;CAAA,wBAAA,oCAAA,CAAA;iBAEX,cAAA,CAFW;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,GAAA;CAAA,EAOjB,uBAAA,CAAiB,YAPA,GAAA;QAQZ,OAAA,CAAM,UAAU,uBAAA,CAAiB;;IAExC,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/tooltip.js

@@ -0,0 +1,41 @@
+import { cn } from "./utils.js";
+import { TextClassContext } from "./text.js";
+import "react";
+import { Platform, StyleSheet } from "react-native";
+import Animated, { FadeIn, FadeOut } from "react-native-reanimated";
+import { jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@rn-primitives/tooltip";
+
+//#region ui/tooltip.tsx
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+function TooltipContent({ className, sideOffset = 4, portalHost,...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
+		hostName: portalHost,
+		children: /* @__PURE__ */ jsx(TooltipPrimitive.Overlay, {
+			style: Platform.OS !== "web" ? StyleSheet.absoluteFill : void 0,
+			children: /* @__PURE__ */ jsx(Animated.View, {
+				entering: Platform.select({
+					web: void 0,
+					default: FadeIn
+				}),
+				exiting: Platform.select({
+					web: void 0,
+					default: FadeOut
+				}),
+				children: /* @__PURE__ */ jsx(TextClassContext.Provider, {
+					value: "text-sm native:text-base text-popover-foreground",
+					children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
+						sideOffset,
+						className: cn("border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 web:animate-in web:fade-in-0 web:zoom-in-95 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md", className),
+						...props
+					})
+				})
+			})
+		})
+	});
+}
+
+//#endregion
+export { Tooltip, TooltipContent, TooltipTrigger };
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../ui/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@rn-primitives/tooltip';\nimport * as React from 'react';\nimport { Platform, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { TextClassContext } from './text';\nimport { cn } from './utils';\n\nconst Tooltip = TooltipPrimitive.Root;\n\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  portalHost,\n  ...props\n}: TooltipPrimitive.ContentProps & {\n  ref?: React.RefObject<TooltipPrimitive.ContentRef>;\n  portalHost?: string;\n}) {\n  return (\n    <TooltipPrimitive.Portal hostName={portalHost}>\n      <TooltipPrimitive.Overlay\n        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}\n      >\n        <Animated.View\n          entering={Platform.select({ web: undefined, default: FadeIn })}\n          exiting={Platform.select({ web: undefined, default: FadeOut })}\n        >\n          <TextClassContext.Provider value=\"text-sm native:text-base text-popover-foreground\">\n            <TooltipPrimitive.Content\n              sideOffset={sideOffset}\n              className={cn(\n                'border-border bg-popover shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 web:animate-in web:fade-in-0 web:zoom-in-95 z-50 overflow-hidden rounded-md border px-3 py-1.5 shadow-md',\n                className\n              )}\n              {...props}\n            />\n          </TextClassContext.Provider>\n        </Animated.View>\n      </TooltipPrimitive.Overlay>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipTrigger };\n"],"mappings":";;;;;;;;;AAOA,MAAM,UAAU,iBAAiB;AAEjC,MAAM,iBAAiB,iBAAiB;AAExC,SAAS,eAAe,EACtB,WACA,aAAa,GACb,WACA,GAAG,SAIF;AACD,QACE,oBAAC,iBAAiB;EAAO,UAAU;YACjC,oBAAC,iBAAiB;GAChB,OAAO,SAAS,OAAO,QAAQ,WAAW,eAAe;aAEzD,oBAAC,SAAS;IACR,UAAU,SAAS,OAAO;KAAE,KAAK;KAAW,SAAS;KAAQ,CAAC;IAC9D,SAAS,SAAS,OAAO;KAAE,KAAK;KAAW,SAAS;KAAS,CAAC;cAE9D,oBAAC,iBAAiB;KAAS,OAAM;eAC/B,oBAAC,iBAAiB;MACJ;MACZ,WAAW,GACT,qTACA,UACD;MACD,GAAI;OACJ;MACwB;KACd;IACS;GACH"}

package/dist/ui/typography.d.ts

@@ -0,0 +1,65 @@
+import { TextProps } from "./text.js";
+import * as react_jsx_runtime140 from "react/jsx-runtime";
+
+//#region ui/typography.d.ts
+type TypographyProps = TextProps & {
+  asChild?: boolean;
+};
+declare function H1({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function H2({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function H3({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function H4({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function P({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function BlockQuote({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function Code({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function Lead({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function Large({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function Small({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+declare function Muted({
+  className,
+  asChild,
+  ...props
+}: TypographyProps): react_jsx_runtime140.JSX.Element;
+//#endregion
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small, TypographyProps };
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../ui/typography.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,eAAA,GAAkB;;;AAA9B,iBAIS,EAAA,CAJG;EAAe,SAAA;EAAA,OAAG;EAAA,GAAS;AAAA,CAAA,EAIe,eAJf,CAAA,EAI8B,oBAAA,CAAA,GAAA,CAAA,OAJ9B;AAErC,iBAiBO,EAAA,CAfE;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAe2C,eAf3C,CAAA,EAe0D,oBAAA,CAAA,GAAA,CAAA,OAf1D;iBA8BF,EAAA,CA9BK;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA8BwC,eA9BxC,CAAA,EA8BuD,oBAAA,CAAA,GAAA,CAAA,OA9BvD;iBA6CL,EAAA,CA7CgB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA6C6B,eA7C7B,CAAA,EA6C4C,oBAAA,CAAA,GAAA,CAAA,OA7C5C;iBA4DhB,CAAA,CA5D6C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA4DD,eA5DC,CAAA,EA4Dc,oBAAA,CAAA,GAAA,CAAA,OA5Dd;iBAsE7C,UAAA,CAtE4D;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAsEP,eAtEO,CAAA,EAsEQ,oBAAA,CAAA,GAAA,CAAA,OAtER;iBAqF5D,IAAA,CArF4D;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAqFb,eArFa,CAAA,EAqFE,oBAAA,CAAA,GAAA,CAAA,OArFF;AAAA,iBAoG5D,IAAA,CArFE;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAqF6C,eArF7C,CAAA,EAqF4D,oBAAA,CAAA,GAAA,CAAA,OArF5D;iBA+FF,KAAA,CA/FK;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA+F2C,eA/F3C,CAAA,EA+F0D,oBAAA,CAAA,GAAA,CAAA,OA/F1D;iBA4GL,KAAA,CA5GgB;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EA4GgC,eA5GhC,CAAA,EA4G+C,oBAAA,CAAA,GAAA,CAAA,OA5G/C;iBAyHhB,KAAA,CAzH6C;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAyHG,eAzHH,CAAA,EAyHkB,oBAAA,CAAA,GAAA,CAAA,OAzHlB"}

package/dist/ui/typography.js

@@ -0,0 +1,88 @@
+import { cn } from "./utils.js";
+import { Text as Text$1 } from "./text.js";
+import "react";
+import { Platform } from "react-native";
+import * as Slot from "@rn-primitives/slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/typography.tsx
+function H1({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: "heading",
+		"aria-level": "1",
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl", className),
+		...props
+	});
+}
+function H2({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: "heading",
+		"aria-level": "2",
+		className: cn("border-border text-foreground web:select-text web:scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0", className),
+		...props
+	});
+}
+function H3({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: "heading",
+		"aria-level": "3",
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function H4({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: "heading",
+		"aria-level": "4",
+		className: cn("text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight", className),
+		...props
+	});
+}
+function P({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-foreground web:select-text text-base", className),
+		...props
+	});
+}
+function BlockQuote({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: Platform.OS === "web" ? "blockquote" : void 0,
+		className: cn("native:mt-4 native:pl-3 border-border text-foreground web:select-text mt-6 border-l-2 pl-6 text-base italic", className),
+		...props
+	});
+}
+function Code({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		role: Platform.OS === "web" ? "code" : void 0,
+		className: cn("bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold", className),
+		...props
+	});
+}
+function Lead({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-muted-foreground web:select-text text-xl", className),
+		...props
+	});
+}
+function Large({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-foreground web:select-text text-xl font-semibold", className),
+		...props
+	});
+}
+function Small({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-foreground web:select-text text-sm leading-none font-medium", className),
+		...props
+	});
+}
+function Muted({ className, asChild = false,...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Text : Text$1, {
+		className: cn("text-muted-foreground web:select-text text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };
+//# sourceMappingURL=typography.js.map

package/dist/ui/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","names":["Text"],"sources":["../../ui/typography.tsx"],"sourcesContent":["import * as Slot from '@rn-primitives/slot';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport { Text, type TextProps } from './text';\nimport { cn } from './utils';\n\nexport type TypographyProps = TextProps & {\n  asChild?: boolean;\n};\n\nfunction H1({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"1\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H2({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"2\"\n      className={cn(\n        'border-border text-foreground web:select-text web:scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H3({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"3\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H4({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"4\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction P({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-foreground web:select-text text-base', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BlockQuote({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      // @ts-ignore - role of blockquote renders blockquote element on the web\n      role={Platform.OS === 'web' ? 'blockquote' : undefined}\n      className={cn(\n        'native:mt-4 native:pl-3 border-border text-foreground web:select-text mt-6 border-l-2 pl-6 text-base italic',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Code({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      // @ts-ignore - role of code renders code element on the web\n      role={Platform.OS === 'web' ? 'code' : undefined}\n      className={cn(\n        'bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Lead({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-xl', className)}\n      {...props}\n    />\n  );\n}\n\nfunction Large({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-xl font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Small({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-sm leading-none font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Muted({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };\n"],"mappings":";;;;;;;;AAUA,SAAS,GAAG,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,sGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,yFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,wFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,EAAE,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAEpE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAE7E,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAIpC,MAAM,SAAS,OAAO,QAAQ,eAAe;EAC7C,WAAW,GACT,+GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAIpC,MAAM,SAAS,OAAO,QAAQ,SAAS;EACvC,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,MAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ"}

package/dist/ui/useColorScheme.d.ts

@@ -0,0 +1,12 @@
+import * as react_native59 from "react-native";
+
+//#region ui/useColorScheme.d.ts
+declare function useColorScheme(): {
+  colorScheme: "light" | "dark";
+  isDarkColorScheme: boolean;
+  setColorScheme: (scheme: react_native59.ColorSchemeName) => void;
+  toggleColorScheme: () => void;
+};
+//#endregion
+export { useColorScheme };
+//# sourceMappingURL=useColorScheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.d.ts","names":[],"sources":["../../ui/useColorScheme.tsx"],"sourcesContent":[],"mappings":";;;iBAIgB,cAAA,CAAA;;;EAAA,cAAA,EAAA,CAAc,MAAA,EAAA,cAAA,CAAA,eAAA,EAAA,GAAA,IAAA"}

package/dist/ui/useColorScheme.js

@@ -0,0 +1,17 @@
+import { useColorScheme as useColorScheme$1 } from "nativewind";
+
+//#region ui/useColorScheme.tsx
+const DEFAULT_COLOR_SCHEME = "light";
+function useColorScheme() {
+	const { colorScheme, setColorScheme, toggleColorScheme } = useColorScheme$1();
+	return {
+		colorScheme: colorScheme ?? DEFAULT_COLOR_SCHEME,
+		isDarkColorScheme: colorScheme === "dark",
+		setColorScheme,
+		toggleColorScheme
+	};
+}
+
+//#endregion
+export { useColorScheme };
+//# sourceMappingURL=useColorScheme.js.map

package/dist/ui/useColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.js","names":["useNativewindColorScheme"],"sources":["../../ui/useColorScheme.tsx"],"sourcesContent":["import { useColorScheme as useNativewindColorScheme } from 'nativewind';\n\nconst DEFAULT_COLOR_SCHEME = 'light';\n\nexport function useColorScheme() {\n  const { colorScheme, setColorScheme, toggleColorScheme } =\n    useNativewindColorScheme();\n\n  return {\n    colorScheme: colorScheme ?? DEFAULT_COLOR_SCHEME,\n    isDarkColorScheme: colorScheme === 'dark',\n    setColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;AAEA,MAAM,uBAAuB;AAE7B,SAAgB,iBAAiB;CAC/B,MAAM,EAAE,aAAa,gBAAgB,sBACnCA,kBAA0B;AAE5B,QAAO;EACL,aAAa,eAAe;EAC5B,mBAAmB,gBAAgB;EACnC;EACA;EACD"}

package/dist/ui/useListState.d.ts

@@ -0,0 +1,34 @@
+//#region ui/useListState.d.ts
+interface UseListStateOptions {
+  initialSearch?: string;
+  initialFilters?: Record<string, string>;
+  initialPage?: number;
+  initialItemsPerPage?: number;
+  debounceMs?: number;
+}
+interface UseListStateReturn {
+  searchQuery: string;
+  setSearchQuery: (query: string) => void;
+  filters: Record<string, string>;
+  setFilter: (key: string, value: string) => void;
+  clearFilters: () => void;
+  currentPage: number;
+  itemsPerPage: number;
+  setCurrentPage: (page: number) => void;
+  setItemsPerPage: (itemsPerPage: number) => void;
+  queryParams: {
+    search: string;
+    page: number;
+    limit: number;
+  } & Record<string, string | number>;
+  resetAll: () => void;
+}
+declare const useListState: ({
+  initialSearch,
+  initialFilters,
+  initialPage,
+  initialItemsPerPage
+}?: UseListStateOptions) => UseListStateReturn;
+//#endregion
+export { UseListStateOptions, UseListStateReturn, useListState };
+//# sourceMappingURL=useListState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useListState.d.ts","names":[],"sources":["../../ui/useListState.tsx"],"sourcesContent":[],"mappings":";UAEiB,mBAAA;EAAA,aAAA,CAAA,EAAA,MAAmB;EAQnB,cAAA,CAAA,EANE,MAMgB,CAAA,MAAA,EAAA,MAMxB,CAAA;EAqBE,WAAA,CAAA,EAAA,MA2EZ;EA3E4B,mBAAA,CAAA,EAAA,MAAA;EAAA,UAAA,CAAA,EAAA,MAAA;;AAAA,UA3BZ,kBAAA,CA2BY;EAK1B,WAAA,EAAA,MAAA;EAA2B,cAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAsE7B,OAAA,EAhGU,MAgGV,CAAA,MAAA,EAAA,MAAA,CAAA;;;;;;;;;;;MAjFK;;;cAMO;;;;;IAKV,wBAA2B"}

package/dist/ui/useListState.js

@@ -0,0 +1,75 @@
+import { useCallback, useMemo, useState } from "react";
+
+//#region ui/useListState.tsx
+const useListState = ({ initialSearch = "", initialFilters = {}, initialPage = 1, initialItemsPerPage = 25 } = {}) => {
+	const [searchQuery, setSearchQuery] = useState(initialSearch);
+	const [filters, setFilters] = useState(initialFilters);
+	const [currentPage, setCurrentPage] = useState(initialPage);
+	const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);
+	const setFilter = useCallback((key, value) => {
+		setFilters((prev) => ({
+			...prev,
+			[key]: value
+		}));
+		setCurrentPage(1);
+	}, []);
+	const clearFilters = useCallback(() => {
+		setFilters({});
+		setCurrentPage(1);
+	}, []);
+	const handleSetSearchQuery = useCallback((query) => {
+		setSearchQuery(query);
+		setCurrentPage(1);
+	}, []);
+	const handleSetItemsPerPage = useCallback((newItemsPerPage) => {
+		setItemsPerPage(newItemsPerPage);
+		setCurrentPage(1);
+	}, []);
+	const resetAll = useCallback(() => {
+		setSearchQuery(initialSearch);
+		setFilters(initialFilters);
+		setCurrentPage(initialPage);
+		setItemsPerPage(initialItemsPerPage);
+	}, [
+		initialSearch,
+		initialFilters,
+		initialPage,
+		initialItemsPerPage
+	]);
+	return {
+		searchQuery,
+		setSearchQuery: handleSetSearchQuery,
+		filters,
+		setFilter,
+		clearFilters,
+		currentPage,
+		itemsPerPage,
+		setCurrentPage,
+		setItemsPerPage: handleSetItemsPerPage,
+		queryParams: useMemo(() => {
+			const baseParams = {
+				search: searchQuery,
+				page: currentPage,
+				limit: itemsPerPage
+			};
+			const filterParams = {};
+			Object.entries(filters).forEach(([key, value]) => {
+				if (value) filterParams[key] = value;
+			});
+			return {
+				...baseParams,
+				...filterParams
+			};
+		}, [
+			searchQuery,
+			filters,
+			currentPage,
+			itemsPerPage
+		]),
+		resetAll
+	};
+};
+
+//#endregion
+export { useListState };
+//# sourceMappingURL=useListState.js.map

package/dist/ui/useListState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListState.js","names":["filterParams: Record<string, string>"],"sources":["../../ui/useListState.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface UseListStateOptions {\n  initialSearch?: string;\n  initialFilters?: Record<string, string>;\n  initialPage?: number;\n  initialItemsPerPage?: number;\n  debounceMs?: number;\n}\n\nexport interface UseListStateReturn {\n  // Search\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n\n  // Filters\n  filters: Record<string, string>;\n  setFilter: (key: string, value: string) => void;\n  clearFilters: () => void;\n\n  // Pagination\n  currentPage: number;\n  itemsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  setItemsPerPage: (itemsPerPage: number) => void;\n\n  // Combined state for API calls\n  queryParams: {\n    search: string;\n    page: number;\n    limit: number;\n  } & Record<string, string | number>;\n\n  // Reset all\n  resetAll: () => void;\n}\n\nexport const useListState = ({\n  initialSearch = '',\n  initialFilters = {},\n  initialPage = 1,\n  initialItemsPerPage = 25,\n}: UseListStateOptions = {}): UseListStateReturn => {\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [filters, setFilters] = useState(initialFilters);\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);\n\n  const setFilter = useCallback((key: string, value: string) => {\n    setFilters((prev) => ({\n      ...prev,\n      [key]: value,\n    }));\n    // Reset to first page when filtering\n    setCurrentPage(1);\n  }, []);\n\n  const clearFilters = useCallback(() => {\n    setFilters({});\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetSearchQuery = useCallback((query: string) => {\n    setSearchQuery(query);\n    // Reset to first page when searching\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetItemsPerPage = useCallback((newItemsPerPage: number) => {\n    setItemsPerPage(newItemsPerPage);\n    // Reset to first page when changing items per page\n    setCurrentPage(1);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    setSearchQuery(initialSearch);\n    setFilters(initialFilters);\n    setCurrentPage(initialPage);\n    setItemsPerPage(initialItemsPerPage);\n  }, [initialSearch, initialFilters, initialPage, initialItemsPerPage]);\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      search: searchQuery,\n      page: currentPage,\n      limit: itemsPerPage,\n    };\n\n    // Add active filters to params\n    const filterParams: Record<string, string> = {};\n    Object.entries(filters).forEach(([key, value]) => {\n      if (value) {\n        filterParams[key] = value;\n      }\n    });\n\n    return { ...baseParams, ...filterParams };\n  }, [searchQuery, filters, currentPage, itemsPerPage]);\n\n  return {\n    searchQuery,\n    setSearchQuery: handleSetSearchQuery,\n    filters,\n    setFilter,\n    clearFilters,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage: handleSetItemsPerPage,\n    queryParams,\n    resetAll,\n  };\n};\n"],"mappings":";;;AAqCA,MAAa,gBAAgB,EAC3B,gBAAgB,IAChB,iBAAiB,EAAE,EACnB,cAAc,GACd,sBAAsB,OACC,EAAE,KAAyB;CAClD,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,CAAC,SAAS,cAAc,SAAS,eAAe;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CAErE,MAAM,YAAY,aAAa,KAAa,UAAkB;AAC5D,cAAY,UAAU;GACpB,GAAG;IACF,MAAM;GACR,EAAE;AAEH,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,eAAe,kBAAkB;AACrC,aAAW,EAAE,CAAC;AACd,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAAa,UAAkB;AAC1D,iBAAe,MAAM;AAErB,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,oBAA4B;AACrE,kBAAgB,gBAAgB;AAEhC,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,WAAW,kBAAkB;AACjC,iBAAe,cAAc;AAC7B,aAAW,eAAe;AAC1B,iBAAe,YAAY;AAC3B,kBAAgB,oBAAoB;IACnC;EAAC;EAAe;EAAgB;EAAa;EAAoB,CAAC;AAoBrE,QAAO;EACL;EACA,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB,aA5BkB,cAAc;GAChC,MAAM,aAAa;IACjB,QAAQ;IACR,MAAM;IACN,OAAO;IACR;GAGD,MAAMA,eAAuC,EAAE;AAC/C,UAAO,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AAChD,QAAI,MACF,cAAa,OAAO;KAEtB;AAEF,UAAO;IAAE,GAAG;IAAY,GAAG;IAAc;KACxC;GAAC;GAAa;GAAS;GAAa;GAAa,CAAC;EAanD;EACD"}

package/dist/ui/usecases/UseCaseCard.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime154 from "react/jsx-runtime";
+
+//#region ui/usecases/UseCaseCard.d.ts
+declare function UseCaseCard({
+  title,
+  summary,
+  ctaHref,
+  ctaLabel,
+  onCtaClick
+}: {
+  title: string;
+  summary?: string;
+  ctaHref?: string;
+  ctaLabel?: string;
+  onCtaClick?: () => void;
+}): react_jsx_runtime154.JSX.Element;
+//#endregion
+export { UseCaseCard };
+//# sourceMappingURL=UseCaseCard.d.ts.map

package/dist/ui/usecases/UseCaseCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseCaseCard.d.ts","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":[],"mappings":";;;iBAIgB,WAAA;;;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAW;EACzB,QAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CACA,CAAA,EASD,oBAAA,CAAA,GAAA,CAAA,OATC"}

package/dist/ui/usecases/UseCaseCard.js

@@ -0,0 +1,35 @@
+import { Button } from "../button.js";
+import { HStack, VStack } from "../stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/usecases/UseCaseCard.tsx
+function UseCaseCard({ title, summary, ctaHref, ctaLabel = "Learn more", onCtaClick }) {
+	return /* @__PURE__ */ jsxs(VStack, {
+		className: "rounded-lg border p-4",
+		gap: "sm",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "text-lg font-semibold",
+				children: title
+			}),
+			summary && /* @__PURE__ */ jsx("div", {
+				className: "text-muted-foreground text-base",
+				children: summary
+			}),
+			ctaHref && /* @__PURE__ */ jsx(HStack, { children: /* @__PURE__ */ jsx("a", {
+				href: ctaHref,
+				onClick: onCtaClick,
+				children: /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					variant: "outline",
+					children: ctaLabel
+				})
+			}) })
+		]
+	});
+}
+
+//#endregion
+export { UseCaseCard };
+//# sourceMappingURL=UseCaseCard.js.map

package/dist/ui/usecases/UseCaseCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseCaseCard.js","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack, HStack } from '../stack';\nimport { Button } from '../button';\n\nexport function UseCaseCard({\n  title,\n  summary,\n  ctaHref,\n  ctaLabel = 'Learn more',\n  onCtaClick,\n}: {\n  title: string;\n  summary?: string;\n  ctaHref?: string;\n  ctaLabel?: string;\n  onCtaClick?: () => void;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {summary && (\n        <div className=\"text-muted-foreground text-base\">{summary}</div>\n      )}\n      {ctaHref && (\n        <HStack>\n          <a href={ctaHref} onClick={onCtaClick}>\n            <Button size=\"sm\" variant=\"outline\">\n              {ctaLabel}\n            </Button>\n          </a>\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,YAAY,EAC1B,OACA,SACA,SACA,WAAW,cACX,cAOC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;GAEjE,WACC,oBAAC,oBACC,oBAAC;IAAE,MAAM;IAAS,SAAS;cACzB,oBAAC;KAAO,MAAK;KAAK,SAAQ;eACvB;MACM;KACP,GACG;;GAEJ"}

package/dist/ui/usecases/UserStoryCard.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime155 from "react/jsx-runtime";
+
+//#region ui/usecases/UserStoryCard.d.ts
+declare function UserStoryCard({
+  title,
+  body,
+  outcome
+}: {
+  title: string;
+  body?: string;
+  outcome?: string;
+}): react_jsx_runtime155.JSX.Element;
+//#endregion
+export { UserStoryCard };
+//# sourceMappingURL=UserStoryCard.d.ts.map

package/dist/ui/usecases/UserStoryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserStoryCard.d.ts","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":[],"mappings":";;;iBAGgB,aAAA;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAa;CAC3B,CAAA,EAOD,oBAAA,CAAA,GAAA,CAAA,OAPC"}