@frosted-ui/react-native 0.0.1-canary.93 → 0.0.1-canary.95

package/README.md

@@ -61,7 +61,7 @@ import { ThemeProvider, useTheme } from '@frosted-ui/react-native';
 
 function MyComponent() {
   const { colorScheme, toggleColorScheme } = useTheme();
-  
+
   return (
     <Button onPress={toggleColorScheme}>
       <Text>Current theme: {colorScheme}</Text>
@@ -87,12 +87,10 @@ import { useThemeTokens } from '@frosted-ui/react-native';
 
 function MyComponent() {
   const { colors, isDark } = useThemeTokens();
-  
+
   return (
     <View style={{ backgroundColor: colors.background }}>
-      <Text style={{ color: colors.palettes.gray['12'] }}>
-        Hello World
-      </Text>
+      <Text style={{ color: colors.palettes.gray['12'] }}>Hello World</Text>
     </View>
   );
 }
@@ -142,6 +140,21 @@ This library includes a comprehensive set of UI components:
 
 This library uses React Native's built-in styling system with a comprehensive design system. All components support light and dark mode out of the box, and include multiple color palettes (28+ accent colors) and variants.
 
+## AI/LLM Documentation
+
+This package includes comprehensive documentation designed for AI agents and LLMs to generate code using Frosted UI. When installed, the docs are available at:
+
+```
+node_modules/@frosted-ui/react-native/docs/llm/
+├── README.md           # Overview and quick reference
+├── COLOR_SYSTEM.md     # Color palettes, shades, variants, accessibility
+├── TYPOGRAPHY.md       # Typography scale, font weights, components
+├── COMPONENTS.md       # Full component API reference
+└── DESIGN_PATTERNS.md  # UX patterns, layout composition, visual design
+```
+
+AI agents should read these files to understand how to properly use the design system when generating React Native applications.
+
 ## License
 
 MIT

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,qBAoGlF;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,WAAW,6DAA8D,CAAC;AAChF,QAAA,MAAM,YAAY,+BAAgC,CAAC;AAEnD,KAAK,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAKjD,iBAAS,aAAa,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAuB/C;AAiBD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAU,EAAE,KAAgB,EAAE,KAAK,EAAE,EAAE,WAAW,qBAqGlF;AAED,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/avatar.js

@@ -108,6 +108,7 @@ function Avatar({ src, fallback, size = '3', shape = 'circle', color }) {
     };
     const textStyle = {
         fontSize,
+        lineHeight: fontSize * 1.1, // Must set lineHeight to match fontSize, otherwise Text's default lineHeight clips large text
         fontWeight: '500',
         color: palette.a11,
         textTransform: 'uppercase',

package/dist/components/avatar.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3B,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,OAAgB,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAiF3F;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAGzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,KAAK,SAAS,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3B,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,OAAgB,EAAE,IAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAmF3F;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/badge.js

@@ -23,11 +23,13 @@ function Badge({ variant = 'soft', size = '1', color, style, asChild, ...props }
             height: 20,
             paddingHorizontal: 8,
             borderRadius: 6,
+            gap: 4,
         }
         : {
             height: 28,
             paddingHorizontal: 12,
             borderRadius: 8,
+            gap: 6,
         };
     // Variant-specific background / border colors
     let variantStyle = {};

package/dist/components/badge.js.map

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

package/dist/components/button.js

@@ -3,7 +3,7 @@ import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getB
 import { useThemeTokens } from '../lib/use-theme-tokens';
 import * as React from 'react';
 import { Platform, Pressable } from 'react-native';
-function Button({ variant = 'surface', size = '2', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
+function Button({ variant = 'surface', size = '3', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
     const { colors } = useThemeTokens();
     const [pressed, setPressed] = React.useState(false);
     const [hovered, setHovered] = React.useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,SAAS,GAAG,SAAS,GACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAwChE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAEpE,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,SAAS,GAAG,SAAS,GACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC1B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEJ,iBAAS,IAAI,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAyChE;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/card.js

@@ -6,12 +6,13 @@ function Card({ variant = 'surface', style, ...props }) {
     const baseStyle = {
         padding: 16,
         borderRadius: 16,
+        overflow: 'hidden',
     };
     let variantStyle = {};
     switch (variant) {
         case 'soft':
             variantStyle = {
-                backgroundColor: gray.a3,
+                backgroundColor: gray.a2,
             };
             break;
         case 'surface':

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AASpE,SAAS,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,SAAS,GAAc;QAC3B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;KACjB,CAAC;IAEF,IAAI,YAAY,GAAc,EAAE,CAAC;IAEjC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,YAAY,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,EAAE;aACzB,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,YAAY,GAAG;gBACb,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,CAAC;aACb,CAAC;YACF,MAAM;QACR,KAAK,OAAO;YACV,YAAY;YACZ,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,YAAY;KAChB,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAC;AASpE,SAAS,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,MAAM,SAAS,GAAc;QAC3B,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,IAAI,YAAY,GAAc,EAAE,CAAC;IAEjC,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,YAAY,GAAG;gBACb,eAAe,EAAE,IAAI,CAAC,EAAE;aACzB,CAAC;YACF,MAAM;QACR,KAAK,SAAS;YACZ,YAAY,GAAG;gBACb,eAAe,EAAE,MAAM,CAAC,UAAU;gBAClC,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,MAAM,CAAC,MAAM;gBAC1B,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;gBACf,SAAS,EAAE,CAAC;aACb,CAAC;YACF,MAAM;QACR,KAAK,OAAO;YACV,YAAY;YACZ,MAAM;IACV,CAAC;IAED,MAAM,aAAa,GAAc;QAC/B,GAAG,SAAS;QACZ,GAAG,YAAY;KAChB,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC5D,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/circular-progress.d.ts

@@ -0,0 +1,21 @@
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type ViewProps } from 'react-native';
+type CircularProgressSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
+type CircularProgressProps = ViewProps & {
+    /** Size of the circular progress indicator */
+    size?: CircularProgressSize;
+    /** Color theme for the progress indicator */
+    color?: Color;
+    /** Current progress value */
+    value?: number;
+    /** Maximum progress value */
+    max?: number;
+};
+declare function CircularProgress({ size, color, value, max, style, ...props }: CircularProgressProps): React.JSX.Element;
+declare namespace CircularProgress {
+    var displayName: string;
+}
+export { CircularProgress };
+export type { CircularProgressProps, CircularProgressSize };
+//# sourceMappingURL=circular-progress.d.ts.map

package/dist/components/circular-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../src/components/circular-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAOpE,KAAK,oBAAoB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhF,KAAK,qBAAqB,GAAG,SAAS,GAAG;IACvC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAsCF,iBAAS,gBAAgB,CAAC,EACxB,IAAU,EACV,KAAK,EACL,KAAS,EACT,GAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,qBAAqB,qBAqFvB;kBA5FQ,gBAAgB;;;AAgGzB,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/circular-progress.js

@@ -0,0 +1,78 @@
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { View } from 'react-native';
+import Svg, { Circle } from 'react-native-svg';
+function getSizeConfig(size) {
+    switch (size) {
+        case '1':
+            return { diameter: 16, strokeWidth: 3 };
+        case '2':
+            return { diameter: 20, strokeWidth: 4 };
+        case '3':
+            return { diameter: 24, strokeWidth: 5 };
+        case '4':
+            return { diameter: 32, strokeWidth: 5 };
+        case '5':
+            return { diameter: 40, strokeWidth: 6 };
+        case '6':
+            return { diameter: 48, strokeWidth: 7 };
+        case '7':
+            return { diameter: 56, strokeWidth: 8 };
+        case '8':
+            return { diameter: 64, strokeWidth: 9 };
+        case '9':
+            return { diameter: 72, strokeWidth: 10 };
+    }
+}
+// ============================================================================
+// Component
+// ============================================================================
+function CircularProgress({ size = '3', color, value = 0, max = 100, style, ...props }) {
+    const { colors } = useThemeTokens();
+    // Get size configuration
+    const { diameter, strokeWidth } = getSizeConfig(size);
+    // Calculate SVG geometry
+    const radius = (diameter - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const center = diameter / 2;
+    // Calculate progress (0 to 1)
+    const progress = Math.max(0, Math.min((value || 0) / max, 1));
+    // Round caps add visual length beyond the arc endpoints
+    // Each cap extends by strokeWidth/2, total extension = strokeWidth
+    const capArcLength = strokeWidth / 2;
+    const totalCapArc = strokeWidth;
+    // Calculate the arc to draw (reduced to account for cap visual extension)
+    // Minimum arc ensures at least a dot (rounded cap) is visible when progress > 0
+    const targetVisualArc = progress * circumference;
+    const compensatedArc = targetVisualArc - totalCapArc;
+    const minArc = progress > 0 ? 0.1 : 0;
+    const actualArcToDraw = Math.max(minArc, compensatedArc);
+    // Stroke dash offset (how much of the circumference to hide)
+    const strokeDashoffset = circumference - actualArcToDraw;
+    // Rotate to position start cap's outer edge at 12 o'clock
+    const capAngle = (capArcLength / circumference) * 360;
+    const rotation = -90 + capAngle;
+    // Get colors
+    const gray = colors.palettes.gray;
+    const palette = colors.palettes[color ?? 'accent'] ?? gray;
+    // Track color (background circle) - uses alpha variant
+    const trackColor = palette.a3;
+    // Indicator color
+    const indicatorColor = palette['9'];
+    const containerStyle = {
+        width: diameter,
+        height: diameter,
+    };
+    return (<View role="progressbar" aria-valuemin={0} aria-valuemax={max} aria-valuenow={value} style={[containerStyle, style]} {...props}>
+      <Svg width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`}>
+        {/* Track (background circle) */}
+        <Circle cx={center} cy={center} r={radius} stroke={trackColor} strokeWidth={strokeWidth} fill="none"/>
+
+        {/* Progress indicator */}
+        {progress > 0 && (<Circle cx={center} cy={center} r={radius} stroke={indicatorColor} strokeWidth={strokeWidth} fill="none" strokeDasharray={progress >= 1 ? undefined : circumference} strokeDashoffset={progress >= 1 ? undefined : strokeDashoffset} strokeLinecap={progress >= 1 ? 'butt' : 'round'} transform={progress >= 1 ? undefined : `rotate(${rotation} ${center} ${center})`}/>)}
+      </Svg>
+    </View>);
+}
+CircularProgress.displayName = 'CircularProgress';
+export { CircularProgress };
+//# sourceMappingURL=circular-progress.js.map

package/dist/components/circular-progress.js.map

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

package/dist/components/heading.d.ts

@@ -1,13 +1,13 @@
 import { Text } from '../components/text';
 import { themeTokens } from '../lib/theme-tokens';
-import type { AccentColor } from '../lib/types';
+import type { Color } from '../lib/types';
 import type * as React from 'react';
 type HeadingSize = keyof typeof themeTokens.typography;
 type HeadingWeight = keyof typeof themeTokens.fontWeights;
 type HeadingProps = Omit<React.ComponentProps<typeof Text>, 'variant' | 'color'> & {
     size?: HeadingSize;
     weight?: HeadingWeight;
-    color?: AccentColor;
+    color?: Color;
 };
 declare function Heading({ size, weight, color, role: roleProp, ...props }: HeadingProps): React.JSX.Element;
 export { Heading };

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACvD,KAAK,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AAE1D,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,IAAU,EAAE,MAAe,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAI9F;AAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACvD,KAAK,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AAE1D,KAAK,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,IAAU,EAAE,MAAe,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAI9F;AAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/icon-button.js

@@ -3,7 +3,7 @@ import { getButtonFocusStyle, getButtonPressedFilter, getButtonShadowStyle, getB
 import { useThemeTokens } from '../lib/use-theme-tokens';
 import * as React from 'react';
 import { Platform, Pressable } from 'react-native';
-function IconButton({ variant = 'surface', size = '2', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
+function IconButton({ variant = 'surface', size = '3', color, style, disabled, children, onPressIn, onPressOut, onFocus, onBlur, onHoverIn, onHoverOut, ...pressableProps }) {
     const { colors } = useThemeTokens();
     const [pressed, setPressed] = React.useState(false);
     const [hovered, setHovered] = React.useState(false);

package/dist/components/index.d.ts

@@ -1,12 +1,15 @@
 export * from './aspect-ratio';
 export * from './heading';
+export * from './link';
 export * from './text';
 export * from './code';
 export * from './checkbox';
+export * from './circular-progress';
 export * from './label';
 export * from './progress';
 export * from './radio-group';
 export * from './select';
+export * from './slider';
 export * from './switch';
 export * from './text-area';
 export * from './text-field';
@@ -25,6 +28,7 @@ export * from './callout';
 export * from './card';
 export * from './icon';
 export * from './icon-button';
+export * from './list';
 export * from './segmented-control';
 export * from './separator';
 export * from './skeleton';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAI/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAIvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAI7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAI1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,gBAAgB,CAAC;AAI/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,QAAQ,CAAC;AAIvB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAI7B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAI1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/components/index.js

@@ -4,6 +4,7 @@ export * from './aspect-ratio';
 // TYPOGRAPHY
 //------------------------------------------------------------------------------
 export * from './heading';
+export * from './link';
 export * from './text';
 // FORMATTING
 //------------------------------------------------------------------------------
@@ -11,10 +12,12 @@ export * from './code';
 // FORMS
 //------------------------------------------------------------------------------
 export * from './checkbox';
+export * from './circular-progress';
 export * from './label';
 export * from './progress';
 export * from './radio-group';
 export * from './select';
+export * from './slider';
 export * from './switch';
 export * from './text-area';
 export * from './text-field';
@@ -37,6 +40,7 @@ export * from './callout';
 export * from './card';
 export * from './icon';
 export * from './icon-button';
+export * from './list';
 export * from './segmented-control';
 export * from './separator';
 export * from './skeleton';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,gFAAgF;AAChF,cAAc,gBAAgB,CAAC;AAE/B,aAAa;AACb,gFAAgF;AAChF,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AAEvB,aAAa;AACb,gFAAgF;AAChF,cAAc,QAAQ,CAAC;AAEvB,QAAQ;AACR,gFAAgF;AAChF,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,gFAAgF;AAChF,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,aAAa;AACb,gFAAgF;AAChF,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,SAAS;AACT,gFAAgF;AAChF,cAAc,gBAAgB,CAAC;AAE/B,aAAa;AACb,gFAAgF;AAChF,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AAEvB,aAAa;AACb,gFAAgF;AAChF,cAAc,QAAQ,CAAC;AAEvB,QAAQ;AACR,gFAAgF;AAChF,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAE7B,WAAW;AACX,gFAAgF;AAChF,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAE1B,aAAa;AACb,gFAAgF;AAChF,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

package/dist/components/link.d.ts

@@ -0,0 +1,19 @@
+import { themeTokens } from '../lib/theme-tokens';
+import type { Color } from '../lib/types';
+import * as React from 'react';
+import { type TextProps as RNTextProps, type TextStyle } from 'react-native';
+type LinkSize = keyof typeof themeTokens.typography;
+type LinkWeight = keyof typeof themeTokens.fontWeights;
+type LinkUnderline = 'auto' | 'hover' | 'always';
+type LinkProps = Omit<RNTextProps, 'style'> & {
+    size?: LinkSize;
+    weight?: LinkWeight;
+    color?: Color;
+    underline?: LinkUnderline;
+    disabled?: boolean;
+    style?: TextStyle;
+};
+declare function Link({ size, weight, color, underline, children, style, disabled, onPress, onPressIn, onPressOut, ...textProps }: LinkProps): React.JSX.Element;
+export { Link };
+export type { LinkProps, LinkSize, LinkUnderline };
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,IAAI,WAAW,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,KAAK,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC,UAAU,CAAC;AACpD,KAAK,UAAU,GAAG,MAAM,OAAO,WAAW,CAAC,WAAW,CAAC;AACvD,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,KAAK,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,IAAI,CAAC,EACZ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAkB,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,qBA6FX;AAED,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/link.js

@@ -0,0 +1,68 @@
+import { TextStyleContext } from '../components/text';
+import { useThemeTokens } from '../lib/use-theme-tokens';
+import * as React from 'react';
+import { Platform, Text as RNText, } from 'react-native';
+function Link({ size, weight, color, underline = 'auto', children, style, disabled, onPress, onPressIn, onPressOut, ...textProps }) {
+    const { colors, typography, fontWeights } = useThemeTokens();
+    const textStyleContext = React.useContext(TextStyleContext);
+    const [hovered, setHovered] = React.useState(false);
+    const [pressed, setPressed] = React.useState(false);
+    // Inherit size from context, fallback to '3'
+    const effectiveSize = size ?? textStyleContext?.size ?? '3';
+    const effectiveWeight = weight ?? textStyleContext?.weight;
+    // Resolve color palette - default to accent
+    const palette = colors.palettes[color ?? 'accent'] ?? colors.palettes.accent;
+    const gray = colors.palettes.gray;
+    // Text color: accent a11 by default
+    const textColor = palette.a11;
+    // Underline color: mix of accent and gray (approximating the CSS color-mix)
+    const underlineColor = palette.a7;
+    // Typography
+    const typo = typography[effectiveSize];
+    const fontWeightValue = effectiveWeight ? fontWeights[effectiveWeight] : undefined;
+    // Determine if underline should show
+    // - 'always': always show
+    // - 'auto'/'hover': show on hover (web) or press (mobile)
+    const isInteracting = hovered || pressed;
+    const showUnderline = underline === 'always' || ((underline === 'auto' || underline === 'hover') && isInteracting);
+    const textStyle = {
+        fontSize: typo.fontSize,
+        lineHeight: typo.lineHeight,
+        letterSpacing: typo.letterSpacing,
+        color: disabled ? gray.a8 : textColor,
+        ...(fontWeightValue ? { fontWeight: fontWeightValue } : {}),
+        ...(showUnderline
+            ? {
+                textDecorationLine: 'underline',
+                textDecorationColor: underlineColor,
+                textDecorationStyle: 'solid',
+            }
+            : {}),
+        ...style,
+    };
+    const handlePressIn = React.useCallback((e) => {
+        setPressed(true);
+        onPressIn?.(e);
+    }, [onPressIn]);
+    const handlePressOut = React.useCallback((e) => {
+        setPressed(false);
+        onPressOut?.(e);
+    }, [onPressOut]);
+    const handlePress = React.useCallback((e) => {
+        if (!disabled) {
+            onPress?.(e);
+        }
+    }, [disabled, onPress]);
+    // Web-specific hover handlers
+    const webProps = Platform.OS === 'web'
+        ? {
+            onMouseEnter: () => setHovered(true),
+            onMouseLeave: () => setHovered(false),
+        }
+        : {};
+    return (<RNText style={textStyle} onPress={handlePress} onPressIn={handlePressIn} onPressOut={handlePressOut} suppressHighlighting {...webProps} {...textProps}>
+      {children}
+    </RNText>);
+}
+export { Link };
+//# sourceMappingURL=link.js.map

package/dist/components/link.js.map

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

package/dist/components/list.d.ts

@@ -0,0 +1,37 @@
+import { type CardVariant } from '../components/card';
+import * as React from 'react';
+import { type PressableProps, type TextProps, type TextStyle, type ViewProps, type ViewStyle } from 'react-native';
+type ListRootProps = ViewProps & {
+    variant?: CardVariant;
+};
+declare function ListRoot({ variant, style, children, ...props }: ListRootProps): React.JSX.Element;
+type ListItemProps = Omit<PressableProps, 'style'> & {
+    style?: ViewStyle;
+};
+declare function ListItem({ children, onPress, disabled, style, ...props }: ListItemProps): React.JSX.Element;
+type ListItemSlotProps = ViewProps;
+declare function ListItemSlot({ children, style, ...props }: ListItemSlotProps): React.JSX.Element;
+type ListItemContentProps = ViewProps;
+declare function ListItemContent({ children, style, ...props }: ListItemContentProps): React.JSX.Element;
+type ListItemTitleProps = Omit<TextProps, 'style'> & {
+    style?: TextStyle;
+};
+declare function ListItemTitle({ children, style, ...props }: ListItemTitleProps): React.JSX.Element;
+type ListItemDescriptionProps = Omit<TextProps, 'style'> & {
+    style?: TextStyle;
+};
+declare function ListItemDescription({ children, style, ...props }: ListItemDescriptionProps): React.JSX.Element;
+type ListSeparatorProps = ViewProps;
+declare function ListSeparator({ style, ...props }: ListSeparatorProps): React.JSX.Element;
+declare const List: {
+    Root: typeof ListRoot;
+    Item: typeof ListItem;
+    ItemSlot: typeof ListItemSlot;
+    ItemContent: typeof ListItemContent;
+    ItemTitle: typeof ListItemTitle;
+    ItemDescription: typeof ListItemDescription;
+    Separator: typeof ListSeparator;
+};
+export { List };
+export type { ListItemContentProps, ListItemDescriptionProps, ListItemProps, ListItemSlotProps, ListItemTitleProps, ListRootProps, ListSeparatorProps, };
+//# sourceMappingURL=list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/components/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,KAAK,aAAa,GAAG,SAAS,GAAG;IAC/B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,OAAmB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAMlF;AAMD,KAAK,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAyChF;AAMD,KAAK,iBAAiB,GAAG,SAAS,CAAC;AAEnC,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAkBrE;AAMD,KAAK,oBAAoB,GAAG,SAAS,CAAC;AAEtC,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAY3E;AAMD,KAAK,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAiBvE;AAMD,KAAK,wBAAwB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,qBAgBnF;AAMD,KAAK,kBAAkB,GAAG,SAAS,CAAC;AAEpC,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAS7D;AAMD,QAAA,MAAM,IAAI;;;;;;;;CAQT,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EACV,oBAAoB,EACpB,wBAAwB,EACxB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAC"}