@nordmanai/nif 0.0.0-stage → 0.2.0

package/registry/ui/config/nm-list-item.ts

@@ -0,0 +1,14 @@
+export const NM_LIST_ITEM_CLASSES = {
+  root: 'nm-list-item',
+  marked: 'nm-list-item--marked',
+  icon: 'nm-list-item--icon',
+  face: 'nm-list-item--face',
+  identity: 'nm-list-item__identity',
+  lead: 'nm-list-item__lead',
+  title: 'nm-list-item__title',
+  open: 'nm-list-item__open',
+  detail: 'nm-list-item__detail',
+  action: 'nm-list-item__action',
+  menu: 'nm-list-item__menu',
+  rest: 'nm-list-item__rest',
+} as const;

package/registry/ui/config/nm-message.ts

@@ -0,0 +1,106 @@
+import type { NmIconId } from './nm-icons.ts';
+
+export const NM_MESSAGE_ICON_IDS = [
+  'chevron',
+  'volume',
+  'copy',
+  'folder-in',
+  'fork',
+  'refresh',
+] as const;
+
+export type NmMessageIconId = (typeof NM_MESSAGE_ICON_IDS)[number];
+
+export const NM_MESSAGE_ICON_GLYPH = {
+  chevron: 'chevron',
+  volume: 'volume',
+  copy: 'copy',
+  'folder-in': 'folder-in',
+  fork: 'fork',
+  refresh: 'reload',
+} as const satisfies Record<NmMessageIconId, NmIconId>;
+
+export const NM_MESSAGE_ICON_SRC = {
+  chevron: '/interface/message/chevron.svg',
+  volume: '/interface/message/volume.svg',
+  copy: '/interface/message/copy.svg',
+  'folder-in': '/interface/header/folder.svg',
+  fork: '/interface/message/fork.svg',
+  refresh: '/interface/message/refresh.svg',
+} as const satisfies Record<NmMessageIconId, string>;
+
+export const NM_TRACE_STATUSES = ['running', 'error', 'pending'] as const;
+
+export type NmTraceStatus = (typeof NM_TRACE_STATUSES)[number];
+
+export const NM_TRACE_GLYPH_PATHS = {
+  read: 'M4 2.5h6l2 2V13.5H4zM6 7.5h4M6 10h3',
+  write: 'M11.5 2.5l2 2L6 12H4v-2z',
+  command: 'M3 5l3 3-3 3M8 12h5',
+  search: 'M7 3.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zM10 10l3 3',
+  browse:
+    'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM2.5 8h11M8 2.5c1.4 1.6 2 3.4 2 5.5s-.6 3.9-2 5.5c-1.4-1.6-2-3.4-2-5.5s.6-3.9 2-5.5z',
+  preview: 'M4 3.5v9l8-4.5z',
+  skill: 'M4 2.5h6l2 2V13.5H4zM6 7h4M6 9.5h3',
+  tool: 'M9.5 2.5a2.5 2.5 0 0 0-2 4L3 11l2 2 4.5-4.5a2.5 2.5 0 1 0 0-6z',
+  plan: 'M3.5 4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM12.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM5 6h4.5a2 2 0 0 1 2 2v0a2 2 0 0 1-2 2H6.5a2 2 0 0 0-2 2v0a2 2 0 0 0 2 2H11',
+  todo: 'M3.5 4.5h9M3.5 8h9M3.5 11.5h6',
+  completed: 'M3 5l1.5 1.5L7.5 3.5M9.5 5h4M3 10.5l1.5 1.5 3-3M9.5 10.5h4',
+  source:
+    'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM2.5 8h11M8 2.5c1.4 1.6 2 3.4 2 5.5s-.6 3.9-2 5.5c-1.4-1.6-2-3.4-2-5.5s.6-3.9 2-5.5z',
+  external: 'M5 11L11 5M6.5 5H11v4.5',
+  check: 'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM5.6 8.1l1.6 1.6 3.4-3.4',
+  dot: 'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM8 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z',
+  circle: 'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11z',
+  alert: 'M8 2.5a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11zM8 5.2v3.3M8 10.8h.01',
+  loader: 'M13.5 8a5.5 5.5 0 1 1-1.61-3.89',
+} as const;
+
+export type NmTraceGlyphKind = keyof typeof NM_TRACE_GLYPH_PATHS;
+
+export const NM_MESSAGE_CLASSES = {
+  root: 'nm-message',
+  user: 'nm-message--user',
+  assistant: 'nm-message--assistant',
+  stack: 'nm-message__stack',
+  stackUser: 'nm-message__stack--user',
+  bubble: 'nm-message__bubble',
+  body: 'nm-message__body',
+  flow: 'nm-message__flow',
+  status: 'nm-message__status',
+  tools: 'nm-message__tools',
+  toolLine: 'nm-message__tool-line',
+  toolsBody: 'nm-message__tools-body',
+  trace: 'nm-trace',
+  traceCollapsible: 'nm-trace__collapsible',
+  traceHeader: 'nm-trace__header',
+  traceTrigger: 'nm-trace__trigger',
+  traceContent: 'nm-trace__content',
+  traceLine: 'nm-trace__line',
+  traceIcon: 'nm-trace__icon',
+  traceIconSpin: 'nm-trace__icon--spin',
+  traceTitle: 'nm-trace__title',
+  traceDescription: 'nm-trace__description',
+  traceBadges: 'nm-trace__badges',
+  traceBadge: 'nm-trace__badge',
+  traceLink: 'nm-trace__link',
+  traceAction: 'nm-trace__action',
+  think: 'nm-message__think',
+  work: 'nm-message__work',
+  workItem: 'nm-message__work-item',
+  workError: 'nm-message__work-error',
+  previewCard: 'nm-preview-card',
+  previewBuilding: 'nm-preview-card--building',
+  previewBar: 'nm-preview-card__bar',
+  previewTitle: 'nm-preview-card__title',
+  previewStage: 'nm-preview-card__stage',
+  previewFrame: 'nm-preview-card__frame',
+  meta: 'nm-message-meta',
+  metaLabel: 'nm-message-meta__label',
+  metaChevron: 'nm-message-meta__chevron',
+  shimmer: 'nm-text-shimmer',
+  icon: 'nm-message-icon',
+  actions: 'nm-message-actions',
+  actionsReveal: 'nm-message-actions--reveal',
+  approval: 'nm-approval',
+} as const;

package/registry/ui/config/nm-modal.ts

@@ -0,0 +1,76 @@
+export const NM_MODAL_TITLE = {
+  section: 'section',
+  page: 'page',
+} as const;
+
+export type NmModalTitleSize = (typeof NM_MODAL_TITLE)[keyof typeof NM_MODAL_TITLE];
+
+export const NM_MODAL_SIZE = {
+  simple: 'simple',
+  menu: 'menu',
+  wide: 'wide',
+} as const;
+
+export type NmModalSize = (typeof NM_MODAL_SIZE)[keyof typeof NM_MODAL_SIZE];
+
+export const NM_MODAL_FOOTER = {
+  modal: 'modal',
+  pane: 'pane',
+} as const;
+
+export type NmModalFooter = (typeof NM_MODAL_FOOTER)[keyof typeof NM_MODAL_FOOTER];
+
+export const NM_MODAL_ACTION = {
+  quiet: 'quiet',
+  primary: 'primary',
+} as const;
+
+export type NmModalActionTone = (typeof NM_MODAL_ACTION)[keyof typeof NM_MODAL_ACTION];
+
+/** Matches `--nm-rail-scroll-idle` (`--reveal` × 3). The thumb hides again after this rest. */
+export const NM_MODAL_SCROLL_IDLE_MS = 750;
+
+export const NM_MODAL_CLASSES = {
+  layer: 'nm-modal-layer',
+  root: 'nm-modal',
+  simple: 'nm-modal--simple',
+  menu: 'nm-modal--menu',
+  wide: 'nm-modal--wide',
+  backdrop: 'nm-modal__backdrop',
+  title: 'nm-modal__title',
+  titlePage: 'nm-modal__title--page',
+  titleBar: 'nm-modal__title-bar',
+  layout: 'nm-modal__layout',
+  nav: 'nm-modal__menu',
+  list: 'nm-modal__list',
+  item: 'nm-modal__item',
+  main: 'nm-modal__main',
+  body: 'nm-modal__body',
+  paneTitle: 'nm-modal__pane-title',
+  paneBack: 'nm-modal__pane-back',
+  form: 'nm-modal__form',
+  heading: 'nm-modal__heading',
+  groups: 'nm-modal__groups',
+  group: 'nm-modal__group',
+  listLoose: 'nm-modal__list--loose',
+  field: 'nm-modal__field',
+  label: 'nm-modal__label',
+  control: 'nm-modal__control',
+  search: 'nm-modal__search',
+  toolbar: 'nm-modal__toolbar',
+  add: 'nm-modal__add',
+  row: 'nm-modal__row',
+  rowDetail: 'nm-modal__row-detail',
+  rowMenu: 'nm-modal__row-menu',
+  help: 'nm-modal__help',
+  footer: 'nm-modal__footer',
+  footerPane: 'nm-modal__footer--pane',
+  actions: 'nm-modal__actions',
+  actionsSplit: 'nm-modal__actions--split',
+  actionsEnd: 'nm-modal__actions-end',
+  action: 'nm-modal__action',
+  actionIcon: 'nm-modal__action--icon',
+  actionQuiet: 'nm-modal__action--quiet',
+  actionPrimary: 'nm-modal__action--primary',
+  tabs: 'nm-modal__tabs',
+} as const;

package/registry/ui/config/nm-panel-bar.ts

@@ -0,0 +1,11 @@
+export const NM_PANEL_BAR_LAYOUT = {
+  icons: 'icons',
+} as const;
+
+export type NmPanelBarLayout = (typeof NM_PANEL_BAR_LAYOUT)[keyof typeof NM_PANEL_BAR_LAYOUT];
+
+export const NM_PANEL_BAR_CLASSES = {
+  root: 'nm-panel-bar',
+  icons: 'nm-panel-bar--icons',
+  actions: 'nm-panel-bar__actions',
+} as const;

package/registry/ui/config/nm-questionnaire.ts

@@ -0,0 +1,53 @@
+/** Questionnaire: an agent asks one or more questions and the person answers them in steps. */
+export const NM_QUESTIONNAIRE_SHORTCUTS = ['none', 'letters', 'numbers'] as const;
+export type NmQuestionnaireShortcuts = (typeof NM_QUESTIONNAIRE_SHORTCUTS)[number];
+
+export const NM_QUESTIONNAIRE_VARIANTS = ['card', 'plain'] as const;
+export type NmQuestionnaireVariant = (typeof NM_QUESTIONNAIRE_VARIANTS)[number];
+
+export type NmQuestionChoice = { value: string; label: string; description?: string };
+
+export type NmQuestion = {
+  name: string;
+  title: string;
+  description?: string;
+  choices: readonly NmQuestionChoice[];
+  multiple?: boolean;
+  required?: boolean;
+  /** A freeform answer beside the fixed choices. It needs a visible label. */
+  input?: { label: string; placeholder?: string };
+};
+
+export type NmQuestionAnswer = { values: readonly string[]; text: string };
+export type NmQuestionnaireAnswers = Readonly<Record<string, NmQuestionAnswer>>;
+
+export const NM_QUESTIONNAIRE_COPY = {
+  previous: 'Previous',
+  next: 'Next',
+  skip: 'Skip',
+  submit: 'Submit',
+  required: 'Choose an answer to continue.',
+  progress: (index: number, total: number) => `Question ${index + 1} of ${total}`,
+  skipped: 'Skipped',
+} as const;
+
+export const NM_QUESTIONNAIRE_CLASSES = {
+  root: 'nm-questionnaire',
+  card: 'nm-questionnaire--card',
+  progress: 'nm-questionnaire__progress',
+  progressLabel: 'nm-questionnaire__progress-label',
+  item: 'nm-questionnaire__item',
+  title: 'nm-questionnaire__title',
+  description: 'nm-questionnaire__description',
+  choices: 'nm-questionnaire__choices',
+  choice: 'nm-questionnaire__choice',
+  input: 'nm-questionnaire__input',
+  choiceBody: 'nm-questionnaire__choice-body',
+  choiceLabel: 'nm-questionnaire__choice-label',
+  choiceDescription: 'nm-questionnaire__choice-description',
+  mark: 'nm-questionnaire__mark',
+  key: 'nm-questionnaire__key',
+  error: 'nm-questionnaire__error',
+  actions: 'nm-questionnaire__actions',
+  summary: 'nm-questionnaire__summary',
+} as const;

package/registry/ui/config/nm-radius.ts

@@ -0,0 +1,56 @@
+/** Border-radius SSOT — authoritative CSS lives in `styles/tokens.css` (after `--nm-icon-control`). */
+
+export const NM_RADIUS_SCALE_VAR = '--nm-radius-scale' as const;
+
+export const NM_RADIUS_PRIMITIVE_PX = {
+  sm: 4,
+  md: 8,
+  lg: 12,
+} as const;
+
+/** Space steps added to smart control radius for larger surfaces (rulebook §6). */
+export const NM_RADIUS_SEMANTIC_OFFSET_SPACE = {
+  row: '--nm-space-4',
+  menu: '--nm-space-8',
+  field: '--nm-space-12',
+  composer: '--nm-space-24',
+} as const;
+
+export const NM_RADIUS_CSS_VARS = {
+  sm: '--nm-radius-sm',
+  md: '--nm-radius-md',
+  lg: '--nm-radius-lg',
+  control: '--nm-control-radius',
+  composer: '--nm-composer-radius',
+  field: '--nm-field-radius',
+  menu: '--nm-menu-radius',
+  row: '--nm-row-radius',
+} as const;
+
+/** Must match `tokens.css` — validated by `nm-radius.test.ts`. */
+export const NM_RADIUS_FORMULAS = {
+  control: 'calc(var(--nm-icon-control) / 2 * var(--nm-radius-scale))',
+  composer: 'var(--nm-radius-lg)',
+  field: 'var(--nm-control-r)',
+  menu: 'var(--nm-radius-lg)',
+  row: 'var(--nm-control-r)',
+} as const;
+
+export const NM_RADIUS_PRIMITIVE_FORMULAS = {
+  sm: 'calc(4px * var(--nm-radius-scale))',
+  md: 'calc(8px * var(--nm-radius-scale))',
+  lg: 'calc(12px * var(--nm-radius-scale))',
+} as const;
+
+/** A control and the menu it opens share one radius rule. Defined in `tokens.css`. */
+export const NM_CONTROL_MENU_CSS_VARS = {
+  pad: '--nm-menu-pad',
+  menuRadius: '--nm-control-menu-radius',
+  optionRadius: '--nm-control-option-radius',
+  inset: '--nm-control-inset',
+  optionInset: '--nm-control-option-inset',
+  panelPad: '--nm-panel-pad',
+  panelItemRadius: '--nm-panel-item-radius',
+  rowInline: '--nm-row-inline',
+  rowInlineEnd: '--nm-row-inline-end',
+} as const;

package/registry/ui/config/nm-rail-icons.ts

@@ -0,0 +1,27 @@
+export const NM_RAIL_ICON_IDS = [
+  'plus',
+  'folder',
+  'chats',
+  'bot',
+  'app',
+  'spreadsheet',
+  'library',
+  'settings',
+  'search',
+  'plusSm',
+] as const;
+
+export type NmRailIconId = (typeof NM_RAIL_ICON_IDS)[number];
+
+export const NM_RAIL_ICON_SRC = {
+  plus: '/interface/rail/plus.svg',
+  folder: '/interface/rail/folder.svg',
+  chats: '/interface/rail/chats.svg',
+  bot: '/interface/rail/bot.svg',
+  app: '/interface/rail/app.svg',
+  spreadsheet: '/interface/rail/spreadsheet.svg',
+  library: '/interface/rail/library.svg',
+  settings: '/interface/rail/settings.svg',
+  search: '/interface/rail/search.svg',
+  plusSm: '/interface/rail/plus-sm.svg',
+} as const satisfies Record<NmRailIconId, string>;

package/registry/ui/config/nm-segmented.ts

@@ -0,0 +1,19 @@
+export const NM_SEGMENTED_TONES = {
+  fill: 'fill',
+  line: 'line',
+  pills: 'pills',
+  track: 'track',
+} as const;
+
+export type NmSegmentedTone = (typeof NM_SEGMENTED_TONES)[keyof typeof NM_SEGMENTED_TONES];
+
+export const NM_SEGMENTED_CLASSES = {
+  root: 'nm-segmented',
+  fill: 'nm-segmented--fill',
+  line: 'nm-segmented--line',
+  pills: 'nm-segmented--pills',
+  track: 'nm-segmented--track',
+  item: 'nm-segmented__item',
+  itemIcon: 'nm-segmented__item--icon',
+  icon: 'nm-segmented__icon',
+} as const;

package/registry/ui/config/nm-side-panel.ts

@@ -0,0 +1,16 @@
+import type { NmIconId } from './nm-icons.ts';
+
+/** What the side panel can show. Each kind has an icon, so a toolbar can open it. */
+export const NM_SIDE_PANEL_KINDS = [
+  { id: 'app', label: 'App', icon: 'app' },
+  { id: 'code', label: 'Code', icon: 'code' },
+  { id: 'files', label: 'Files', icon: 'folder' },
+  { id: 'artifact', label: 'Artifact', icon: 'layers' },
+  { id: 'media', label: 'Media', icon: 'image' },
+  { id: 'docs', label: 'Docs', icon: 'file-text' },
+  { id: 'markdown', label: 'Markdown', icon: 'file-code' },
+] as const satisfies readonly { id: string; label: string; icon: NmIconId }[];
+
+export type NmSidePanelKind = (typeof NM_SIDE_PANEL_KINDS)[number]['id'];
+export const NM_SIDE_PANEL_SIZES = ['narrow', 'default', 'wide'] as const;
+export type NmSidePanelSize = (typeof NM_SIDE_PANEL_SIZES)[number];

package/registry/ui/config/nm-site-palette.ts

@@ -0,0 +1,30 @@
+/**
+ * The website palette in `assets/tokens.css`, for code that writes colours inline or into iframes
+ * and cannot read a stylesheet. `nm-site-palette.spec.ts` fails if the two differ.
+ */
+export const NM_SITE_PALETTE = {
+  dark: {
+    canvas: '#000000',
+    fg: '#ededed',
+    muted: '#a1a1a1',
+    subtle: '#a1a1a1',
+    stroke: '#707070',
+    line: '#1f1f1f',
+    lineStrong: '#2e2e2e',
+    panel: '#1a1a1a',
+    raised: '#0a0a0a',
+    inset: '#1a1a1a',
+  },
+  light: {
+    canvas: '#ffffff',
+    fg: '#171717',
+    muted: '#666666',
+    subtle: '#666666',
+    stroke: '#666666',
+    line: '#ebebeb',
+    lineStrong: '#e0e0e0',
+    panel: '#f2f2f2',
+    raised: '#fafafa',
+    inset: '#f2f2f2',
+  },
+} as const;

package/registry/ui/config/nm-small-icon-button.ts

@@ -0,0 +1,17 @@
+import { NM_ICON_BUTTON_CLASSES, NM_ICON_BUTTON_TONES } from './nm-icon-button.ts';
+
+export const NM_SMALL_ICON_BUTTON_TONES = {
+  solid: 'solid',
+  quiet: 'quiet',
+} as const;
+
+export type NmSmallIconButtonTone =
+  (typeof NM_SMALL_ICON_BUTTON_TONES)[keyof typeof NM_SMALL_ICON_BUTTON_TONES];
+
+/** Class names of the shared icon button. Quiet and solid are tones of that button. */
+export const NM_SMALL_ICON_BUTTON_CLASSES = {
+  root: NM_ICON_BUTTON_CLASSES.root,
+  solid: NM_ICON_BUTTON_CLASSES[NM_ICON_BUTTON_TONES.solid],
+  quiet: NM_ICON_BUTTON_CLASSES[NM_ICON_BUTTON_TONES.quiet],
+  active: NM_ICON_BUTTON_CLASSES.active,
+} as const;

package/registry/ui/config/nm-tabs.ts

@@ -0,0 +1,9 @@
+export const NM_TABS_CLASSES = {
+  root: 'nm-tabs',
+  item: 'nm-tabs__item',
+} as const;
+
+export type NmTabItem = {
+  id: string;
+  label: string;
+};

package/registry/ui/config/nm-top-bar.ts

@@ -0,0 +1,4 @@
+export const NM_TOP_BAR_CLASSES = {
+  root: 'nm-header',
+  end: 'nm-header__end',
+} as const;

package/registry/ui/config/nordman-chrome.ts

@@ -0,0 +1,14 @@
+export const NORDMAN_CHROME_ICON_IDS = ['plus', 'user'] as const;
+
+export type NordmanChromeIconId = (typeof NORDMAN_CHROME_ICON_IDS)[number];
+
+export const NORDMAN_CHROME_ICONS = {
+  plus: {
+    viewBox: '0 0 20 20',
+    path: 'M4.16667 10H15.8333M10 4.16667V15.8333',
+  },
+  user: {
+    viewBox: '0 0 20 20',
+    path: 'M15.8333 17.5V15.8333C15.8333 14.9493 15.4821 14.1014 14.857 13.4763C14.2319 12.8512 13.3841 12.5 12.5 12.5H7.5C6.61594 12.5 5.7681 12.8512 5.14298 13.4763C4.51786 14.1014 4.16667 14.9493 4.16667 15.8333V17.5M13.3333 5.83333C13.3333 7.67428 11.8409 9.16667 10 9.16667C8.15905 9.16667 6.66667 7.67428 6.66667 5.83333C6.66667 3.99238 8.15905 2.5 10 2.5C11.8409 2.5 13.3333 3.99238 13.3333 5.83333Z',
+  },
+} as const satisfies Record<NordmanChromeIconId, { viewBox: string; path: string }>;

package/registry/ui/config/nordman-login.ts

@@ -0,0 +1,28 @@
+export const NORDMAN_LOGIN_VIEWS = {
+  signIn: 'signIn',
+  register: 'register',
+  forgot: 'forgot',
+  reset: 'reset',
+} as const;
+
+export type NordmanLoginView = (typeof NORDMAN_LOGIN_VIEWS)[keyof typeof NORDMAN_LOGIN_VIEWS];
+
+export const NORDMAN_LOGIN_FORM_ID = 'nm-login-form';
+
+export const NORDMAN_LOGIN_FIELDS = {
+  username: 'username',
+  password: 'password',
+  displayName: 'displayName',
+  registerUsername: 'register-username',
+  registerPassword: 'register-password',
+  confirmPassword: 'confirm-password',
+  resetPassword: 'reset-password',
+} as const;
+
+export const NORDMAN_LOGIN_REVEAL = {
+  viewBox: '0 0 24 24',
+  show: 'M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z',
+  hide: 'M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z',
+} as const;
+
+export const NORDMAN_LOGIN_INTERFACE = 'nordman';

package/registry/ui/content/nm-modal.ts

@@ -0,0 +1,5 @@
+import { getNordmanUiLocale, isEnglishNordmanLocale } from '../lib/nordman-ui-locale.ts';
+
+export function nmModalSavedLabel(): string {
+  return isEnglishNordmanLocale(getNordmanUiLocale()) ? 'Saved' : 'Sparat';
+}

package/registry/ui/content/nordman-login.ts

@@ -0,0 +1,85 @@
+import { getNordmanUiLocale, isEnglishNordmanLocale } from '../lib/nordman-ui-locale.ts';
+
+const nordmanLoginCopySv = {
+  skip: 'Hoppa till innehållet',
+  identifier: 'Email',
+  identifierPlaceholder: 'name@mail.com',
+  password: 'Lösenord',
+  passwordPlaceholder: '••••',
+  confirmPassword: 'Bekräfta lösenord',
+  forgot: 'Glömt lösenord?',
+  forgotSubmit: 'Skicka länk',
+  forgotPending: 'Skickar…',
+  forgotSent: 'Om kontot finns skickar vi en länk för att välja ett nytt lösenord.',
+  showPassword: 'Visa lösenord',
+  hidePassword: 'Dölj lösenord',
+  submit: 'Logga in',
+  pending: 'Loggar in…',
+  continueWithGoogle: 'Fortsätt med Google',
+  googlePending: 'Öppnar Google…',
+  registerPrompt: 'Inget konto?',
+  registerAction: 'Skapa konto',
+  signInPrompt: 'Har du redan konto?',
+  signInAction: 'Logga in',
+  displayName: 'Visningsnamn',
+  registerSubmit: 'Skapa konto',
+  registerPending: 'Skapar konto…',
+  resetSubmit: 'Spara nytt lösenord',
+  resetPending: 'Sparar…',
+  resetDone: 'Lösenordet är uppdaterat. Logga in.',
+  mismatch: 'Lösenorden matchar inte.',
+  mail: 'Kunde inte skicka mejlet just nu.',
+  resetInvalid: 'Länken är ogiltig eller har gått ut.',
+  registerEmailInUse: 'Det finns redan ett konto med den här e-postadressen.',
+  registerDone: 'Kolla mejlet för att bekräfta kontot.',
+  registerDoneReady: 'Kontot är skapat. Logga in.',
+} as const;
+
+const nordmanLoginCopyEn: Record<keyof typeof nordmanLoginCopySv, string> = {
+  skip: 'Skip to content',
+  identifier: 'Email',
+  identifierPlaceholder: 'name@mail.com',
+  password: 'Password',
+  passwordPlaceholder: '••••',
+  confirmPassword: 'Confirm password',
+  forgot: 'Forgot password?',
+  forgotSubmit: 'Send link',
+  forgotPending: 'Sending…',
+  forgotSent: 'If the account exists we will send a link to choose a new password.',
+  showPassword: 'Show password',
+  hidePassword: 'Hide password',
+  submit: 'Log in',
+  pending: 'Logging in…',
+  continueWithGoogle: 'Continue with Google',
+  googlePending: 'Opening Google…',
+  registerPrompt: 'No account?',
+  registerAction: 'Create account',
+  signInPrompt: 'Already have an account?',
+  signInAction: 'Log in',
+  displayName: 'Display name',
+  registerSubmit: 'Create account',
+  registerPending: 'Creating account…',
+  resetSubmit: 'Save new password',
+  resetPending: 'Saving…',
+  resetDone: 'The password is updated. Log in.',
+  mismatch: 'The passwords do not match.',
+  mail: 'Could not send the email right now.',
+  resetInvalid: 'The link is invalid or has expired.',
+  registerEmailInUse: 'An account with this email already exists.',
+  registerDone: 'Check your email to confirm the account.',
+  registerDoneReady: 'The account is created. Log in.',
+};
+
+export type NordmanLoginCopy = Record<keyof typeof nordmanLoginCopySv, string>;
+
+export function getNordmanLoginCopy(locale?: string | null): NordmanLoginCopy {
+  return isEnglishNordmanLocale(locale ?? getNordmanUiLocale())
+    ? nordmanLoginCopyEn
+    : nordmanLoginCopySv;
+}
+
+export const nordmanLoginCopy: NordmanLoginCopy = new Proxy({} as NordmanLoginCopy, {
+  get(_target, prop) {
+    return getNordmanLoginCopy()[prop as keyof NordmanLoginCopy];
+  },
+});

package/registry/ui/kit-logger.ts

@@ -0,0 +1 @@
+export { createLogger } from './lib/logger.ts';