@optiaxiom/react 0.10.1 → 0.11.0

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

@@ -1,33 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  .ef1ly4 {
-    max-height: min(var(--nezo0b), var(--_21824d, 100vh));
-  }
-  .uyseye {
-    --_21824d: var(--ax-maxSize-xs);
-  }
-  ._1z954a {
-    --_21824d: var(--ax-maxSize-sm);
-  }
-  .h555ym {
-    --_21824d: var(--ax-maxSize-md);
-  }
-  ._1cn3d5b {
-    --_21824d: var(--ax-maxSize-lg);
-  }
-  .epmhef {
-    min-width: var(--_4qis1g);
-  }
-  .pkbj8p {
-    --nezo0b: var(--radix-dropdown-menu-content-available-height);
-    --_4qis1g: var(--radix-dropdown-menu-trigger-width);
-  }
-  .z5ko8c {
-    --nezo0b: var(--radix-popover-content-available-height);
-    --_4qis1g: var(--radix-popover-trigger-width);
-  }
-  ._1vp8c2o {
-    --nezo0b: var(--radix-popper-available-height);
-    --_4qis1g: var(--radix-popper-anchor-width);
-  }
-}

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

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

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

@@ -1,13 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  ._1sn9u7e {
-    border-color: var(--_55f8ga);
-  }
-  .zr8nx7 {
-    background-color: var(--_55f8ga);
-    transform: scale(0);
-  }
-  ._1fexdji:has(._1bg8xrg:checked) .zr8nx7 {
-    transform: scale(1);
-  }
-}

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

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

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

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

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

@@ -1,6 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  ._72an5q {
-    --_19eqx0q: var(--ax-colors-fg-secondary);
-  }
-}

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

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

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

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

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  ._155fv3h[data-highlighted] {
-    --rruq40: var(--ax-colors-bg-secondary-hovered);
-  }
-  .aoqks7[data-highlighted] {
-    --_5u2137: var(--ax-colors-fg-information-strong);
-  }
-}

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

@@ -1,45 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  ._1is6fx9 {
-    --_55f8ga: var(--ax-colors-bg-tertiary);
-  }
-  .siwe2z {
-    background-color: var(--_55f8ga);
-    position: relative;
-  }
-  ._1gg1ps6 {
-    background-color: var(--ax-colors-bg-default);
-    height: var(--_1uc8m8t);
-    transform: translateX(-10px);
-    width: var(--_1uc8m8t);
-  }
-  ._5e4tpi:active ._1gg1ps6 {
-    width: calc(var(--_1uc8m8t) * 1.25);
-  }
-  ._5e4tpi:active:has(._3ehs2t:checked) ._1gg1ps6 {
-    margin-left: calc(var(--_1uc8m8t) * -0.25);
-  }
-  ._5e4tpi:active:has(._3ehs2t:not(:checked)) ._1gg1ps6 {
-    margin-right: calc(var(--_1uc8m8t) * -0.25);
-  }
-  ._5e4tpi:has(._3ehs2t:checked) ._1gg1ps6 {
-    transform: translateX(10px);
-  }
-  ._5e4tpi:has(._3ehs2t:disabled) ._1gg1ps6 {
-    background-color: var(--ax-colors-bg-page);
-  }
-  ._5e4tpi:has(._3ehs2t:not(:disabled)) ._1gg1ps6 {
-    box-shadow: var(--ax-boxShadow-sm);
-  }
-  .n40soi {
-    --_1uc8m8t: var(--ax-size-2xs);
-  }
-  .tcmf69 {
-    --_1uc8m8t: var(--ax-size-xs);
-  }
-  @media (hover: hover) {
-    ._1is6fx9:has(._3ehs2t:not(:disabled):not(:checked)):hover {
-      --_55f8ga: var(--ax-colors-bg-tertiary-hovered);
-    }
-  }
-}

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

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

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

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

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  .mtdzta {
-    max-height: calc(16px + var(--pcgjp5) * 22px);
-  }
-  .zizh6n {
-    --pcgjp5: 1;
-  }
-  ._1wwtqja {
-    --pcgjp5: 2;
-  }
-  ._129pfcz {
-    --pcgjp5: 3;
-  }
-  .lh5mu {
-    --pcgjp5: 4;
-  }
-  ._18n7yki {
-    --pcgjp5: 5;
-  }
-  .q8b4q7 {
-    resize: vertical;
-  }
-  ._1wcuvmy {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  ._1a5dy93 {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  ._1f46lpk {
-    resize: none;
-  }
-}

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

@@ -1,90 +0,0 @@
-@keyframes _4j20ru {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_6m072o, 0)
-    var(--_14vm0qy, 0)
-  ;
-  }
-}
-@layer optiaxiom._1fomdwt;
-@layer optiaxiom._1fomdwt {
-  .d4nhb {
-    --_12zvxfh: 0;
-    --_1pldwfa: 0;
-    animation-duration: 300ms;
-    animation-timing-function: ease;
-    transition-duration: 300ms;
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--_12zvxfh) var(--_1pldwfa);
-  }
-  .d4nhb:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .d4nhb[data-state="closed"] {
-    opacity: 0;
-  }
-  .d4nhb[data-state="closed"] ~ .d4nhb {
-    transition-property: opacity, translate;
-  }
-  .d4nhb[data-state="open"] {
-    animation-name: _4j20ru;
-  }
-  .d4nhb[data-swipe-direction="down"] {
-    --_14vm0qy: calc(100% + 24px);
-  }
-  .d4nhb[data-swipe-direction="left"] {
-    --_6m072o: calc(-100% - 24px);
-  }
-  .d4nhb[data-swipe-direction="right"] {
-    --_6m072o: calc(100% + 24px);
-  }
-  .d4nhb[data-swipe-direction="up"] {
-    --_14vm0qy: calc(-100% - 24px);
-  }
-  .d4nhb[data-swipe="end"] {
-    --_12zvxfh: var(--_6m072o, 0);
-    --_1pldwfa: var(--_14vm0qy, 0);
-    transition-property: opacity, translate;
-  }
-  .d4nhb[data-swipe="move"] {
-    --_12zvxfh: var(--radix-toast-swipe-move-x);
-    --_1pldwfa: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] .d4nhb:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] .d4nhb[data-state="closed"] ~ .d4nhb {
-    --_1pldwfa: var(--_1kilk8l);
-  }
-  [data-position^="top"] .d4nhb:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] .d4nhb[data-state="closed"] ~ .d4nhb {
-    --_1pldwfa: calc(-1 * var(--_1kilk8l));
-  }
-  .szyy7l {
-    --_1dcrhmk: var(--ax-colors-fg-error-light);
-  }
-  ._1ulgf0c {
-    --_1dcrhmk: var(--ax-colors-fg-information-light);
-  }
-  .ttykpy {
-    --_1dcrhmk: var(--ax-colors-fg-default-inverse);
-  }
-  .ryadqy {
-    --_1dcrhmk: var(--ax-colors-fg-success-light);
-  }
-  ._1ejs5z7 {
-    --_1dcrhmk: var(--ax-colors-fg-warning-light);
-  }
-  ._19h1mdu {
-    color: var(--_1dcrhmk);
-  }
-  ._1f8ffns a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

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

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

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

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

package/dist/packages/react/src/dialog-actions/DialogActions-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-CT3NJrRJ.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_10rhglt']});
-
-export { actions };

package/dist/packages/react/src/dialog-actions/DialogActions.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-import { actions } from './DialogActions-css.js';
-
-const DialogActions = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { ref, ...actions({}, className), ...props, children });
-  }
-);
-DialogActions.displayName = "@optiaxiom/react/DialogActions";
-
-export { DialogActions };

package/dist/packages/react/src/dialog-description/DialogDescription-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-D5BySVdt.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_15thpfi']});
-
-export { description };

package/dist/packages/react/src/dialog-description/DialogDescription.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Text } from '../text/Text.js';
-import { description } from './DialogDescription-css.js';
-
-const DialogDescription = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Text, { asChild: true, ref, ...description({}, className), ...props, children: /* @__PURE__ */ jsx(RadixDialog.Description, { children }) });
-});
-DialogDescription.displayName = "@optiaxiom/react/DialogDescription";
-
-export { DialogDescription };

package/dist/packages/react/src/dialog-title/DialogTitle-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ts7m4Zbq.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-CbuC-VVG.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'pfwtf5']});
-
-export { title };

package/dist/packages/react/src/dialog-title/DialogTitle.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Heading } from '../heading/Heading.js';
-import { title } from './DialogTitle-css.js';
-
-const DialogTitle = forwardRef(
-  ({ asChild, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Heading,
-      {
-        asChild: true,
-        level: "3",
-        ref,
-        ...title({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsx(RadixDialog.Title, { asChild, children })
-      }
-    );
-  }
-);
-DialogTitle.displayName = "@optiaxiom/react/DialogTitle";
-
-export { DialogTitle };