@optiaxiom/react 0.1.0-next.8 → 0.1.0

package/dist/unstable.js

@@ -0,0 +1,43 @@
+export { Autocomplete } from './src/autocomplete/Autocomplete.js';
+export { AutocompleteContent } from './src/autocomplete-content/AutocompleteContent.js';
+export { AutocompleteEmptyItem } from './src/autocomplete-empty-item/AutocompleteEmptyItem.js';
+export { AutocompleteItem } from './src/autocomplete-item/AutocompletItem.js';
+export { AutocompleteItemIndicator } from './src/autocomplete-item-indicator/AutocompleteItemIndicator.js';
+export { AutocompleteList } from './src/autocomplete-list/AutocompleteList.js';
+export { AutocompleteTrigger } from './src/autocomplete-trigger/AutocompleteTrigger.js';
+export { Banner } from './src/banner/Banner.js';
+export { BannerDescription } from './src/banner-description/BannerDescription.js';
+export { BannerTitle } from './src/banner-title/BannerTitle.js';
+export { Breadcrumb } from './src/breadcrumb/Breadcrumb.js';
+export { BreadcrumbEllipsis } from './src/breadcrumb-ellipsis/BreadcrumbEllipsis.js';
+export { BreadcrumbItem } from './src/breadcrumb-item/BreadcrumbItem.js';
+export { BreadcrumbLink } from './src/breadcrumb-link/BreadcrumbLink.js';
+export { BreadcrumbPage } from './src/breadcrumb-page/BreadcrumbPage.js';
+export { BreadcrumbSeparator } from './src/breadcrumb-separator/BreadcrumbSeparator.js';
+export { Combobox } from './src/combobox/Combobox.js';
+export { ComboboxContent } from './src/combobox-content/ComboboxContent.js';
+export { ComboboxMultiTrigger } from './src/combobox-multi-trigger/ComboboxMultiTrigger.js';
+export { ComboboxSingleTrigger } from './src/combobox-single-trigger/ComboboxSingleTrigger.js';
+export { ComboboxTrigger } from './src/combobox-trigger/ComboboxTrigger.js';
+export { Command } from './src/command/Command.js';
+export { CommandCheckboxItem } from './src/command-checkbox-item/CommandCheckboxItem.js';
+export { CommandEmpty } from './src/command-empty/CommandEmpty.js';
+export { CommandFooter } from './src/command-footer/CommandFooter.js';
+export { CommandGroup } from './src/command-group/CommandGroup.js';
+export { CommandInput } from './src/command-input/CommandInput.js';
+export { CommandItem } from './src/command-item/CommandItem.js';
+export { CommandList } from './src/command-list/CommandList.js';
+export { CommandSeparator } from './src/command-separator/CommandSeparator.js';
+export { Pill } from './src/pill/Pill.js';
+export { SegmentedControl } from './src/segmented-control/SegmentedControl.js';
+export { SegmentedControlItem } from './src/segmented-control-item/SegmentedControlItem.js';
+export { SideNav } from './src/side-nav/SideNav.js';
+export { SideNavAccountItem } from './src/side-nav-account-item/SideNavAccountItem.js';
+export { SideNavItem } from './src/side-nav-item/SideNavItem.js';
+export { SideNavToggle } from './src/side-nav-toggle/SideNavToggle.js';
+export { Table } from './src/table/Table.js';
+export { TableBody } from './src/table-body/TableBody.js';
+export { TableCell } from './src/table-cell/TableCell.js';
+export { TableHead } from './src/table-head/TableHead.js';
+export { TableHeaderCell } from './src/table-header-cell/TableHeaderCell.js';
+export { TableRow } from './src/table-row/TableRow.js';

package/package.json

@@ -1,40 +1,76 @@
 {
   "name": "@optiaxiom/react",
+  "homepage": "https://github.com/optimizely-axiom/optiaxiom/tree/master/packages/react#readme",
   "repository": {
     "directory": "packages/react",
     "type": "git",
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.8",
+  "version": "0.1.0",
   "files": [
     "dist/**",
     "LICENSE"
   ],
   "license": "Apache-2.0",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./unstable": {
+      "import": "./dist/unstable.js",
+      "types": "./dist/unstable.d.ts"
+    }
+  },
   "sideEffects": [
     "*.css"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@fontsource-variable/fira-code": "^5.0.18",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-compose-refs": "^1.0.1",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-primitive": "^1.0.3",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-separator": "^1.0.3",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.7",
+    "@mantine/hooks": "^7.13.2",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-arrow": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.1",
+    "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-collapsible": "^1.1.1",
+    "@radix-ui/react-compose-refs": "^1.1.0",
+    "@radix-ui/react-context": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-hover-card": "^1.1.2",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-popper": "^1.2.0",
+    "@radix-ui/react-portal": "^1.1.2",
+    "@radix-ui/react-primitive": "^2.0.0",
+    "@radix-ui/react-progress": "^1.1.0",
+    "@radix-ui/react-radio-group": "^1.2.1",
+    "@radix-ui/react-separator": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.2",
+    "@radix-ui/react-toggle": "^1.1.0",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-use-controllable-state": "^1.1.0",
+    "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
-    "@vanilla-extract/sprinkles": "^1.6.2",
+    "@vanilla-extract/dynamic": "^2.1.2",
+    "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
-    "inter-ui": "^4.0.2"
+    "cmdk": "^1.0.0",
+    "downshift": "^9.0.8",
+    "use-sync-external-store": "^1.2.2",
+    "@optiaxiom/globals": "^0.2.0"
   },
   "devDependencies": {
-    "@types/node": "^20.14.2",
-    "@vanilla-extract/css": "^1.15.2",
+    "@emotion/hash": "^0.9.2",
+    "@types/node": "^20.16.11",
+    "@types/use-sync-external-store": "^0.0.6",
+    "@vanilla-extract/css": "^1.16.0",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {
@@ -43,7 +79,7 @@
   },
   "scripts": {
     "build": "rm -rf dist && NODE_ENV=production rollup -c",
-    "dev": "rm -rf dist && rollup -cw",
+    "dev": "rm -rf dist && wait-on ../../packages/globals/dist/index.d.ts && rollup -cw",
     "lint": "oas-lint",
     "test": "vitest"
   }

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .t64xwp0 {
-    user-select: none;
-  }
-}

package/dist/assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css

@@ -1,72 +0,0 @@
-@layer optiaxiom._1kfj4ga0;
-@layer optiaxiom._1kfj4ga0 {
-  ._1jn0ep0 {
-    border: 0 solid var(--ax-colors-border-default);
-    box-sizing: border-box;
-    font-family: var(--ax-fontFamily-sans);
-    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
-    margin: 0;
-    padding: 0;
-  }
-  ._1jn0ep0:is(hr) {
-    border-top-width: 1px;
-    color: inherit;
-    height: 0;
-  }
-  ._1jn0ep0:is(h1, h2, h3, h4, h5, h6) {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  ._1jn0ep0:is(b, strong) {
-    font-weight: bolder;
-  }
-  ._1jn0ep0:is(code, kbd, samp, pre) {
-    font-family: var(--ax-fontFamily-mono);
-    font-feature-settings: normal;
-    font-size: 1em;
-  }
-  ._1jn0ep0:is(button, input, optgroup, select, textarea) {
-    color: inherit;
-    font-size: 100%;
-    letter-spacing: inherit;
-  }
-  ._1jn0ep0:is(button, input:where([type=button], [type=reset], [type=submit])) {
-    -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
-  }
-  ._1jn0ep0:is([type=search]) {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ._1jn0ep0::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  ._1jn0ep0:is(ol, ul, menu) {
-    list-style: none;
-  }
-  ._1jn0ep0:is(textarea) {
-    resize: vertical;
-  }
-  ._1jn0ep0:is(input, textarea)::placeholder {
-    color: var(--ax-colors-neutral-600);
-    opacity: 1;
-  }
-  ._1jn0ep0:is(button, [role=button]) {
-    cursor: pointer;
-  }
-  ._1jn0ep0:is(:disabled) {
-    cursor: default;
-  }
-  ._1jn0ep0:is(img, svg, video, canvas, audio, iframe, embed, object) {
-    display: block;
-  }
-  ._1jn0ep0:is(img, video) {
-    height: auto;
-    max-width: 100%;
-  }
-  ._1jn0ep0:is(select) {
-    appearance: none;
-  }
-}

package/dist/assets/src/button/Button.css.ts.vanilla-BopXGX13.css

@@ -1,113 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  ._1gqmi2d3 {
-    border-radius: var(--ax-borderRadius-sm);
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._1gqmi2d3:active:not([data-disabled="true"]) {
-    box-shadow: var(--ax-boxShadow-inner);
-  }
-  ._1gqmi2d3:focus-visible {
-    outline-offset: 1px;
-    outline-style: solid;
-    outline-width: 2px;
-  }
-  ._1gqmi2d3[data-disabled="true"] {
-    cursor: not-allowed;
-  }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:first-child):not(:last-child) {
-    border-inline-width: 0.5px;
-  }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):first-child {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):last-child {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:first-child):not(:last-child) {
-    border-block-width: 0.5px;
-  }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):first-child {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1sewcgl0[data-orientation] ._1gqmi2d3:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  ._1gqmi2d4 {
-    --_1gqmi2d0: var(--ax-colors-bg-error-solid);
-    --_1gqmi2d1: var(--ax-colors-bg-error-solid-hover);
-    --_1gqmi2d2: var(--ax-colors-bg-error-subtle);
-  }
-  ._1gqmi2d4:focus-visible {
-    outline-color: var(--ax-colors-red-200);
-  }
-  ._1gqmi2d5 {
-    --_1gqmi2d0: var(--ax-colors-bg-brand-solid);
-    --_1gqmi2d1: var(--ax-colors-bg-brand-solid-hover);
-    --_1gqmi2d2: var(--ax-colors-bg-brand-subtle);
-  }
-  ._1gqmi2d5:focus-visible {
-    outline-color: var(--ax-colors-brand-300);
-  }
-  ._1gqmi2d6 {
-    --_1gqmi2d0: var(--ax-colors-fg-secondary);
-    --_1gqmi2d1: var(--ax-colors-fg-secondary-hover);
-    --_1gqmi2d2: var(--ax-colors-bg-secondary-hover);
-  }
-  ._1gqmi2d6:focus-visible {
-    outline-color: var(--ax-colors-neutral-500);
-  }
-  ._1gqmi2d7 {
-    background-color: transparent;
-    border-color: var(--_1gqmi2d0);
-    color: var(--_1gqmi2d0);
-  }
-  ._1gqmi2d7:hover:not([data-disabled="true"]) {
-    background-color: var(--_1gqmi2d2);
-  }
-  ._1gqmi2d7[data-disabled="true"] {
-    background-color: var(--ax-colors-bg-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1gqmi2d8 {
-    background-color: transparent;
-    border: 1px solid var(--_1gqmi2d0);
-    color: var(--_1gqmi2d0);
-  }
-  ._1gqmi2d8:hover:not([data-disabled="true"]) {
-    background-color: var(--_1gqmi2d2);
-  }
-  ._1gqmi2d8[data-disabled="true"] {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1gqmi2d9 {
-    background-color: var(--_1gqmi2d0);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._1gqmi2d9:hover:not([data-disabled="true"]) {
-    background-color: var(--_1gqmi2d1);
-  }
-  ._1gqmi2d9[data-disabled="true"] {
-    background-color: var(--ax-colors-bg-disabled);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1gqmi2da {
-    border-color: var(--ax-colors-border-default);
-  }
-}

package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-
-}

package/dist/assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .go7emt0 {
-    -webkit-font-smoothing: auto;
-    font-size: 0.875em;
-  }
-}

package/dist/assets/src/input/Input.css.ts.vanilla-X0R-SsOp.css

@@ -1,32 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  ._5j10wf0 {
-    border-color: var(--ax-colors-border-default);
-  }
-  ._5j10wf0:focus-within:is([data-invalid="true"]) {
-    outline-color: var(--ax-colors-red-200);
-    outline-offset: 1px;
-    outline-style: solid;
-    outline-width: 2px;
-  }
-  ._5j10wf0:focus-within:not([data-invalid="true"]) {
-    outline-color: var(--ax-colors-brand-200);
-    outline-offset: 1px;
-    outline-style: solid;
-    outline-width: 2px;
-  }
-  ._5j10wf0:hover {
-    border-color: var(--ax-colors-border-brand);
-  }
-  ._5j10wf0[data-disabled="true"] {
-    background-color: var(--ax-colors-bg-disabled);
-    border-color: var(--ax-colors-border-secondary);
-    pointer-events: none;
-  }
-  ._5j10wf0[data-invalid="true"] {
-    border-color: var(--ax-colors-border-error);
-  }
-  ._5j10wf1:focus-visible {
-    outline-width: 0px;
-  }
-}

package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DB-l95Nr.css

@@ -1,11 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .q5e32p0 {
-    border-bottom-width: 2px;
-  }
-  .q5e32p1 {
-    font-size: 1.2em;
-    line-height: 1;
-    text-decoration: none;
-  }
-}

package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css

@@ -1,42 +0,0 @@
-.tlk8153 {
-  height: 1px;
-  width: auto;
-}
-.tlk8157 {
-  align-self: stretch;
-  height: auto;
-  width: 1px;
-}
-@media screen and (min-width: 37.5rem) {
-  .tlk8150 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8154 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}
-@media screen and (min-width: 56.25rem) {
-  .tlk8151 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8155 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}
-@media screen and (min-width: 75rem) {
-  .tlk8152 {
-    height: 1px;
-    width: auto;
-  }
-  .tlk8156 {
-    align-self: stretch;
-    height: auto;
-    width: 1px;
-  }
-}

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  ._15dwmwy0:empty:before {
-    content: "\00a0";
-  }
-}

package/dist/assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css

@@ -1,4 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom.base;
-@layer optiaxiom._1kfj4ga0;
-@layer optiaxiom._1kfj4ga1;