@sibipro/sprinkles-native 0.1.8

package/README.md

@@ -0,0 +1,101 @@
+# @sibipro/sprinkles-native
+
+A React Native component library with Tailwind-style theming via [Uniwind](https://github.com/nickshanks347/uniwind).
+
+## Install
+
+```bash
+pnpm add @sibipro/sprinkles-native
+```
+
+Peer dependencies: `react >= 18`, `react-native >= 0.74`, and optionally `uniwind >= 1.0.0`.
+
+## Components
+
+### Layout & Containers
+
+- **Card** — `variant: "default" | "outline"`
+- **Banner** — `variant: "info" | "warn" | "danger" | "success"`
+- **Separator** — horizontal or vertical divider
+- **EmptyState** — centered placeholder with title, description, icon, and action slot
+
+### Text & Typography
+
+- **Text** — `variant: "body" | "caption" | "label" | "heading"`, `size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl"`, `weight: "normal" | "medium" | "semibold" | "bold"`
+
+### Form Controls
+
+- **Input** — `variant: "default" | "search" | "ghost"`, `girth: "sm" | "md" | "lg"`
+- **InputWithExtras** — Input with leading/trailing adornments
+- **InputWithLabel** — Input with an attached label
+- **Checkbox** — custom checkbox with label and disabled state
+- **Switch** — toggle with `checked` / `onCheckedChange`
+- **Label** — semantic label wrapper
+
+### Buttons & Actions
+
+- **Button** — `variant: "primary" | "secondary" | "tertiary" | "tertiary-brand" | "tertiary-danger" | "danger" | "ghost" | "link"`, `size: "sm" | "md" | "lg"`
+- **Chip** — dismissible chip with optional `onDismiss`
+
+### Data Display
+
+- **Badge** — `variant: "default" | "brand" | "danger" | "success" | "warn" | "info" | "outline"`
+- **Avatar** — auto-generates initials from `name`, `size: "sm" | "md" | "lg" | "xl"`
+- **ProgressBar** — `value` / `max` progress indicator
+- **Skeleton** — animated loading placeholder
+
+## Usage
+
+```tsx
+import { Button, Card, Text, Badge } from "@sibipro/sprinkles-native"
+
+const Example = () => (
+  <Card variant="outline">
+    <Text variant="heading" size="lg">Order #1234</Text>
+    <Badge variant="success">Delivered</Badge>
+    <Button variant="primary" size="md" onPress={() => {}}>
+      View Details
+    </Button>
+  </Card>
+)
+```
+
+All components accept a `className` prop for Tailwind-style overrides (requires Uniwind):
+
+```tsx
+<Button className="mt-4 w-full" variant="primary">Submit</Button>
+```
+
+## Theming
+
+Import the global stylesheet in your app entry:
+
+```tsx
+import "@sibipro/sprinkles-native/styles.css"
+```
+
+This provides color tokens, font definitions, and light/dark mode support via CSS custom properties.
+
+### Color Palettes
+
+| Palette   | Usage                          |
+|-----------|--------------------------------|
+| Neutral   | Backgrounds, borders, text     |
+| Purple    | Brand / primary actions        |
+| Emerald   | Success states                 |
+| Amber     | Warnings                       |
+| Blue      | Informational                  |
+| Magenta   | Danger / destructive actions   |
+
+## Development
+
+```bash
+pnpm install
+pnpm build        # compile TypeScript to dist/
+pnpm test         # type-check with tsc --noEmit
+pnpm release      # bump patch, tag, and push
+```
+
+### Kitchen Sink
+
+An Expo app lives in `kitchen-sink/` for previewing components during development.

package/dist/components/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { type ViewProps } from 'react-native';
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends ViewProps {
+    name: string;
+    size?: AvatarSize;
+    className?: string;
+}
+export declare function Avatar({ name, size, className, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsBnD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAmBb"}

package/dist/components/Avatar.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+const sizeClasses = {
+    sm: 'h-8 w-8',
+    md: 'h-10 w-10',
+    lg: 'h-12 w-12',
+    xl: 'h-16 w-16',
+};
+const textSizeClasses = {
+    sm: 'text-xs',
+    md: 'text-sm',
+    lg: 'text-base',
+    xl: 'text-xl',
+};
+function getInitials(name) {
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 1)
+        return parts[0][0]?.toUpperCase() ?? '';
+    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+}
+export function Avatar({ name, size = 'md', className, ...props }) {
+    const initials = getInitials(name);
+    return (_jsx(View, { className: cn('rounded-full bg-brand-100 items-center justify-center', sizeClasses[size], className), accessibilityRole: "image", accessibilityLabel: name, ...props, children: _jsx(Text, { weight: "semibold", className: cn('text-brand-700', textSizeClasses[size]), children: initials }) }));
+}
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,WAAW,GAA+B;IAC9C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAC;AAEF,MAAM,eAAe,GAA+B;IAClD,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;CACd,CAAC;AAEF,SAAS,WAAW,CAAC,IAAY;IAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;IAChE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAClE,CAAC;AAQD,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,SAAS,EACT,GAAG,KAAK,EACI;IACZ,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,WAAW,CAAC,IAAI,CAAC,EACjB,SAAS,CACV,EACD,iBAAiB,EAAC,OAAO,EACzB,kBAAkB,EAAE,IAAI,KACpB,KAAK,YAET,KAAC,IAAI,IAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,YAC3E,QAAQ,GACJ,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export type BadgeVariant = 'default' | 'brand' | 'danger' | 'success' | 'warn' | 'info' | 'outline';
+export interface BadgeProps extends ViewProps {
+    variant?: BadgeVariant;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function Badge({ variant, className, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AAsBd,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,2CAwBZ"}

package/dist/components/Badge.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+const variantClasses = {
+    default: 'bg-background-tertiary',
+    brand: 'bg-brand-50 dark:bg-brand-900',
+    danger: 'bg-danger-50 dark:bg-danger-900',
+    success: 'bg-success-50 dark:bg-success-900',
+    warn: 'bg-warn-50 dark:bg-warn-900',
+    info: 'bg-info-50 dark:bg-info-900',
+    outline: 'border border-border',
+};
+const textClasses = {
+    default: 'text-foreground',
+    brand: 'text-brand-700',
+    danger: 'text-danger-700',
+    success: 'text-success-700',
+    warn: 'text-warn-700',
+    info: 'text-info-700',
+    outline: 'text-foreground',
+};
+export function Badge({ variant = 'default', className, children, ...props }) {
+    return (_jsx(View, { className: cn('rounded-lg py-1.5 px-2.5 flex-row items-center gap-1.5', variantClasses[variant], className), ...props, children: typeof children === 'string' ? (_jsx(Text, { size: "xs", weight: "semibold", className: textClasses[variant], numberOfLines: 1, children: children })) : (children) }));
+}
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAW9B,MAAM,cAAc,GAAiC;IACnD,OAAO,EAAE,wBAAwB;IACjC,KAAK,EAAE,+BAA+B;IACtC,MAAM,EAAE,iCAAiC;IACzC,OAAO,EAAE,mCAAmC;IAC5C,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,6BAA6B;IACnC,OAAO,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,WAAW,GAAiC;IAChD,OAAO,EAAE,iBAAiB;IAC1B,KAAK,EAAE,gBAAgB;IACvB,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,kBAAkB;IAC3B,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAQF,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,cAAc,CAAC,OAAO,CAAC,EACvB,SAAS,CACV,KACG,KAAK,YAER,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,aAAa,EAAE,CAAC,YAEf,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+export type BannerVariant = 'info' | 'warn' | 'danger' | 'success';
+export interface BannerProps extends ViewProps {
+    variant?: BannerVariant;
+    className?: string;
+}
+export declare function Banner({ variant, className, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AASnE,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAWb"}

package/dist/components/Banner.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+const variantClasses = {
+    info: 'bg-info-50 dark:bg-info-900',
+    warn: 'bg-warn-50 dark:bg-warn-900',
+    danger: 'bg-danger-50 dark:bg-danger-900',
+    success: 'bg-success-50 dark:bg-success-900',
+};
+export function Banner({ variant = 'info', className, ...props }) {
+    return (_jsx(View, { className: cn('rounded-2xl p-4 flex-row items-start gap-2.5', variantClasses[variant], className), ...props }));
+}
+//# sourceMappingURL=Banner.js.map

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../src/components/Banner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,cAAc,GAAkC;IACpD,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,6BAA6B;IACnC,MAAM,EAAE,iCAAiC;IACzC,OAAO,EAAE,mCAAmC;CAC7C,CAAC;AAOF,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,GAAG,KAAK,EACI;IACZ,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,cAAc,CAAC,OAAO,CAAC,EACvB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type PressableProps } from 'react-native';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'tertiary-brand' | 'tertiary-danger' | 'danger' | 'ghost' | 'link';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends Omit<PressableProps, 'children'> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare function Button({ variant, size, className, disabled, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAyC5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAqB,EACrB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAyBb"}

package/dist/components/Button.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+const variantClasses = {
+    primary: 'bg-button-primary',
+    secondary: 'bg-button-secondary border border-border',
+    tertiary: 'bg-transparent',
+    'tertiary-brand': 'bg-transparent',
+    'tertiary-danger': 'bg-transparent',
+    danger: 'bg-danger-500',
+    ghost: 'bg-transparent',
+    link: 'bg-transparent',
+};
+const pressedClasses = {
+    primary: 'bg-button-primary-hover',
+    secondary: 'bg-button-secondary-hover',
+    tertiary: 'bg-button-tertiary-hover',
+    'tertiary-brand': 'bg-brand-25',
+    'tertiary-danger': 'bg-danger-25',
+    danger: 'bg-danger-600',
+    ghost: 'bg-accent',
+    link: 'opacity-70',
+};
+const textClasses = {
+    primary: 'text-button-primary-foreground',
+    secondary: 'text-button-secondary-foreground',
+    tertiary: 'text-button-tertiary-foreground',
+    'tertiary-brand': 'text-brand-500',
+    'tertiary-danger': 'text-danger-500',
+    danger: 'text-white',
+    ghost: 'text-foreground',
+    link: 'text-brand-500 underline',
+};
+const sizeClasses = {
+    sm: 'h-8 px-3',
+    md: 'h-10 px-4',
+    lg: 'h-12 px-5',
+};
+export function Button({ variant = 'secondary', size = 'md', className, disabled, children, ...props }) {
+    return (_jsx(Pressable, { className: ({ pressed }) => cn('rounded-lg flex-row items-center justify-center gap-2', variantClasses[variant], sizeClasses[size], pressed && pressedClasses[variant], disabled && 'opacity-50', className), disabled: disabled, ...props, children: typeof children === 'string' ? (_jsx(Text, { size: "sm", weight: "bold", className: textClasses[variant], children: children })) : (children) }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAc9B,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,mBAAmB;IAC5B,SAAS,EAAE,0CAA0C;IACrD,QAAQ,EAAE,gBAAgB;IAC1B,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,gBAAgB;IACnC,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,gBAAgB;CACvB,CAAC;AAEF,MAAM,cAAc,GAAkC;IACpD,OAAO,EAAE,yBAAyB;IAClC,SAAS,EAAE,2BAA2B;IACtC,QAAQ,EAAE,0BAA0B;IACpC,gBAAgB,EAAE,aAAa;IAC/B,iBAAiB,EAAE,cAAc;IACjC,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,WAAW,GAAkC;IACjD,OAAO,EAAE,gCAAgC;IACzC,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,iCAAiC;IAC3C,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,0BAA0B;CACjC,CAAC;AAEF,MAAM,WAAW,GAA+B;IAC9C,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,WAAW;CAChB,CAAC;AASF,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,EAAE,CACA,uDAAuD,EACvD,cAAc,CAAC,OAAO,CAAC,EACvB,WAAW,CAAC,IAAI,CAAC,EACjB,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,EAClC,QAAQ,IAAI,YAAY,EACxB,SAAS,CACV,EAEH,QAAQ,EAAE,QAAQ,KACd,KAAK,YAER,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,YAC1D,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,GACS,CACb,CAAC;AACJ,CAAC"}

package/dist/components/Card.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+export type CardVariant = 'default' | 'outline';
+export interface CardProps extends ViewProps {
+    variant?: CardVariant;
+    className?: string;
+}
+export declare function Card({ variant, className, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,CAAC;AAOhD,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAOX"}

package/dist/components/Card.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+const variantClasses = {
+    default: 'bg-background shadow-md',
+    outline: 'bg-background border border-border',
+};
+export function Card({ variant = 'default', className, ...props }) {
+    return (_jsx(View, { className: cn('rounded-xl p-4', variantClasses[variant], className), ...props }));
+}
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAIjC,MAAM,cAAc,GAAgC;IAClD,OAAO,EAAE,yBAAyB;IAClC,OAAO,EAAE,oCAAoC;CAC9C,CAAC;AAOF,MAAM,UAAU,IAAI,CAAC,EACnB,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,9 @@
+export interface CheckboxProps {
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    className?: string;
+}
+export declare function Checkbox({ checked, onCheckedChange, disabled, label, className, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,aAAa,2CAuBf"}

package/dist/components/Checkbox.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, View } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+export function Checkbox({ checked = false, onCheckedChange, disabled, label, className, }) {
+    return (_jsxs(Pressable, { onPress: () => !disabled && onCheckedChange?.(!checked), className: cn('flex-row items-center gap-2', disabled && 'opacity-50', className), accessibilityRole: "checkbox", accessibilityState: { checked, disabled }, children: [_jsx(View, { className: cn('h-5 w-5 rounded border items-center justify-center', checked
+                    ? 'bg-brand-500 border-brand-500'
+                    : 'bg-background border-border'), children: checked && (_jsx(Text, { className: "text-white text-xs", children: "\u2713" })) }), label && _jsx(Text, { className: "text-foreground", children: label })] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAU9B,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,GACK;IACd,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,EACvD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,QAAQ,IAAI,YAAY,EAAE,SAAS,CAAC,EACjF,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAEzC,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,OAAO;oBACL,CAAC,CAAC,+BAA+B;oBACjC,CAAC,CAAC,6BAA6B,CAClC,YAEA,OAAO,IAAI,CACV,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,uBAAS,CAC9C,GACI,EACN,KAAK,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAQ,IAChD,CACb,CAAC;AACJ,CAAC"}

package/dist/components/Chip.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+export interface ChipProps extends ViewProps {
+    label: string;
+    onDismiss?: () => void;
+    className?: string;
+}
+export declare function Chip({ label, onDismiss, className, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/D,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CA0BxE"}

package/dist/components/Chip.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View, Pressable } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+export function Chip({ label, onDismiss, className, ...props }) {
+    return (_jsxs(View, { className: cn('h-7 rounded-full bg-background-tertiary px-2.5 flex-row items-center gap-1', className), ...props, children: [_jsx(Text, { size: "sm", className: "text-foreground", children: label }), onDismiss && (_jsx(Pressable, { onPress: onDismiss, className: "ml-0.5", accessibilityRole: "button", accessibilityLabel: `Remove ${label}`, children: _jsx(Text, { size: "sm", className: "text-foreground-label", children: "\u2715" }) }))] }));
+}
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAQ9B,MAAM,UAAU,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IACvE,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,KACG,KAAK,aAET,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,iBAAiB,YACxC,KAAK,GACD,EACN,SAAS,IAAI,CACZ,KAAC,SAAS,IACR,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,QAAQ,EAClB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,UAAU,KAAK,EAAE,YAErC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,uBAAuB,uBAE1C,GACG,CACb,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { type ViewProps } from 'react-native';
+export interface EmptyStateProps extends ViewProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    className?: string;
+}
+export declare function EmptyState({ title, description, icon, action, className, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAoBjB"}

package/dist/components/EmptyState.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+export function EmptyState({ title, description, icon, action, className, ...props }) {
+    return (_jsxs(View, { className: cn('items-center py-12 px-4 gap-3', className), ...props, children: [icon, _jsxs(View, { className: "items-center gap-1", children: [_jsx(Text, { variant: "heading", className: "text-2xl text-center", children: title }), description && (_jsx(Text, { className: "text-lg text-foreground text-center", children: description }))] }), action] }));
+}
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAU9B,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,aAER,IAAI,EACL,MAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,aAClC,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,sBAAsB,YACrD,KAAK,GACD,EACN,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,YAClD,WAAW,GACP,CACR,IACI,EACN,MAAM,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Input.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextInput, type TextInputProps } from 'react-native';
+export type InputVariant = 'default' | 'search' | 'ghost';
+export type InputGirth = 'sm' | 'md' | 'lg';
+export interface InputProps extends TextInputProps {
+    variant?: InputVariant;
+    girth?: InputGirth;
+    error?: boolean;
+    className?: string;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<TextInput>>;
+export interface InputWithExtrasProps extends InputProps {
+    before?: React.ReactNode;
+    after?: React.ReactNode;
+    containerClassName?: string;
+}
+export declare const InputWithExtras: React.ForwardRefExoticComponent<InputWithExtrasProps & React.RefAttributes<TextInput>>;
+export interface InputWithLabelProps extends InputProps {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    containerClassName?: string;
+}
+export declare const InputWithLabel: React.ForwardRefExoticComponent<InputWithLabelProps & React.RefAttributes<TextInput>>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,EACL,SAAS,EAGT,KAAK,cAAc,EAEpB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAc5C,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,8EAiBjB,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,eAAe,wFA8B3B,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,uFAyB1B,CAAC"}

package/dist/components/Input.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef } from 'react';
+import { TextInput, View, Pressable, } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+const variantClasses = {
+    default: 'border border-border bg-background',
+    search: 'border-0 bg-background-secondary',
+    ghost: 'border-0 bg-transparent',
+};
+const girthClasses = {
+    sm: 'h-8',
+    md: 'h-10',
+    lg: 'min-h-[48px] py-3',
+};
+export const Input = React.forwardRef(({ variant = 'default', girth = 'md', error, className, ...props }, ref) => {
+    return (_jsx(TextInput, { ref: ref, className: cn('w-full rounded-xl px-4 text-base text-foreground', variantClasses[variant], girthClasses[girth], error && 'border-2 border-danger-500', props.editable === false && 'opacity-60', className), ...props }));
+});
+export const InputWithExtras = React.forwardRef(({ before, after, containerClassName, variant = 'default', girth = 'md', error, className, ...props }, ref) => {
+    const innerRef = useRef(null);
+    const inputRef = ref ?? innerRef;
+    return (_jsx(Pressable, { onPress: () => inputRef.current?.focus(), children: _jsxs(View, { className: cn('flex-row items-center gap-1', variantClasses[variant], girthClasses[girth], 'rounded-xl px-4', error && 'border-2 border-danger-500', containerClassName), children: [before, _jsx(Input, { ref: inputRef, variant: "ghost", girth: girth, className: cn('flex-1 h-full px-0', className), ...props }), after] }) }));
+});
+export const InputWithLabel = React.forwardRef(({ label, description, errorMessage, containerClassName, error, ...props }, ref) => {
+    const hasError = error || !!errorMessage;
+    return (_jsxs(View, { className: cn('gap-1 w-full', containerClassName), children: [label && (_jsx(Text, { size: "sm", weight: "semibold", className: "text-foreground", children: label })), _jsx(Input, { ref: ref, error: hasError, ...props }), description && !errorMessage && (_jsx(Text, { size: "xs", className: "text-foreground-label", children: description })), errorMessage && (_jsx(Text, { size: "xs", weight: "semibold", className: "text-danger-700", children: errorMessage }))] }));
+});
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/Label.d.ts

@@ -0,0 +1,6 @@
+import { type TextProps } from 'react-native';
+export interface LabelProps extends TextProps {
+    className?: string;
+}
+export declare function Label({ className, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

package/dist/components/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAOxD"}

package/dist/components/Label.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text as RNText } from 'react-native';
+import { cn } from '../utils/cn';
+export function Label({ className, ...props }) {
+    return (_jsx(RNText, { className: cn('text-sm font-semibold text-foreground', className), ...props }));
+}
+//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAkB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAMjC,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc;IACvD,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,SAAS,CAAC,KAC7D,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,8 @@
+import { type ViewProps } from 'react-native';
+export interface ProgressBarProps extends ViewProps {
+    value: number;
+    max?: number;
+    className?: string;
+}
+export declare function ProgressBar({ value, max, className, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAgBlB"}

package/dist/components/ProgressBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+export function ProgressBar({ value, max = 100, className, ...props }) {
+    const percentage = Math.min(100, Math.max(0, (value / max) * 100));
+    return (_jsx(View, { className: cn('h-2 w-full rounded-full bg-background-tertiary', className), accessibilityRole: "progressbar", accessibilityValue: { min: 0, max, now: value }, ...props, children: _jsx(View, { className: "h-full rounded-full bg-brand-500", style: { width: `${percentage}%` } }) }));
+}
+//# sourceMappingURL=ProgressBar.js.map

package/dist/components/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAQjC,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,GAAG,GAAG,EACT,SAAS,EACT,GAAG,KAAK,EACS;IACjB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAEnE,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE,SAAS,CAAC,EAC1E,iBAAiB,EAAC,aAAa,EAC/B,kBAAkB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAC3C,KAAK,YAET,KAAC,IAAI,IACH,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,GAClC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Separator.d.ts

@@ -0,0 +1,7 @@
+import { type ViewProps } from 'react-native';
+export interface SeparatorProps extends ViewProps {
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+export declare function Separator({ orientation, className, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Separator.d.ts.map

package/dist/components/Separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,WAA0B,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,2CAWhB"}

package/dist/components/Separator.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { cn } from '../utils/cn';
+export function Separator({ orientation = 'horizontal', className, ...props }) {
+    return (_jsx(View, { className: cn('bg-border', orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full', className), ...props }));
+}
+//# sourceMappingURL=Separator.js.map

package/dist/components/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAOjC,MAAM,UAAU,SAAS,CAAC,EACxB,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,KAAK,EACO;IACf,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,WAAW,EACX,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,EAC5D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,6 @@
+import { type ViewProps } from 'react-native';
+export interface SkeletonProps extends ViewProps {
+    className?: string;
+}
+export declare function Skeleton({ className, style, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9D,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA6BrE"}

package/dist/components/Skeleton.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Animated } from 'react-native';
+import { cn } from '../utils/cn';
+export function Skeleton({ className, style, ...props }) {
+    const opacity = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        const animation = Animated.loop(Animated.sequence([
+            Animated.timing(opacity, {
+                toValue: 0.5,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+            Animated.timing(opacity, {
+                toValue: 1,
+                duration: 1000,
+                useNativeDriver: true,
+            }),
+        ]));
+        animation.start();
+        return () => animation.stop();
+    }, [opacity]);
+    return (_jsx(Animated.View, { className: cn('rounded-md bg-background-tertiary', className), style: [{ opacity }, style], ...props }));
+}
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAMjC,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB;IACpE,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAC7B,QAAQ,CAAC,QAAQ,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,IAAI;aACtB,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,IAAI;aACtB,CAAC;SACH,CAAC,CACH,CAAC;QACF,SAAS,CAAC,KAAK,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IACZ,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,EAC7D,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KACvB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}