create-freakpunch 0.0.0-stage → 0.2.0

package/template/src/index.css

@@ -0,0 +1,321 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+@import "@fontsource-variable/inter";
+
+@custom-variant dark (&:is(.dark *));
+
+/* ==========================================================================
+   DESIGN TOKENS: the single source of truth.
+   Every color, radius, shadow and layout spacing value used by the app is
+   defined here as a CSS variable. Components only reference these tokens
+   (through Tailwind utilities such as bg-primary, text-muted-foreground).
+
+   Brand color: change --brand / --brand-foreground below, or set `brand` in
+   src/app.config.ts (applied at runtime, overrides the default here).
+   ========================================================================== */
+
+/* `.light` / `.dark` on any element scope its subtree to that theme (e.g. logo previews). */
+:root,
+.light {
+  /* ---- Brand (one accent color) ---- */
+  --brand: oklch(0.585 0.233 277.117); /* indigo */
+  --brand-foreground: oklch(1 0 0);
+
+  /* ---- Surfaces ---- */
+  --canvas: oklch(0.974 0.004 84.6); /* warm off-white app background, sidebar sits on it */
+  --background: oklch(1 0 0); /* floating content panel */
+  --foreground: oklch(0.17 0.004 84.6);
+  --card: oklch(1 0 0);
+  --card-foreground: var(--foreground);
+  --popover: oklch(1 0 0);
+  --popover-foreground: var(--foreground);
+  --raised: oklch(1 0 0); /* active nav pill, segmented controls */
+
+  /* ---- Neutrals ---- */
+  --secondary: oklch(0.968 0.002 84.6);
+  --secondary-foreground: var(--foreground);
+  --muted: oklch(0.968 0.002 84.6);
+  --muted-foreground: oklch(0.5 0.005 84.6);
+  --accent: oklch(0.556 0 0 / 8%);
+  --accent-foreground: var(--foreground);
+  --fill-1: oklch(0.556 0.005 84.6 / 5%);
+  --fill-2: oklch(0.556 0.005 84.6 / 8%);
+  --fill-3: oklch(0.556 0.005 84.6 / 12%);
+  --fill-4: oklch(0.556 0.005 84.6 / 16%);
+
+  /* ---- Lines & controls (1px hairlines) ---- */
+  --border: oklch(0.17 0.004 84.6 / 9%);
+  --input: oklch(0.17 0.004 84.6 / 10%);
+  --field: oklch(0.556 0 0 / 2.5%);
+  --field-border: oklch(0.17 0.004 84.6 / 11%);
+  --control: oklch(1 0 0);
+  --control-hover: oklch(0.985 0.002 84.6);
+  --control-border: oklch(0.17 0.004 84.6 / 11%);
+
+  /* ---- Brand-driven roles ---- */
+  --primary: var(--brand);
+  --primary-foreground: var(--brand-foreground);
+  --ring: var(--brand);
+  --selection: color-mix(in oklch, var(--brand) 18%, transparent);
+
+  /* ---- Semantic (only where they carry meaning) ---- */
+  --success: oklch(0.627 0.17 149.2);
+  --warning: oklch(0.75 0.16 70);
+  --danger: oklch(0.6 0.22 25.3);
+  --info: oklch(0.62 0.19 255);
+  --destructive: var(--danger);
+  --destructive-foreground: oklch(0.505 0.213 27.518);
+
+  /* ---- Sidebar (sits on the canvas) ---- */
+  --sidebar: var(--canvas);
+  --sidebar-foreground: var(--foreground);
+  --sidebar-primary: var(--brand);
+  --sidebar-primary-foreground: var(--brand-foreground);
+  --sidebar-accent: var(--fill-2);
+  --sidebar-accent-foreground: var(--foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--brand);
+
+  /* ---- Charts (series 1 follows the brand) ---- */
+  --chart-1: var(--brand);
+  --chart-2: oklch(0.72 0.01 84.6);
+  --chart-3: oklch(0.837 0.128 66.29);
+  --chart-4: oklch(0.765 0.177 163.223);
+  --chart-5: oklch(0.511 0.096 186.391);
+  --chart-6: oklch(0.97 0 0);
+  --chart-7: oklch(0.718 0.202 349.761);
+  --chart-8: oklch(0.811 0.111 293.571);
+  --chart-9: oklch(0.841 0.238 128.85);
+  --chart-10: oklch(0.5 0.134 242.749);
+
+  /* ---- Radius (12–16px for surfaces) ---- */
+  --radius: 0.75rem; /* 12px: cards, inputs groups */
+  --radius-panel: 1rem; /* 16px: floating content panel, large cards */
+
+  /* ---- Shadows (very soft) ---- */
+  --shadow-card: 0 1px 2px 0 oklch(0.3 0.01 84.6 / 4%);
+  --shadow-panel: 0 1px 2px 0 oklch(0.3 0.01 84.6 / 4%), 0 4px 16px -4px oklch(0.3 0.01 84.6 / 5%);
+  --shadow-raised: 0 1px 2px 0 oklch(0.3 0.01 84.6 / 6%), 0 1px 1px -1px oklch(0.3 0.01 84.6 / 6%);
+  --shadow-popover: 0 10px 24px -6px oklch(0.2 0.01 84.6 / 10%), 0 2px 6px -2px oklch(0.2 0.01 84.6 / 6%);
+  --shadow-dialog: 0 24px 48px -12px oklch(0.2 0.01 84.6 / 16%);
+
+  /* ---- Layout spacing ---- */
+  --panel-inset: 0.5rem; /* gap between content panel and canvas edges */
+  --page-gutter: 1.5rem; /* horizontal padding inside the content panel */
+  --page-gutter-mobile: 1rem;
+  --page-max-width: 80rem;
+  --topbar-height: 3.25rem;
+}
+
+.dark {
+  --brand-foreground: oklch(1 0 0);
+
+  --canvas: oklch(0.155 0.003 84.6);
+  --background: oklch(0.195 0.003 84.6);
+  --foreground: oklch(0.975 0.002 84.6);
+  --card: oklch(0.215 0.003 84.6);
+  --popover: oklch(0.235 0.003 84.6);
+  --raised: oklch(0.26 0.003 84.6);
+
+  --secondary: oklch(0.235 0.003 84.6);
+  --muted: oklch(0.235 0.003 84.6);
+  --muted-foreground: oklch(0.7 0.005 84.6);
+  --accent: oklch(1 0 0 / 8%);
+  --fill-1: oklch(1 0 0 / 4%);
+  --fill-2: oklch(1 0 0 / 7%);
+  --fill-3: oklch(1 0 0 / 11%);
+  --fill-4: oklch(1 0 0 / 15%);
+
+  --border: oklch(1 0 0 / 8%);
+  --input: oklch(1 0 0 / 10%);
+  --field: oklch(1 0 0 / 3%);
+  --field-border: oklch(1 0 0 / 12%);
+  --control: oklch(0.235 0.003 84.6);
+  --control-hover: oklch(0.26 0.003 84.6);
+  --control-border: oklch(1 0 0 / 10%);
+
+  --success: oklch(0.72 0.17 149.2);
+  --warning: oklch(0.8 0.15 70);
+  --danger: oklch(0.68 0.2 22);
+  --info: oklch(0.7 0.16 255);
+  --destructive-foreground: oklch(0.704 0.191 22.216);
+
+  --chart-2: oklch(0.45 0.005 84.6);
+  --chart-6: oklch(0.371 0 0);
+
+  --shadow-card: 0 1px 2px 0 oklch(0 0 0 / 20%);
+  --shadow-panel: 0 0 0 1px oklch(1 0 0 / 4%), 0 8px 24px -8px oklch(0 0 0 / 40%);
+  --shadow-raised: 0 1px 2px 0 oklch(0 0 0 / 30%);
+  --shadow-popover: 0 12px 28px -6px oklch(0 0 0 / 45%);
+  --shadow-dialog: 0 24px 48px -12px oklch(0 0 0 / 55%);
+}
+
+/* Map tokens to Tailwind utilities. Do not put raw values in components. */
+@theme inline {
+  --font-sans: "Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-heading: var(--font-sans);
+  --font-mono: initial; /* no mono font: `font-mono` (used by vendored chart tooltips) is a no-op */
+
+  --color-canvas: var(--canvas);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-raised: var(--raised);
+  --color-brand: var(--brand);
+  --color-brand-foreground: var(--brand-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-fill-1: var(--fill-1);
+  --color-fill-2: var(--fill-2);
+  --color-fill-3: var(--fill-3);
+  --color-fill-4: var(--fill-4);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-field: var(--field);
+  --color-field-border: var(--field-border);
+  --color-control: var(--control);
+  --color-control-hover: var(--control-hover);
+  --color-control-border: var(--control-border);
+  --color-ring: var(--ring);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-danger: var(--danger);
+  --color-info: var(--info);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-chart-6: var(--chart-6);
+  --color-chart-7: var(--chart-7);
+  --color-chart-8: var(--chart-8);
+  --color-chart-9: var(--chart-9);
+  --color-chart-10: var(--chart-10);
+
+  /* Radius ladder (SortUI components use these names) */
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.625rem;
+  --radius-xl: var(--radius); /* 12px */
+  --radius-14: 0.875rem;
+  --radius-2xl: var(--radius-panel); /* 16px */
+  --radius-3xl: var(--radius-panel); /* cards: capped at 16px */
+  --radius-4xl: 1.5rem;
+
+  /* Shadow ladder */
+  --shadow-2xs: 0 1px 1px -1px oklch(0 0 0 / 5%);
+  --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 4%);
+  --shadow-sm: var(--shadow-card);
+  --shadow-md: 0 4px 8px -2px oklch(0 0 0 / 5%), 0 2px 4px -2px oklch(0 0 0 / 4%);
+  --shadow-lg: var(--shadow-popover);
+  --shadow-xl: var(--shadow-dialog);
+  --shadow-2xl: var(--shadow-dialog);
+  --shadow-secondary-control: inset 0 -1px 0 oklch(0 0 0 / 6%), 0 1px 2px -1px oklch(0 0 0 / 4%);
+
+  /* Type scale (SortUI) */
+  --text-2xs: 0.75rem;
+  --text-2xs--line-height: calc(1 / 0.75);
+  --text-2xs--letter-spacing: -0.005em;
+  --text-xs: 0.8125rem;
+  --text-xs--line-height: calc(1.25 / 0.8125);
+  --text-xs--letter-spacing: -0.005em;
+  --text-sm--letter-spacing: -0.005em;
+  --text-lg--letter-spacing: -0.005em;
+  --text-xl--letter-spacing: -0.01em;
+  --text-2xl--letter-spacing: -0.015em;
+  --text-3xl--letter-spacing: -0.02em;
+  --text-4xl--letter-spacing: -0.025em;
+  --text-5xl: 2.5rem;
+  --text-5xl--line-height: calc(2.75 / 2.5);
+  --text-5xl--letter-spacing: -0.025em;
+  --text-6xl: 3rem;
+  --text-6xl--line-height: 1;
+  --text-6xl--letter-spacing: -0.03em;
+  --text-7xl: 3.75rem;
+  --text-7xl--line-height: 1;
+  --text-7xl--letter-spacing: -0.035em;
+  --font-weight-540: 540;
+}
+
+/* Small uppercase label (Inter): sidebar groups, card eyebrows, table headers */
+@utility label-caps {
+  font-size: 0.6875rem;
+  line-height: 1rem;
+  font-weight: 500;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--muted-foreground);
+}
+
+/* Horizontal scrollers (mobile sub-nav, tab lists): scrollable without a visible bar */
+@utility scrollbar-none {
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  html {
+    @apply font-sans antialiased;
+    color-scheme: light;
+  }
+  html.dark {
+    color-scheme: dark;
+  }
+  body {
+    @apply bg-canvas text-foreground;
+    font-feature-settings: "cv11", "ss01";
+  }
+  /* Inter is the only font: keyboard hints and inline code don't switch to a monospace face */
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: inherit;
+  }
+  ::selection {
+    background: var(--selection);
+  }
+  :focus-visible {
+    outline-color: var(--ring);
+  }
+}
+
+/* Overlays: soft dim, no blur (no glassmorphism). Unlayered so it wins over
+   the SortUI defaults without editing vendored components. */
+[data-slot="dialog-overlay"],
+[data-slot="alert-dialog-overlay"],
+[data-slot="sheet-overlay"] {
+  backdrop-filter: none;
+  background-color: oklch(0.2 0.01 84.6 / 22%);
+}
+.dark [data-slot="dialog-overlay"],
+.dark [data-slot="alert-dialog-overlay"],
+.dark [data-slot="sheet-overlay"] {
+  background-color: oklch(0 0 0 / 50%);
+}

package/template/src/lib/utils.ts

@@ -0,0 +1 @@
+export { cn } from "cn"

package/template/src/locales/en/account.ts

@@ -0,0 +1,180 @@
+/** Settings → My account: profile, security, notifications, preferences. */
+export default {
+  profile: {
+    title: 'Profile',
+    description: 'Your personal details and how teammates see you.',
+    saved: 'Profile saved',
+    saveFailed: 'Could not save your profile',
+    photo: {
+      title: 'Photo',
+      description: 'PNG, JPG or WebP, up to 2 MB.',
+      change: 'Change photo',
+      tooLarge: 'The image is larger than 2 MB.',
+      invalidType: 'Choose a PNG, JPG, WebP or SVG image.',
+    },
+    personal: {
+      title: 'Personal information',
+      description: 'Shown in the sidebar, on activity you create and to your team.',
+      firstName: 'First name',
+      lastName: 'Last name',
+      jobTitle: 'Job title',
+      jobTitlePlaceholder: 'e.g. Operations lead',
+    },
+    contact: {
+      title: 'Contact',
+      description: 'Changing your email requires verification before it takes effect.',
+      email: 'Email',
+      phone: 'Phone',
+      phoneHint: 'Optional. Used for account recovery.',
+      countryCode: 'Country code',
+      phoneInvalid: 'Enter a valid phone number for {{country}}',
+      emailTaken: 'This email is already used by another account',
+    },
+    pending: {
+      title: 'Verification pending',
+      description: 'We sent a link to <b>{{email}}</b>. Your current email stays active until you confirm.',
+      resend: 'Resend link',
+      resent: 'Verification link sent to {{email}}',
+      cancel: 'Cancel change',
+      cancelled: 'Email change cancelled',
+      simulate: 'Mark as verified (demo)',
+      verified: 'Email updated to {{email}}',
+      started: 'Check {{email}} to confirm the change',
+    },
+    role: {
+      title: 'Role',
+      description: 'Assigned by an admin. It controls what you can see and change.',
+    },
+  },
+  security: {
+    title: 'Security',
+    description: 'Password, two-factor authentication and where you are signed in.',
+    password: {
+      title: 'Password',
+      description: 'Last changed {{when}}.',
+      current: 'Current password',
+      new: 'New password',
+      confirm: 'Confirm new password',
+      submit: 'Update password',
+      updated: 'Password updated',
+      mismatch: 'Passwords don’t match',
+      sameAsCurrent: 'Choose a password different from the current one',
+      wrongCurrent: 'The current password is incorrect',
+      rules: {
+        minLength: 'At least {{count}} characters',
+        uppercase: 'An uppercase letter',
+        number: 'A number',
+        symbol: 'A symbol',
+      },
+      notMet: 'The password doesn’t meet the requirements',
+      strength: {
+        label: 'Strength',
+        tooWeak: 'Too weak',
+        weak: 'Weak',
+        fair: 'Fair',
+        good: 'Good',
+        strong: 'Strong',
+      },
+      show: 'Show password',
+      hide: 'Hide password',
+    },
+    twoFactor: {
+      title: 'Two-factor authentication',
+      description: 'Require a code from an authenticator app when you sign in.',
+      enabled: 'Enabled',
+      disabled: 'Off',
+      enabledSince: 'Enabled {{when}}',
+      required: 'Required by your company',
+      enable: 'Set up',
+      disable: 'Turn off',
+      disableConfirmTitle: 'Turn off two-factor authentication?',
+      disableConfirmDescription: 'Your account will be protected by your password only.',
+      disabledToast: 'Two-factor authentication turned off',
+      cannotDisable: 'Your company requires two-factor authentication.',
+      dialog: {
+        title: 'Set up two-factor authentication',
+        scanStep: 'Scan this QR code with an authenticator app such as 1Password, Google Authenticator or Authy.',
+        manual: 'Can’t scan? Enter this key manually:',
+        qrLabel: 'QR code for your authenticator app',
+        codeLabel: 'Six-digit code',
+        codeHint: 'Enter the code shown in the app. Demo: any six digits work.',
+        codeInvalid: 'Enter the six-digit code',
+        verify: 'Verify and enable',
+        recoveryTitle: 'Save your recovery codes',
+        recoveryDescription: 'Each code works once if you lose access to your authenticator app. Store them somewhere safe.',
+        copyCodes: 'Copy codes',
+        done: 'Done',
+        enabledToast: 'Two-factor authentication is on',
+      },
+    },
+    sessions: {
+      title: 'Active sessions',
+      description: 'Devices currently signed in to your account.',
+      signOutOthers: 'Sign out other sessions',
+      signOutOthersConfirmTitle: 'Sign out all other sessions?',
+      signOutOthersConfirmDescription: 'Every device except this one will need to sign in again.',
+      signedOutOthers: 'Other sessions signed out',
+      revoke: 'Sign out',
+      revokeLabel: 'Sign out {{device}}',
+      revoked: '{{device}} signed out',
+      current: 'This device',
+      device: '{{browser}} on {{os}}',
+      lastActive: 'Active {{when}}',
+      none: 'No other active sessions',
+    },
+    history: {
+      title: 'Recent sign-ins',
+      description: 'The last sign-in attempts to your account.',
+      columns: { when: 'When', device: 'Device', location: 'Location', ip: 'IP address', result: 'Result' },
+      success: 'Successful',
+      failed: 'Failed',
+    },
+  },
+  notifications: {
+    title: 'Notifications',
+    description: 'Choose what you hear about and where.',
+    saved: 'Notification settings saved',
+    channels: { event: 'Event', email: 'Email', inApp: 'In-app' },
+    toggle: '{{channel}}: {{event}}',
+    groups: {
+      account: 'Account & security',
+      team: 'Team',
+      company: 'Company',
+      catalog: 'Catalog',
+      updates: 'Updates',
+    },
+    events: {
+      newSignIn: { label: 'New sign-in', description: 'Someone signs in to your account from a new device.' },
+      passwordChanged: { label: 'Password changed', description: 'Your password or two-factor settings change.' },
+      userJoined: { label: 'Team changes', description: 'Someone is invited, joins or leaves the company.' },
+      roleChanged: { label: 'Role changes', description: 'Your role or permissions change.' },
+      settingsChanged: { label: 'Settings changes', description: 'Company settings, branding or integrations change.' },
+      lowStock: { label: 'Low stock', description: 'Active products run low on stock.' },
+      productChanged: { label: 'Product changes', description: 'Products are created, edited or deleted.' },
+      weeklySummary: { label: 'Weekly summary', description: 'A short report every Monday morning.' },
+      announcements: { label: 'Product news', description: 'New features and tips. Rarely.' },
+    },
+  },
+  preferences: {
+    title: 'Preferences',
+    description: 'How the app looks and formats information for you. Changes apply immediately.',
+    appearance: { title: 'Appearance', description: 'Follows your system setting by default.' },
+    language: { title: 'Language', description: 'Used for the interface, emails and formats.' },
+    region: {
+      title: 'Date & time',
+      description: 'How dates and times are shown across the app.',
+      timeZone: 'Time zone',
+      auto: 'Automatic ({{zone}})',
+      dateFormat: 'Date format',
+      dateAuto: 'Language default ({{example}})',
+      example: 'Example: {{value}}',
+    },
+    sidebar: {
+      title: 'Sidebar',
+      description: 'How the sidebar starts when you open the app.',
+      remember: 'Remember last',
+      expanded: 'Expanded',
+      collapsed: 'Collapsed',
+    },
+  },
+}

package/template/src/locales/en/auth.ts

@@ -0,0 +1,18 @@
+/** Sign-in screen and session messages. */
+export default {
+  signIn: {
+    title: 'Sign in',
+    heading: 'Welcome back',
+    description: 'Sign in to your {{name}} account',
+    email: 'Email',
+    password: 'Password',
+    submit: 'Continue',
+    demo: 'Demo mode: any password works. Sign in as owner@, admin@, editor@ or viewer@{{domain}} to try a role.',
+    invalid: 'The email or password is incorrect.',
+    welcome: 'Welcome, {{name}}',
+    failed: 'Sign in failed',
+    passwordRequired: 'Enter your password',
+    invitationOnly: 'Accounts are created by invitation. Ask an admin of your workspace to invite you.',
+    inactive: 'This account is not active. Ask an admin to reactivate it or accept your invitation first.',
+  },
+}

package/template/src/locales/en/common.ts

@@ -0,0 +1,151 @@
+/** Shared strings: shell, navigation, actions, states, tables, validation. */
+export default {
+  app: {
+    tagline: 'Admin template',
+  },
+  nav: {
+    groups: {
+      overview: 'Overview',
+      catalog: 'Catalog',
+      content: 'Content',
+      system: 'System',
+    },
+    dashboard: 'Dashboard',
+    settings: 'Settings',
+    notFound: 'Not found',
+    noAccess: 'No access',
+  },
+  roles: {
+    owner: 'Owner',
+    admin: 'Admin',
+    editor: 'Editor',
+    viewer: 'Viewer',
+  },
+  plans: {
+    personal: 'Personal',
+    business: 'Business',
+    team: 'Team',
+  },
+  shell: {
+    workspaces: 'Workspaces',
+    switchWorkspace: 'Switch workspace',
+    addWorkspace: 'Add workspace',
+    accountMenu: 'Account menu',
+    profile: 'Profile',
+    signOut: 'Sign out',
+    search: 'Search',
+    searchShortcut: 'Search ({{shortcut}})',
+    toggleSidebar: 'Toggle sidebar',
+    breadcrumb: 'Breadcrumb',
+    devRole: 'Dev: role',
+    devRoleHint: 'Development only. Signs in as the mock user with this role.',
+    devSwitched: 'Signed in as {{name}} ({{role}})',
+  },
+  /** Screen-reader text inside vendored SortUI components. */
+  a11y: {
+    sidebar: 'Navigation',
+    sidebarDescription: 'Main navigation and account menu',
+    loading: 'Loading',
+    more: 'More',
+    morePages: 'More pages',
+    pagination: 'Pagination',
+    previous: 'Previous',
+    next: 'Next',
+    previousPage: 'Go to previous page',
+    nextPage: 'Go to next page',
+  },
+  command: {
+    title: 'Search',
+    description: 'Jump to a page or run a command',
+    placeholder: 'Search pages and actions…',
+    empty: 'No results.',
+    pages: 'Pages',
+    actions: 'Actions',
+    preferences: 'Preferences',
+  },
+  actions: {
+    back: 'Back',
+    save: 'Save',
+    saveChanges: 'Save changes',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+    delete: 'Delete',
+    edit: 'Edit',
+    view: 'View',
+    retry: 'Try again',
+    clear: 'Clear',
+    close: 'Close',
+    copy: 'Copy',
+    copied: 'Copied',
+    continue: 'Continue',
+    upload: 'Upload',
+    remove: 'Remove',
+    reset: 'Reset',
+    discard: 'Discard',
+    backToDashboard: 'Back to dashboard',
+    backHome: 'Back home',
+  },
+  states: {
+    loading: 'Loading…',
+    emptyTitle: 'Nothing here yet',
+    errorTitle: 'Something went wrong',
+    errorDescription: 'Please try again in a moment.',
+    notFoundTitle: 'Not found',
+    notFoundDescription: 'It may have been deleted, or the link is wrong.',
+    readOnly: 'You can view these settings but not change them.',
+  },
+  table: {
+    search: 'Search…',
+    noResults: 'No results found',
+    range: '{{from}}–{{to}} of {{total}} {{noun}}',
+    results: 'results',
+    rows: 'Rows',
+    rowsPerPage: 'Rows per page',
+    page: '{{page}} / {{count}}',
+    previousPage: 'Previous page',
+    nextPage: 'Next page',
+    actions: 'Actions',
+    actionsFor: 'Actions for {{name}}',
+    selected: '{{count}} selected',
+    clearSelection: 'Clear selection',
+    selectAll: 'Select all rows on this page',
+    selectRow: 'Select row',
+  },
+  fields: {
+    pickDate: 'Pick a date',
+    search: 'Search…',
+    addFiles: 'Add files',
+    removeFile: 'Remove {{name}}',
+  },
+  form: {
+    unsaved: 'You have unsaved changes',
+    optional: 'Optional',
+  },
+  confirm: {
+    typeToConfirm: 'Type <b>{{value}}</b> to confirm.',
+    typeToConfirmLabel: 'Confirmation text',
+  },
+  theme: {
+    label: 'Theme',
+    change: 'Change theme',
+    light: 'Light',
+    dark: 'Dark',
+    system: 'System',
+    command: '{{theme}} theme',
+  },
+  language: {
+    label: 'Language',
+    change: 'Change language',
+  },
+  validation: {
+    required: 'This field is required',
+    email: 'Enter a valid email',
+    minChars: 'Use at least {{min}} characters',
+    maxChars: 'Keep it under {{max}} characters',
+    number: 'Enter a number',
+    integer: 'Whole numbers only',
+    nonNegative: 'Cannot be negative',
+    max: 'Must be {{max, number}} or less',
+    choose: 'Choose an option',
+  },
+}