@optiaxiom/react 0.11.1 → 0.12.0

package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-KLJIi8F-.css

@@ -1,70 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .qr6mzc {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--ax-colors-border-tertiary);
-    border-radius: var(--ax-borderRadius-md);
-    border-width: 1px;
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  .qr6mzc:has(._186wod6:focus) {
-    z-index: 10;
-  }
-  .qr6mzc:has(._186wod6:focus:is([data-invalid])) {
-    outline: 2px solid var(--ax-colors-border-focus-error);
-    outline-offset: 1px;
-  }
-  .qr6mzc:has(._186wod6:focus:not([data-invalid])) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .qr6mzc:has(._186wod6:focus:not([data-invalid]):not([data-readonly])) {
-    border-color: var(--ax-colors-border-accent);
-  }
-  .qr6mzc:has(._186wod6:is([data-invalid])) {
-    border-color: var(--ax-colors-border-error);
-  }
-  .qr6mzc:has(._186wod6:is([data-readonly])) {
-    border-color: var(--ax-colors-border-default);
-  }
-  .qr6mzc:has(._186wod6:is([data-disabled])) {
-    background-color: var(--ax-colors-bg-secondary);
-    border-color: var(--ax-colors-border-secondary);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1qcopoc[data-orientation="horizontal"] > .qr6mzc:not(:first-child):not(:last-child),._1qcopoc[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .qr6mzc {
-    border-inline-width: 0.5px;
-  }
-  ._1qcopoc[data-orientation="horizontal"] > .qr6mzc:not(:only-child):first-child,._1qcopoc[data-orientation="horizontal"] > :not(:only-child):first-child .qr6mzc {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1qcopoc[data-orientation="horizontal"] > .qr6mzc:not(:only-child):last-child,._1qcopoc[data-orientation="horizontal"] > :not(:only-child):last-child .qr6mzc {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1qcopoc[data-orientation="vertical"] > .qr6mzc:not(:first-child):not(:last-child),._1qcopoc[data-orientation="vertical"] > :not(:first-child):not(:last-child) .qr6mzc {
-    border-block-width: 0.5px;
-  }
-  ._1qcopoc[data-orientation="vertical"] > .qr6mzc:not(:only-child):first-child,._1qcopoc[data-orientation="vertical"] > :not(:only-child):first-child .qr6mzc {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1qcopoc[data-orientation="vertical"] > .qr6mzc:not(:only-child):last-child,._1qcopoc[data-orientation="vertical"] > :not(:only-child):last-child .qr6mzc {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1qcopoc[data-orientation] > .qr6mzc:not(:first-child):not(:last-child),._1qcopoc[data-orientation] > :not(:first-child):not(:last-child) .qr6mzc {
-    border-radius: 0;
-  }
-  @media (hover: hover) {
-    .qr6mzc:hover {
-      border-color: var(--ax-colors-border-control);
-    }
-  }
-}

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

@@ -1,13 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._69s5kk {
-    font-size: 0.9em;
-    -webkit-font-smoothing: auto;
-  }
-  ._1p19sdp {
-    text-decoration: none;
-  }
-  ._6xi1ru {
-    font-size: 1.2em;
-  }
-}

package/dist/assets/src/layers/layers.css.ts.vanilla-CUZzNcnS.css

@@ -1 +0,0 @@
-@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._1n442qx, optiaxiom._11qbkaq;

package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-53sn-tfO.css

@@ -1,48 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._4snb2l {
-    user-select: none;
-  }
-  ._4snb2l:any-link {
-    text-decoration: none;
-  }
-  ._4snb2l:focus-visible {
-    outline: 2px solid transparent;
-  }
-  ._4snb2l:not([data-disabled]) {
-    color: var(--_1pywlyw);
-    cursor: pointer;
-  }
-  ._4snb2l:not([data-disabled])[data-highlighted] {
-    background-color: var(--_19qh2ak);
-    color: var(--yxp26v, var(--_1pywlyw));
-  }
-  ._4snb2l:not([data-disabled])[data-highlighted]:active {
-    background-color: var(--_86180z);
-    color: var(--g131s0, var(--_1pywlyw));
-  }
-  ._4snb2l:not([data-disabled])[data-highlighted][data-focus-visible] {
-    outline-offset: -2px;
-  }
-  ._4snb2l[data-disabled] {
-    opacity: 0.3;
-  }
-  ._1c27g08 {
-    --_19qh2ak: var(--ax-colors-bg-error-subtlest);
-    --yxp26v: var(--ax-colors-fg-error-hovered);
-    --_86180z: var(--ax-colors-bg-error-subtle);
-    --g131s0: var(--ax-colors-fg-error-strong);
-    --_1pywlyw: var(--ax-colors-fg-error);
-  }
-  .vbhw30 {
-    --_19qh2ak: var(--ax-colors-bg-default-hovered);
-    --_86180z: var(--ax-colors-bg-default-pressed);
-    --_1pywlyw: var(--ax-colors-fg-default);
-  }
-  ._1uu0o08 {
-    line-height: 24px;
-  }
-  ._15yfbtf {
-    color: var(--ax-colors-fg-tertiary);
-  }
-}

package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BraALMiH.css

@@ -1,33 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._14njr86 {
-    max-height: min(var(--y4qtkf), var(--m81j0a, 100vh));
-  }
-  .kqadsq {
-    --m81j0a: var(--ax-maxSize-xs);
-  }
-  ._7us88 {
-    --m81j0a: var(--ax-maxSize-sm);
-  }
-  .g7gctj {
-    --m81j0a: var(--ax-maxSize-md);
-  }
-  .csxzda {
-    --m81j0a: var(--ax-maxSize-lg);
-  }
-  .pkwjuk {
-    min-width: var(--_1yvx30s);
-  }
-  .sgtiup {
-    --y4qtkf: var(--radix-dropdown-menu-content-available-height);
-    --_1yvx30s: var(--radix-dropdown-menu-trigger-width);
-  }
-  .ojc9ko {
-    --y4qtkf: var(--radix-popover-content-available-height);
-    --_1yvx30s: var(--radix-popover-trigger-width);
-  }
-  ._1gh8y0i {
-    --y4qtkf: var(--radix-popper-available-height);
-    --_1yvx30s: var(--radix-popper-anchor-width);
-  }
-}

package/dist/assets/src/progress/Progress.css.ts.vanilla-BQ3O1Qep.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .r6xqw6 {
-    height: 8px;
-  }
-}

package/dist/assets/src/radio/Radio.css.ts.vanilla-C9Ku1-cp.css

@@ -1,13 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .q4yvgl {
-    border-color: var(--_1l815r2);
-  }
-  ._13wxlee {
-    background-color: var(--_1l815r2);
-    transform: scale(0);
-  }
-  ._1i4kmy:has(._1s63i5y:checked) ._13wxlee {
-    transform: scale(1);
-  }
-}

package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DZWNnJ45.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1upqmhz:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1o75jfr {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-DTscrtoE.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .yzu8jn {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-}

package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BB_G4vIW.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._13vfxbx {
-    --_2jvqv2: var(--ax-colors-fg-secondary);
-  }
-}

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

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

package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CWhNlkj5.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1d49ike:has(:focus) {
-    outline: none !important;
-  }
-}

package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-BkPqhJCF.css

@@ -1,12 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1bisez {
-    background-color: var(--ax-colors-bg-secondary);
-  }
-  ._1bisez:not([data-disabled])[data-highlighted] {
-    background-color: var(--ax-colors-bg-secondary-hovered);
-  }
-  ._1bisez:not([data-disabled])[data-highlighted]:active {
-    background-color: var(--ax-colors-bg-tertiary);
-  }
-}

package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-Dgnurw3H.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1lalajn[data-highlighted] {
-    --qi9s9y: var(--ax-colors-bg-secondary-hovered);
-  }
-  ._1r3f1ps[data-highlighted] {
-    --_1gl0xmh: var(--ax-colors-fg-information-strong);
-  }
-}

package/dist/assets/src/switch/Switch.css.ts.vanilla-D_0Unspn.css

@@ -1,45 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .l4tyar {
-    --_1l815r2: var(--ax-colors-bg-tertiary);
-  }
-  ._19s6icj {
-    background-color: var(--_1l815r2);
-    position: relative;
-  }
-  ._1y8aqfb {
-    background-color: var(--ax-colors-bg-default);
-    height: var(--_1p89top);
-    transform: translateX(-10px);
-    width: var(--_1p89top);
-  }
-  ._84jcdp:active ._1y8aqfb {
-    width: calc(var(--_1p89top) * 1.25);
-  }
-  ._84jcdp:active:has(._1a2c432:checked) ._1y8aqfb {
-    margin-left: calc(var(--_1p89top) * -0.25);
-  }
-  ._84jcdp:active:has(._1a2c432:not(:checked)) ._1y8aqfb {
-    margin-right: calc(var(--_1p89top) * -0.25);
-  }
-  ._84jcdp:has(._1a2c432:checked) ._1y8aqfb {
-    transform: translateX(10px);
-  }
-  ._84jcdp:has(._1a2c432:disabled) ._1y8aqfb {
-    background-color: var(--ax-colors-bg-page);
-  }
-  ._84jcdp:has(._1a2c432:not(:disabled)) ._1y8aqfb {
-    box-shadow: var(--ax-boxShadow-sm);
-  }
-  ._1vv0irt {
-    --_1p89top: var(--ax-size-2xs);
-  }
-  .fdyqzm {
-    --_1p89top: var(--ax-size-xs);
-  }
-  @media (hover: hover) {
-    .l4tyar:has(._1a2c432:not(:disabled):not(:checked)):hover {
-      --_1l815r2: var(--ax-colors-bg-tertiary-hovered);
-    }
-  }
-}

package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Be54DXtb.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._7nyt8t {
-    position: relative;
-  }
-}

package/dist/assets/src/table-cell/TableCell.css.ts.vanilla-B600Ipqx.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .kzzzio {
-    vertical-align: middle;
-    word-break: break-word;
-  }
-  .yum6k5:not(:first-child) .kzzzio {
-    border-top-width: 1px;
-  }
-}

package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CyloX60z.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1yvnjn3[data-orientation="horizontal"] {
-    flex-direction: column;
-  }
-  ._1yvnjn3[data-orientation="vertical"] {
-    flex-direction: row;
-  }
-}

package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Dr8Uddue.css

@@ -1,34 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._48iogl {
-    max-height: calc(16px + var(--q3y3rx) * 22px);
-  }
-  .l8n6a {
-    --q3y3rx: 1;
-  }
-  ._8vtofr {
-    --q3y3rx: 2;
-  }
-  .xbexkq {
-    --q3y3rx: 3;
-  }
-  ._1op4mbu {
-    --q3y3rx: 4;
-  }
-  ._1vllb2s {
-    --q3y3rx: 5;
-  }
-  .kay817 {
-    resize: vertical;
-  }
-  ._17vjiqt {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  ._1w6r5w7 {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  ._1qiyc1t {
-    resize: none;
-  }
-}

package/dist/assets/src/toast/Toast.css.ts.vanilla-BQqzZMm9.css

@@ -1,90 +0,0 @@
-@keyframes _74jf75 {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_521eue, 0)
-    var(--_18bvjpj, 0)
-  ;
-  }
-}
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._1y6cg21 {
-    --a1l92a: 0;
-    --_1ru8z2s: 0;
-    animation-duration: 300ms;
-    animation-timing-function: ease;
-    transition-duration: 300ms;
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--a1l92a) var(--_1ru8z2s);
-  }
-  ._1y6cg21:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._1y6cg21[data-state="closed"] {
-    opacity: 0;
-  }
-  ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    transition-property: opacity, translate;
-  }
-  ._1y6cg21[data-state="open"] {
-    animation-name: _74jf75;
-  }
-  ._1y6cg21[data-swipe-direction="down"] {
-    --_18bvjpj: calc(100% + 24px);
-  }
-  ._1y6cg21[data-swipe-direction="left"] {
-    --_521eue: calc(-100% - 24px);
-  }
-  ._1y6cg21[data-swipe-direction="right"] {
-    --_521eue: calc(100% + 24px);
-  }
-  ._1y6cg21[data-swipe-direction="up"] {
-    --_18bvjpj: calc(-100% - 24px);
-  }
-  ._1y6cg21[data-swipe="end"] {
-    --a1l92a: var(--_521eue, 0);
-    --_1ru8z2s: var(--_18bvjpj, 0);
-    transition-property: opacity, translate;
-  }
-  ._1y6cg21[data-swipe="move"] {
-    --a1l92a: var(--radix-toast-swipe-move-x);
-    --_1ru8z2s: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] ._1y6cg21:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    --_1ru8z2s: var(--_1c7ms8i);
-  }
-  [data-position^="top"] ._1y6cg21:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._1y6cg21[data-state="closed"] ~ ._1y6cg21 {
-    --_1ru8z2s: calc(-1 * var(--_1c7ms8i));
-  }
-  ._13puq3h {
-    --_1nw7omd: var(--ax-colors-fg-error-light);
-  }
-  ._1c9brrh {
-    --_1nw7omd: var(--ax-colors-fg-information-light);
-  }
-  ._12fuye3 {
-    --_1nw7omd: var(--ax-colors-fg-default-inverse);
-  }
-  ._16p3bph {
-    --_1nw7omd: var(--ax-colors-fg-success-light);
-  }
-  .ugk982 {
-    --_1nw7omd: var(--ax-colors-fg-warning-light);
-  }
-  ._1drezeu {
-    color: var(--_1nw7omd);
-  }
-  .k7imj3 a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-CqmiPQWN.css

@@ -1,25 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  ._5984z2 {
-    --_1l815r2: var(--ax-colors-border-control);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  ._5984z2:has(.ok1qc7:checked) {
-    --_1l815r2: var(--ax-colors-bg-accent);
-  }
-  ._5984z2:has(.ok1qc7:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._5984z2:not(:has(.ok1qc7:disabled)) {
-    cursor: pointer;
-  }
-  @media (hover: hover) {
-    ._5984z2:has(.ok1qc7:not(:disabled):checked):hover {
-      --_1l815r2: var(--ax-colors-bg-accent-hovered);
-    }
-    ._5984z2:has(.ok1qc7:not(:disabled):not(:checked)):hover {
-      --_1l815r2: var(--ax-colors-border-control-hovered);
-    }
-  }
-}

package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DWnPL4rq.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._11qbkaq;
-@layer optiaxiom._11qbkaq {
-  .ytkq03:has(:focus-visible) .m1ws33 {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .ytkq03:has(input:disabled) .m1ws33 {
-    opacity: 0.3;
-  }
-}

package/dist/packages/react/src/downshift/useDelayedState.js

@@ -1,26 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-
-function useDelayedState(defaultValue, state) {
-  const [value, setValue] = useState(defaultValue);
-  const valueRef = useRef();
-  useEffect(() => {
-    if (valueRef.current !== undefined) {
-      setValue(valueRef.current);
-      valueRef.current = undefined;
-    }
-  }, [state]);
-  return [
-    value,
-    (value2) => {
-      if (state) {
-        valueRef.current = undefined;
-        setValue(value2);
-      } else {
-        valueRef.current = value2;
-      }
-    },
-    valueRef
-  ];
-}
-
-export { useDelayedState };

package/dist/packages/react/src/downshift/useForceRerender.js

@@ -1,12 +0,0 @@
-import { useState, useEffect } from 'react';
-
-function useForceRerender(state) {
-  const [, setState] = useState(false);
-  useEffect(() => {
-    if (state) {
-      setState((flag) => !flag);
-    }
-  }, [state]);
-}
-
-export { useForceRerender };

package/dist/packages/react/src/sidenav/Sidenav.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { forwardRef, useState, useRef, useEffect } from 'react';
-import { Flex } from '../flex/Flex.js';
-import { SidenavContextProvider } from '../sidenav-context/SidenavContext.js';
-
-const Sidenav = forwardRef(
-  ({
-    children,
-    defaultExpanded,
-    expanded: expandedProp,
-    onExpandedChange,
-    ...props
-  }, ref) => {
-    const [expanded, setExpanded] = useControllableState({
-      defaultProp: defaultExpanded,
-      onChange: onExpandedChange,
-      prop: expandedProp
-    });
-    const [animations, setAnimations] = useState(false);
-    const timerRef = useRef();
-    useEffect(() => {
-      timerRef.current = window.setTimeout(() => setAnimations(false), 300);
-    }, [animations]);
-    return /* @__PURE__ */ jsx(
-      SidenavContextProvider,
-      {
-        animations,
-        expanded,
-        onExpandedChange: (flag) => {
-          window.clearTimeout(timerRef.current);
-          setAnimations(true);
-          setExpanded(flag);
-        },
-        children: /* @__PURE__ */ jsx(Flex, { borderR: "1", h: "full", w: "fit", ...props, children: /* @__PURE__ */ jsx(
-          Flex,
-          {
-            asChild: true,
-            bg: "bg.default",
-            flex: "1",
-            gap: "0",
-            overflow: "hidden",
-            pb: "8",
-            pt: "16",
-            transition: animations ? "all" : undefined,
-            w: expanded ? "224" : "56",
-            children: /* @__PURE__ */ jsx("nav", { "aria-label": "Main", ref, children })
-          }
-        ) })
-      }
-    );
-  }
-);
-Sidenav.displayName = "@optiaxiom/react/Sidenav";
-
-export { Sidenav };

package/dist/packages/react/src/sidenav-context/SidenavContext.js

@@ -1,6 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [SidenavContextProvider, useSidenavContext] = createContext("Sidenav");
-
-export { SidenavContextProvider, useSidenavContext };