@sibipro/sprinkles-native 0.1.8

package/dist/components/Switch.d.ts

@@ -0,0 +1,7 @@
+import { type SwitchProps as RNSwitchProps } from 'react-native';
+export interface SwitchProps extends RNSwitchProps {
+    checked?: boolean;
+    onCheckedChange?: (value: boolean) => void;
+}
+export declare function Switch({ checked, onCheckedChange, value, onValueChange, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,WAAW,IAAI,aAAa,EAClC,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WAAY,SAAQ,aAAa;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,GAAG,KAAK,EACT,EAAE,WAAW,2CAab"}

package/dist/components/Switch.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Switch as RNSwitch, } from 'react-native';
+import { palettes } from '../theming/color-palettes';
+export function Switch({ checked, onCheckedChange, value, onValueChange, ...props }) {
+    return (_jsx(RNSwitch, { value: checked ?? value, onValueChange: onCheckedChange ?? onValueChange, trackColor: {
+            false: palettes.neutral[300],
+            true: palettes.purple[500],
+        }, thumbColor: palettes.white, ...props }));
+}
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,MAAM,IAAI,QAAQ,GAEnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAOrD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,eAAe,EACf,KAAK,EACL,aAAa,EACb,GAAG,KAAK,EACI;IACZ,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAE,OAAO,IAAI,KAAK,EACvB,aAAa,EAAE,eAAe,IAAI,aAAa,EAC/C,UAAU,EAAE;YACV,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC;YAC5B,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;SAC3B,EACD,UAAU,EAAE,QAAQ,CAAC,KAAK,KACtB,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Text.d.ts

@@ -0,0 +1,12 @@
+import { type TextProps as RNTextProps } from 'react-native';
+export type TextVariant = 'body' | 'caption' | 'label' | 'heading';
+export type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
+export interface TextProps extends RNTextProps {
+    variant?: TextVariant;
+    size?: TextSize;
+    weight?: TextWeight;
+    className?: string;
+}
+export declare function Text({ variant, size, weight, className, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAG7E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AACnE,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAyBnE,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAgB,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CAYX"}

package/dist/components/Text.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text as RNText } from 'react-native';
+import { cn } from '../utils/cn';
+const variantClasses = {
+    body: 'text-base text-foreground',
+    caption: 'text-xs text-foreground-label',
+    label: 'text-sm text-foreground-label',
+    heading: 'text-lg font-bold text-foreground-heading',
+};
+const sizeClasses = {
+    xs: 'text-xs',
+    sm: 'text-sm',
+    md: 'text-base',
+    lg: 'text-lg',
+    xl: 'text-xl',
+    '2xl': 'text-2xl',
+};
+const weightClasses = {
+    normal: 'font-normal',
+    medium: 'font-medium',
+    semibold: 'font-semibold',
+    bold: 'font-bold',
+};
+export function Text({ variant = 'body', size, weight, className, ...props }) {
+    return (_jsx(RNText, { className: cn(variantClasses[variant], size && sizeClasses[size], weight && weightClasses[weight], className), ...props }));
+}
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAiC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAMjC,MAAM,cAAc,GAAgC;IAClD,IAAI,EAAE,2BAA2B;IACjC,OAAO,EAAE,+BAA+B;IACxC,KAAK,EAAE,+BAA+B;IACtC,OAAO,EAAE,2CAA2C;CACrD,CAAC;AAEF,MAAM,WAAW,GAA6B;IAC5C,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,WAAW;IACf,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,UAAU;CAClB,CAAC;AAEF,MAAM,aAAa,GAA+B;IAChD,MAAM,EAAE,aAAa;IACrB,MAAM,EAAE,aAAa;IACrB,QAAQ,EAAE,eAAe;IACzB,IAAI,EAAE,WAAW;CAClB,CAAC;AASF,MAAM,UAAU,IAAI,CAAC,EACnB,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CACX,cAAc,CAAC,OAAO,CAAC,EACvB,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,EACzB,MAAM,IAAI,aAAa,CAAC,MAAM,CAAC,EAC/B,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+export { Text } from './components/Text';
+export type { TextProps, TextVariant, TextSize, TextWeight } from './components/Text';
+export { Badge } from './components/Badge';
+export type { BadgeProps, BadgeVariant } from './components/Badge';
+export { Button } from './components/Button';
+export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
+export { Input, InputWithExtras, InputWithLabel } from './components/Input';
+export type { InputProps, InputWithExtrasProps, InputWithLabelProps, InputVariant, InputGirth } from './components/Input';
+export { Card } from './components/Card';
+export type { CardProps, CardVariant } from './components/Card';
+export { Banner } from './components/Banner';
+export type { BannerProps, BannerVariant } from './components/Banner';
+export { Separator } from './components/Separator';
+export type { SeparatorProps } from './components/Separator';
+export { Skeleton } from './components/Skeleton';
+export type { SkeletonProps } from './components/Skeleton';
+export { ProgressBar } from './components/ProgressBar';
+export type { ProgressBarProps } from './components/ProgressBar';
+export { Chip } from './components/Chip';
+export type { ChipProps } from './components/Chip';
+export { EmptyState } from './components/EmptyState';
+export type { EmptyStateProps } from './components/EmptyState';
+export { Avatar } from './components/Avatar';
+export type { AvatarProps, AvatarSize } from './components/Avatar';
+export { Switch } from './components/Switch';
+export type { SwitchProps } from './components/Switch';
+export { Checkbox } from './components/Checkbox';
+export type { CheckboxProps } from './components/Checkbox';
+export { Label } from './components/Label';
+export type { LabelProps } from './components/Label';
+export { cn } from './utils/cn';
+export { palettes } from './theming/color-palettes';
+export type { SprinklesTheme, SprinklesColorPalette, Tone } from './theming/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAElF,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC5E,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAE1H,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAGhC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/index.js

@@ -0,0 +1,21 @@
+// Components
+export { Text } from './components/Text';
+export { Badge } from './components/Badge';
+export { Button } from './components/Button';
+export { Input, InputWithExtras, InputWithLabel } from './components/Input';
+export { Card } from './components/Card';
+export { Banner } from './components/Banner';
+export { Separator } from './components/Separator';
+export { Skeleton } from './components/Skeleton';
+export { ProgressBar } from './components/ProgressBar';
+export { Chip } from './components/Chip';
+export { EmptyState } from './components/EmptyState';
+export { Avatar } from './components/Avatar';
+export { Switch } from './components/Switch';
+export { Checkbox } from './components/Checkbox';
+export { Label } from './components/Label';
+// Utilities
+export { cn } from './utils/cn';
+// Theming
+export { palettes } from './theming/color-palettes';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAG5E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,YAAY;AACZ,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC;AAEhC,UAAU;AACV,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/theming/color-palettes.d.ts

@@ -0,0 +1,82 @@
+export declare const palettes: {
+    white: string;
+    neutral: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    purple: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    magenta: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    emerald: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    amber: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    blue: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+};
+//# sourceMappingURL=color-palettes.d.ts.map

package/dist/theming/color-palettes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palettes.d.ts","sourceRoot":"","sources":["../../src/theming/color-palettes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFpB,CAAC"}

package/dist/theming/color-palettes.js

@@ -0,0 +1,82 @@
+export const palettes = {
+    white: '#ffffff',
+    neutral: {
+        25: '#fcfcff',
+        50: '#f8f9ff',
+        100: '#f1f5f9',
+        200: '#e2e8f0',
+        300: '#cbd5e1',
+        400: '#a9b6c9',
+        500: '#64748b',
+        600: '#475569',
+        700: '#334155',
+        800: '#1e293b',
+        900: '#0f172a',
+    },
+    purple: {
+        25: '#f0f1fd',
+        50: '#dddff9',
+        100: '#c1c4ee',
+        200: '#a2a6e5',
+        300: '#8388dd',
+        400: '#646bd4',
+        500: '#454dcc',
+        600: '#3a40aa',
+        700: '#2e3388',
+        800: '#232766',
+        900: '#171a44',
+    },
+    magenta: {
+        25: '#ffe7f1',
+        50: '#fbd5e5',
+        100: '#f9b9d4',
+        200: '#f696be',
+        300: '#f374a9',
+        400: '#f05193',
+        500: '#ef3f89',
+        600: '#cf4880',
+        700: '#a1285b',
+        800: '#791e44',
+        900: '#51142d',
+    },
+    emerald: {
+        25: '#e4f9f2',
+        50: '#d3f4e9',
+        100: '#b5ecda',
+        200: '#90e2c7',
+        300: '#6bd9b4',
+        400: '#46d0a2',
+        500: '#21c68f',
+        600: '#1ca577',
+        700: '#16845f',
+        800: '#106347',
+        900: '#0b4230',
+    },
+    amber: {
+        25: '#fff7eb',
+        50: '#fef1db',
+        100: '#fee7c2',
+        200: '#ffe1b1',
+        300: '#ffd797',
+        400: '#ffcd7d',
+        500: '#ffc363',
+        600: '#D29D49',
+        700: '#806131',
+        800: '#6C4B15',
+        900: '#554121',
+    },
+    blue: {
+        25: '#ebf2ff',
+        50: '#d8e6fd',
+        100: '#bed5fc',
+        200: '#9dc0fb',
+        300: '#7cacf9',
+        400: '#5c97f8',
+        500: '#3b82f6',
+        600: '#316ccd',
+        700: '#2757a4',
+        800: '#1d417b',
+        900: '#142b52',
+    },
+};
+//# sourceMappingURL=color-palettes.js.map

package/dist/theming/color-palettes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palettes.js","sourceRoot":"","sources":["../../src/theming/color-palettes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACL,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;CACF,CAAC"}

package/dist/theming/types.d.ts

@@ -0,0 +1,81 @@
+export interface SprinklesColorPalette {
+    DEFAULT: string;
+    background: {
+        DEFAULT: string;
+        hover: string;
+        alt: string;
+    };
+    foreground: {
+        DEFAULT: string;
+        heading: string;
+        label: string;
+        inverted: string;
+    };
+    outline: string;
+}
+export interface SprinklesTheme {
+    background: {
+        DEFAULT: string;
+        secondary: string;
+        tertiary: string;
+        quaternary: string;
+    };
+    foreground: {
+        DEFAULT: string;
+        heading: string;
+        label: string;
+    };
+    border: {
+        DEFAULT: string;
+        alt: string;
+        secondary: string;
+        tertiary: string;
+    };
+    popover: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    tooltip: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    toast: {
+        DEFAULT: string;
+        foreground: string;
+        danger: {
+            DEFAULT: string;
+            foreground: string;
+        };
+    };
+    actionbar: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    dialog: {
+        DEFAULT: string;
+        foreground: string;
+        backdrop: string;
+    };
+    ring: string;
+    shadow: string;
+    outline: string;
+    accent: {
+        DEFAULT: string;
+        foreground: string;
+    };
+    primary: SprinklesColorPalette;
+    brand: SprinklesColorPalette;
+    success: SprinklesColorPalette;
+    info: SprinklesColorPalette;
+    warn: SprinklesColorPalette;
+    danger: SprinklesColorPalette;
+    stock: {
+        available: string;
+        substitution: string;
+        unavailable: string;
+        unknown: string;
+    };
+}
+export declare const TONES: readonly [25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+export type Tone = (typeof TONES)[number];
+//# sourceMappingURL=types.d.ts.map

package/dist/theming/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,EAAE;QACV,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAC;YAChB,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;IACF,SAAS,EAAE;QACT,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,IAAI,EAAE,qBAAqB,CAAC;IAC5B,MAAM,EAAE,qBAAqB,CAAC;IAC9B,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH;AAED,eAAO,MAAM,KAAK,gEAAiE,CAAC;AACpF,MAAM,MAAM,IAAI,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/theming/types.js

@@ -0,0 +1,2 @@
+export const TONES = [25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+//# sourceMappingURL=types.js.map

package/dist/theming/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theming/types.ts"],"names":[],"mappings":"AAgFA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/cn.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './cn';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export { cn } from './cn';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@sibipro/sprinkles-native",
+  "version": "0.1.8",
+  "description": "React Native UI component library with Tailwind theming",
+  "type": "module",
+  "license": "MIT",
+  "packageManager": "pnpm@10.6.2",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src/styles",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "!src/**/*.test.*"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "source": "./src/index.ts"
+    },
+    "./styles.css": "./src/styles/global.css"
+  },
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "build": "tsc",
+    "test": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "release": "pnpm version patch --no-git-tag-version && git add package.json && git commit -m \"release: v$(node -p \"require('./package.json').version\")\" && git tag v$(node -p \"require('./package.json').version\") && git push && git push --tags"
+  },
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^2.6.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-native": "^0.73.0",
+    "typescript": "^5.7.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.74.0",
+    "uniwind": ">=1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "uniwind": {
+      "optional": true
+    }
+  }
+}

package/src/components/Avatar.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { View, type ViewProps } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+
+const sizeClasses: Record<AvatarSize, string> = {
+  sm: 'h-8 w-8',
+  md: 'h-10 w-10',
+  lg: 'h-12 w-12',
+  xl: 'h-16 w-16',
+};
+
+const textSizeClasses: Record<AvatarSize, string> = {
+  sm: 'text-xs',
+  md: 'text-sm',
+  lg: 'text-base',
+  xl: 'text-xl',
+};
+
+function getInitials(name: string): string {
+  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 interface AvatarProps extends ViewProps {
+  name: string;
+  size?: AvatarSize;
+  className?: string;
+}
+
+export function Avatar({
+  name,
+  size = 'md',
+  className,
+  ...props
+}: AvatarProps) {
+  const initials = getInitials(name);
+
+  return (
+    <View
+      className={cn(
+        'rounded-full bg-brand-100 items-center justify-center',
+        sizeClasses[size],
+        className,
+      )}
+      accessibilityRole="image"
+      accessibilityLabel={name}
+      {...props}
+    >
+      <Text weight="semibold" className={cn('text-brand-700', textSizeClasses[size])}>
+        {initials}
+      </Text>
+    </View>
+  );
+}

package/src/components/Badge.tsx

@@ -0,0 +1,70 @@
+import React from 'react';
+import { View, type ViewProps } from 'react-native';
+import { cn } from '../utils/cn';
+import { Text } from './Text';
+
+export type BadgeVariant =
+  | 'default'
+  | 'brand'
+  | 'danger'
+  | 'success'
+  | 'warn'
+  | 'info'
+  | 'outline';
+
+const variantClasses: Record<BadgeVariant, string> = {
+  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: Record<BadgeVariant, string> = {
+  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 interface BadgeProps extends ViewProps {
+  variant?: BadgeVariant;
+  className?: string;
+  children: React.ReactNode;
+}
+
+export function Badge({
+  variant = 'default',
+  className,
+  children,
+  ...props
+}: BadgeProps) {
+  return (
+    <View
+      className={cn(
+        'rounded-lg py-1.5 px-2.5 flex-row items-center gap-1.5',
+        variantClasses[variant],
+        className,
+      )}
+      {...props}
+    >
+      {typeof children === 'string' ? (
+        <Text
+          size="xs"
+          weight="semibold"
+          className={textClasses[variant]}
+          numberOfLines={1}
+        >
+          {children}
+        </Text>
+      ) : (
+        children
+      )}
+    </View>
+  );
+}