@refineui/react 0.0.1

package/dist/spec/components/select.json

@@ -0,0 +1,113 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "select",
+  "version": 1,
+  "export": "Select",
+  "anatomy": {
+    "root": "select-trigger",
+    "select_item": "select-item",
+    "select_menu": "select-menu"
+  },
+  "attributes": {
+    "data-refineui": "select-trigger"
+  },
+  "variants": {
+    "appearance": [
+      "filled",
+      "plain"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "component": {
+      "data-state": [
+        "open",
+        "closed",
+        "pressed",
+        "selected"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "dom": {
+    "select-trigger": {
+      "states": {
+        "component": {
+          "data-state": [
+            "open",
+            "closed"
+          ]
+        }
+      }
+    },
+    "select-item": {
+      "states": {
+        "component": {
+          "data-state": [
+            "pressed",
+            "selected"
+          ]
+        }
+      }
+    }
+  },
+  "accessibility": {
+    "select-trigger": {
+      "element": "button",
+      "role": "combobox",
+      "requiredAttributes": {
+        "aria-expanded": {
+          "required": true,
+          "type": "boolean"
+        }
+      }
+    },
+    "select-menu": {
+      "element": "div",
+      "role": "listbox"
+    },
+    "select-item": {
+      "element": "div",
+      "role": "option",
+      "requiredAttributes": {
+        "aria-selected": {
+          "required": true,
+          "type": "boolean"
+        }
+      }
+    }
+  },
+  "keyboard": {
+    "Escape": "close",
+    "ArrowDown": "next-trigger",
+    "ArrowUp": "previous-trigger",
+    "Home": "first-trigger",
+    "End": "last-trigger",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "tokens": {
+    "visual": "select"
+  }
+}

package/dist/spec/components/sidebar.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "sidebar",
+  "version": 1,
+  "export": "Sidebar",
+  "anatomy": {
+    "root": "sidebar",
+    "brand": "sidebar-brand",
+    "content": "sidebar-content",
+    "footer": "sidebar-footer",
+    "group": "sidebar-group",
+    "group_label": "sidebar-group-label",
+    "header": "sidebar-header",
+    "link": "sidebar-link",
+    "nav": "sidebar-nav",
+    "peek": "sidebar-peek",
+    "peek_edge": "sidebar-peek-edge",
+    "peek_inset": "sidebar-peek-inset",
+    "peek_panel": "sidebar-peek-panel",
+    "peek_pin": "sidebar-peek-pin",
+    "peek_surface": "sidebar-peek-surface"
+  },
+  "attributes": {
+    "data-refineui": "sidebar"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/skeleton.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "skeleton",
+  "version": 1,
+  "export": "Skeleton",
+  "anatomy": {
+    "root": "skeleton"
+  },
+  "attributes": {
+    "data-refineui": "skeleton"
+  },
+  "accessibility": {
+    "skeleton": {
+      "element": "div"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/slider.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "slider",
+  "version": 1,
+  "export": "Slider",
+  "anatomy": {
+    "root": "slider"
+  },
+  "attributes": {
+    "data-refineui": "slider"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "slider": {
+      "element": "input",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/spacer.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "spacer",
+  "version": 1,
+  "export": "Spacer",
+  "anatomy": {
+    "root": "spacer"
+  },
+  "attributes": {
+    "data-refineui": "spacer"
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/spin-button.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "spin-button",
+  "version": 1,
+  "export": "SpinButton",
+  "anatomy": {
+    "root": "spinbutton",
+    "step": "spinbutton-step"
+  },
+  "attributes": {
+    "data-refineui": "spinbutton"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "spinbutton": {
+      "element": "div",
+      "role": "spinbutton"
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/spinner.json

@@ -0,0 +1,35 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "spinner",
+  "version": 1,
+  "export": "Spinner",
+  "anatomy": {
+    "root": "spinner"
+  },
+  "attributes": {
+    "data-refineui": "spinner"
+  },
+  "variants": {
+    "size": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "xxl"
+    ]
+  },
+  "accessibility": {
+    "spinner": {
+      "element": "div",
+      "role": "status"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "tokens": {
+    "visual": "spinner"
+  }
+}

package/dist/spec/components/stack.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "stack",
+  "version": 1,
+  "export": "Stack",
+  "anatomy": {
+    "root": "stack"
+  },
+  "attributes": {
+    "data-refineui": "stack"
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/stepper.json

@@ -0,0 +1,62 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "stepper",
+  "version": 1,
+  "export": "Stepper",
+  "anatomy": {
+    "root": "stepper",
+    "content": "stepper-content",
+    "description": "stepper-description",
+    "indicator": "stepper-indicator",
+    "item": "stepper-item",
+    "list": "stepper-list",
+    "separator": "stepper-separator",
+    "separator_fill": "stepper-separator-fill",
+    "separator_rail": "stepper-separator-rail",
+    "separator_track": "stepper-separator-track",
+    "title": "stepper-title"
+  },
+  "attributes": {
+    "data-refineui": "stepper"
+  },
+  "states": {
+    "component": {
+      "data-state": [
+        "complete",
+        "current",
+        "upcoming"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "dom": {
+    "stepper-item": {
+      "states": {
+        "component": {
+          "data-state": [
+            "complete",
+            "current",
+            "upcoming"
+          ]
+        }
+      }
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/switch.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "switch",
+  "version": 1,
+  "export": "Switch",
+  "anatomy": {
+    "root": "switch"
+  },
+  "attributes": {
+    "data-refineui": "switch"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir",
+      "prefers-contrast"
+    ]
+  },
+  "accessibility": {
+    "switch": {
+      "element": "button",
+      "role": "switch",
+      "native": true
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "tokens": {
+    "visual": "switch"
+  }
+}

package/dist/spec/components/table.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "table",
+  "version": 1,
+  "export": "Table",
+  "anatomy": {
+    "root": "table",
+    "row": "table-row"
+  },
+  "attributes": {
+    "data-refineui": "table"
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/tabs.json

@@ -0,0 +1,77 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "tabs",
+  "version": 1,
+  "export": "Tabs",
+  "anatomy": {
+    "root": "tabs",
+    "tab": "tab",
+    "indicator": "tabs-indicator",
+    "list": "tabs-list"
+  },
+  "attributes": {
+    "data-refineui": "tabs"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir",
+      "prefers-contrast"
+    ]
+  },
+  "accessibility": {
+    "tabs-list": {
+      "element": "div",
+      "role": "tablist"
+    },
+    "tab": {
+      "element": "button",
+      "role": "tab",
+      "requiredAttributes": {
+        "aria-selected": {
+          "required": true,
+          "type": "boolean"
+        },
+        "aria-controls": {
+          "required": true,
+          "type": "string"
+        }
+      }
+    }
+  },
+  "keyboard": {
+    "ArrowRight": "next-trigger",
+    "ArrowDown": "next-trigger",
+    "ArrowLeft": "previous-trigger",
+    "ArrowUp": "previous-trigger",
+    "Home": "first-trigger",
+    "End": "last-trigger",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "roving": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "tokens": {
+    "visual": "tabs"
+  }
+}

package/dist/spec/components/tag.json

@@ -0,0 +1,65 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "tag",
+  "version": 1,
+  "export": "Tag",
+  "anatomy": {
+    "root": "chip",
+    "remove": "chip-remove"
+  },
+  "attributes": {
+    "data-refineui": "chip"
+  },
+  "variants": {
+    "variant": [
+      "default",
+      "outline",
+      "filled"
+    ],
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ]
+  },
+  "recipe": "chip",
+  "tokens": {
+    "visual": "chip"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir",
+      "prefers-contrast"
+    ]
+  },
+  "accessibility": {
+    "chip-remove": {
+      "element": "button",
+      "native": true
+    }
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/text.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "text",
+  "version": 1,
+  "export": "Text",
+  "anatomy": {
+    "root": "text"
+  },
+  "attributes": {
+    "data-refineui": "text"
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/dist/spec/components/textarea.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "textarea",
+  "version": 1,
+  "export": "Textarea",
+  "anatomy": {
+    "root": "textarea"
+  },
+  "attributes": {
+    "data-refineui": "textarea"
+  },
+  "accessibility": {
+    "textarea": {
+      "element": "input",
+      "native": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}