@krpkg/ui 0.0.0-stage → 0.3.0

package/dist/native.mjs

@@ -0,0 +1,431 @@
+import {
+  borderRadius,
+  colors,
+  spacing
+} from "./chunk-HAD2NPEW.mjs";
+
+// src/native/Button.tsx
+import {
+  Pressable,
+  Text,
+  StyleSheet
+} from "react-native";
+import { jsx } from "react/jsx-runtime";
+function Button({
+  label,
+  variant = "outline",
+  size = "md",
+  style,
+  textStyle,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      disabled,
+      style: ({ pressed }) => [
+        styles.base,
+        styles[variant],
+        styles[`size_${size}`],
+        pressed && !disabled && styles.pressed,
+        disabled && styles.disabled,
+        style
+      ],
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: [
+            styles.text,
+            styles[`text_${variant}`],
+            styles[`textSize_${size}`],
+            disabled && styles.textDisabled,
+            textStyle
+          ],
+          children: label
+        }
+      )
+    }
+  );
+}
+var styles = StyleSheet.create({
+  base: {
+    borderRadius: borderRadius.sm,
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row"
+  },
+  size_sm: {
+    paddingVertical: spacing.xs,
+    paddingHorizontal: spacing.sm
+  },
+  size_md: {
+    paddingVertical: spacing.sm,
+    paddingHorizontal: spacing.lg
+  },
+  size_lg: {
+    paddingVertical: spacing.md,
+    paddingHorizontal: spacing.xl
+  },
+  primary: {
+    backgroundColor: colors.accent
+  },
+  outline: {
+    borderWidth: 1,
+    borderColor: colors.accent,
+    backgroundColor: "transparent"
+  },
+  ghost: {
+    backgroundColor: "transparent"
+  },
+  danger: {
+    backgroundColor: colors.danger
+  },
+  pressed: {
+    opacity: 0.75
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  text: {
+    fontFamily: "monospace",
+    fontWeight: "600"
+  },
+  textSize_sm: {
+    fontSize: 12
+  },
+  textSize_md: {
+    fontSize: 14
+  },
+  textSize_lg: {
+    fontSize: 16
+  },
+  text_primary: {
+    color: colors.bg0
+  },
+  text_outline: {
+    color: colors.accent
+  },
+  text_ghost: {
+    color: colors.text0
+  },
+  text_danger: {
+    color: "#ffffff"
+  },
+  textDisabled: {
+    color: colors.textMuted
+  }
+});
+
+// src/native/BracketCard.tsx
+import { View, StyleSheet as StyleSheet2 } from "react-native";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function BracketCard({
+  active = false,
+  style,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: [
+        styles2.card,
+        active && styles2.active,
+        style
+      ],
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx2(View, { style: [styles2.corner, styles2.cornerTL, active && styles2.cornerActive] }),
+        /* @__PURE__ */ jsx2(View, { style: [styles2.corner, styles2.cornerTR, active && styles2.cornerActive] }),
+        /* @__PURE__ */ jsx2(View, { style: [styles2.corner, styles2.cornerBL, active && styles2.cornerActive] }),
+        /* @__PURE__ */ jsx2(View, { style: [styles2.corner, styles2.cornerBR, active && styles2.cornerActive] }),
+        children
+      ]
+    }
+  );
+}
+var styles2 = StyleSheet2.create({
+  card: {
+    backgroundColor: colors.bgCard,
+    borderWidth: 1,
+    borderColor: colors.borderSubtle,
+    borderRadius: borderRadius.md,
+    padding: spacing.md,
+    position: "relative"
+  },
+  active: {
+    borderColor: colors.accent
+  },
+  corner: {
+    position: "absolute",
+    width: 6,
+    height: 6,
+    borderColor: colors.textDim
+  },
+  cornerActive: {
+    borderColor: colors.accent
+  },
+  cornerTL: {
+    top: -1,
+    left: -1,
+    borderTopWidth: 2,
+    borderLeftWidth: 2
+  },
+  cornerTR: {
+    top: -1,
+    right: -1,
+    borderTopWidth: 2,
+    borderRightWidth: 2
+  },
+  cornerBL: {
+    bottom: -1,
+    left: -1,
+    borderBottomWidth: 2,
+    borderLeftWidth: 2
+  },
+  cornerBR: {
+    bottom: -1,
+    right: -1,
+    borderBottomWidth: 2,
+    borderRightWidth: 2
+  }
+});
+
+// src/native/Badge.tsx
+import { View as View2, Text as Text2, StyleSheet as StyleSheet3 } from "react-native";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Badge({ label, variant = "default", style }) {
+  return /* @__PURE__ */ jsx3(View2, { style: [styles3.badge, styles3[variant], style], children: /* @__PURE__ */ jsx3(Text2, { style: [styles3.text, styles3[`text_${variant}`]], children: label }) });
+}
+var styles3 = StyleSheet3.create({
+  badge: {
+    paddingHorizontal: spacing.sm,
+    paddingVertical: 2,
+    borderRadius: borderRadius.sm,
+    alignSelf: "flex-start"
+  },
+  default: {
+    backgroundColor: colors.borderSubtle
+  },
+  accent: {
+    backgroundColor: colors.accentDim,
+    borderWidth: 1,
+    borderColor: colors.accent
+  },
+  teal: {
+    backgroundColor: colors.tealDim,
+    borderWidth: 1,
+    borderColor: colors.teal
+  },
+  purple: {
+    backgroundColor: "rgba(168, 85, 247, 0.15)",
+    borderWidth: 1,
+    borderColor: colors.purple
+  },
+  outline: {
+    borderWidth: 1,
+    borderColor: colors.borderLight,
+    backgroundColor: "transparent"
+  },
+  text: {
+    fontSize: 11,
+    fontFamily: "monospace",
+    fontWeight: "700",
+    textTransform: "uppercase"
+  },
+  text_default: {
+    color: colors.text1
+  },
+  text_accent: {
+    color: colors.accent
+  },
+  text_teal: {
+    color: colors.teal
+  },
+  text_purple: {
+    color: colors.purple
+  },
+  text_outline: {
+    color: colors.textDim
+  }
+});
+
+// src/native/Dot.tsx
+import { View as View3, StyleSheet as StyleSheet4 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Dot({ color = "accent", size = 6, style }) {
+  const colorMap = {
+    accent: colors.accent,
+    green: colors.success,
+    red: colors.danger,
+    teal: colors.teal,
+    purple: colors.purple
+  };
+  return /* @__PURE__ */ jsx4(
+    View3,
+    {
+      style: [
+        styles4.dot,
+        {
+          width: size,
+          height: size,
+          borderRadius: size / 2,
+          backgroundColor: colorMap[color]
+        },
+        style
+      ]
+    }
+  );
+}
+var styles4 = StyleSheet4.create({
+  dot: {
+    alignSelf: "center"
+  }
+});
+
+// src/native/TechLabel.tsx
+import { View as View4, Text as Text3, StyleSheet as StyleSheet5 } from "react-native";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function TechLabel({ label, jp, coord, style }) {
+  return /* @__PURE__ */ jsxs2(View4, { style: [styles5.container, style], children: [
+    /* @__PURE__ */ jsx5(Text3, { style: styles5.label, children: label }),
+    jp && /* @__PURE__ */ jsx5(Text3, { style: styles5.jp, children: jp }),
+    coord && /* @__PURE__ */ jsxs2(Text3, { style: styles5.coord, children: [
+      "[",
+      coord,
+      "]"
+    ] })
+  ] });
+}
+var styles5 = StyleSheet5.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: spacing.xs
+  },
+  label: {
+    fontFamily: "monospace",
+    fontSize: 12,
+    color: colors.text0,
+    fontWeight: "700",
+    letterSpacing: 0.5
+  },
+  jp: {
+    fontSize: 11,
+    color: colors.text2
+  },
+  coord: {
+    fontFamily: "monospace",
+    fontSize: 10,
+    color: colors.accent
+  }
+});
+
+// src/native/CyberSwitch.tsx
+import { View as View5, Text as Text4, Pressable as Pressable2, StyleSheet as StyleSheet6 } from "react-native";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function CyberSwitch({
+  checked,
+  onChange,
+  label,
+  sublabel,
+  disabled = false,
+  style
+}) {
+  return /* @__PURE__ */ jsxs3(
+    Pressable2,
+    {
+      disabled,
+      onPress: () => onChange(!checked),
+      style: [styles6.container, disabled && styles6.disabled, style],
+      children: [
+        /* @__PURE__ */ jsxs3(View5, { style: [styles6.track, checked && styles6.trackChecked], children: [
+          /* @__PURE__ */ jsx6(Text4, { style: [styles6.bitText, styles6.bitLeft], children: checked ? "1" : "" }),
+          /* @__PURE__ */ jsx6(View5, { style: [styles6.thumb, checked ? styles6.thumbChecked : styles6.thumbUnchecked] }),
+          /* @__PURE__ */ jsx6(Text4, { style: [styles6.bitText, styles6.bitRight], children: !checked ? "0" : "" })
+        ] }),
+        (label || sublabel) && /* @__PURE__ */ jsxs3(View5, { style: styles6.textGroup, children: [
+          label && /* @__PURE__ */ jsx6(Text4, { style: styles6.label, children: label }),
+          sublabel && /* @__PURE__ */ jsx6(Text4, { style: styles6.sublabel, children: sublabel })
+        ] })
+      ]
+    }
+  );
+}
+var styles6 = StyleSheet6.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: spacing.sm
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  track: {
+    width: 48,
+    height: 24,
+    borderRadius: borderRadius.sm,
+    backgroundColor: colors.bg1,
+    borderWidth: 1,
+    borderColor: colors.border,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 3,
+    position: "relative"
+  },
+  trackChecked: {
+    borderColor: colors.accent,
+    backgroundColor: colors.accentDim
+  },
+  thumb: {
+    width: 18,
+    height: 18,
+    borderRadius: borderRadius.sm - 2,
+    backgroundColor: colors.borderLight,
+    position: "absolute"
+  },
+  thumbUnchecked: {
+    left: 2
+  },
+  thumbChecked: {
+    right: 2,
+    backgroundColor: colors.accent
+  },
+  bitText: {
+    fontFamily: "monospace",
+    fontSize: 9,
+    fontWeight: "700",
+    color: colors.text2
+  },
+  bitLeft: {
+    marginLeft: 3
+  },
+  bitRight: {
+    marginRight: 3
+  },
+  textGroup: {
+    flexDirection: "column"
+  },
+  label: {
+    fontFamily: "monospace",
+    fontSize: 13,
+    color: colors.text0,
+    fontWeight: "600"
+  },
+  sublabel: {
+    fontSize: 11,
+    color: colors.text2
+  }
+});
+export {
+  Badge,
+  BracketCard,
+  Button,
+  CyberSwitch,
+  Dot,
+  TechLabel
+};
+//# sourceMappingURL=native.mjs.map

package/dist/native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/native/Button.tsx","../src/native/BracketCard.tsx","../src/native/Badge.tsx","../src/native/Dot.tsx","../src/native/TechLabel.tsx","../src/native/CyberSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Pressable,\n  Text,\n  StyleSheet,\n  type PressableProps,\n  type StyleProp,\n  type ViewStyle,\n  type TextStyle,\n} from 'react-native';\nimport { colors, spacing, borderRadius } from '../tokens';\n\nexport interface NativeButtonProps extends Omit<PressableProps, 'style'> {\n  label: string;\n  variant?: 'primary' | 'outline' | 'ghost' | 'danger';\n  size?: 'sm' | 'md' | 'lg';\n  style?: StyleProp<ViewStyle>;\n  textStyle?: StyleProp<TextStyle>;\n}\n\nexport function Button({\n  label,\n  variant = 'outline',\n  size = 'md',\n  style,\n  textStyle,\n  disabled,\n  ...props\n}: NativeButtonProps) {\n  return (\n    <Pressable\n      disabled={disabled}\n      style={({ pressed }) => [\n        styles.base,\n        styles[variant],\n        styles[`size_${size}`],\n        pressed && !disabled && styles.pressed,\n        disabled && styles.disabled,\n        style,\n      ]}\n      {...props}\n    >\n      <Text\n        style={[\n          styles.text,\n          styles[`text_${variant}`],\n          styles[`textSize_${size}`],\n          disabled && styles.textDisabled,\n          textStyle,\n        ]}\n      >\n        {label}\n      </Text>\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  base: {\n    borderRadius: borderRadius.sm,\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'row',\n  },\n  size_sm: {\n    paddingVertical: spacing.xs,\n    paddingHorizontal: spacing.sm,\n  },\n  size_md: {\n    paddingVertical: spacing.sm,\n    paddingHorizontal: spacing.lg,\n  },\n  size_lg: {\n    paddingVertical: spacing.md,\n    paddingHorizontal: spacing.xl,\n  },\n  primary: {\n    backgroundColor: colors.accent,\n  },\n  outline: {\n    borderWidth: 1,\n    borderColor: colors.accent,\n    backgroundColor: 'transparent',\n  },\n  ghost: {\n    backgroundColor: 'transparent',\n  },\n  danger: {\n    backgroundColor: colors.danger,\n  },\n  pressed: {\n    opacity: 0.75,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  text: {\n    fontFamily: 'monospace',\n    fontWeight: '600',\n  },\n  textSize_sm: {\n    fontSize: 12,\n  },\n  textSize_md: {\n    fontSize: 14,\n  },\n  textSize_lg: {\n    fontSize: 16,\n  },\n  text_primary: {\n    color: colors.bg0,\n  },\n  text_outline: {\n    color: colors.accent,\n  },\n  text_ghost: {\n    color: colors.text0,\n  },\n  text_danger: {\n    color: '#ffffff',\n  },\n  textDisabled: {\n    color: colors.textMuted,\n  },\n});\n","import React from 'react';\nimport { View, StyleSheet, type ViewProps, type StyleProp, type ViewStyle } from 'react-native';\nimport { colors, spacing, borderRadius } from '../tokens';\n\nexport interface NativeBracketCardProps extends ViewProps {\n  active?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function BracketCard({\n  active = false,\n  style,\n  children,\n  ...props\n}: NativeBracketCardProps) {\n  return (\n    <View\n      style={[\n        styles.card,\n        active && styles.active,\n        style,\n      ]}\n      {...props}\n    >\n      <View style={[styles.corner, styles.cornerTL, active && styles.cornerActive]} />\n      <View style={[styles.corner, styles.cornerTR, active && styles.cornerActive]} />\n      <View style={[styles.corner, styles.cornerBL, active && styles.cornerActive]} />\n      <View style={[styles.corner, styles.cornerBR, active && styles.cornerActive]} />\n      {children}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    backgroundColor: colors.bgCard,\n    borderWidth: 1,\n    borderColor: colors.borderSubtle,\n    borderRadius: borderRadius.md,\n    padding: spacing.md,\n    position: 'relative',\n  },\n  active: {\n    borderColor: colors.accent,\n  },\n  corner: {\n    position: 'absolute',\n    width: 6,\n    height: 6,\n    borderColor: colors.textDim,\n  },\n  cornerActive: {\n    borderColor: colors.accent,\n  },\n  cornerTL: {\n    top: -1,\n    left: -1,\n    borderTopWidth: 2,\n    borderLeftWidth: 2,\n  },\n  cornerTR: {\n    top: -1,\n    right: -1,\n    borderTopWidth: 2,\n    borderRightWidth: 2,\n  },\n  cornerBL: {\n    bottom: -1,\n    left: -1,\n    borderBottomWidth: 2,\n    borderLeftWidth: 2,\n  },\n  cornerBR: {\n    bottom: -1,\n    right: -1,\n    borderBottomWidth: 2,\n    borderRightWidth: 2,\n  },\n});\n","import React from 'react';\nimport { View, Text, StyleSheet, type ViewStyle, type StyleProp } from 'react-native';\nimport { colors, spacing, borderRadius } from '../tokens';\n\nexport interface NativeBadgeProps {\n  label: string;\n  variant?: 'default' | 'accent' | 'teal' | 'purple' | 'outline';\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function Badge({ label, variant = 'default', style }: NativeBadgeProps) {\n  return (\n    <View style={[styles.badge, styles[variant], style]}>\n      <Text style={[styles.text, styles[`text_${variant}`]]}>{label}</Text>\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  badge: {\n    paddingHorizontal: spacing.sm,\n    paddingVertical: 2,\n    borderRadius: borderRadius.sm,\n    alignSelf: 'flex-start',\n  },\n  default: {\n    backgroundColor: colors.borderSubtle,\n  },\n  accent: {\n    backgroundColor: colors.accentDim,\n    borderWidth: 1,\n    borderColor: colors.accent,\n  },\n  teal: {\n    backgroundColor: colors.tealDim,\n    borderWidth: 1,\n    borderColor: colors.teal,\n  },\n  purple: {\n    backgroundColor: 'rgba(168, 85, 247, 0.15)',\n    borderWidth: 1,\n    borderColor: colors.purple,\n  },\n  outline: {\n    borderWidth: 1,\n    borderColor: colors.borderLight,\n    backgroundColor: 'transparent',\n  },\n  text: {\n    fontSize: 11,\n    fontFamily: 'monospace',\n    fontWeight: '700',\n    textTransform: 'uppercase',\n  },\n  text_default: {\n    color: colors.text1,\n  },\n  text_accent: {\n    color: colors.accent,\n  },\n  text_teal: {\n    color: colors.teal,\n  },\n  text_purple: {\n    color: colors.purple,\n  },\n  text_outline: {\n    color: colors.textDim,\n  },\n});\n","import React from 'react';\nimport { View, StyleSheet, type ViewStyle, type StyleProp } from 'react-native';\nimport { colors } from '../tokens';\n\nexport interface NativeDotProps {\n  color?: 'accent' | 'green' | 'red' | 'teal' | 'purple';\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function Dot({ color = 'accent', size = 6, style }: NativeDotProps) {\n  const colorMap = {\n    accent: colors.accent,\n    green: colors.success,\n    red: colors.danger,\n    teal: colors.teal,\n    purple: colors.purple,\n  };\n\n  return (\n    <View\n      style={[\n        styles.dot,\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          backgroundColor: colorMap[color],\n        },\n        style,\n      ]}\n    />\n  );\n}\n\nconst styles = StyleSheet.create({\n  dot: {\n    alignSelf: 'center',\n  },\n});\n","import React from 'react';\nimport { View, Text, StyleSheet, type ViewStyle, type StyleProp } from 'react-native';\nimport { colors, spacing, borderRadius } from '../tokens';\n\nexport interface NativeTechLabelProps {\n  label: string;\n  jp?: string;\n  coord?: string;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function TechLabel({ label, jp, coord, style }: NativeTechLabelProps) {\n  return (\n    <View style={[styles.container, style]}>\n      <Text style={styles.label}>{label}</Text>\n      {jp && <Text style={styles.jp}>{jp}</Text>}\n      {coord && <Text style={styles.coord}>[{coord}]</Text>}\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: spacing.xs,\n  },\n  label: {\n    fontFamily: 'monospace',\n    fontSize: 12,\n    color: colors.text0,\n    fontWeight: '700',\n    letterSpacing: 0.5,\n  },\n  jp: {\n    fontSize: 11,\n    color: colors.text2,\n  },\n  coord: {\n    fontFamily: 'monospace',\n    fontSize: 10,\n    color: colors.accent,\n  },\n});\n","import React from 'react';\nimport { View, Text, Pressable, StyleSheet, type ViewStyle, type StyleProp } from 'react-native';\nimport { colors, spacing, borderRadius } from '../tokens';\n\nexport interface NativeCyberSwitchProps {\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  label?: string;\n  sublabel?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport function CyberSwitch({\n  checked,\n  onChange,\n  label,\n  sublabel,\n  disabled = false,\n  style,\n}: NativeCyberSwitchProps) {\n  return (\n    <Pressable\n      disabled={disabled}\n      onPress={() => onChange(!checked)}\n      style={[styles.container, disabled && styles.disabled, style]}\n    >\n      <View style={[styles.track, checked && styles.trackChecked]}>\n        <Text style={[styles.bitText, styles.bitLeft]}>{checked ? '1' : ''}</Text>\n        <View style={[styles.thumb, checked ? styles.thumbChecked : styles.thumbUnchecked]} />\n        <Text style={[styles.bitText, styles.bitRight]}>{!checked ? '0' : ''}</Text>\n      </View>\n      {(label || sublabel) && (\n        <View style={styles.textGroup}>\n          {label && <Text style={styles.label}>{label}</Text>}\n          {sublabel && <Text style={styles.sublabel}>{sublabel}</Text>}\n        </View>\n      )}\n    </Pressable>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    gap: spacing.sm,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  track: {\n    width: 48,\n    height: 24,\n    borderRadius: borderRadius.sm,\n    backgroundColor: colors.bg1,\n    borderWidth: 1,\n    borderColor: colors.border,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingHorizontal: 3,\n    position: 'relative',\n  },\n  trackChecked: {\n    borderColor: colors.accent,\n    backgroundColor: colors.accentDim,\n  },\n  thumb: {\n    width: 18,\n    height: 18,\n    borderRadius: borderRadius.sm - 2,\n    backgroundColor: colors.borderLight,\n    position: 'absolute',\n  },\n  thumbUnchecked: {\n    left: 2,\n  },\n  thumbChecked: {\n    right: 2,\n    backgroundColor: colors.accent,\n  },\n  bitText: {\n    fontFamily: 'monospace',\n    fontSize: 9,\n    fontWeight: '700',\n    color: colors.text2,\n  },\n  bitLeft: {\n    marginLeft: 3,\n  },\n  bitRight: {\n    marginRight: 3,\n  },\n  textGroup: {\n    flexDirection: 'column',\n  },\n  label: {\n    fontFamily: 'monospace',\n    fontSize: 13,\n    color: colors.text0,\n    fontWeight: '600',\n  },\n  sublabel: {\n    fontSize: 11,\n    color: colors.text2,\n  },\n});\n"],"mappings":"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","names":["StyleSheet","jsx","styles","StyleSheet","View","Text","StyleSheet","jsx","View","styles","Text","StyleSheet","View","StyleSheet","jsx","View","styles","StyleSheet","View","Text","StyleSheet","jsx","jsxs","View","styles","Text","StyleSheet","View","Text","Pressable","StyleSheet","jsx","jsxs","Pressable","styles","View","Text","StyleSheet"]}

package/dist/tokens.d.mts

@@ -0,0 +1,183 @@
+/**
+ * Raw design tokens - source of truth across Web, Tauri Desktop, and React Native
+ */
+declare const colors: {
+    readonly bg: "#0a0a0c";
+    readonly bg0: "#0a0a0c";
+    readonly bg1: "#111114";
+    readonly bg2: "#18181c";
+    readonly bg3: "#1f1f24";
+    readonly bgCard: "#121215";
+    readonly bgCardHover: "#18181d";
+    readonly bgCardActive: "#222228";
+    readonly border: "#2a2a30";
+    readonly borderSubtle: "#1e1e24";
+    readonly borderLight: "#3f3f46";
+    readonly text: "#f4f4f5";
+    readonly text0: "#e2ded6";
+    readonly text1: "#b0aca4";
+    readonly text2: "#706c66";
+    readonly text3: "#4a4844";
+    readonly textMuted: "#a1a1aa";
+    readonly textDim: "#71717a";
+    readonly accent: "#c49368";
+    readonly accentHover: "#d4a478";
+    readonly accentDim: "rgba(196, 147, 104, 0.12)";
+    readonly accentMuted: "rgba(224, 169, 109, 0.15)";
+    readonly teal: "#6a9e9e";
+    readonly tealDim: "rgba(106, 158, 158, 0.12)";
+    readonly warm: "#a08060";
+    readonly redSoft: "#b05050";
+    readonly greenSoft: "#6a9a6a";
+    readonly danger: "#ef4444";
+    readonly success: "#22c55e";
+    readonly blue: "#3b82f6";
+    readonly purple: "#a855f7";
+    readonly sticky1: "#e8e0b8";
+    readonly sticky2: "#e0c8c0";
+    readonly sticky3: "#c0d0d8";
+    readonly sticky4: "#c8d8c0";
+};
+declare const themePalettes: {
+    readonly default: {
+        readonly name: "Amber Baseline";
+        readonly accent: "#c49368";
+        readonly bg0: "#0a0a0c";
+        readonly bg1: "#111114";
+        readonly bg2: "#18181c";
+        readonly border: "#2a2a30";
+    };
+    readonly citlali: {
+        readonly name: "Citlali Star-Gaze";
+        readonly accent: "#f2a9c8";
+        readonly bg0: "#090d1d";
+        readonly bg1: "#10172d";
+        readonly bg2: "#172343";
+        readonly border: "#334879";
+    };
+    readonly furina: {
+        readonly name: "Furina Hydro-Overture";
+        readonly accent: "#5ab2ff";
+        readonly bg0: "#060d16";
+        readonly bg1: "#0b1624";
+        readonly bg2: "#122238";
+        readonly border: "#1f3c5e";
+    };
+    readonly alley: {
+        readonly name: "Alley Neon-Noir";
+        readonly accent: "#b066ff";
+        readonly bg0: "#050409";
+        readonly bg1: "#0b0914";
+        readonly bg2: "#141021";
+        readonly border: "#382c54";
+    };
+};
+declare const typography: {
+    readonly fontMono: "IBMPlexMono_400Regular";
+    readonly fontMonoLight: "IBMPlexMono_300Light";
+    readonly fontMonoMedium: "IBMPlexMono_500Medium";
+    readonly fontMonoBold: "IBMPlexMono_600SemiBold";
+    readonly fontSans: "IBMPlexSans_400Regular";
+    readonly fontSansLight: "IBMPlexSans_300Light";
+    readonly fontSansMedium: "IBMPlexSans_500Medium";
+    readonly fontSansBold: "IBMPlexSans_600SemiBold";
+    readonly fontJp: "NotoSansJP_400Regular";
+    readonly fontJpMedium: "NotoSansJP_500Medium";
+    readonly fontJpBold: "NotoSansJP_700Bold";
+    readonly webMono: "'IBM Plex Mono', monospace";
+    readonly webSans: "'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+    readonly webJp: "'Noto Sans JP', sans-serif";
+};
+declare const spacing: {
+    readonly none: 0;
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 12;
+    readonly lg: 16;
+    readonly xl: 24;
+    readonly xxl: 32;
+    readonly xxxl: 48;
+};
+declare const borderRadius: {
+    readonly none: 0;
+    readonly sm: 4;
+    readonly md: 6;
+    readonly lg: 10;
+    readonly full: 9999;
+};
+/**
+ * CSS Variable references for DOM & Tauri Webview contexts
+ */
+declare const cssTokens: {
+    readonly colors: {
+        readonly bg0: "var(--kz-bg-0)";
+        readonly bg1: "var(--kz-bg-1)";
+        readonly bg2: "var(--kz-bg-2)";
+        readonly bg3: "var(--kz-bg-3)";
+        readonly border: "var(--kz-border)";
+        readonly borderSubtle: "var(--kz-border-subtle)";
+        readonly borderLight: "var(--kz-border-light)";
+        readonly text0: "var(--kz-text-0)";
+        readonly text1: "var(--kz-text-1)";
+        readonly text2: "var(--kz-text-2)";
+        readonly text3: "var(--kz-text-3)";
+        readonly accent: "var(--kz-accent)";
+        readonly accentHover: "var(--kz-accent-hover)";
+        readonly accentDim: "var(--kz-accent-dim)";
+        readonly teal: "var(--kz-teal)";
+        readonly tealDim: "var(--kz-teal-dim)";
+        readonly warm: "var(--kz-warm)";
+        readonly redSoft: "var(--kz-red-soft)";
+        readonly greenSoft: "var(--kz-green-soft)";
+        readonly blue: "var(--kz-blue)";
+        readonly purple: "var(--kz-purple)";
+    };
+    readonly typography: {
+        readonly mono: "var(--kz-mono)";
+        readonly sans: "var(--kz-sans)";
+        readonly jp: "var(--kz-jp)";
+    };
+    readonly radius: {
+        readonly sm: "var(--kz-radius-sm)";
+        readonly md: "var(--kz-radius-md)";
+        readonly lg: "var(--kz-radius-lg)";
+    };
+};
+declare const tokens: {
+    readonly colors: {
+        readonly bg0: "var(--kz-bg-0)";
+        readonly bg1: "var(--kz-bg-1)";
+        readonly bg2: "var(--kz-bg-2)";
+        readonly bg3: "var(--kz-bg-3)";
+        readonly border: "var(--kz-border)";
+        readonly borderSubtle: "var(--kz-border-subtle)";
+        readonly borderLight: "var(--kz-border-light)";
+        readonly text0: "var(--kz-text-0)";
+        readonly text1: "var(--kz-text-1)";
+        readonly text2: "var(--kz-text-2)";
+        readonly text3: "var(--kz-text-3)";
+        readonly accent: "var(--kz-accent)";
+        readonly accentHover: "var(--kz-accent-hover)";
+        readonly accentDim: "var(--kz-accent-dim)";
+        readonly teal: "var(--kz-teal)";
+        readonly tealDim: "var(--kz-teal-dim)";
+        readonly warm: "var(--kz-warm)";
+        readonly redSoft: "var(--kz-red-soft)";
+        readonly greenSoft: "var(--kz-green-soft)";
+        readonly blue: "var(--kz-blue)";
+        readonly purple: "var(--kz-purple)";
+    };
+    readonly typography: {
+        readonly mono: "var(--kz-mono)";
+        readonly sans: "var(--kz-sans)";
+        readonly jp: "var(--kz-jp)";
+    };
+    readonly radius: {
+        readonly sm: "var(--kz-radius-sm)";
+        readonly md: "var(--kz-radius-md)";
+        readonly lg: "var(--kz-radius-lg)";
+    };
+};
+type ThemeName = 'default' | 'citlali' | 'furina' | 'alley';
+
+export { type ThemeName, borderRadius, colors, cssTokens, spacing, themePalettes, tokens, typography };