@refineui/react 0.0.1

package/spec/components/input.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "input",
+  "version": 1,
+  "export": "Input",
+  "anatomy": {
+    "root": "input"
+  },
+  "attributes": {
+    "data-refineui": "input"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ]
+  },
+  "accessibility": {
+    "input": {
+      "element": "input",
+      "native": true
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "states": {
+    "environment": [
+      "forced-colors",
+      "dir",
+      "prefers-contrast"
+    ]
+  }
+}

package/spec/components/label.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "label",
+  "version": 1,
+  "export": "Label",
+  "anatomy": {
+    "root": "label",
+    "required": "label-required"
+  },
+  "attributes": {
+    "data-refineui": "label"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "md",
+      "lg"
+    ]
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/link.json

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

package/spec/components/menu.json

@@ -0,0 +1,67 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "menu",
+  "version": 1,
+  "export": "Menu",
+  "anatomy": {
+    "root": "menu-root",
+    "divider": "menu-divider",
+    "item": "menu-item",
+    "popover": "menu-popover",
+    "section": "menu-section"
+  },
+  "attributes": {
+    "data-refineui": "menu"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "component": {
+      "data-state": [
+        "open",
+        "closed",
+        "default",
+        "hover",
+        "pressed",
+        "active",
+        "disabled"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "menu": {
+      "element": "div",
+      "role": "menu"
+    },
+    "menu-item": {
+      "element": "div",
+      "role": "menuitem"
+    }
+  },
+  "keyboard": {
+    "Escape": "close",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/navigation-menu.json

@@ -0,0 +1,74 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "navigation-menu",
+  "version": 1,
+  "export": "NavigationMenu",
+  "anatomy": {
+    "root": "navigation-menu",
+    "content": "navigation-menu-content",
+    "content_panel": "navigation-menu-content-panel",
+    "indicator": "navigation-menu-indicator",
+    "item": "navigation-menu-item",
+    "link": "navigation-menu-link",
+    "list": "navigation-menu-list",
+    "trigger": "navigation-menu-trigger"
+  },
+  "attributes": {
+    "data-refineui": "navigation-menu"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "component": {
+      "data-state": [
+        "open",
+        "closed"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "navigation-menu-trigger": {
+      "element": "button",
+      "requiredAttributes": {
+        "aria-expanded": {
+          "required": true,
+          "type": "boolean"
+        },
+        "aria-controls": {
+          "required": true,
+          "type": "string"
+        }
+      }
+    },
+    "navigation-menu-content": {
+      "element": "div",
+      "role": "region"
+    }
+  },
+  "keyboard": {
+    "Escape": "close",
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/pagination.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "pagination",
+  "version": 1,
+  "export": "Pagination",
+  "anatomy": {
+    "root": "pagination"
+  },
+  "attributes": {
+    "data-refineui": "pagination"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "keyboard": {
+    "Enter": {
+      "action": "activate",
+      "native": true
+    },
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/popover.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "popover",
+  "version": 1,
+  "export": "PopOver",
+  "anatomy": {
+    "root": "popover-root"
+  },
+  "attributes": {
+    "data-refineui": "popover"
+  },
+  "states": {
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "popover": {
+      "element": "div",
+      "role": "dialog"
+    }
+  },
+  "keyboard": {
+    "Escape": "close"
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    },
+    "behavior": {
+      "trap": true,
+      "initial": "first-focusable",
+      "return": "trigger"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/progress-stepper.json

@@ -0,0 +1,61 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "progress-stepper",
+  "version": 1,
+  "export": "ProgressStepper",
+  "anatomy": {
+    "root": "progress-stepper",
+    "fill": "progress-stepper-fill",
+    "item": "progress-stepper-item",
+    "label": "progress-stepper-label",
+    "list": "progress-stepper-list",
+    "list_wrap": "progress-stepper-list-wrap",
+    "marker": "progress-stepper-marker",
+    "track": "progress-stepper-track"
+  },
+  "attributes": {
+    "data-refineui": "progress-stepper"
+  },
+  "states": {
+    "component": {
+      "data-state": [
+        "complete",
+        "current",
+        "upcoming"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "dom": {
+    "progress-stepper-item": {
+      "states": {
+        "component": {
+          "data-state": [
+            "complete",
+            "current",
+            "upcoming"
+          ]
+        }
+      }
+    }
+  },
+  "accessibility": {
+    "progress-stepper-track": {
+      "element": "div",
+      "role": "progressbar"
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/progress.json

@@ -0,0 +1,28 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "progress",
+  "version": 1,
+  "export": "Progress",
+  "anatomy": {
+    "root": "progress"
+  },
+  "attributes": {
+    "data-refineui": "progress"
+  },
+  "variants": {
+    "size": [
+      "sm",
+      "lg"
+    ]
+  },
+  "accessibility": {
+    "progress": {
+      "element": "div",
+      "role": "progressbar"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/radio.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "radio",
+  "version": 1,
+  "export": "Radio",
+  "anatomy": {
+    "root": "radio"
+  },
+  "attributes": {
+    "data-refineui": "radio"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "radio": {
+      "element": "input",
+      "native": true
+    }
+  },
+  "keyboard": {
+    "Space": {
+      "action": "activate",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/resizable.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "resizable",
+  "version": 1,
+  "export": "Resizable",
+  "anatomy": {
+    "root": "resizable-panel-group",
+    "resizable_handle": "resizable-handle",
+    "resizable_panel": "resizable-panel"
+  },
+  "attributes": {
+    "data-refineui": "resizable-panel-group"
+  },
+  "variants": {
+    "orientation": [
+      "horizontal",
+      "vertical"
+    ]
+  },
+  "accessibility": {
+    "resizable-handle": {
+      "element": "div",
+      "role": "separator"
+    }
+  },
+  "keyboard": {
+    "Home": "first-trigger",
+    "End": "last-trigger"
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/scroll-area.json

@@ -0,0 +1,50 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "scroll-area",
+  "version": 1,
+  "export": "ScrollArea",
+  "anatomy": {
+    "root": "scroll-area",
+    "scrollbar": "scroll-area-scrollbar",
+    "thumb": "scroll-area-thumb",
+    "track": "scroll-area-track",
+    "viewport": "scroll-area-viewport"
+  },
+  "attributes": {
+    "data-refineui": "scroll-area"
+  },
+  "variants": {
+    "type": [
+      "hover",
+      "always"
+    ]
+  },
+  "states": {
+    "component": {
+      "data-state": [
+        "visible",
+        "hidden"
+      ]
+    },
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "dom": {
+    "scroll-area-scrollbar": {
+      "states": {
+        "component": {
+          "data-state": [
+            "visible",
+            "hidden"
+          ]
+        }
+      }
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  }
+}

package/spec/components/search-field.json

@@ -0,0 +1,53 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "search-field",
+  "version": 1,
+  "export": "SearchField",
+  "anatomy": {
+    "root": "search-field",
+    "clear": "search-field-clear",
+    "icon": "search-field-icon",
+    "input": "search-field-input"
+  },
+  "attributes": {
+    "data-refineui": "search-field"
+  },
+  "variants": {
+    "appearance": [
+      "filled",
+      "plain"
+    ]
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir"
+    ]
+  },
+  "accessibility": {
+    "search-field-input": {
+      "element": "input",
+      "native": true
+    },
+    "search-field-clear": {
+      "element": "button",
+      "native": true
+    }
+  },
+  "focus": {
+    "visual": {
+      "required": true,
+      "selector": ":focus-visible"
+    }
+  },
+  "layout": {
+    "direction": "logical",
+    "rtl": true
+  },
+  "keyboard": {
+    "Escape": "close"
+  }
+}

package/spec/components/segmented-control.json

@@ -0,0 +1,67 @@
+{
+  "$schema": "../schema/component-spec.schema.json",
+  "component": "segmented-control",
+  "version": 1,
+  "export": "SegmentedControl",
+  "anatomy": {
+    "root": "segmented-control",
+    "indicator": "segmented-control-indicator",
+    "item": "segmented-control-item"
+  },
+  "attributes": {
+    "data-refineui": "segmented-control"
+  },
+  "recipe": "segmented-control",
+  "tokens": {
+    "visual": "segmentedControl"
+  },
+  "states": {
+    "pseudo": [
+      "focus-visible"
+    ],
+    "environment": [
+      "forced-colors",
+      "dir",
+      "prefers-contrast"
+    ]
+  },
+  "accessibility": {
+    "segmented-control": {
+      "element": "div",
+      "role": "radiogroup"
+    },
+    "segmented-control-item": {
+      "element": "button",
+      "role": "radio",
+      "requiredAttributes": {
+        "aria-checked": {
+          "required": true,
+          "type": "boolean"
+        }
+      }
+    }
+  },
+  "keyboard": {
+    "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
+  }
+}