@optiaxiom/react 0.9.0 → 0.10.1

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .bsiy2y[data-highlighted] {
-    --_1lkp2a0: var(--ax-colors-bg-secondary-hovered);
-  }
-  ._17ow54x[data-highlighted] {
-    --_9xvone: var(--ax-colors-fg-information-strong);
-  }
-}

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

@@ -1,45 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1pskdhq {
-    --_1aupzrz: var(--ax-colors-bg-tertiary);
-  }
-  ._18vl8ru {
-    background-color: var(--_1aupzrz);
-    position: relative;
-  }
-  .oq2vwn {
-    background-color: var(--ax-colors-bg-default);
-    height: var(--rhcy0);
-    transform: translateX(-10px);
-    width: var(--rhcy0);
-  }
-  .sgm4wp:active .oq2vwn {
-    width: calc(var(--rhcy0) * 1.25);
-  }
-  .sgm4wp:active:has(._1ietr8g:checked) .oq2vwn {
-    margin-left: calc(var(--rhcy0) * -0.25);
-  }
-  .sgm4wp:active:has(._1ietr8g:not(:checked)) .oq2vwn {
-    margin-right: calc(var(--rhcy0) * -0.25);
-  }
-  .sgm4wp:has(._1ietr8g:checked) .oq2vwn {
-    transform: translateX(10px);
-  }
-  .sgm4wp:has(._1ietr8g:disabled) .oq2vwn {
-    background-color: var(--ax-colors-bg-page);
-  }
-  .sgm4wp:has(._1ietr8g:not(:disabled)) .oq2vwn {
-    box-shadow: var(--ax-boxShadow-sm);
-  }
-  .mde4kn {
-    --rhcy0: var(--ax-size-2xs);
-  }
-  ._1ekcs1 {
-    --rhcy0: var(--ax-size-xs);
-  }
-  @media (hover: hover) {
-    ._1pskdhq:has(._1ietr8g:not(:disabled):not(:checked)):hover {
-      --_1aupzrz: var(--ax-colors-bg-tertiary-hovered);
-    }
-  }
-}

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

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

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

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

package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-7FFQXrzd.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._28gj0k {
-    position: relative;
-    text-align: start;
-  }
-  ._1jayj6e {
-    box-shadow: 0 1px 0 var(--ax-colors-border-tertiary);
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._6ojdza {
-    max-height: calc(16px + var(--_4tlw5l) * 22px);
-  }
-  .baoqrt {
-    --_4tlw5l: 1;
-  }
-  .jonvx3 {
-    --_4tlw5l: 2;
-  }
-  ._18som0y {
-    --_4tlw5l: 3;
-  }
-  ._1ntuu96 {
-    --_4tlw5l: 4;
-  }
-  ._17i3ulr {
-    --_4tlw5l: 5;
-  }
-  .kzqqzz {
-    resize: vertical;
-  }
-  .nn8h98 {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  .pvc5rj {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  .tjw7xu {
-    resize: none;
-  }
-}

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

@@ -1,90 +0,0 @@
-@keyframes _1xta6a5 {
-  from {
-    opacity: 0;
-    translate: 
-    var(--_1ftqh7r, 0)
-    var(--npzcqc, 0)
-  ;
-  }
-}
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  .y0tzpv {
-    --_2qtnk8: 0;
-    --xs9ii4: 0;
-    animation-duration: 300ms;
-    animation-timing-function: ease;
-    transition-duration: 300ms;
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--_2qtnk8) var(--xs9ii4);
-  }
-  .y0tzpv:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .y0tzpv[data-state="closed"] {
-    opacity: 0;
-  }
-  .y0tzpv[data-state="closed"] ~ .y0tzpv {
-    transition-property: opacity, translate;
-  }
-  .y0tzpv[data-state="open"] {
-    animation-name: _1xta6a5;
-  }
-  .y0tzpv[data-swipe-direction="down"] {
-    --npzcqc: calc(100% + 24px);
-  }
-  .y0tzpv[data-swipe-direction="left"] {
-    --_1ftqh7r: calc(-100% - 24px);
-  }
-  .y0tzpv[data-swipe-direction="right"] {
-    --_1ftqh7r: calc(100% + 24px);
-  }
-  .y0tzpv[data-swipe-direction="up"] {
-    --npzcqc: calc(-100% - 24px);
-  }
-  .y0tzpv[data-swipe="end"] {
-    --_2qtnk8: var(--_1ftqh7r, 0);
-    --xs9ii4: var(--npzcqc, 0);
-    transition-property: opacity, translate;
-  }
-  .y0tzpv[data-swipe="move"] {
-    --_2qtnk8: var(--radix-toast-swipe-move-x);
-    --xs9ii4: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] .y0tzpv:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] .y0tzpv[data-state="closed"] ~ .y0tzpv {
-    --xs9ii4: var(--_1i51gmq);
-  }
-  [data-position^="top"] .y0tzpv:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] .y0tzpv[data-state="closed"] ~ .y0tzpv {
-    --xs9ii4: calc(-1 * var(--_1i51gmq));
-  }
-  ._1k5h2mu {
-    --lwxrbp: var(--ax-colors-fg-error-light);
-  }
-  ._1p71uj3 {
-    --lwxrbp: var(--ax-colors-fg-information-light);
-  }
-  ._1jgqb8n {
-    --lwxrbp: var(--ax-colors-fg-default-inverse);
-  }
-  .f3e4mk {
-    --lwxrbp: var(--ax-colors-fg-success-light);
-  }
-  ._6z248h {
-    --lwxrbp: var(--ax-colors-fg-warning-light);
-  }
-  ._1ea6jbx {
-    color: var(--lwxrbp);
-  }
-  .f8vanh a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

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

@@ -1,25 +0,0 @@
-@layer optiaxiom._1lcqm4m;
-@layer optiaxiom._1lcqm4m {
-  ._1ho4r0y {
-    --_1aupzrz: var(--ax-colors-border-active);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  ._1ho4r0y:has(.dvb4il:checked) {
-    --_1aupzrz: var(--ax-colors-bg-accent);
-  }
-  ._1ho4r0y:has(.dvb4il:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1ho4r0y:not(:has(.dvb4il:disabled)) {
-    cursor: pointer;
-  }
-  @media (hover: hover) {
-    ._1ho4r0y:has(.dvb4il:not(:disabled):checked):hover {
-      --_1aupzrz: var(--ax-colors-bg-accent-hovered);
-    }
-    ._1ho4r0y:has(.dvb4il:not(:disabled):not(:checked)):hover {
-      --_1aupzrz: var(--ax-colors-border-active-hovered);
-    }
-  }
-}

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

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

package/dist/packages/react/src/alert-context/AlertContext.js

@@ -1,5 +0,0 @@
-import { createContext } from '@radix-ui/react-context';
-
-const [AlertContextProvider, useAlertContext] = createContext("Alert");
-
-export { AlertContextProvider, useAlertContext };

package/dist/packages/react/src/alert-description/AlertDescription.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useAlertContext } from '../alert-context/AlertContext.js';
-import { Box } from '../box/Box.js';
-
-const AlertDescription = forwardRef(({ children, ...props }, ref) => {
-  const { descriptionId } = useAlertContext("AlertDescription");
-  return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
-});
-AlertDescription.displayName = "@optiaxiom/react/AlertDescription";
-
-export { AlertDescription };

package/dist/packages/react/src/alert-dialog-body/AlertDialogBody-css.js

@@ -1,6 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DdXJhhdi.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var body = recipeRuntime({base:[{flex:'1',fontSize:'md',overflow:'auto',px:'24',py:'16'}]});
-
-export { body };

package/dist/packages/react/src/alert-title/AlertTitle.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useAlertContext } from '../alert-context/AlertContext.js';
-import { Box } from '../box/Box.js';
-
-const AlertTitle = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { labelId } = useAlertContext("AlertTitle");
-    return /* @__PURE__ */ jsx(Box, { fontWeight: "600", id: labelId, ref, ...props, children });
-  }
-);
-AlertTitle.displayName = "@optiaxiom/react/AlertTitle";
-
-export { AlertTitle };

package/dist/packages/react/src/banner-context/BannerContext.js

@@ -1,5 +0,0 @@
-import { createContext } from '@radix-ui/react-context';
-
-const [BannerContextProvider, useBannerContext] = createContext("Banner");
-
-export { BannerContextProvider, useBannerContext };

package/dist/packages/react/src/banner-description/BannerDescription.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useBannerContext } from '../banner-context/BannerContext.js';
-import { Box } from '../box/Box.js';
-
-const BannerDescription = forwardRef(({ children, ...props }, ref) => {
-  const { descriptionId } = useBannerContext("BannerDescription");
-  return /* @__PURE__ */ jsx(Box, { id: descriptionId, ref, ...props, children });
-});
-BannerDescription.displayName = "@optiaxiom/react/BannerDescription";
-
-export { BannerDescription };

package/dist/packages/react/src/banner-title/BannerTitle.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useBannerContext } from '../banner-context/BannerContext.js';
-import { Box } from '../box/Box.js';
-
-const BannerTitle = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { labelId } = useBannerContext("BannerTitle");
-    return /* @__PURE__ */ jsx(Box, { fontWeight: "600", id: labelId, ref, ...props, children });
-  }
-);
-BannerTitle.displayName = "@optiaxiom/react/BannerTitle";
-
-export { BannerTitle };

package/dist/packages/react/src/sprinkles/extractSprinkles.js

@@ -1,18 +0,0 @@
-import { sprinkles } from './sprinkles.js';
-
-function extractSprinkles(props) {
-  const sprinkleProps = {};
-  const restProps = {};
-  for (const [name, value] of Object.entries(props)) {
-    if (sprinkles.properties.has(name)) {
-      if (value !== null && value !== undefined) {
-        sprinkleProps[name] = value;
-      }
-    } else {
-      restProps[name] = value;
-    }
-  }
-  return { restProps, sprinkleProps };
-}
-
-export { extractSprinkles };