@viax.io/uxm 4.36.0

package/dist/ui/view-switcher/view-switcher.css

@@ -0,0 +1,47 @@
+@charset "UTF-8";
+/* ── view-switcher ── */
+/* View Switcher (icon-only segmented) */
+.uxm-view-switcher {
+  background-color: var(--uxm-view-switcher-track-bg, var(--color-surface));
+  border: 1px solid var(--uxm-view-switcher-track-border, var(--color-border));
+  border-radius: var(--uxm-view-switcher-track-radius, 8px);
+  display: inline-flex;
+  gap: var(--uxm-view-switcher-gap, 0px);
+  padding: var(--uxm-view-switcher-track-padding, 2px);
+}
+.uxm-view-switcher__button {
+  align-items: center;
+  background-color: transparent;
+  border: none;
+  border-radius: var(--uxm-view-switcher-button-radius, 6px);
+  color: var(--uxm-view-switcher-inactive-icon, var(--color-text-muted));
+  cursor: pointer;
+  display: inline-flex;
+  height: var(--uxm-view-switcher-button-size, 28px);
+  justify-content: center;
+  padding: 0;
+  transition: background-color 0.15s, color 0.15s;
+  width: var(--uxm-view-switcher-button-size, 28px);
+}
+.uxm-view-switcher__button:hover:not(.uxm-view-switcher__button--active):not(:disabled) {
+  background-color: var(--uxm-view-switcher-hover-bg, var(--color-surface-alt));
+  color: var(--uxm-view-switcher-hover-icon, var(--color-text));
+}
+.uxm-view-switcher__button:focus-visible {
+  color: var(--uxm-view-switcher-focus-icon, var(--color-text));
+  outline: 2px solid var(--uxm-view-switcher-focus-ring, var(--color-accent));
+  outline-offset: -2px;
+}
+.uxm-view-switcher__button:disabled {
+  color: var(--uxm-view-switcher-disabled-icon, var(--color-text-muted));
+  opacity: var(--uxm-view-switcher-disabled-opacity, 0.5);
+}
+.uxm-view-switcher__button--active {
+  background-color: var(--uxm-view-switcher-active-bg, var(--color-card));
+  box-shadow: var(--shadow-xs);
+  color: var(--uxm-view-switcher-active-icon, var(--color-text));
+}
+.uxm-view-switcher__button .uxm-icon {
+  height: var(--uxm-view-switcher-icon-size, 16px);
+  width: var(--uxm-view-switcher-icon-size, 16px);
+}

package/dist/ui/view-switcher/view-switcher.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface ViewSwitcherOption {
+    value: string;
+    icon: ReactNode;
+    label: string;
+    /** Disabled buttons are inert and paint the disabled styling (opacity +
+     *  disabled icon color). Selecting one is a no-op. */
+    disabled?: boolean;
+}
+export interface ViewSwitcherProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: ViewSwitcherOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+}
+export declare function ViewSwitcher({ options, value, defaultValue, onChange, className, ...rest }: ViewSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=view-switcher.d.ts.map

package/dist/ui/view-switcher/view-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-switcher.d.ts","sourceRoot":"","sources":["../../../src/ui/view-switcher/view-switcher.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd;0DACsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACzF,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAiCnB"}

package/dist/ui/view-switcher/view-switcher.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../helpers/index.js";
+function ViewSwitcher({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  className,
+  ...rest
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(defaultValue ?? options[0]?.value ?? "");
+  const active = isControlled ? value : internal;
+  const select = (next) => {
+    if (!isControlled) setInternal(next);
+    onChange?.(next);
+  };
+  return /* @__PURE__ */ jsx("div", { role: "group", className: cn("uxm-view-switcher", className), ...rest, children: options.map((opt) => {
+    const isActive = opt.value === active;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": isActive,
+        "aria-label": opt.label,
+        disabled: opt.disabled,
+        className: cn(
+          "uxm-view-switcher__button",
+          isActive && "uxm-view-switcher__button--active"
+        ),
+        onClick: () => select(opt.value),
+        children: opt.icon
+      },
+      opt.value
+    );
+  }) });
+}
+export {
+  ViewSwitcher
+};
+//# sourceMappingURL=view-switcher.js.map

package/dist/ui/view-switcher/view-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/view-switcher/view-switcher.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport interface ViewSwitcherOption {\n  value: string;\n  icon: ReactNode;\n  label: string;\n  /** Disabled buttons are inert and paint the disabled styling (opacity +\n   *  disabled icon color). Selecting one is a no-op. */\n  disabled?: boolean;\n}\n\nexport interface ViewSwitcherProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: ViewSwitcherOption[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n}\n\nexport function ViewSwitcher({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  className,\n  ...rest\n}: ViewSwitcherProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string>(defaultValue ?? options[0]?.value ?? '');\n  const active = isControlled ? value : internal;\n\n  const select = (next: string) => {\n    if (!isControlled) setInternal(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div role=\"group\" className={cn('uxm-view-switcher', className)} {...rest}>\n      {options.map((opt) => {\n        const isActive = opt.value === active;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            aria-pressed={isActive}\n            aria-label={opt.label}\n            disabled={opt.disabled}\n            className={cn(\n              'uxm-view-switcher__button',\n              isActive && 'uxm-view-switcher__button--active',\n            )}\n            onClick={() => select(opt.value)}\n          >\n            {opt.icon}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"AA4CU;AA5CV,SAAS,gBAAgB;AAEzB,SAAS,UAAU;AAoBZ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,eAAe,UAAU;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAiB,gBAAgB,QAAQ,CAAC,GAAG,SAAS,EAAE;AACxF,QAAM,SAAS,eAAe,QAAQ;AAEtC,QAAM,SAAS,CAAC,SAAiB;AAC/B,QAAI,CAAC,aAAc,aAAY,IAAI;AACnC,eAAW,IAAI;AAAA,EACjB;AAEA,SACE,oBAAC,SAAI,MAAK,SAAQ,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,MAClE,kBAAQ,IAAI,CAAC,QAAQ;AACpB,UAAM,WAAW,IAAI,UAAU;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,cAAY,IAAI;AAAA,QAChB,UAAU,IAAI;AAAA,QACd,WAAW;AAAA,UACT;AAAA,UACA,YAAY;AAAA,QACd;AAAA,QACA,SAAS,MAAM,OAAO,IAAI,KAAK;AAAA,QAE9B,cAAI;AAAA;AAAA,MAXA,IAAI;AAAA,IAYX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/package.json

@@ -0,0 +1,134 @@
+{
+  "name": "@viax.io/uxm",
+  "version": "4.36.0",
+  "description": "Viax UXM — React 19 UI primitives and design tokens.",
+  "license": "UNLICENSED",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./ui": {
+      "types": "./dist/ui/index.d.ts",
+      "import": "./dist/ui/index.js",
+      "require": "./dist/ui/index.cjs"
+    },
+    "./ui.css": "./dist/ui/styles.css",
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js",
+      "require": "./dist/tokens/index.cjs"
+    },
+    "./tokens.css": "./dist/tokens/index.css",
+    "./previews": {
+      "types": "./dist/previews/index.d.ts",
+      "import": "./dist/previews/index.js",
+      "require": "./dist/previews/index.cjs"
+    },
+    "./studio": {
+      "types": "./dist/studio/index.d.ts",
+      "import": "./dist/studio/index.js",
+      "require": "./dist/studio/index.cjs"
+    },
+    "./studio/generate-css": {
+      "types": "./dist/studio/persistence/generate-css.d.ts",
+      "import": "./dist/studio/persistence/generate-css.js",
+      "require": "./dist/studio/persistence/generate-css.cjs"
+    },
+    "./studio.css": "./dist/studio/studio.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup && npm run build:studio-css && tsc -p tsconfig.build.json && tsc-alias -p tsconfig.json --outDir dist --resolve-full-paths && node scripts/fix-cjs-requires.mjs",
+    "build:studio-css": "tailwindcss -i ./src/studio/studio.css -o ./dist/studio/studio.css --minify",
+    "build:modo": "vite build -c portal/vite.config.ts",
+    "dev": "tsup --watch",
+    "dev:modo": "vite -c portal/vite.config.ts",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit && tsc --noEmit -p portal/tsconfig.json",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "check:drift": "node scripts/check-state-var-drift.mjs && npm run check:type-scale",
+    "test:ci": "echo 'no tests yet' && exit 0",
+    "test:coverage": "echo 'no coverage yet' && exit 0",
+    "commit": "cz",
+    "prepare": "husky",
+    "prepublishOnly": "npm run build",
+    "check:type-scale": "node scripts/sweep-type-scale.mjs --check",
+    "verify:type-scale": "node scripts/verify-type-scale.mjs origin/master"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,mjs,cjs}": [
+      "eslint --fix"
+    ]
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^21.0.1",
+    "@commitlint/config-conventional": "^21.0.1",
+    "@eslint/js": "^9.39.4",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/exec": "^7.1.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^12.0.9",
+    "@semantic-release/npm": "^13.1.5",
+    "@semantic-release/release-notes-generator": "^14.1.1",
+    "@tailwindcss/cli": "^4.0.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "commitizen": "^4.3.1",
+    "cz-conventional-changelog": "^3.3.0",
+    "eslint": "^9.39.4",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "globals": "^17.6.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.4.0",
+    "sass": "^1.100.0",
+    "semantic-release": "^25.0.3",
+    "tailwindcss": "^4.0.0",
+    "tsc-alias": "^1.8.17",
+    "tsup": "^8.3.5",
+    "typescript": "^5.6.0",
+    "typescript-eslint": "8.60.0",
+    "vite": "^5.4.0"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/viax-io/uxm.git"
+  },
+  "engines": {
+    "node": ">=22.14.0"
+  }
+}