@stealthscale/component-a11y 0.1.0 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stealthscale/component-a11y",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Draws what a keyboard and a screen reader need, and an eye does not.",
   "keywords": [
     "a11y",
@@ -8,17 +8,18 @@
     "components",
     "react"
   ],
-  "homepage": "https://github.com/stealth-scale/config/tree/main/components/a11y#readme",
-  "bugs": "https://github.com/stealth-scale/config/issues",
+  "homepage": "https://github.com/stealth-scale/scale/tree/main/components/a11y#readme",
+  "bugs": "https://github.com/stealth-scale/scale/issues",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/stealth-scale/config.git",
+    "url": "git+https://github.com/stealth-scale/scale.git",
     "directory": "components/a11y"
   },
   "files": [
     "dist",
     "LICENSE",
+    "locales",
     "README.md"
   ],
   "type": "module",
@@ -35,30 +36,33 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arethetypeswrong/core": "^0.18.5",
-    "@rolldown/plugin-babel": "^0.2.4",
-    "@stealthscale/hooks": "^0.1.0",
-    "@stealthscale/theme": "^0.3.0",
-    "@stealthscale/vite-config": "^0.6.0",
-    "@stealthscale/vite-config-react": "^0.8.0",
-    "@stealthscale/vite-config-theme": "^0.1.0",
+    "@arethetypeswrong/core": "^0.18",
+    "@stealthscale/component-actions": "^0.2.3",
+    "@stealthscale/component-layout": "^0.2.2",
+    "@stealthscale/hooks": "^0.3.0",
+    "@stealthscale/theme": "^0.5.0",
+    "@stealthscale/vite-config": "^0.8.0",
+    "@stealthscale/vite-config-i18n": "^0.2.2",
+    "@stealthscale/vite-config-react": "^0.9.1",
+    "@stealthscale/vite-config-specimen": "^0.3.0",
+    "@stealthscale/vite-config-theme": "^0.3.0",
     "@stealthscale/vite-config-typescript": "^0.3.0",
-    "@testing-library/react": "^16.3.0",
-    "@types/react": "^19.3.0",
-    "@types/react-dom": "^19.3.0",
-    "babel-plugin-react-compiler": "^1.0.0",
-    "happy-dom": "^20.14.3",
-    "oxc-transform-react": "^0.149.0",
-    "publint": "^0.3.24",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "typescript": "^7.0.2",
-    "vitest": "4.1.11"
+    "@testing-library/react": "^16.3",
+    "@types/react": "^19.3",
+    "@types/react-dom": "^19.3",
+    "happy-dom": "^20.14",
+    "lucide-react": "^1.52",
+    "oxc-transform-react": "^0.153",
+    "publint": "^0.3",
+    "react": "^19.3",
+    "react-dom": "^19.3",
+    "typescript": "^7.0",
+    "vitest": "5.0.3"
   },
   "peerDependencies": {
-    "@stealthscale/hooks": "^0.1.0",
-    "@stealthscale/theme": "^0.3.0",
-    "react": "^19.3.0"
+    "@stealthscale/hooks": "^0.3.0",
+    "@stealthscale/theme": "^0.5.0",
+    "react": "^19.3"
   },
   "engines": {
     "node": ">=26.0.0"

package/dist/recipe-BKojQp6r.js

@@ -1,106 +0,0 @@
-import { defineRecipe, defineSlotRecipe } from "@stealthscale/theme/authoring";
-//#region src/roving-focus/recipe.ts
-/**
-* States what a set of controls under one tab stop is: a row or a column of items, laid out the
-* way the arrows move through them.
-*
-* @remarks
-*   The orientation is one axis because it decides two things that have to agree: which arrows
-*   move focus, which the root reads, and which way the items run, which the recipe draws. A group
-*   the arrows move through in both directions wraps, because a set a reader moves through on two
-*   axes is a set that runs onto a second line.
-*/
-/**
-* Lays the items out in a row the arrows run along until a caller says otherwise.
-*/
-const recipe$2 = defineSlotRecipe({
-	base: {
-		item: { minInlineSize: "0" },
-		root: { display: "flex" }
-	},
-	className: "roving-focus",
-	defaultVariants: { orientation: "horizontal" },
-	jsx: [/^RovingFocus(\.\w+)?$/u],
-	slots: ["root", "item"],
-	variants: { orientation: {
-		both: { root: {
-			flexDirection: "row",
-			flexWrap: "wrap"
-		} },
-		horizontal: { root: { flexDirection: "row" } },
-		vertical: { root: { flexDirection: "column" } }
-	} }
-});
-//#endregion
-//#region src/skip-nav/recipe.ts
-/**
-* States what a way past the navigation is: a link a keyboard reaches first and an eye sees only
-* while focus is on it, and the place on the page it jumps to.
-*
-* @remarks
-*   The link is hidden the way the hidden text is hidden, and comes into view under focus, so a
-*   reader tabbing into the page meets it and a reader who never tabs never sees it. The target
-*   states nothing but its own class, because a page decides what it looks like and the target's
-*   whole job is to be somewhere focus can land.
-*/
-/**
-* Draws the link over the top of the page while focus is on it, and leaves the target alone.
-*/
-const recipe$1 = defineSlotRecipe({
-	base: {
-		link: {
-			_focusVisible: {
-				borderRadius: "l2",
-				insetBlockStart: "inset.md",
-				insetInlineStart: "inset.md",
-				layerStyle: "fill.surface",
-				paddingBlock: "inset.sm",
-				paddingInline: "inset.md",
-				position: "fixed",
-				srOnly: false,
-				textStyle: "label.md",
-				zIndex: "skipNav"
-			},
-			srOnly: true
-		},
-		target: { scrollMarginBlockStart: "inset.lg" }
-	},
-	className: "skip-nav",
-	jsx: [/^SkipNav(\.\w+)?$/u],
-	slots: ["link", "target"]
-});
-//#endregion
-//#region src/visually-hidden/recipe.ts
-/**
-* States what visually hidden text is: words a screen reader reads and an eye never sees, and
-* which come into view where a keyboard reaches them.
-*
-* @remarks
-*   The compiler's `srOnly` utility writes the hiding, which takes the words out of sight without
-*   taking them out of the accessibility tree the way `display: none` and `visibility: hidden`
-*   both do. A control a reader can reach by keyboard has to be visible once focus is on it, or a
-*   sighted reader tabbing through the page loses their place, so the focusable value undoes the
-*   hiding for as long as focus is there.
-*/
-/**
-* Hides what it holds from sight and leaves it to a screen reader.
-*/
-const recipe = defineRecipe({
-	base: { srOnly: true },
-	className: "visually-hidden",
-	jsx: [/^VisuallyHidden$/u],
-	variants: { focusable: { true: { _focusVisible: {
-		borderRadius: "l1",
-		insetBlockStart: "inset.md",
-		insetInlineStart: "inset.md",
-		layerStyle: "fill.surface",
-		paddingBlock: "inset.sm",
-		paddingInline: "inset.md",
-		position: "fixed",
-		srOnly: false,
-		textStyle: "label.md",
-		zIndex: "skipNav"
-	} } } }
-});
-//#endregion
-export { recipe$1 as n, recipe$2 as r, recipe as t };