docs(radio): update readme

Author: Fabien MARIE-LOUISE

.changeset/config.json

@@ -4,7 +4,7 @@
   "commit": false,
   "fixed": [],
   "linked": [],
-  "access": "restricted",
+  "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "ignore": []

.github/workflows/tests.yml

@@ -12,7 +12,7 @@ jobs:
         operating-system: [ubuntu-latest]
 
     steps:
-      - name: Check out code
+      - name: Checkout repo
         uses: actions/checkout@v2
         with:
           fetch-depth: 2

package.json

@@ -13,11 +13,15 @@
   ],
   "scripts": {
     "build": "turbo run build",
+    "changeset": "changeset",
+    "clean": "turbo run clean && rm -rf node_modules",
     "commit": "git-cz",
     "format": "prettier . --write --ignore-path .gitignore && git update-index --again",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore",
     "prepare": "husky install",
-    "test": "turbo run test"
+    "release": "turbo run build && changeset publish",
+    "test": "turbo run test",
+    "version-packages": "changeset version"
   },
   "lint-staged": {
     "*.{md,json}": [

packages/checkbox/README.md

@@ -39,9 +39,8 @@ Checkboxes can be built with the `<input>` HTML element, but this can be difficu
 ### How to use it
 
 ```tsx
-import { createCheckbox } from "@solid-aria/checkbox";
+import { AriaCheckboxProps, createCheckbox } from "@solid-aria/checkbox";
 import { createToggleState } from "@solid-aria/toggle";
-import { AriaCheckboxProps } from "@solid-aria/types";
 
 function Checkbox(props: AriaCheckboxProps) {
   let ref: HTMLInputElement | undefined;
@@ -74,10 +73,9 @@ To build a custom styled checkbox, you can make the native input element visuall
 For keyboard accessibility, a focus ring is important to indicate which element has keyboard focus. This is implemented with the `createFocusRing` primitive. When `isFocusVisible` is true, an extra SVG element is rendered to indicate focus. The focus ring is only visible when the user is interacting with a keyboard, not with a mouse or touch.
 
 ```tsx
+import { AriaCheckboxProps, createCheckbox } from "@solid-aria/checkbox";
 import { createFocusRing } from "@solid-aria/focus";
-import { createCheckbox } from "@solid-aria/checkbox";
 import { createToggleState } from "@solid-aria/toggle";
-import { AriaCheckboxProps } from "@solid-aria/types";
 import { createVisuallyHidden } from "@solid-aria/visually-hidden";
 
 import { Show } from "solid-js/web";
@@ -157,12 +155,13 @@ This example uses native input elements for the checkboxes, and SolidJS context
 
 ```tsx
 import {
+  AriaCheckboxGroupItemProps,
+  AriaCheckboxGroupProps,
   CheckboxGroupState,
   createCheckboxGroup,
   createCheckboxGroupItem,
   createCheckboxGroupState
 } from "@solid-aria/checkbox";
-import { AriaCheckboxGroupItemProps, AriaCheckboxGroupProps } from "@solid-aria/types";
 
 import { createContext, useContext } from "solid-js";
 

packages/checkbox/package.json

@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "tsup",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "vite serve dev --host",
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch --passWithNoTests",
@@ -47,6 +48,9 @@
     "@solid-primitives/utils": "^1.3.0",
     "solid-js": "^1.3.15"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "primitive": {
     "name": "checkbox",
     "stage": 0,

packages/focus/package.json

@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "tsup",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "vite serve dev --host",
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch --passWithNoTests",
@@ -46,6 +47,9 @@
     "@solid-primitives/utils": "^1.3.0",
     "solid-js": "^1.3.15"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "primitive": {
     "name": "focus",
     "stage": 0,

packages/i18n/package.json

@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "tsup",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "vite serve dev --host",
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch --passWithNoTests",
@@ -45,6 +46,9 @@
     "@solid-primitives/utils": "^1.3.0",
     "solid-js": "^1.3.15"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "primitive": {
     "name": "i18n",
     "stage": 0,

packages/interactions/package.json

@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "tsup",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "vite serve dev --host",
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch --passWithNoTests",
@@ -45,6 +46,9 @@
     "@solid-primitives/utils": "^1.3.0",
     "solid-js": "^1.3.15"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "primitive": {
     "name": "interactions",
     "stage": 0,

packages/label/README.md

@@ -29,8 +29,7 @@ Provides the accessibility implementation for labels and their associated elemen
 ### How to use it
 
 ```tsx
-import { createLabel } from "@solid-aria/label";
-import { AriaLabelProps } from "@solid-aria/types";
+import { AriaLabelProps, createLabel } from "@solid-aria/label";
 
 interface ColorFieldProps extends AriaLabelProps {
   // your component specific props

packages/label/package.json

@@ -32,6 +32,7 @@
   ],
   "scripts": {
     "build": "tsup",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
     "dev": "vite serve dev --host",
     "test": "jest --passWithNoTests",
     "test:watch": "jest --watch --passWithNoTests",
@@ -45,6 +46,9 @@
     "@solid-primitives/utils": "^1.3.0",
     "solid-js": "^1.3.15"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "primitive": {
     "name": "label",
     "stage": 0,