@tutti-os/ui-system 0.0.234 → 0.0.235

package/dist/native.js

@@ -152,7 +152,7 @@ function NativeButton({
         style
       ],
       testID,
-      children: loading ? /* @__PURE__ */ jsx2(ActivityIndicator, { color: foreground, size: "small" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      children: /* @__PURE__ */ jsx2(View, { style: styles2.content, children: loading ? /* @__PURE__ */ jsx2(ActivityIndicator, { color: foreground, size: "small" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         leading ? /* @__PURE__ */ jsx2(View, { style: [styles2.leading, !hasLabel && styles2.leadingOnly], children: leading }) : null,
         hasLabel ? /* @__PURE__ */ jsx2(
           Text,
@@ -162,7 +162,7 @@ function NativeButton({
             children: label
           }
         ) : null
-      ] })
+      ] }) })
     }
   );
 }
@@ -193,13 +193,17 @@ function createStyles(theme) {
     button: {
       alignItems: "center",
       borderRadius: theme.radius.medium,
-      flexDirection: "row",
       justifyContent: "center"
     },
     compact: {
       minHeight: theme.control.compact,
       paddingHorizontal: theme.space.small
     },
+    content: {
+      alignItems: "center",
+      flexDirection: "row",
+      justifyContent: "center"
+    },
     disabled: { opacity: 0.45 },
     icon: {
       height: theme.control.icon,
@@ -277,7 +281,7 @@ function NativeListRow({
   const theme = useNativeTheme();
   const styles2 = createStyles2(theme);
   const interactive = onPress !== void 0;
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx4(
     Pressable2,
     {
       accessibilityLabel: accessibilityLabel ?? title,
@@ -292,7 +296,7 @@ function NativeListRow({
         disabled ? styles2.disabled : void 0,
         style
       ],
-      children: [
+      children: /* @__PURE__ */ jsxs2(View2, { style: styles2.content, children: [
         selected ? /* @__PURE__ */ jsx4(View2, { style: styles2.selectedIndicator }) : null,
         leading ? /* @__PURE__ */ jsx4(View2, { style: styles2.leading, children: leading }) : null,
         /* @__PURE__ */ jsxs2(View2, { style: styles2.copy, children: [
@@ -307,12 +311,21 @@ function NativeListRow({
           typeof description === "string" ? /* @__PURE__ */ jsx4(Text2, { numberOfLines: 1, style: styles2.description, children: description }) : description ? /* @__PURE__ */ jsx4(View2, { style: styles2.descriptionSlot, children: description }) : null
         ] }),
         trailing ? /* @__PURE__ */ jsx4(View2, { style: styles2.trailing, children: trailing }) : null
-      ]
+      ] })
     }
   );
 }
 function createStyles2(theme) {
   return StyleSheet3.create({
+    content: {
+      alignItems: "center",
+      flex: 1,
+      flexDirection: "row",
+      minHeight: theme.control.row,
+      paddingHorizontal: theme.space.small,
+      position: "relative",
+      width: "100%"
+    },
     copy: { flex: 1, paddingVertical: theme.space.small },
     description: {
       color: theme.color.muted,
@@ -324,12 +337,9 @@ function createStyles2(theme) {
     leading: { marginRight: theme.space.small },
     pressed: { opacity: 0.7 },
     row: {
-      alignItems: "center",
       borderRadius: theme.radius.small,
-      flexDirection: "row",
       minHeight: theme.control.row,
-      overflow: "hidden",
-      paddingHorizontal: theme.space.small
+      overflow: "hidden"
     },
     selected: { backgroundColor: theme.color.panelRaised },
     selectedIndicator: {

package/dist/native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/native/button.tsx","../src/native/theme-provider.tsx","../src/native/generated-tokens.ts","../src/native/tokens.ts","../src/native/icon-button.tsx","../src/native/list-row.tsx","../src/native/sheet.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  ActivityIndicator,\n  type GestureResponderEvent,\n  Pressable,\n  StyleSheet,\n  Text,\n  View,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { type NativeTheme } from \"./tokens\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"destructiveGhost\"\n  | \"ghost\";\n\nexport type ButtonSize = \"regular\" | \"large\" | \"compact\" | \"icon\";\n\nexport interface NativeButtonProps {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  label: string;\n  leading?: ReactNode;\n  loading?: boolean;\n  onPress(event: GestureResponderEvent): void;\n  size?: ButtonSize;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  variant?: ButtonVariant;\n}\n\n/**\n * Native counterpart of the UI System Button contract.\n *\n * Its interaction hierarchy is adapted from React Native Reusables' Button,\n * while the styling is deliberately token-backed and platform-native.\n */\nexport function NativeButton({\n  accessibilityLabel,\n  disabled = false,\n  label,\n  leading,\n  loading = false,\n  onPress,\n  size = \"regular\",\n  style,\n  testID,\n  variant = \"primary\"\n}: NativeButtonProps) {\n  const theme = useNativeTheme();\n  const styles = createStyles(theme);\n  const unavailable = disabled || loading;\n  const foreground = textColorByVariant(theme)[variant];\n  const hasLabel = label.trim().length > 0;\n\n  return (\n    <Pressable\n      accessibilityLabel={accessibilityLabel ?? label}\n      accessibilityRole=\"button\"\n      accessibilityState={{ busy: loading, disabled: unavailable }}\n      disabled={unavailable}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.button,\n        styles[size],\n        variantStyles(theme)[variant],\n        pressed && !unavailable ? styles.pressed : undefined,\n        unavailable ? styles.disabled : undefined,\n        style\n      ]}\n      testID={testID}\n    >\n      {loading ? (\n        <ActivityIndicator color={foreground} size=\"small\" />\n      ) : (\n        <>\n          {leading ? (\n            <View style={[styles.leading, !hasLabel && styles.leadingOnly]}>\n              {leading}\n            </View>\n          ) : null}\n          {hasLabel ? (\n            <Text\n              numberOfLines={1}\n              style={[styles.label, { color: foreground }]}\n            >\n              {label}\n            </Text>\n          ) : null}\n        </>\n      )}\n    </Pressable>\n  );\n}\n\nfunction textColorByVariant(theme: NativeTheme): Record<ButtonVariant, string> {\n  return {\n    primary: theme.color.background,\n    secondary: theme.color.text,\n    destructive: theme.color.background,\n    destructiveGhost: theme.color.danger,\n    ghost: theme.color.text\n  };\n}\n\nfunction variantStyles(theme: NativeTheme): Record<ButtonVariant, ViewStyle> {\n  return {\n    primary: { backgroundColor: theme.color.accent },\n    secondary: {\n      backgroundColor: theme.color.panelRaised,\n      borderColor: theme.color.border,\n      borderWidth: StyleSheet.hairlineWidth\n    },\n    destructive: { backgroundColor: theme.color.danger },\n    destructiveGhost: { backgroundColor: \"transparent\" },\n    ghost: { backgroundColor: \"transparent\" }\n  };\n}\n\nfunction createStyles(theme: NativeTheme) {\n  return StyleSheet.create({\n    button: {\n      alignItems: \"center\",\n      borderRadius: theme.radius.medium,\n      flexDirection: \"row\",\n      justifyContent: \"center\"\n    },\n    compact: {\n      minHeight: theme.control.compact,\n      paddingHorizontal: theme.space.small\n    },\n    disabled: { opacity: 0.45 },\n    icon: {\n      height: theme.control.icon,\n      paddingHorizontal: 0,\n      width: theme.control.icon\n    },\n    label: { fontSize: theme.space.medium, fontWeight: \"700\" },\n    large: {\n      minHeight: theme.control.large,\n      paddingHorizontal: theme.space.medium\n    },\n    leading: { marginRight: theme.space.small },\n    leadingOnly: { marginRight: 0 },\n    pressed: { opacity: 0.82 },\n    regular: {\n      minHeight: theme.control.regular,\n      paddingHorizontal: theme.space.medium\n    }\n  });\n}\n","import {\n  createContext,\n  type PropsWithChildren,\n  useContext,\n  useMemo\n} from \"react\";\nimport { useColorScheme } from \"react-native\";\nimport {\n  nativeTheme,\n  resolveNativeTheme,\n  type NativeTheme,\n  type NativeThemeMode\n} from \"./tokens\";\n\nexport type NativeThemePreference = NativeThemeMode | \"system\";\n\nconst NativeThemeContext = createContext<NativeTheme>(nativeTheme);\n\nexport interface NativeThemeProviderProps extends PropsWithChildren {\n  /** Defaults to the operating system preference when no product override exists. */\n  mode?: NativeThemePreference;\n}\n\n/**\n * Supplies the resolved Native semantic theme to UI System primitives and\n * application composition. The provider is intentionally UI-only: product\n * settings decide which preference, if any, it receives.\n */\nexport function NativeThemeProvider({\n  children,\n  mode = \"system\"\n}: NativeThemeProviderProps) {\n  const systemMode = useColorScheme();\n  const resolvedMode =\n    mode === \"system\" ? (systemMode === \"light\" ? \"light\" : \"dark\") : mode;\n  const theme = useMemo(() => resolveNativeTheme(resolvedMode), [resolvedMode]);\n\n  return (\n    <NativeThemeContext.Provider value={theme}>\n      {children}\n    </NativeThemeContext.Provider>\n  );\n}\n\nexport function useNativeTheme(): NativeTheme {\n  return useContext(NativeThemeContext);\n}\n","/* This file is generated from ../tokens/renderer-theme.json. Do not edit it directly. */\nexport const nativeThemeDimensions = {\n  control: {\n    compact: 40,\n    icon: 40,\n    large: 52,\n    regular: 48,\n    row: 60\n  },\n  radius: {\n    large: 18,\n    medium: 12,\n    small: 8\n  },\n  space: {\n    large: 24,\n    medium: 16,\n    small: 10,\n    xlarge: 32\n  }\n} as const;\n\nexport const nativeThemes = {\n  light: {\n    accent: \"#4182f5\",\n    accentPressed: \"#3975df\",\n    background: \"#f7f8fa\",\n    backgroundFronted: \"#ffffff\",\n    backgroundPanel: \"#f8fafc\",\n    border: \"#e5e7eb\",\n    danger: \"#dc2626\",\n    foreground: \"#29313d\",\n    muted: \"#6b7280\",\n    panel: \"#f8f8fa\",\n    scrim: \"rgba(0, 0, 0, 0.6)\",\n    scrimStrong: \"rgba(0, 0, 0, 0.64)\",\n    success: \"#22c55e\",\n    textPrimary: \"#3c3c3c\",\n    textSecondary: \"#6c6c6c\"\n  },\n  dark: {\n    accent: \"#ff6b4a\",\n    accentPressed: \"#eb5839\",\n    background: \"#111216\",\n    backgroundFronted: \"#22252d\",\n    backgroundPanel: \"#1a1c22\",\n    border: \"#30333b\",\n    danger: \"#ff716c\",\n    foreground: \"#f6f6f7\",\n    muted: \"#9398a5\",\n    panel: \"#1a1c22\",\n    scrim: \"rgba(0, 0, 0, 0.6)\",\n    scrimStrong: \"rgba(0, 0, 0, 0.64)\",\n    success: \"#62d49f\",\n    textPrimary: \"#f6f6f7\",\n    textSecondary: \"#c3c6ce\"\n  }\n} as const;\n\nexport type NativeThemeMode = keyof typeof nativeThemes;\nexport type NativeThemePalette = (typeof nativeThemes)[NativeThemeMode];\n","import {\n  nativeThemeDimensions,\n  nativeThemes,\n  type NativeThemeMode,\n  type NativeThemePalette\n} from \"./generated-tokens\";\n\nexport { nativeThemeDimensions, nativeThemes };\nexport type { NativeThemeMode, NativeThemePalette };\n\n/**\n * Resolves a renderer-neutral semantic theme for React Native.\n */\nexport function resolveNativeTheme(mode: NativeThemeMode) {\n  const palette = nativeThemes[mode];\n\n  return {\n    control: nativeThemeDimensions.control,\n    color: {\n      accent: palette.accent,\n      accentPressed: palette.accentPressed,\n      background: palette.background,\n      border: palette.border,\n      danger: palette.danger,\n      muted: palette.muted,\n      panel: palette.panel,\n      panelRaised: palette.backgroundFronted,\n      scrim: palette.scrim,\n      scrimStrong: palette.scrimStrong,\n      success: palette.success,\n      text: palette.textPrimary,\n      textSecondary: palette.textSecondary\n    },\n    mode,\n    radius: nativeThemeDimensions.radius,\n    space: nativeThemeDimensions.space\n  } as const;\n}\n\n/**\n * Backwards-compatible dark Native theme.\n *\n * New components should consume the context-backed `useNativeTheme` hook so\n * they respond to the Native renderer's configured color scheme.\n */\nexport const nativeTheme = resolveNativeTheme(\"dark\");\n\nexport type NativeTheme = typeof nativeTheme;\n","import type { ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  type GestureResponderEvent,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { NativeButton, type ButtonSize, type ButtonVariant } from \"./button\";\n\nexport interface NativeIconButtonProps {\n  accessibilityLabel: string;\n  disabled?: boolean;\n  icon: ReactNode;\n  onPress(event: GestureResponderEvent): void;\n  size?: Extract<ButtonSize, \"compact\" | \"icon\">;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  variant?: ButtonVariant;\n}\n\nexport function NativeIconButton({\n  accessibilityLabel,\n  disabled = false,\n  icon,\n  onPress,\n  size = \"icon\",\n  style,\n  testID,\n  variant = \"ghost\"\n}: NativeIconButtonProps) {\n  return (\n    <NativeButton\n      accessibilityLabel={accessibilityLabel}\n      disabled={disabled}\n      label=\"\"\n      leading={icon}\n      onPress={onPress}\n      size={size}\n      style={[styles.button, style]}\n      testID={testID}\n      variant={variant}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  button: { paddingHorizontal: 0 }\n});\n","import type { ReactNode } from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  Text,\n  View,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { type NativeTheme } from \"./tokens\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport interface NativeListRowProps {\n  accessibilityLabel?: string;\n  description?: ReactNode;\n  disabled?: boolean;\n  leading?: ReactNode;\n  onPress?(): void;\n  selected?: boolean;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  trailing?: ReactNode;\n}\n\nexport function NativeListRow({\n  accessibilityLabel,\n  description,\n  disabled = false,\n  leading,\n  onPress,\n  selected = false,\n  style,\n  title,\n  trailing\n}: NativeListRowProps) {\n  const theme = useNativeTheme();\n  const styles = createStyles(theme);\n  const interactive = onPress !== undefined;\n\n  return (\n    <Pressable\n      accessibilityLabel={accessibilityLabel ?? title}\n      accessibilityRole={interactive ? \"button\" : undefined}\n      accessibilityState={{ disabled, selected }}\n      disabled={!interactive || disabled}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.row,\n        selected ? styles.selected : undefined,\n        pressed && interactive && !disabled ? styles.pressed : undefined,\n        disabled ? styles.disabled : undefined,\n        style\n      ]}\n    >\n      {selected ? <View style={styles.selectedIndicator} /> : null}\n      {leading ? <View style={styles.leading}>{leading}</View> : null}\n      <View style={styles.copy}>\n        <Text\n          numberOfLines={2}\n          style={[styles.title, selected ? styles.titleSelected : undefined]}\n        >\n          {title}\n        </Text>\n        {typeof description === \"string\" ? (\n          <Text numberOfLines={1} style={styles.description}>\n            {description}\n          </Text>\n        ) : description ? (\n          <View style={styles.descriptionSlot}>{description}</View>\n        ) : null}\n      </View>\n      {trailing ? <View style={styles.trailing}>{trailing}</View> : null}\n    </Pressable>\n  );\n}\n\nfunction createStyles(theme: NativeTheme) {\n  return StyleSheet.create({\n    copy: { flex: 1, paddingVertical: theme.space.small },\n    description: {\n      color: theme.color.muted,\n      fontSize: theme.space.small,\n      marginTop: theme.space.small / 2\n    },\n    descriptionSlot: { marginTop: theme.space.small / 2 },\n    disabled: { opacity: 0.45 },\n    leading: { marginRight: theme.space.small },\n    pressed: { opacity: 0.7 },\n    row: {\n      alignItems: \"center\",\n      borderRadius: theme.radius.small,\n      flexDirection: \"row\",\n      minHeight: theme.control.row,\n      overflow: \"hidden\",\n      paddingHorizontal: theme.space.small\n    },\n    selected: { backgroundColor: theme.color.panelRaised },\n    selectedIndicator: {\n      backgroundColor: theme.color.accent,\n      borderRadius: theme.radius.small / 2,\n      bottom: theme.radius.small,\n      left: 0,\n      position: \"absolute\",\n      top: theme.radius.small,\n      width: theme.radius.small / 2\n    },\n    title: {\n      color: theme.color.textSecondary,\n      fontSize: theme.space.medium - 2,\n      fontWeight: \"600\",\n      lineHeight: theme.space.medium + theme.space.small - 1\n    },\n    titleSelected: { color: theme.color.text },\n    trailing: { marginLeft: theme.space.small }\n  });\n}\n","import {\n  BottomSheetModal,\n  type BottomSheetModalProps\n} from \"@gorhom/bottom-sheet\";\nimport { useEffect, useRef, type ReactNode } from \"react\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport interface NativeSheetProps {\n  children: ReactNode;\n  onOpenChange(open: boolean): void;\n  open: boolean;\n  snapPoints?: BottomSheetModalProps[\"snapPoints\"];\n}\n\n/**\n * Controlled modal sheet backed by @gorhom/bottom-sheet.\n *\n * The app root owns BottomSheetModalProvider; callers own whether the sheet is\n * open and what product actions its content performs.\n */\nexport function NativeSheet({\n  children,\n  onOpenChange,\n  open,\n  snapPoints\n}: NativeSheetProps) {\n  const theme = useNativeTheme();\n  const sheet = useRef<BottomSheetModal>(null);\n\n  useEffect(() => {\n    if (open) {\n      sheet.current?.present();\n      return;\n    }\n\n    sheet.current?.dismiss();\n  }, [open]);\n\n  return (\n    <BottomSheetModal\n      backgroundStyle={{\n        backgroundColor: theme.color.panelRaised,\n        borderTopLeftRadius: theme.radius.large,\n        borderTopRightRadius: theme.radius.large\n      }}\n      enableDynamicSizing={snapPoints === undefined}\n      handleIndicatorStyle={{ backgroundColor: theme.color.muted }}\n      onDismiss={() => onOpenChange(false)}\n      ref={sheet}\n      snapPoints={snapPoints}\n    >\n      {children}\n    </BottomSheetModal>\n  );\n}\n"],"mappings":"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","names":["jsx","styles","StyleSheet","jsx","StyleSheet","Pressable","StyleSheet","Text","View","jsx","jsxs","styles","createStyles","Pressable","View","Text","StyleSheet","jsx"]}
+{"version":3,"sources":["../src/native/button.tsx","../src/native/theme-provider.tsx","../src/native/generated-tokens.ts","../src/native/tokens.ts","../src/native/icon-button.tsx","../src/native/list-row.tsx","../src/native/sheet.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport {\n  ActivityIndicator,\n  type GestureResponderEvent,\n  Pressable,\n  StyleSheet,\n  Text,\n  View,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { type NativeTheme } from \"./tokens\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"destructive\"\n  | \"destructiveGhost\"\n  | \"ghost\";\n\nexport type ButtonSize = \"regular\" | \"large\" | \"compact\" | \"icon\";\n\nexport interface NativeButtonProps {\n  accessibilityLabel?: string;\n  disabled?: boolean;\n  label: string;\n  leading?: ReactNode;\n  loading?: boolean;\n  onPress(event: GestureResponderEvent): void;\n  size?: ButtonSize;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  variant?: ButtonVariant;\n}\n\n/**\n * Native counterpart of the UI System Button contract.\n *\n * Its interaction hierarchy is adapted from React Native Reusables' Button,\n * while the styling is deliberately token-backed and platform-native.\n */\nexport function NativeButton({\n  accessibilityLabel,\n  disabled = false,\n  label,\n  leading,\n  loading = false,\n  onPress,\n  size = \"regular\",\n  style,\n  testID,\n  variant = \"primary\"\n}: NativeButtonProps) {\n  const theme = useNativeTheme();\n  const styles = createStyles(theme);\n  const unavailable = disabled || loading;\n  const foreground = textColorByVariant(theme)[variant];\n  const hasLabel = label.trim().length > 0;\n\n  return (\n    <Pressable\n      accessibilityLabel={accessibilityLabel ?? label}\n      accessibilityRole=\"button\"\n      accessibilityState={{ busy: loading, disabled: unavailable }}\n      disabled={unavailable}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.button,\n        styles[size],\n        variantStyles(theme)[variant],\n        pressed && !unavailable ? styles.pressed : undefined,\n        unavailable ? styles.disabled : undefined,\n        style\n      ]}\n      testID={testID}\n    >\n      <View style={styles.content}>\n        {loading ? (\n          <ActivityIndicator color={foreground} size=\"small\" />\n        ) : (\n          <>\n            {leading ? (\n              <View style={[styles.leading, !hasLabel && styles.leadingOnly]}>\n                {leading}\n              </View>\n            ) : null}\n            {hasLabel ? (\n              <Text\n                numberOfLines={1}\n                style={[styles.label, { color: foreground }]}\n              >\n                {label}\n              </Text>\n            ) : null}\n          </>\n        )}\n      </View>\n    </Pressable>\n  );\n}\n\nfunction textColorByVariant(theme: NativeTheme): Record<ButtonVariant, string> {\n  return {\n    primary: theme.color.background,\n    secondary: theme.color.text,\n    destructive: theme.color.background,\n    destructiveGhost: theme.color.danger,\n    ghost: theme.color.text\n  };\n}\n\nfunction variantStyles(theme: NativeTheme): Record<ButtonVariant, ViewStyle> {\n  return {\n    primary: { backgroundColor: theme.color.accent },\n    secondary: {\n      backgroundColor: theme.color.panelRaised,\n      borderColor: theme.color.border,\n      borderWidth: StyleSheet.hairlineWidth\n    },\n    destructive: { backgroundColor: theme.color.danger },\n    destructiveGhost: { backgroundColor: \"transparent\" },\n    ghost: { backgroundColor: \"transparent\" }\n  };\n}\n\nfunction createStyles(theme: NativeTheme) {\n  return StyleSheet.create({\n    button: {\n      alignItems: \"center\",\n      borderRadius: theme.radius.medium,\n      justifyContent: \"center\"\n    },\n    compact: {\n      minHeight: theme.control.compact,\n      paddingHorizontal: theme.space.small\n    },\n    content: {\n      alignItems: \"center\",\n      flexDirection: \"row\",\n      justifyContent: \"center\"\n    },\n    disabled: { opacity: 0.45 },\n    icon: {\n      height: theme.control.icon,\n      paddingHorizontal: 0,\n      width: theme.control.icon\n    },\n    label: { fontSize: theme.space.medium, fontWeight: \"700\" },\n    large: {\n      minHeight: theme.control.large,\n      paddingHorizontal: theme.space.medium\n    },\n    leading: { marginRight: theme.space.small },\n    leadingOnly: { marginRight: 0 },\n    pressed: { opacity: 0.82 },\n    regular: {\n      minHeight: theme.control.regular,\n      paddingHorizontal: theme.space.medium\n    }\n  });\n}\n","import {\n  createContext,\n  type PropsWithChildren,\n  useContext,\n  useMemo\n} from \"react\";\nimport { useColorScheme } from \"react-native\";\nimport {\n  nativeTheme,\n  resolveNativeTheme,\n  type NativeTheme,\n  type NativeThemeMode\n} from \"./tokens\";\n\nexport type NativeThemePreference = NativeThemeMode | \"system\";\n\nconst NativeThemeContext = createContext<NativeTheme>(nativeTheme);\n\nexport interface NativeThemeProviderProps extends PropsWithChildren {\n  /** Defaults to the operating system preference when no product override exists. */\n  mode?: NativeThemePreference;\n}\n\n/**\n * Supplies the resolved Native semantic theme to UI System primitives and\n * application composition. The provider is intentionally UI-only: product\n * settings decide which preference, if any, it receives.\n */\nexport function NativeThemeProvider({\n  children,\n  mode = \"system\"\n}: NativeThemeProviderProps) {\n  const systemMode = useColorScheme();\n  const resolvedMode =\n    mode === \"system\" ? (systemMode === \"light\" ? \"light\" : \"dark\") : mode;\n  const theme = useMemo(() => resolveNativeTheme(resolvedMode), [resolvedMode]);\n\n  return (\n    <NativeThemeContext.Provider value={theme}>\n      {children}\n    </NativeThemeContext.Provider>\n  );\n}\n\nexport function useNativeTheme(): NativeTheme {\n  return useContext(NativeThemeContext);\n}\n","/* This file is generated from ../tokens/renderer-theme.json. Do not edit it directly. */\nexport const nativeThemeDimensions = {\n  control: {\n    compact: 40,\n    icon: 40,\n    large: 52,\n    regular: 48,\n    row: 60\n  },\n  radius: {\n    large: 18,\n    medium: 12,\n    small: 8\n  },\n  space: {\n    large: 24,\n    medium: 16,\n    small: 10,\n    xlarge: 32\n  }\n} as const;\n\nexport const nativeThemes = {\n  light: {\n    accent: \"#4182f5\",\n    accentPressed: \"#3975df\",\n    background: \"#f7f8fa\",\n    backgroundFronted: \"#ffffff\",\n    backgroundPanel: \"#f8fafc\",\n    border: \"#e5e7eb\",\n    danger: \"#dc2626\",\n    foreground: \"#29313d\",\n    muted: \"#6b7280\",\n    panel: \"#f8f8fa\",\n    scrim: \"rgba(0, 0, 0, 0.6)\",\n    scrimStrong: \"rgba(0, 0, 0, 0.64)\",\n    success: \"#22c55e\",\n    textPrimary: \"#3c3c3c\",\n    textSecondary: \"#6c6c6c\"\n  },\n  dark: {\n    accent: \"#ff6b4a\",\n    accentPressed: \"#eb5839\",\n    background: \"#111216\",\n    backgroundFronted: \"#22252d\",\n    backgroundPanel: \"#1a1c22\",\n    border: \"#30333b\",\n    danger: \"#ff716c\",\n    foreground: \"#f6f6f7\",\n    muted: \"#9398a5\",\n    panel: \"#1a1c22\",\n    scrim: \"rgba(0, 0, 0, 0.6)\",\n    scrimStrong: \"rgba(0, 0, 0, 0.64)\",\n    success: \"#62d49f\",\n    textPrimary: \"#f6f6f7\",\n    textSecondary: \"#c3c6ce\"\n  }\n} as const;\n\nexport type NativeThemeMode = keyof typeof nativeThemes;\nexport type NativeThemePalette = (typeof nativeThemes)[NativeThemeMode];\n","import {\n  nativeThemeDimensions,\n  nativeThemes,\n  type NativeThemeMode,\n  type NativeThemePalette\n} from \"./generated-tokens\";\n\nexport { nativeThemeDimensions, nativeThemes };\nexport type { NativeThemeMode, NativeThemePalette };\n\n/**\n * Resolves a renderer-neutral semantic theme for React Native.\n */\nexport function resolveNativeTheme(mode: NativeThemeMode) {\n  const palette = nativeThemes[mode];\n\n  return {\n    control: nativeThemeDimensions.control,\n    color: {\n      accent: palette.accent,\n      accentPressed: palette.accentPressed,\n      background: palette.background,\n      border: palette.border,\n      danger: palette.danger,\n      muted: palette.muted,\n      panel: palette.panel,\n      panelRaised: palette.backgroundFronted,\n      scrim: palette.scrim,\n      scrimStrong: palette.scrimStrong,\n      success: palette.success,\n      text: palette.textPrimary,\n      textSecondary: palette.textSecondary\n    },\n    mode,\n    radius: nativeThemeDimensions.radius,\n    space: nativeThemeDimensions.space\n  } as const;\n}\n\n/**\n * Backwards-compatible dark Native theme.\n *\n * New components should consume the context-backed `useNativeTheme` hook so\n * they respond to the Native renderer's configured color scheme.\n */\nexport const nativeTheme = resolveNativeTheme(\"dark\");\n\nexport type NativeTheme = typeof nativeTheme;\n","import type { ReactNode } from \"react\";\nimport {\n  StyleSheet,\n  type GestureResponderEvent,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { NativeButton, type ButtonSize, type ButtonVariant } from \"./button\";\n\nexport interface NativeIconButtonProps {\n  accessibilityLabel: string;\n  disabled?: boolean;\n  icon: ReactNode;\n  onPress(event: GestureResponderEvent): void;\n  size?: Extract<ButtonSize, \"compact\" | \"icon\">;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  variant?: ButtonVariant;\n}\n\nexport function NativeIconButton({\n  accessibilityLabel,\n  disabled = false,\n  icon,\n  onPress,\n  size = \"icon\",\n  style,\n  testID,\n  variant = \"ghost\"\n}: NativeIconButtonProps) {\n  return (\n    <NativeButton\n      accessibilityLabel={accessibilityLabel}\n      disabled={disabled}\n      label=\"\"\n      leading={icon}\n      onPress={onPress}\n      size={size}\n      style={[styles.button, style]}\n      testID={testID}\n      variant={variant}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  button: { paddingHorizontal: 0 }\n});\n","import type { ReactNode } from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  Text,\n  View,\n  type StyleProp,\n  type ViewStyle\n} from \"react-native\";\nimport { type NativeTheme } from \"./tokens\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport interface NativeListRowProps {\n  accessibilityLabel?: string;\n  description?: ReactNode;\n  disabled?: boolean;\n  leading?: ReactNode;\n  onPress?(): void;\n  selected?: boolean;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  trailing?: ReactNode;\n}\n\nexport function NativeListRow({\n  accessibilityLabel,\n  description,\n  disabled = false,\n  leading,\n  onPress,\n  selected = false,\n  style,\n  title,\n  trailing\n}: NativeListRowProps) {\n  const theme = useNativeTheme();\n  const styles = createStyles(theme);\n  const interactive = onPress !== undefined;\n\n  return (\n    <Pressable\n      accessibilityLabel={accessibilityLabel ?? title}\n      accessibilityRole={interactive ? \"button\" : undefined}\n      accessibilityState={{ disabled, selected }}\n      disabled={!interactive || disabled}\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.row,\n        selected ? styles.selected : undefined,\n        pressed && interactive && !disabled ? styles.pressed : undefined,\n        disabled ? styles.disabled : undefined,\n        style\n      ]}\n    >\n      <View style={styles.content}>\n        {selected ? <View style={styles.selectedIndicator} /> : null}\n        {leading ? <View style={styles.leading}>{leading}</View> : null}\n        <View style={styles.copy}>\n          <Text\n            numberOfLines={2}\n            style={[styles.title, selected ? styles.titleSelected : undefined]}\n          >\n            {title}\n          </Text>\n          {typeof description === \"string\" ? (\n            <Text numberOfLines={1} style={styles.description}>\n              {description}\n            </Text>\n          ) : description ? (\n            <View style={styles.descriptionSlot}>{description}</View>\n          ) : null}\n        </View>\n        {trailing ? <View style={styles.trailing}>{trailing}</View> : null}\n      </View>\n    </Pressable>\n  );\n}\n\nfunction createStyles(theme: NativeTheme) {\n  return StyleSheet.create({\n    content: {\n      alignItems: \"center\",\n      flex: 1,\n      flexDirection: \"row\",\n      minHeight: theme.control.row,\n      paddingHorizontal: theme.space.small,\n      position: \"relative\",\n      width: \"100%\"\n    },\n    copy: { flex: 1, paddingVertical: theme.space.small },\n    description: {\n      color: theme.color.muted,\n      fontSize: theme.space.small,\n      marginTop: theme.space.small / 2\n    },\n    descriptionSlot: { marginTop: theme.space.small / 2 },\n    disabled: { opacity: 0.45 },\n    leading: { marginRight: theme.space.small },\n    pressed: { opacity: 0.7 },\n    row: {\n      borderRadius: theme.radius.small,\n      minHeight: theme.control.row,\n      overflow: \"hidden\"\n    },\n    selected: { backgroundColor: theme.color.panelRaised },\n    selectedIndicator: {\n      backgroundColor: theme.color.accent,\n      borderRadius: theme.radius.small / 2,\n      bottom: theme.radius.small,\n      left: 0,\n      position: \"absolute\",\n      top: theme.radius.small,\n      width: theme.radius.small / 2\n    },\n    title: {\n      color: theme.color.textSecondary,\n      fontSize: theme.space.medium - 2,\n      fontWeight: \"600\",\n      lineHeight: theme.space.medium + theme.space.small - 1\n    },\n    titleSelected: { color: theme.color.text },\n    trailing: { marginLeft: theme.space.small }\n  });\n}\n","import {\n  BottomSheetModal,\n  type BottomSheetModalProps\n} from \"@gorhom/bottom-sheet\";\nimport { useEffect, useRef, type ReactNode } from \"react\";\nimport { useNativeTheme } from \"./theme-provider\";\n\nexport interface NativeSheetProps {\n  children: ReactNode;\n  onOpenChange(open: boolean): void;\n  open: boolean;\n  snapPoints?: BottomSheetModalProps[\"snapPoints\"];\n}\n\n/**\n * Controlled modal sheet backed by @gorhom/bottom-sheet.\n *\n * The app root owns BottomSheetModalProvider; callers own whether the sheet is\n * open and what product actions its content performs.\n */\nexport function NativeSheet({\n  children,\n  onOpenChange,\n  open,\n  snapPoints\n}: NativeSheetProps) {\n  const theme = useNativeTheme();\n  const sheet = useRef<BottomSheetModal>(null);\n\n  useEffect(() => {\n    if (open) {\n      sheet.current?.present();\n      return;\n    }\n\n    sheet.current?.dismiss();\n  }, [open]);\n\n  return (\n    <BottomSheetModal\n      backgroundStyle={{\n        backgroundColor: theme.color.panelRaised,\n        borderTopLeftRadius: theme.radius.large,\n        borderTopRightRadius: theme.radius.large\n      }}\n      enableDynamicSizing={snapPoints === undefined}\n      handleIndicatorStyle={{ backgroundColor: theme.color.muted }}\n      onDismiss={() => onOpenChange(false)}\n      ref={sheet}\n      snapPoints={snapPoints}\n    >\n      {children}\n    </BottomSheetModal>\n  );\n}\n"],"mappings":"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","names":["jsx","styles","StyleSheet","jsx","StyleSheet","Pressable","StyleSheet","Text","View","jsx","jsxs","styles","createStyles","Pressable","View","Text","StyleSheet","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tutti-os/ui-system",
-  "version": "0.0.234",
+  "version": "0.0.235",
   "private": false,
   "type": "module",
   "types": "./dist/index.d.ts",