@ponti-studios/ui 0.1.2

package/src/tokens/spacing.ts

@@ -0,0 +1,30 @@
+/**
+ * Spacing tokens — 8px primary grid, 4px secondary.
+ *
+ * Values are unitless numbers (px on web via CSS vars, logical pixels on
+ * mobile). Must match --spacing-* in packages/ui/src/styles.css.
+ */
+
+export const spacing = {
+  1: 4,
+  2: 8,
+  3: 12,
+  4: 16,
+  5: 24,
+  6: 32,
+  7: 48,
+  8: 64,
+} as const;
+
+/**
+ * Content width tokens for constraining max-width of content.
+ * Used for message bubbles, transcript areas, and other content containers.
+ */
+export const contentWidths = {
+  bubble: "36rem", // Compact message bubble width (576px)
+  transcript: "44rem", // Standard transcript/content width (704px)
+  notePreview: "32ch", // Empty-state note preview width
+} as const;
+
+export type SpacingToken = keyof typeof spacing;
+export type ContentWidthToken = keyof typeof contentWidths;

package/src/tokens/typography.ts

@@ -0,0 +1,42 @@
+export const fontFamilies = {
+  primary: "-apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+  mono: "ui-monospace, monospace",
+} as const;
+
+export const fontSizes = {
+  micro: 10,
+  caption2: 11,
+  caption1: 12,
+  footnote: 13,
+  xs: 12,
+  sm: 14,
+  subhead: 15,
+  md: 16,
+  body: 17,
+  lg: 18,
+  xl: 20,
+  headline: 17,
+  display: 28,
+} as const;
+
+export const fontWeights = {
+  regular: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+} as const;
+
+export const lineHeights = {
+  tight: 1.2,
+  normal: 1.4,
+  relaxed: 1.6,
+} as const;
+
+export const letterSpacing = {
+  tight: -0.05,
+  normal: 0,
+  relaxed: 0.01,
+} as const;
+
+export type FontSizeToken = keyof typeof fontSizes;
+export type FontWeightToken = keyof typeof fontWeights;

package/src/translations/en.ts

@@ -0,0 +1,34 @@
+export const UI_TRANSLATIONS_EN = {
+  auth: {
+    emailEntry: {
+      title: "Sign in",
+      helper: "Enter your email to continue.",
+      emailPlaceholder: "you@example.com",
+      emailLabel: "Email address",
+      submitButton: "Continue",
+      submitButtonLoading: "Sending...",
+      passkeyButton: "Use passkey",
+      passkeyLoadingButton: "Connecting...",
+      emailRequiredError: "Email is required.",
+      emailInvalidError: "Enter a valid email address.",
+      sendFailedError: "Unable to send verification code.",
+    },
+    otpVerification: {
+      title: "Verify",
+      helper: "Code sent to {{email}}.",
+      codeLabel: "Verification code",
+      verifyButton: "Verify",
+      verifyButtonLoading: "Verifying...",
+      resendButton: "Resend code",
+      resendButtonLoading: "Resending...",
+      changeEmailLink: "Use a different email",
+      codeRequiredError: "Code is required.",
+      codeLengthError: "Code must be 6 digits.",
+      verifyFailedError: "There was a problem signing in. Our team is working on it.",
+      resendFailedError: "Unable to resend verification code.",
+    },
+    passkey: {
+      genericError: "Passkey sign-in failed.",
+    },
+  },
+} as const;

package/src/translations/index.ts

@@ -0,0 +1,32 @@
+import { UI_TRANSLATIONS_EN } from "./en";
+
+type TranslationValue = string | number | boolean;
+type TranslationOptions = Record<string, TranslationValue>;
+
+function getTranslationValue(key: string): unknown {
+  return key.split(".").reduce<unknown>((value, part) => {
+    if (value && typeof value === "object" && part in value) {
+      return (value as Record<string, unknown>)[part];
+    }
+
+    return undefined;
+  }, UI_TRANSLATIONS_EN);
+}
+
+export function registerUiTranslations() {
+  return UI_TRANSLATIONS_EN;
+}
+
+export function translateUi(key: string, options?: TranslationOptions) {
+  const value = getTranslationValue(key);
+  if (typeof value !== "string") {
+    return key;
+  }
+
+  return value.replace(/{{\s*([a-zA-Z0-9_]+)\s*}}/g, (_, token: string) => {
+    const replacement = options?.[token];
+    return replacement === undefined ? "" : String(replacement);
+  });
+}
+
+export { UI_TRANSLATIONS_EN };

package/src/types/upload.ts

@@ -0,0 +1,42 @@
+// ============================================================================
+// File Processing Types
+// ============================================================================
+
+/**
+ * Processed file from server-side file processing
+ */
+interface ProcessedFile {
+  id: string;
+  originalName: string;
+  type: "image" | "document" | "audio" | "video" | "unknown";
+  mimetype: string;
+  size: number;
+  content?: string;
+  textContent?: string;
+  metadata?: Record<string, unknown>;
+  thumbnail?: string;
+  duration?: number;
+  transcription?: string;
+}
+
+/**
+ * Successfully uploaded file (API response)
+ */
+export interface UploadedFile extends ProcessedFile {
+  url: string;
+  uploadedAt: Date;
+  vectorIds?: string[];
+}
+
+export interface FailedUpload {
+  name: string;
+  error: string;
+}
+
+export interface UploadResponse {
+  success: boolean;
+  files: UploadedFile[];
+  failed: FailedUpload[];
+  message: string;
+  error?: string;
+}