@12min/ds 0.1.0 → 1.0.0

package/dist/index.native.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/context/ThemeProvider.tsx","../src/components/Button/Button.native.tsx","../src/components/Button/Button.styles.ts","../src/components/Chip/Chip.native.tsx","../src/components/Chip/Chip.styles.ts","../src/components/Alert/Alert.native.tsx","../src/components/Alert/Alert.styles.ts","../src/components/ProgressBar/ProgressBar.native.tsx","../src/components/ProgressBar/ProgressBar.styles.ts","../src/components/Input/Input.native.tsx","../src/components/Input/Input.styles.ts","../src/components/Checkbox/Checkbox.native.tsx","../src/components/Checkbox/Checkbox.styles.ts","../src/components/RadioItem/RadioItem.native.tsx","../src/components/RadioItem/RadioItem.styles.ts","../src/components/RadioGroup/RadioGroup.native.tsx","../src/components/ActionItem/ActionItem.native.tsx","../src/components/ActionItem/ActionItem.styles.ts","../src/components/Stepper/Stepper.native.tsx","../src/components/Stepper/Stepper.styles.ts","../src/components/RatingScale/RatingScale.native.tsx"],"sourcesContent":["import { createContext, useContext, useMemo } from 'react'\nimport { lightTheme } from '../themes/lightTheme'\nimport { darkTheme } from '../themes/darkTheme'\nimport type { Theme } from '../themes/types'\n\ntype DSThemeCtx = { theme: Theme; colorScheme: 'light' | 'dark' }\n\nconst DSThemeContext = createContext<DSThemeCtx>({ theme: lightTheme, colorScheme: 'light' })\n\nexport function DSThemeProvider({\n  colorScheme = 'light',\n  children,\n}: {\n  colorScheme?: 'light' | 'dark'\n  children: React.ReactNode\n}) {\n  const value = useMemo<DSThemeCtx>(\n    () => ({ theme: colorScheme === 'dark' ? darkTheme : lightTheme, colorScheme }),\n    [colorScheme]\n  )\n  return <DSThemeContext.Provider value={value}>{children}</DSThemeContext.Provider>\n}\n\nexport function useTheme(): DSThemeCtx {\n  return useContext(DSThemeContext)\n}\n","import { Pressable, Text, StyleSheet, type PressableProps } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { buttonTokens } from './Button.styles'\n\ntype ButtonVariant = 'primary' | 'secondary' | 'ghost'\ntype ButtonSize = 'sm' | 'md' | 'lg'\n\ntype ButtonProps = {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  children: React.ReactNode\n  onPress?: PressableProps['onPress']\n}\n\nexport function Button({ variant = 'primary', size = 'md', disabled = false, children, onPress }: ButtonProps) {\n  const { theme } = useTheme()\n  const { sizes, borderRadius } = buttonTokens\n\n  const sizeStyle = sizes[size]\n\n  const bgColor =\n    disabled\n      ? theme.surfaceDisabled\n      : variant === 'primary'\n        ? theme.primary\n        : variant === 'secondary'\n          ? theme.surface\n          : 'transparent'\n\n  const textColor =\n    variant === 'primary'\n      ? theme.textInverse\n      : variant === 'secondary'\n        ? theme.onBackground\n        : theme.primary\n\n  return (\n    <Pressable\n      onPress={disabled ? undefined : onPress}\n      style={({ pressed }) => [\n        styles.base,\n        {\n          height: sizeStyle.height,\n          paddingHorizontal: sizeStyle.paddingHorizontal,\n          borderRadius,\n          backgroundColor: bgColor,\n          opacity: disabled ? 0.5 : pressed ? 0.85 : 1,\n        },\n      ]}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled }}\n    >\n      <Text style={[styles.label, { fontSize: sizeStyle.fontSize, color: textColor }]}>\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },\n  label: { fontWeight: '600' },\n})\n","export const buttonTokens = {\n  sizes: {\n    sm: { height: 36, paddingHorizontal: 14, fontSize: 14 },\n    md: { height: 48, paddingHorizontal: 16, fontSize: 16 },\n    lg: { height: 56, paddingHorizontal: 24, fontSize: 18 },\n  },\n  borderRadius: 9999,\n}\n","import { Pressable, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { chipTokens } from './Chip.styles'\n\ntype ChipProps = {\n  children: React.ReactNode\n  checked?: boolean\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Chip({ children, checked = false, onPress, style }: ChipProps) {\n  const { theme } = useTheme()\n  const { size, borderRadius } = chipTokens\n\n  const bg = checked ? theme.primary : theme.surface\n  const textColor = checked ? theme.textInverse : theme.onBackground\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.base,\n        { height: size.height, paddingHorizontal: size.paddingHorizontal, borderRadius, backgroundColor: bg, opacity: pressed ? 0.85 : 1 },\n        style,\n      ]}\n      accessibilityRole=\"button\"\n    >\n      <Text style={{ fontSize: size.fontSize, color: textColor, fontWeight: checked ? '600' : '500' }}>\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },\n})\n","export const chipTokens = {\n  size: { height: 48, paddingHorizontal: 16, fontSize: 14 },\n  borderRadius: 56,\n}\n","import { View, Text, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { alertTokens } from './Alert.styles'\n\ntype AlertVariant = 'success' | 'info'\n\ntype AlertProps = {\n  variant?: AlertVariant\n  title: string\n  description?: string\n}\n\nexport function Alert({ variant = 'info', title, description }: AlertProps) {\n  const { theme } = useTheme()\n  const { padding, borderRadius } = alertTokens\n\n  const bg = variant === 'success' ? theme.successBg : theme.surface\n\n  return (\n    <View style={[styles.container, { backgroundColor: bg, padding, borderColor: theme.border }]}>\n      <Text style={[styles.title, { color: theme.onBackground }]}>{title}</Text>\n      {description && (\n        <Text style={[styles.description, { color: theme.muted }]}>{description}</Text>\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    borderWidth: 1,\n    borderTopLeftRadius: 32,\n    borderTopRightRadius: 32,\n    borderBottomRightRadius: 32,\n    borderBottomLeftRadius: 0,\n  },\n  title: { fontWeight: '600', fontSize: 16, lineHeight: 22 },\n  description: { fontWeight: '500', fontSize: 14, lineHeight: 21, marginTop: 12 },\n})\n","export const alertTokens = {\n  padding: 20,\n  borderRadius: 32,\n}\n","import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { progressBarTokens } from './ProgressBar.styles'\n\ntype ProgressBarProps = {\n  value: number\n}\n\nexport function ProgressBar({ value }: ProgressBarProps) {\n  const { theme } = useTheme()\n  const { height, borderRadius, fillBorderRadius } = progressBarTokens\n  const pct = Math.min(100, Math.max(0, value))\n\n  return (\n    <View\n      style={[styles.track, { height, borderRadius, backgroundColor: theme.border }]}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{ min: 0, max: 100, now: pct }}\n    >\n      <View style={{ height, width: `${pct}%`, borderRadius: fillBorderRadius, backgroundColor: theme.primary }} />\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  track: { width: '100%', overflow: 'hidden' },\n})\n","export const progressBarTokens = {\n  height: 8,\n  borderRadius: 999,\n  fillBorderRadius: 24,\n}\n","import { useState } from 'react'\nimport { View, TextInput, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { inputTokens } from './Input.styles'\n\ntype InputState = 'default' | 'filled' | 'error' | 'disabled'\n\ntype InputProps = {\n  value?: string\n  placeholder?: string\n  state?: InputState\n  leadingIcon?: React.ReactNode\n  onChangeText?: (text: string) => void\n  onFocus?: () => void\n  onBlur?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Input({ value, placeholder = 'exemplo@email.com', state = 'default', leadingIcon, onChangeText, onFocus, onBlur, style }: InputProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, borderRadius, fontSize } = inputTokens\n  const [isFocused, setIsFocused] = useState(false)\n\n  const isDisabled = state === 'disabled'\n  const isError = state === 'error'\n  const isFilled = state === 'filled'\n\n  const bg = isDisabled ? theme.background : theme.surface\n  const borderColor = isDisabled\n    ? theme.muted\n    : isError\n      ? theme.error\n      : isFocused\n        ? theme.primary\n        : theme.border\n  const borderWidth = isFocused ? 2 : 1\n  const textColor = isDisabled\n    ? theme.muted\n    : isError\n      ? theme.error\n      : isFilled || isFocused\n        ? theme.onBackground\n        : theme.muted\n\n  return (\n    <View style={[styles.container, { height, padding, gap, borderRadius, backgroundColor: bg, borderColor, borderWidth }, style]}>\n      {leadingIcon}\n      <TextInput\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={textColor}\n        editable={!isDisabled}\n        onChangeText={onChangeText}\n        onFocus={() => { setIsFocused(true); onFocus?.() }}\n        onBlur={() => { setIsFocused(false); onBlur?.() }}\n        style={[styles.input, { fontSize, color: textColor }]}\n      />\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', borderStyle: 'solid' },\n  input: { flex: 1, fontWeight: '500', padding: 0 },\n})\n","export const inputTokens = {\n  height: 48,\n  padding: 12,\n  gap: 8,\n  borderRadius: 12,\n  fontSize: 14,\n}\n","import { Pressable, View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { checkboxTokens } from './Checkbox.styles'\n\ntype CheckboxProps = {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  disabled?: boolean\n}\n\nexport function Checkbox({ checked = false, onChange, disabled = false }: CheckboxProps) {\n  const { theme } = useTheme()\n  const { size, borderRadius } = checkboxTokens\n\n  return (\n    <Pressable\n      onPress={disabled ? undefined : () => onChange?.(!checked)}\n      style={({ pressed }) => [\n        styles.base,\n        {\n          width: size,\n          height: size,\n          borderRadius,\n          backgroundColor: checked ? theme.primary : 'transparent',\n          borderWidth: checked ? 0 : 1,\n          borderColor: theme.primary,\n          opacity: disabled ? 0.5 : pressed ? 0.85 : 1,\n        },\n      ]}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked, disabled }}\n    >\n      {checked && (\n        <View style={styles.checkmark}>\n          <View style={[styles.checkLine, { borderColor: theme.textInverse }]} />\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { alignItems: 'center', justifyContent: 'center' },\n  checkmark: { width: 10, height: 8, alignItems: 'center', justifyContent: 'center' },\n  checkLine: { width: 10, height: 8, borderLeftWidth: 1.5, borderBottomWidth: 1.5, transform: [{ rotate: '-45deg' }, { translateY: -2 }] },\n})\n","export const checkboxTokens = {\n  size: 20,\n  borderRadius: 6,\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { radioItemTokens } from './RadioItem.styles'\n\ntype RadioItemProps = {\n  label: string\n  description?: string\n  selected?: boolean\n  icon?: React.ReactNode\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RadioItem({ label, description, selected = false, icon, onPress, style }: RadioItemProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, borderRadius, radioSize, fontSize } = radioItemTokens\n\n  const bg = selected ? theme.primary : theme.surface\n  const textColor = selected ? theme.textInverse : theme.onBackground\n  const descColor = selected ? theme.textInverse : theme.textSecondary\n  const descOpacity = selected ? 0.8 : 1\n  const radioBorderColor = selected ? theme.textInverse : theme.onBackground\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.container,\n        { height, paddingHorizontal: padding, gap, borderRadius, backgroundColor: bg, opacity: pressed ? 0.9 : 1 },\n        style,\n      ]}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected }}\n    >\n      <View style={styles.left}>\n        {icon && <View style={styles.icon}>{icon}</View>}\n        <View style={styles.textContainer}>\n          <Text style={[styles.label, { fontSize, color: textColor, fontWeight: selected ? '700' : '500' }]}>\n            {label}\n          </Text>\n          {description && (\n            <Text style={[styles.description, { color: descColor, opacity: descOpacity }]}>{description}</Text>\n          )}\n        </View>\n      </View>\n      <View style={[styles.radio, { width: radioSize, height: radioSize, borderRadius: radioSize / 2, borderColor: radioBorderColor }]} />\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },\n  left: { flexDirection: 'row', alignItems: 'center', gap: 12 },\n  icon: { width: 20, height: 20 },\n  textContainer: { flexDirection: 'column', gap: 2 },\n  label: { lineHeight: 21 },\n  description: { fontSize: 12, fontWeight: '400', lineHeight: 18, letterSpacing: 0.024 },\n  radio: { borderWidth: 1 },\n})\n","export const radioItemTokens = {\n  height: 48,\n  padding: 16,\n  gap: 12,\n  borderRadius: 16,\n  radioSize: 20,\n  fontSize: 14,\n}\n","import { View, type StyleProp, type ViewStyle } from 'react-native'\n\ntype RadioGroupProps = {\n  children: React.ReactNode\n  label?: string\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RadioGroup({ children, label, style }: RadioGroupProps) {\n  return (\n    <View accessibilityRole=\"radiogroup\" accessibilityLabel={label} style={[{ gap: 8 }, style]}>\n      {children}\n    </View>\n  )\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { actionItemTokens } from './ActionItem.styles'\n\ntype ActionItemProps = {\n  label: string\n  description?: string\n  selected?: boolean\n  icon?: React.ReactNode\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function ActionItem({ label, description, selected = false, icon, onPress, style }: ActionItemProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, innerGap, borderRadius, fontSize } = actionItemTokens\n\n  const bg = selected ? theme.border : theme.surface\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.container,\n        {\n          height,\n          paddingHorizontal: padding,\n          gap,\n          borderRadius,\n          backgroundColor: bg,\n          borderWidth: selected ? 2 : 0,\n          borderColor: selected ? theme.primary : 'transparent',\n          opacity: pressed ? 0.9 : 1,\n        },\n        style,\n      ]}\n      accessibilityRole=\"button\"\n    >\n      <View style={[styles.content, { gap: innerGap }]}>\n        {icon && <View style={styles.icon}>{icon}</View>}\n        <View style={styles.textContainer}>\n          <Text style={[styles.label, { fontSize, color: theme.onBackground }]} numberOfLines={1}>\n            {label}\n          </Text>\n          {description && (\n            <Text style={[styles.description, { color: theme.textSecondary }]} numberOfLines={1}>\n              {description}\n            </Text>\n          )}\n        </View>\n      </View>\n      <View style={styles.chevron}>\n        <Text style={[styles.chevronText, { color: theme.onBackground }]}>›</Text>\n      </View>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },\n  content: { flex: 1, flexDirection: 'row', alignItems: 'center', minWidth: 0 },\n  icon: { width: 24, height: 24, overflow: 'hidden', flexShrink: 0 },\n  textContainer: { flex: 1, flexDirection: 'column', gap: 4, minWidth: 0 },\n  label: { fontWeight: '500', lineHeight: 21 },\n  description: { fontSize: 12, fontWeight: '400', lineHeight: 18, letterSpacing: 0.024 },\n  chevron: { width: 24, height: 24, alignItems: 'center', justifyContent: 'center', flexShrink: 0 },\n  chevronText: { fontSize: 20 },\n})\n","export const actionItemTokens = {\n  height: 56,\n  padding: 16,\n  gap: 20,\n  innerGap: 16,\n  borderRadius: 16,\n  fontSize: 14,\n}\n","import { View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { stepperTokens } from './Stepper.styles'\n\ntype StepState = 'completed' | 'active' | 'upcoming'\n\ntype Step = {\n  label: string\n}\n\ntype StepperProps = {\n  steps: Step[]\n  currentStep: number\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Stepper({ steps, currentStep, style }: StepperProps) {\n  const { theme } = useTheme()\n  const { trackHeight, trackRadius, dotSize, labelFontSize, gap } = stepperTokens\n\n  const getState = (i: number): StepState =>\n    i < currentStep ? 'completed' : i === currentStep ? 'active' : 'upcoming'\n\n  return (\n    <View style={[styles.container, { gap }, style]}>\n      {steps.map((step, i) => {\n        const state = getState(i)\n        const isLast = i === steps.length - 1\n        const trackBg = state === 'completed' ? theme.primary : theme.border\n        const dotBg = state === 'completed' ? theme.primary : theme.border\n\n        return (\n          <View key={step.label} style={{ flexDirection: 'row', alignItems: 'flex-end', flex: 1 }}>\n            <View style={styles.stepItem}>\n              <View style={styles.labelRow}>\n                <Text\n                  style={[styles.label, { fontSize: labelFontSize, color: theme.onBackground, opacity: state === 'active' ? 1 : 0 }]}\n                  numberOfLines={1}\n                >\n                  {step.label}\n                </Text>\n              </View>\n              <View style={[styles.track, { height: trackHeight, borderRadius: trackRadius, backgroundColor: trackBg }]}>\n                {state === 'active' && (\n                  <View\n                    style={[styles.trackFill, { height: trackHeight, borderRadius: trackRadius, backgroundColor: theme.onBackground, right: 12 }]}\n                  />\n                )}\n              </View>\n            </View>\n            {!isLast && (\n              <View style={[styles.dot, { width: dotSize, height: dotSize, borderRadius: dotSize / 2, backgroundColor: dotBg }]} />\n            )}\n          </View>\n        )\n      })}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { width: '100%', flexDirection: 'row', alignItems: 'flex-end' },\n  stepItem: { flex: 1, flexDirection: 'column', gap: 4 },\n  labelRow: { height: 12, justifyContent: 'flex-end' },\n  label: { fontWeight: '600', letterSpacing: 0.8, textTransform: 'uppercase' },\n  track: { overflow: 'hidden', position: 'relative' },\n  trackFill: { position: 'absolute', left: 0 },\n  dot: { alignSelf: 'flex-end' },\n})\n","export const stepperTokens = {\n  trackHeight: 4,\n  trackRadius: 8,\n  dotSize: 4,\n  labelFontSize: 10,\n  gap: 4,\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { ratingScaleTokens, DEFAULT_OPTIONS } from './RatingScale.styles'\n\ntype RatingScaleOption = {\n  emoji: string\n  label: string\n}\n\ntype RatingScaleProps = {\n  value?: number | null\n  onChange?: (value: number) => void\n  options?: ReadonlyArray<RatingScaleOption>\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RatingScale({ value = null, onChange, options = DEFAULT_OPTIONS, style }: RatingScaleProps) {\n  const { theme } = useTheme()\n  const { itemWidth, circleSize, circlePadding, circleRadius, emojiFontSize, emojiLineHeight, labelFontSize, numberFontSize, labelNumberGap } = ratingScaleTokens\n\n  return (\n    <View style={[styles.container, style]}>\n      {options.map((option, index) => {\n        const itemValue = index + 1\n        const selected = value === itemValue\n        return (\n          <Pressable\n            key={itemValue}\n            onPress={() => onChange?.(itemValue)}\n            style={styles.item}\n            accessibilityRole=\"button\"\n            accessibilityState={{ selected }}\n          >\n            <View\n              style={[\n                styles.circle,\n                {\n                  width: circleSize,\n                  height: circleSize,\n                  borderRadius: circleRadius,\n                  padding: circlePadding,\n                  backgroundColor: selected ? theme.primary : theme.surface,\n                  borderWidth: selected ? 0 : 1,\n                  borderColor: theme.border,\n                },\n              ]}\n            >\n              <Text style={[styles.emoji, { fontSize: emojiFontSize, lineHeight: emojiLineHeight }]}>\n                {option.emoji}\n              </Text>\n            </View>\n            <View style={[styles.labelContainer, { gap: labelNumberGap }]}>\n              <Text\n                style={[\n                  styles.label,\n                  {\n                    fontSize: labelFontSize,\n                    color: selected ? theme.primary : theme.onBackground,\n                    fontWeight: selected ? '700' : '500',\n                    width: itemWidth,\n                  },\n                ]}\n              >\n                {option.label}\n              </Text>\n              <Text style={[styles.number, { fontSize: numberFontSize, color: theme.textTertiary }]}>\n                {itemValue}\n              </Text>\n            </View>\n          </Pressable>\n        )\n      })}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', justifyContent: 'space-between' },\n  item: { alignItems: 'center', gap: 8 },\n  circle: { alignItems: 'center', justifyContent: 'center', overflow: 'hidden' },\n  emoji: { textAlign: 'center' },\n  labelContainer: { alignItems: 'center' },\n  label: { textAlign: 'center', lineHeight: 16 },\n  number: { fontWeight: '600', letterSpacing: 0.8, textAlign: 'center', lineHeight: 10 },\n})\n"],"mappings":"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","names":["jsx","Pressable","Text","StyleSheet","jsx","Pressable","styles","Text","StyleSheet","Text","StyleSheet","jsx","styles","Text","StyleSheet","View","StyleSheet","jsx","View","styles","StyleSheet","View","StyleSheet","jsx","jsxs","View","styles","StyleSheet","Pressable","View","StyleSheet","jsx","Pressable","styles","View","StyleSheet","Pressable","View","Text","StyleSheet","jsx","jsxs","Pressable","styles","View","Text","StyleSheet","View","jsx","Pressable","View","Text","StyleSheet","jsx","jsxs","Pressable","styles","View","Text","StyleSheet","View","Text","StyleSheet","jsx","jsxs","View","styles","Text","StyleSheet","Pressable","View","Text","StyleSheet","jsx","jsxs","View","styles","Pressable","Text","StyleSheet"]}

package/dist/index.web.d.mts

@@ -1,22 +1,111 @@
-export { Colors, colors } from './tokens/index.mjs';
-
-interface Theme {
-    background: string;
-    surface: string;
-    border: string;
-    onBackground: string;
-    onSurface: string;
-    muted: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    error: string;
-    warning: string;
-    info: string;
-}
-
-declare const lightTheme: Theme;
-
-declare const darkTheme: Theme;
-
-export { type Theme, darkTheme, lightTheme };
+export { Colors, Typography, colors, typography } from './tokens/index.mjs';
+export { T as Theme, d as darkTheme, l as lightTheme } from './darkTheme-gaad4-zD.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const button: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonProps = VariantProps<typeof button> & {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    type?: 'button' | 'submit' | 'reset';
+    className?: string;
+};
+declare function Button({ variant, size, disabled, children, onClick, type, className }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type ChipProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    onClick?: () => void;
+    className?: string;
+};
+declare function Chip({ children, checked, onClick, className }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = 'success' | 'info';
+type AlertProps = {
+    variant?: AlertVariant;
+    title: string;
+    description?: string;
+    className?: string;
+};
+declare function Alert({ variant, title, description, className }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarProps = {
+    value: number;
+    className?: string;
+};
+declare function ProgressBar({ value, className }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type InputState = 'default' | 'filled' | 'error' | 'disabled';
+type InputProps = {
+    value?: string;
+    placeholder?: string;
+    state?: InputState;
+    leadingIcon?: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+};
+declare function Input({ value, placeholder, state, leadingIcon, onChange, className }: InputProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+};
+declare function Checkbox({ checked, onChange, disabled, className }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type RadioItemProps = {
+    label: string;
+    description?: string;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+declare function RadioItem({ label, description, selected, icon, onClick, className }: RadioItemProps): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    label?: string;
+    className?: string;
+};
+declare function RadioGroup({ children, label, className }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type ActionItemProps = {
+    label: string;
+    description?: string;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+declare function ActionItem({ label, description, selected, icon, onClick, className }: ActionItemProps): react_jsx_runtime.JSX.Element;
+
+type Step = {
+    label: string;
+};
+type StepperProps = {
+    steps: Step[];
+    currentStep: number;
+    className?: string;
+};
+declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type RatingScaleOption = {
+    emoji: string;
+    label: string;
+};
+type RatingScaleProps = {
+    value?: number | null;
+    onChange?: (value: number) => void;
+    options?: ReadonlyArray<RatingScaleOption>;
+    className?: string;
+};
+declare function RatingScale({ value, onChange, options, className }: RatingScaleProps): react_jsx_runtime.JSX.Element;
+
+export { ActionItem, Alert, Button, Checkbox, Chip, Input, ProgressBar, RadioGroup, RadioItem, RatingScale, Stepper };

package/dist/index.web.d.ts

@@ -1,22 +1,111 @@
-export { Colors, colors } from './tokens/index.js';
-
-interface Theme {
-    background: string;
-    surface: string;
-    border: string;
-    onBackground: string;
-    onSurface: string;
-    muted: string;
-    primary: string;
-    secondary: string;
-    success: string;
-    error: string;
-    warning: string;
-    info: string;
-}
-
-declare const lightTheme: Theme;
-
-declare const darkTheme: Theme;
-
-export { type Theme, darkTheme, lightTheme };
+export { Colors, Typography, colors, typography } from './tokens/index.js';
+export { T as Theme, d as darkTheme, l as lightTheme } from './darkTheme-gaad4-zD.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare const button: (props?: ({
+    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ButtonProps = VariantProps<typeof button> & {
+    children: React.ReactNode;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    type?: 'button' | 'submit' | 'reset';
+    className?: string;
+};
+declare function Button({ variant, size, disabled, children, onClick, type, className }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type ChipProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    onClick?: () => void;
+    className?: string;
+};
+declare function Chip({ children, checked, onClick, className }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = 'success' | 'info';
+type AlertProps = {
+    variant?: AlertVariant;
+    title: string;
+    description?: string;
+    className?: string;
+};
+declare function Alert({ variant, title, description, className }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarProps = {
+    value: number;
+    className?: string;
+};
+declare function ProgressBar({ value, className }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type InputState = 'default' | 'filled' | 'error' | 'disabled';
+type InputProps = {
+    value?: string;
+    placeholder?: string;
+    state?: InputState;
+    leadingIcon?: React.ReactNode;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    className?: string;
+};
+declare function Input({ value, placeholder, state, leadingIcon, onChange, className }: InputProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+};
+declare function Checkbox({ checked, onChange, disabled, className }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type RadioItemProps = {
+    label: string;
+    description?: string;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+declare function RadioItem({ label, description, selected, icon, onClick, className }: RadioItemProps): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    label?: string;
+    className?: string;
+};
+declare function RadioGroup({ children, label, className }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type ActionItemProps = {
+    label: string;
+    description?: string;
+    selected?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+declare function ActionItem({ label, description, selected, icon, onClick, className }: ActionItemProps): react_jsx_runtime.JSX.Element;
+
+type Step = {
+    label: string;
+};
+type StepperProps = {
+    steps: Step[];
+    currentStep: number;
+    className?: string;
+};
+declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type RatingScaleOption = {
+    emoji: string;
+    label: string;
+};
+type RatingScaleProps = {
+    value?: number | null;
+    onChange?: (value: number) => void;
+    options?: ReadonlyArray<RatingScaleOption>;
+    className?: string;
+};
+declare function RatingScale({ value, onChange, options, className }: RatingScaleProps): react_jsx_runtime.JSX.Element;
+
+export { ActionItem, Alert, Button, Checkbox, Chip, Input, ProgressBar, RadioGroup, RadioItem, RatingScale, Stepper };