@12min/ds 0.1.0 → 3.0.0

package/dist/chunk-ZKPOS2PD.mjs

@@ -0,0 +1,192 @@
+import {
+  colors
+} from "./chunk-ZK7NW4WW.mjs";
+
+// src/themes/lightTheme.ts
+var lightTheme = {
+  bg: {
+    primary: colors.marianBlue[600],
+    primaryHover: colors.marianBlue[700],
+    primaryPressed: colors.marianBlue[800],
+    primarySubtle: colors.marianBlue[200],
+    primarySubtleHover: colors.marianBlue[300],
+    primarySubtlePressed: colors.marianBlue[400],
+    surface: colors.white,
+    surfaceRaised: colors.marianBlue[50],
+    surfaceHover: colors.gray[15],
+    surfacePressed: colors.gray[35],
+    overlay: colors.marianBlue[900],
+    overlaySubtle: colors.overlayBlack[8],
+    overlaySubtleHover: colors.overlayBlack[12],
+    overlaySubtlePressed: colors.overlayBlack[16],
+    success: colors.green[600],
+    successSubtle: colors.green[100],
+    error: colors.ketchup[600],
+    errorSubtle: colors.ketchup[100],
+    warning: colors.amber[500],
+    warningSubtle: colors.amber[100],
+    info: colors.blue[500],
+    infoSubtle: colors.blue[100],
+    highlight: colors.brandGreen,
+    accent: colors.amber[500],
+    accentSubtle: colors.amber[100],
+    disabled: colors.gray[25]
+  },
+  text: {
+    primary: colors.marianBlue[900],
+    secondary: colors.gray[700],
+    inverse: colors.white,
+    brand: colors.marianBlue[600],
+    link: colors.marianBlue[600],
+    placeholder: colors.gray[400],
+    success: colors.green.text,
+    error: colors.ketchup.text,
+    warning: colors.amber.text,
+    info: colors.blue.text,
+    highlight: colors.marianBlue[900],
+    accent: colors.amber.text,
+    disabled: colors.gray[400],
+    onSuccess: colors.white,
+    onError: colors.white,
+    onWarning: colors.midnight[900],
+    onHighlight: colors.midnight[900]
+  },
+  border: {
+    default: colors.marianBlue[200],
+    strong: colors.marianBlue[600],
+    subtle: colors.overlayBlack[5],
+    focus: colors.black,
+    accent: colors.amber[700],
+    success: colors.green.text,
+    error: colors.ketchup[600],
+    warning: colors.amber[700],
+    info: colors.blue[600],
+    disabled: colors.gray[50]
+  },
+  icon: {
+    primary: colors.marianBlue[900],
+    secondary: colors.gray[600],
+    inverse: colors.white,
+    brand: colors.marianBlue[600],
+    accent: colors.amber[700],
+    success: colors.green.text,
+    error: colors.ketchup[600],
+    warning: colors.amber[600],
+    info: colors.blue[600],
+    highlight: colors.marianBlue[900],
+    disabled: colors.gray[400]
+  },
+  interactive: {
+    hover: colors.overlayBlack[8],
+    pressed: colors.overlayBlack[12],
+    selected: colors.marianBlue[700],
+    selectedSubtle: colors.marianBlue[200]
+  }
+};
+
+// src/themes/darkTheme.ts
+var darkTheme = {
+  bg: {
+    primary: colors.marianBlue[600],
+    primaryHover: colors.marianBlue[500],
+    primaryPressed: colors.marianBlue[600],
+    primarySubtle: colors.marianBlue[900],
+    primarySubtleHover: colors.marianBlue[800],
+    primarySubtlePressed: colors.marianBlue[700],
+    surface: colors.midnight[900],
+    surfaceRaised: colors.midnight[800],
+    surfaceHover: colors.midnight[800],
+    surfacePressed: colors.midnight[600],
+    overlay: colors.black,
+    overlaySubtle: colors.overlayWhite[8],
+    overlaySubtleHover: colors.overlayWhite[12],
+    overlaySubtlePressed: colors.overlayWhite[16],
+    success: colors.green[300],
+    successSubtle: colors.green[800],
+    error: colors.ketchup[900],
+    errorSubtle: colors.ketchup[800],
+    warning: colors.amber[900],
+    warningSubtle: colors.amber[800],
+    info: colors.blue[600],
+    infoSubtle: colors.blue[700],
+    highlight: colors.brandGreen,
+    accent: colors.amber[900],
+    accentSubtle: colors.amber[900],
+    disabled: colors.midnight[700]
+  },
+  text: {
+    primary: colors.white,
+    secondary: colors.gray[300],
+    inverse: colors.midnight[900],
+    brand: colors.marianBlue[300],
+    link: colors.marianBlue[300],
+    placeholder: colors.gray[400],
+    success: colors.green[500],
+    error: colors.ketchup[600],
+    warning: colors.amber[500],
+    info: colors.blue[100],
+    highlight: colors.marianBlue[900],
+    accent: colors.amber.text,
+    disabled: colors.gray[600],
+    onSuccess: colors.white,
+    onError: colors.white,
+    onWarning: colors.midnight[900],
+    onHighlight: colors.midnight[900]
+  },
+  border: {
+    default: colors.midnight[50],
+    strong: colors.marianBlue[300],
+    subtle: colors.overlayWhite[5],
+    focus: colors.white,
+    accent: colors.amber.text,
+    success: colors.green.text,
+    error: colors.ketchup[500],
+    warning: colors.amber[600],
+    info: colors.blue[500],
+    disabled: colors.midnight[700]
+  },
+  icon: {
+    primary: colors.white,
+    secondary: colors.gray[400],
+    inverse: colors.midnight[900],
+    brand: colors.marianBlue[300],
+    accent: colors.amber[700],
+    success: colors.green.text,
+    error: colors.ketchup.text,
+    warning: colors.amber[100],
+    info: colors.blue[100],
+    highlight: colors.marianBlue[900],
+    disabled: colors.gray[600]
+  },
+  interactive: {
+    hover: colors.overlayWhite[8],
+    pressed: colors.overlayWhite[12],
+    selected: colors.marianBlue[800],
+    selectedSubtle: colors.marianBlue[900]
+  }
+};
+
+// src/components/RatingScale/RatingScale.styles.ts
+var ratingScaleTokens = {
+  itemWidth: 60,
+  circleSize: 60,
+  circleRadius: 30,
+  emojiFontSize: 28,
+  emojiLineHeight: 34,
+  itemGap: 6
+};
+var DEFAULT_OPTIONS = [
+  { emoji: "\u{1F621}", label: "P\xE9ssimo" },
+  { emoji: "\u{1F615}", label: "Ruim" },
+  { emoji: "\u{1F610}", label: "Neutro" },
+  { emoji: "\u{1F60A}", label: "Bom" },
+  { emoji: "\u{1F60D}", label: "\xD3timo" }
+];
+
+export {
+  lightTheme,
+  darkTheme,
+  ratingScaleTokens,
+  DEFAULT_OPTIONS
+};
+//# sourceMappingURL=chunk-ZKPOS2PD.mjs.map

package/dist/chunk-ZKPOS2PD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/themes/lightTheme.ts","../src/themes/darkTheme.ts","../src/components/RatingScale/RatingScale.styles.ts"],"sourcesContent":["import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const lightTheme: Theme = {\n  bg: {\n    primary:              colors.marianBlue[600],\n    primaryHover:         colors.marianBlue[700],\n    primaryPressed:       colors.marianBlue[800],\n    primarySubtle:        colors.marianBlue[200],\n    primarySubtleHover:   colors.marianBlue[300],\n    primarySubtlePressed: colors.marianBlue[400],\n    surface:              colors.white,\n    surfaceRaised:        colors.marianBlue[50],\n    surfaceHover:         colors.gray[15],\n    surfacePressed:       colors.gray[35],\n    overlay:              colors.marianBlue[900],\n    overlaySubtle:        colors.overlayBlack[8],\n    overlaySubtleHover:   colors.overlayBlack[12],\n    overlaySubtlePressed: colors.overlayBlack[16],\n    success:              colors.green[600],\n    successSubtle:        colors.green[100],\n    error:                colors.ketchup[600],\n    errorSubtle:          colors.ketchup[100],\n    warning:              colors.amber[500],\n    warningSubtle:        colors.amber[100],\n    info:                 colors.blue[500],\n    infoSubtle:           colors.blue[100],\n    highlight:            colors.brandGreen,\n    accent:               colors.amber[500],\n    accentSubtle:         colors.amber[100],\n    disabled:             colors.gray[25],\n  },\n  text: {\n    primary:     colors.marianBlue[900],\n    secondary:   colors.gray[700],\n    inverse:     colors.white,\n    brand:       colors.marianBlue[600],\n    link:        colors.marianBlue[600],\n    placeholder: colors.gray[400],\n    success:     colors.green.text,\n    error:       colors.ketchup.text,\n    warning:     colors.amber.text,\n    info:        colors.blue.text,\n    highlight:   colors.marianBlue[900],\n    accent:      colors.amber.text,\n    disabled:    colors.gray[400],\n    onSuccess:   colors.white,\n    onError:     colors.white,\n    onWarning:   colors.midnight[900],\n    onHighlight: colors.midnight[900],\n  },\n  border: {\n    default:  colors.marianBlue[200],\n    strong:   colors.marianBlue[600],\n    subtle:   colors.overlayBlack[5],\n    focus:    colors.black,\n    accent:   colors.amber[700],\n    success:  colors.green.text,\n    error:    colors.ketchup[600],\n    warning:  colors.amber[700],\n    info:     colors.blue[600],\n    disabled: colors.gray[50],\n  },\n  icon: {\n    primary:   colors.marianBlue[900],\n    secondary: colors.gray[600],\n    inverse:   colors.white,\n    brand:     colors.marianBlue[600],\n    accent:    colors.amber[700],\n    success:   colors.green.text,\n    error:     colors.ketchup[600],\n    warning:   colors.amber[600],\n    info:      colors.blue[600],\n    highlight: colors.marianBlue[900],\n    disabled:  colors.gray[400],\n  },\n  interactive: {\n    hover:          colors.overlayBlack[8],\n    pressed:        colors.overlayBlack[12],\n    selected:       colors.marianBlue[700],\n    selectedSubtle: colors.marianBlue[200],\n  },\n}\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const darkTheme: Theme = {\n  bg: {\n    primary:              colors.marianBlue[600],\n    primaryHover:         colors.marianBlue[500],\n    primaryPressed:       colors.marianBlue[600],\n    primarySubtle:        colors.marianBlue[900],\n    primarySubtleHover:   colors.marianBlue[800],\n    primarySubtlePressed: colors.marianBlue[700],\n    surface:              colors.midnight[900],\n    surfaceRaised:        colors.midnight[800],\n    surfaceHover:         colors.midnight[800],\n    surfacePressed:       colors.midnight[600],\n    overlay:              colors.black,\n    overlaySubtle:        colors.overlayWhite[8],\n    overlaySubtleHover:   colors.overlayWhite[12],\n    overlaySubtlePressed: colors.overlayWhite[16],\n    success:              colors.green[300],\n    successSubtle:        colors.green[800],\n    error:                colors.ketchup[900],\n    errorSubtle:          colors.ketchup[800],\n    warning:              colors.amber[900],\n    warningSubtle:        colors.amber[800],\n    info:                 colors.blue[600],\n    infoSubtle:           colors.blue[700],\n    highlight:            colors.brandGreen,\n    accent:               colors.amber[900],\n    accentSubtle:         colors.amber[900],\n    disabled:             colors.midnight[700],\n  },\n  text: {\n    primary:     colors.white,\n    secondary:   colors.gray[300],\n    inverse:     colors.midnight[900],\n    brand:       colors.marianBlue[300],\n    link:        colors.marianBlue[300],\n    placeholder: colors.gray[400],\n    success:     colors.green[500],\n    error:       colors.ketchup[600],\n    warning:     colors.amber[500],\n    info:        colors.blue[100],\n    highlight:   colors.marianBlue[900],\n    accent:      colors.amber.text,\n    disabled:    colors.gray[600],\n    onSuccess:   colors.white,\n    onError:     colors.white,\n    onWarning:   colors.midnight[900],\n    onHighlight: colors.midnight[900],\n  },\n  border: {\n    default:  colors.midnight[50],\n    strong:   colors.marianBlue[300],\n    subtle:   colors.overlayWhite[5],\n    focus:    colors.white,\n    accent:   colors.amber.text,\n    success:  colors.green.text,\n    error:    colors.ketchup[500],\n    warning:  colors.amber[600],\n    info:     colors.blue[500],\n    disabled: colors.midnight[700],\n  },\n  icon: {\n    primary:   colors.white,\n    secondary: colors.gray[400],\n    inverse:   colors.midnight[900],\n    brand:     colors.marianBlue[300],\n    accent:    colors.amber[700],\n    success:   colors.green.text,\n    error:     colors.ketchup.text,\n    warning:   colors.amber[100],\n    info:      colors.blue[100],\n    highlight: colors.marianBlue[900],\n    disabled:  colors.gray[600],\n  },\n  interactive: {\n    hover:          colors.overlayWhite[8],\n    pressed:        colors.overlayWhite[12],\n    selected:       colors.marianBlue[800],\n    selectedSubtle: colors.marianBlue[900],\n  },\n}\n","export const ratingScaleTokens = {\n  itemWidth: 60,\n  circleSize: 60,\n  circleRadius: 30,\n  emojiFontSize: 28,\n  emojiLineHeight: 34,\n  itemGap: 6,\n}\n\nexport const DEFAULT_OPTIONS = [\n  { emoji: '😡', label: 'Péssimo' },\n  { emoji: '😕', label: 'Ruim' },\n  { emoji: '😐', label: 'Neutro' },\n  { emoji: '😊', label: 'Bom' },\n  { emoji: '😍', label: 'Ótimo' },\n] as const\n"],"mappings":"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","names":[]}

package/dist/index.native.d.mts

@@ -1,2 +1,184 @@
-export { Colors, colors } from './tokens/index.mjs';
-export { Theme, darkTheme, lightTheme } from './index.web.mjs';
+export { BorderWidth, Colors, Grid, Opacity, Radius, Shadow, Spacing, Typography, borderWidth, colors, grid, opacity, radius, shadow, spacing, typography } from './tokens/index.mjs';
+import { T as Theme, C as ChipSize, a as CheckboxSize } from './Checkbox.styles-DPyXzxFJ.mjs';
+export { d as darkTheme, l as lightTheme } from './Checkbox.styles-DPyXzxFJ.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+
+type DSThemeCtx = {
+    theme: Theme;
+    colorScheme: 'light' | 'dark';
+};
+declare function DSThemeProvider({ colorScheme, children, }: {
+    colorScheme?: 'light' | 'dark';
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): DSThemeCtx;
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    children: React.ReactNode;
+    onPress?: PressableProps['onPress'];
+};
+declare function Button({ variant, size, disabled, children, onPress }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type ButtonIconVariant = 'primary' | 'secondary' | 'ghost' | 'overlay';
+type ButtonIconSize = 'sm' | 'md' | 'lg';
+type ButtonIconProps = {
+    icon: React.ReactNode;
+    accessibilityLabel: string;
+    variant?: ButtonIconVariant;
+    size?: ButtonIconSize;
+    disabled?: boolean;
+    onPress?: PressableProps['onPress'];
+};
+declare function ButtonIcon({ icon, accessibilityLabel, variant, size, disabled, onPress }: ButtonIconProps): react_jsx_runtime.JSX.Element;
+
+type DismissButtonVariant = 'subtle' | 'ghost';
+type DismissButtonSize = 'xs' | 'sm' | 'md';
+type DismissButtonProps = {
+    accessibilityLabel?: string;
+    variant?: DismissButtonVariant;
+    size?: DismissButtonSize;
+    disabled?: boolean;
+    onPress?: PressableProps['onPress'];
+};
+declare function DismissButton({ accessibilityLabel, variant, size, disabled, onPress }: DismissButtonProps): react_jsx_runtime.JSX.Element;
+
+type ChipProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    size?: ChipSize;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Chip({ children, checked, disabled, size, leading, trailing, onPress, style }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = 'success' | 'info' | 'warning' | 'error';
+type AlertSize = 'default' | 'compact';
+type AlertLayout = 'stacked' | 'inline';
+type AlertProps = {
+    variant?: AlertVariant;
+    size?: AlertSize;
+    layout?: AlertLayout;
+    title?: string;
+    description?: string;
+    onDismiss?: () => void;
+};
+declare function Alert({ variant, size, layout, title, description, onDismiss }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarProps = {
+    value: number;
+};
+declare function ProgressBar({ value }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type InputState = 'default' | 'filled' | 'error' | 'disabled';
+type InputProps = {
+    value?: string;
+    placeholder?: string;
+    state?: InputState;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onChangeText?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Input({ value, placeholder, state, leadingIcon, trailingIcon, onChangeText, onFocus, onBlur, style }: InputProps): react_jsx_runtime.JSX.Element;
+
+type InputFieldProps = {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onChangeText?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function InputField({ label, required, helperText, error, value, placeholder, disabled, leadingIcon, trailingIcon, onChangeText, onFocus, onBlur, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: CheckboxSize;
+};
+declare function Checkbox({ checked, onChange, disabled, size }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type ToggleSwitchSize = 'xs' | 'sm' | 'md';
+type ToggleSwitchProps = {
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+    size?: ToggleSwitchSize;
+    accessibilityLabel: string;
+    onPress?: PressableProps['onPress'];
+};
+declare function ToggleSwitch({ value, onChange, disabled, size, accessibilityLabel }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare function RadioGroup({ children, label, style }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type ChoiceCardType = 'radio' | 'checkbox' | 'action';
+type ChoiceCardProps = {
+    type?: ChoiceCardType;
+    label: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    showTrailing?: boolean;
+    onPress?: () => void;
+};
+declare function ChoiceCard({ type, label, description, selected, disabled, leading, showTrailing, onPress }: ChoiceCardProps): react_jsx_runtime.JSX.Element;
+
+type ListItemTrailing = 'none' | 'radio' | 'checkbox' | 'action' | 'switch';
+type ListItemProps = {
+    trailing?: ListItemTrailing;
+    label: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    switchValue?: boolean;
+    onSwitchChange?: (value: boolean) => void;
+    onPress?: () => void;
+};
+declare function ListItem({ trailing, label, description, selected, disabled, leading, switchValue, onSwitchChange, onPress }: ListItemProps): react_jsx_runtime.JSX.Element;
+
+type StepperProps = {
+    totalSteps: number;
+    currentStep: number;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Stepper({ totalSteps, currentStep, style }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type RatingScaleOption = {
+    emoji: string;
+    label: string;
+};
+type RatingScaleProps = {
+    value?: number | null;
+    onChange?: (value: number) => void;
+    options?: ReadonlyArray<RatingScaleOption>;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+declare function RatingScale({ value, onChange, options, disabled, style }: RatingScaleProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, Button, ButtonIcon, Checkbox, Chip, ChoiceCard, DSThemeProvider, DismissButton, Input, InputField, ListItem, ProgressBar, RadioGroup, RatingScale, Stepper, Theme, ToggleSwitch, useTheme };

package/dist/index.native.d.ts

@@ -1,2 +1,184 @@
-export { Colors, colors } from './tokens/index.js';
-export { Theme, darkTheme, lightTheme } from './index.web.js';
+export { BorderWidth, Colors, Grid, Opacity, Radius, Shadow, Spacing, Typography, borderWidth, colors, grid, opacity, radius, shadow, spacing, typography } from './tokens/index.js';
+import { T as Theme, C as ChipSize, a as CheckboxSize } from './Checkbox.styles-DPyXzxFJ.js';
+export { d as darkTheme, l as lightTheme } from './Checkbox.styles-DPyXzxFJ.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+
+type DSThemeCtx = {
+    theme: Theme;
+    colorScheme: 'light' | 'dark';
+};
+declare function DSThemeProvider({ colorScheme, children, }: {
+    colorScheme?: 'light' | 'dark';
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useTheme(): DSThemeCtx;
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonProps = {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    children: React.ReactNode;
+    onPress?: PressableProps['onPress'];
+};
+declare function Button({ variant, size, disabled, children, onPress }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type ButtonIconVariant = 'primary' | 'secondary' | 'ghost' | 'overlay';
+type ButtonIconSize = 'sm' | 'md' | 'lg';
+type ButtonIconProps = {
+    icon: React.ReactNode;
+    accessibilityLabel: string;
+    variant?: ButtonIconVariant;
+    size?: ButtonIconSize;
+    disabled?: boolean;
+    onPress?: PressableProps['onPress'];
+};
+declare function ButtonIcon({ icon, accessibilityLabel, variant, size, disabled, onPress }: ButtonIconProps): react_jsx_runtime.JSX.Element;
+
+type DismissButtonVariant = 'subtle' | 'ghost';
+type DismissButtonSize = 'xs' | 'sm' | 'md';
+type DismissButtonProps = {
+    accessibilityLabel?: string;
+    variant?: DismissButtonVariant;
+    size?: DismissButtonSize;
+    disabled?: boolean;
+    onPress?: PressableProps['onPress'];
+};
+declare function DismissButton({ accessibilityLabel, variant, size, disabled, onPress }: DismissButtonProps): react_jsx_runtime.JSX.Element;
+
+type ChipProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    size?: ChipSize;
+    leading?: React.ReactNode;
+    trailing?: React.ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Chip({ children, checked, disabled, size, leading, trailing, onPress, style }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type AlertVariant = 'success' | 'info' | 'warning' | 'error';
+type AlertSize = 'default' | 'compact';
+type AlertLayout = 'stacked' | 'inline';
+type AlertProps = {
+    variant?: AlertVariant;
+    size?: AlertSize;
+    layout?: AlertLayout;
+    title?: string;
+    description?: string;
+    onDismiss?: () => void;
+};
+declare function Alert({ variant, size, layout, title, description, onDismiss }: AlertProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarProps = {
+    value: number;
+};
+declare function ProgressBar({ value }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type InputState = 'default' | 'filled' | 'error' | 'disabled';
+type InputProps = {
+    value?: string;
+    placeholder?: string;
+    state?: InputState;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onChangeText?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Input({ value, placeholder, state, leadingIcon, trailingIcon, onChangeText, onFocus, onBlur, style }: InputProps): react_jsx_runtime.JSX.Element;
+
+type InputFieldProps = {
+    label?: string;
+    required?: boolean;
+    helperText?: string;
+    error?: boolean;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    onChangeText?: (text: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+declare function InputField({ label, required, helperText, error, value, placeholder, disabled, leadingIcon, trailingIcon, onChangeText, onFocus, onBlur, }: InputFieldProps): react_jsx_runtime.JSX.Element;
+
+type CheckboxProps = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    size?: CheckboxSize;
+};
+declare function Checkbox({ checked, onChange, disabled, size }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type ToggleSwitchSize = 'xs' | 'sm' | 'md';
+type ToggleSwitchProps = {
+    value?: boolean;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+    size?: ToggleSwitchSize;
+    accessibilityLabel: string;
+    onPress?: PressableProps['onPress'];
+};
+declare function ToggleSwitch({ value, onChange, disabled, size, accessibilityLabel }: ToggleSwitchProps): react_jsx_runtime.JSX.Element;
+
+type RadioGroupProps = {
+    children: React.ReactNode;
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare function RadioGroup({ children, label, style }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type ChoiceCardType = 'radio' | 'checkbox' | 'action';
+type ChoiceCardProps = {
+    type?: ChoiceCardType;
+    label: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    showTrailing?: boolean;
+    onPress?: () => void;
+};
+declare function ChoiceCard({ type, label, description, selected, disabled, leading, showTrailing, onPress }: ChoiceCardProps): react_jsx_runtime.JSX.Element;
+
+type ListItemTrailing = 'none' | 'radio' | 'checkbox' | 'action' | 'switch';
+type ListItemProps = {
+    trailing?: ListItemTrailing;
+    label: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    leading?: React.ReactNode;
+    switchValue?: boolean;
+    onSwitchChange?: (value: boolean) => void;
+    onPress?: () => void;
+};
+declare function ListItem({ trailing, label, description, selected, disabled, leading, switchValue, onSwitchChange, onPress }: ListItemProps): react_jsx_runtime.JSX.Element;
+
+type StepperProps = {
+    totalSteps: number;
+    currentStep: number;
+    style?: StyleProp<ViewStyle>;
+};
+declare function Stepper({ totalSteps, currentStep, style }: StepperProps): react_jsx_runtime.JSX.Element;
+
+type RatingScaleOption = {
+    emoji: string;
+    label: string;
+};
+type RatingScaleProps = {
+    value?: number | null;
+    onChange?: (value: number) => void;
+    options?: ReadonlyArray<RatingScaleOption>;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+declare function RatingScale({ value, onChange, options, disabled, style }: RatingScaleProps): react_jsx_runtime.JSX.Element;
+
+export { Alert, Button, ButtonIcon, Checkbox, Chip, ChoiceCard, DSThemeProvider, DismissButton, Input, InputField, ListItem, ProgressBar, RadioGroup, RatingScale, Stepper, Theme, ToggleSwitch, useTheme };