@axis-ds/ui-react 1.1.2 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/ui-react",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "AXIS Design System - Core React UI Components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -12,124 +12,154 @@
       "require": "./dist/index.js"
     },
     "./accordion": {
-      "types": "./dist/accordion.d.ts",
-      "import": "./dist/accordion.mjs",
-      "require": "./dist/accordion.js"
+      "types": "./dist/accordion/index.d.ts",
+      "import": "./dist/accordion/index.mjs",
+      "require": "./dist/accordion/index.js"
     },
-    "./button": {
-      "types": "./dist/button.d.ts",
-      "import": "./dist/button.mjs",
-      "require": "./dist/button.js"
-    },
-    "./input": {
-      "types": "./dist/input.d.ts",
-      "import": "./dist/input.mjs",
-      "require": "./dist/input.js"
-    },
-    "./card": {
-      "types": "./dist/card.d.ts",
-      "import": "./dist/card.mjs",
-      "require": "./dist/card.js"
-    },
-    "./dialog": {
-      "types": "./dist/dialog.d.ts",
-      "import": "./dist/dialog.mjs",
-      "require": "./dist/dialog.js"
+    "./alert": {
+      "types": "./dist/alert/index.d.ts",
+      "import": "./dist/alert/index.mjs",
+      "require": "./dist/alert/index.js"
     },
     "./avatar": {
-      "types": "./dist/avatar.d.ts",
-      "import": "./dist/avatar.mjs",
-      "require": "./dist/avatar.js"
-    },
-    "./tooltip": {
-      "types": "./dist/tooltip.d.ts",
-      "import": "./dist/tooltip.mjs",
-      "require": "./dist/tooltip.js"
+      "types": "./dist/avatar/index.d.ts",
+      "import": "./dist/avatar/index.mjs",
+      "require": "./dist/avatar/index.js"
     },
-    "./skeleton": {
-      "types": "./dist/skeleton.d.ts",
-      "import": "./dist/skeleton.mjs",
-      "require": "./dist/skeleton.js"
+    "./badge": {
+      "types": "./dist/badge/index.d.ts",
+      "import": "./dist/badge/index.mjs",
+      "require": "./dist/badge/index.js"
     },
-    "./alert": {
-      "types": "./dist/alert.d.ts",
-      "import": "./dist/alert.mjs",
-      "require": "./dist/alert.js"
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb/index.d.ts",
+      "import": "./dist/breadcrumb/index.mjs",
+      "require": "./dist/breadcrumb/index.js"
     },
-    "./progress": {
-      "types": "./dist/progress.d.ts",
-      "import": "./dist/progress.mjs",
-      "require": "./dist/progress.js"
+    "./button": {
+      "types": "./dist/button/index.d.ts",
+      "import": "./dist/button/index.mjs",
+      "require": "./dist/button/index.js"
     },
-    "./breadcrumb": {
-      "types": "./dist/breadcrumb.d.ts",
-      "import": "./dist/breadcrumb.mjs",
-      "require": "./dist/breadcrumb.js"
+    "./card": {
+      "types": "./dist/card/index.d.ts",
+      "import": "./dist/card/index.mjs",
+      "require": "./dist/card/index.js"
     },
     "./checkbox": {
-      "types": "./dist/checkbox.d.ts",
-      "import": "./dist/checkbox.mjs",
-      "require": "./dist/checkbox.js"
+      "types": "./dist/checkbox/index.d.ts",
+      "import": "./dist/checkbox/index.mjs",
+      "require": "./dist/checkbox/index.js"
     },
     "./collapsible": {
-      "types": "./dist/collapsible.d.ts",
-      "import": "./dist/collapsible.mjs",
-      "require": "./dist/collapsible.js"
+      "types": "./dist/collapsible/index.d.ts",
+      "import": "./dist/collapsible/index.mjs",
+      "require": "./dist/collapsible/index.js"
     },
     "./command": {
-      "types": "./dist/command.d.ts",
-      "import": "./dist/command.mjs",
-      "require": "./dist/command.js"
+      "types": "./dist/command/index.d.ts",
+      "import": "./dist/command/index.mjs",
+      "require": "./dist/command/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "import": "./dist/dialog/index.mjs",
+      "require": "./dist/dialog/index.js"
     },
     "./dropdown-menu": {
-      "types": "./dist/dropdown-menu.d.ts",
-      "import": "./dist/dropdown-menu.mjs",
-      "require": "./dist/dropdown-menu.js"
+      "types": "./dist/dropdown-menu/index.d.ts",
+      "import": "./dist/dropdown-menu/index.mjs",
+      "require": "./dist/dropdown-menu/index.js"
+    },
+    "./input": {
+      "types": "./dist/input/index.d.ts",
+      "import": "./dist/input/index.mjs",
+      "require": "./dist/input/index.js"
+    },
+    "./label": {
+      "types": "./dist/label/index.d.ts",
+      "import": "./dist/label/index.mjs",
+      "require": "./dist/label/index.js"
     },
     "./popover": {
-      "types": "./dist/popover.d.ts",
-      "import": "./dist/popover.mjs",
-      "require": "./dist/popover.js"
+      "types": "./dist/popover/index.d.ts",
+      "import": "./dist/popover/index.mjs",
+      "require": "./dist/popover/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "import": "./dist/progress/index.mjs",
+      "require": "./dist/progress/index.js"
     },
     "./radio-group": {
-      "types": "./dist/radio-group.d.ts",
-      "import": "./dist/radio-group.mjs",
-      "require": "./dist/radio-group.js"
+      "types": "./dist/radio-group/index.d.ts",
+      "import": "./dist/radio-group/index.mjs",
+      "require": "./dist/radio-group/index.js"
     },
     "./scroll-area": {
-      "types": "./dist/scroll-area.d.ts",
-      "import": "./dist/scroll-area.mjs",
-      "require": "./dist/scroll-area.js"
+      "types": "./dist/scroll-area/index.d.ts",
+      "import": "./dist/scroll-area/index.mjs",
+      "require": "./dist/scroll-area/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "import": "./dist/select/index.mjs",
+      "require": "./dist/select/index.js"
+    },
+    "./separator": {
+      "types": "./dist/separator/index.d.ts",
+      "import": "./dist/separator/index.mjs",
+      "require": "./dist/separator/index.js"
     },
     "./sheet": {
-      "types": "./dist/sheet.d.ts",
-      "import": "./dist/sheet.mjs",
-      "require": "./dist/sheet.js"
+      "types": "./dist/sheet/index.d.ts",
+      "import": "./dist/sheet/index.mjs",
+      "require": "./dist/sheet/index.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton/index.d.ts",
+      "import": "./dist/skeleton/index.mjs",
+      "require": "./dist/skeleton/index.js"
     },
     "./slider": {
-      "types": "./dist/slider.d.ts",
-      "import": "./dist/slider.mjs",
-      "require": "./dist/slider.js"
+      "types": "./dist/slider/index.d.ts",
+      "import": "./dist/slider/index.mjs",
+      "require": "./dist/slider/index.js"
     },
     "./switch": {
-      "types": "./dist/switch.d.ts",
-      "import": "./dist/switch.mjs",
-      "require": "./dist/switch.js"
+      "types": "./dist/switch/index.d.ts",
+      "import": "./dist/switch/index.mjs",
+      "require": "./dist/switch/index.js"
     },
     "./table": {
-      "types": "./dist/table.d.ts",
-      "import": "./dist/table.mjs",
-      "require": "./dist/table.js"
+      "types": "./dist/table/index.d.ts",
+      "import": "./dist/table/index.mjs",
+      "require": "./dist/table/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "import": "./dist/tabs/index.mjs",
+      "require": "./dist/tabs/index.js"
     },
     "./textarea": {
-      "types": "./dist/textarea.d.ts",
-      "import": "./dist/textarea.mjs",
-      "require": "./dist/textarea.js"
+      "types": "./dist/textarea/index.d.ts",
+      "import": "./dist/textarea/index.mjs",
+      "require": "./dist/textarea/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "import": "./dist/toast/index.mjs",
+      "require": "./dist/toast/index.js"
     },
     "./toggle": {
-      "types": "./dist/toggle.d.ts",
-      "import": "./dist/toggle.mjs",
-      "require": "./dist/toggle.js"
+      "types": "./dist/toggle/index.d.ts",
+      "import": "./dist/toggle/index.mjs",
+      "require": "./dist/toggle/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "import": "./dist/tooltip/index.mjs",
+      "require": "./dist/tooltip/index.js"
     }
   },
   "sideEffects": false,
@@ -139,21 +169,11 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
-    "clean": "rm -rf dist",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "type-check": "tsc --noEmit",
-    "prepublishOnly": "pnpm build"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@axis-ds/tokens": "workspace:*",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",
@@ -175,13 +195,17 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^1.1.1",
-    "tailwind-merge": "^2.5.0"
+    "tailwind-merge": "^2.5.0",
+    "@axis-ds/tokens": "1.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.0.0",
     "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/coverage-v8": "^2.1.0",
+    "jest-axe": "^9.0.0",
+    "@types/jest-axe": "^3.5.9",
     "jsdom": "^27.4.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -203,5 +227,16 @@
     "url": "https://github.com/thoughtandaction/axis.git",
     "directory": "packages/axis-ui-react"
   },
-  "homepage": "https://axis.minu.best"
-}
+  "homepage": "https://axis.minu.best",
+  "scripts": {
+    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react && node scripts/sync-exports.mjs",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest",
+    "type-check": "tsc --noEmit",
+    "sync-exports": "node scripts/sync-exports.mjs",
+    "check-exports": "node scripts/sync-exports.mjs --check"
+  }
+}

package/dist/chunk-3I222KOY.mjs

@@ -1,123 +0,0 @@
-import {
-  cn
-} from "./chunk-PJO7WJ4G.mjs";
-
-// src/command/index.tsx
-import * as React from "react";
-import { Command as CommandPrimitive } from "cmdk";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)]",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = "Command";
-var CommandInput = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-[var(--axis-border-default)] px-3", children: [
-  /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "mr-2 h-4 w-4 shrink-0 opacity-50",
-      children: [
-        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
-        /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
-      ]
-    }
-  ),
-  /* @__PURE__ */ jsx(
-    CommandPrimitive.Input,
-    {
-      ref,
-      className: cn(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none",
-        "placeholder:text-[var(--axis-text-tertiary)]",
-        "disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-] }));
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "max-h-[300px] overflow-y-auto overflow-x-hidden",
-      className
-    ),
-    ...props
-  }
-));
-CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Empty,
-  {
-    ref,
-    className: "py-6 text-center text-sm text-[var(--axis-text-secondary)]",
-    ...props
-  }
-));
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-[var(--axis-text-primary)]",
-      "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--axis-text-secondary)]",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-[var(--axis-border-default)]", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CommandPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-      "data-[selected=true]:bg-[var(--axis-surface-secondary)] data-[selected=true]:text-[var(--axis-text-primary)]",
-      "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
-      "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = CommandPrimitive.Item.displayName;
-
-export {
-  Command,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandSeparator,
-  CommandItem
-};

package/dist/chunk-54Y3KUM5.mjs

@@ -1,28 +0,0 @@
-import {
-  cn
-} from "./chunk-PJO7WJ4G.mjs";
-
-// src/slider/index.tsx
-import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
-      /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
-    ]
-  }
-));
-Slider.displayName = "Slider";
-
-export {
-  Slider
-};

package/dist/chunk-7OPZAWBW.mjs

@@ -1,58 +0,0 @@
-import {
-  cn
-} from "./chunk-PJO7WJ4G.mjs";
-
-// src/tabs/index.tsx
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-10 items-center justify-center rounded-md p-1",
-      "bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
-      "ring-offset-[var(--axis-surface-default)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
-      "disabled:pointer-events-none disabled:opacity-50",
-      "data-[state=active]:bg-[var(--axis-surface-default)] data-[state=active]:text-[var(--axis-text-primary)] data-[state=active]:shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "mt-2 ring-offset-[var(--axis-surface-default)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-export {
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-};