@optiaxiom/react 0.13.4 → 0.13.6

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

@@ -1,45 +0,0 @@
-@layer optiaxiom.zrljwu;
-@layer optiaxiom.zrljwu {
-  ._1eaato8 {
-    --_1k8euto: var(--ax-colors-bg-tertiary);
-  }
-  .j7jx7c {
-    background-color: var(--_1k8euto);
-    position: relative;
-  }
-  ._1xnwp2p {
-    background-color: var(--ax-colors-bg-default);
-    height: var(--_1txfbq5);
-    transform: translateX(-10px);
-    width: var(--_1txfbq5);
-  }
-  .rnv0ms:active ._1xnwp2p {
-    width: calc(var(--_1txfbq5) * 1.25);
-  }
-  .rnv0ms:active:has(._1uyizlg:checked) ._1xnwp2p {
-    margin-left: calc(var(--_1txfbq5) * -0.25);
-  }
-  .rnv0ms:active:has(._1uyizlg:not(:checked)) ._1xnwp2p {
-    margin-right: calc(var(--_1txfbq5) * -0.25);
-  }
-  .rnv0ms:has(._1uyizlg:checked) ._1xnwp2p {
-    transform: translateX(10px);
-  }
-  .rnv0ms:has(._1uyizlg:disabled) ._1xnwp2p {
-    background-color: var(--ax-colors-bg-page);
-  }
-  .rnv0ms:has(._1uyizlg:not(:disabled)) ._1xnwp2p {
-    box-shadow: var(--ax-boxShadow-sm);
-  }
-  .hyyfkb {
-    --_1txfbq5: var(--ax-size-2xs);
-  }
-  ._1nkwsqo {
-    --_1txfbq5: var(--ax-size-xs);
-  }
-  @media (hover: hover) {
-    ._1eaato8:has(._1uyizlg:not(:disabled):not(:checked)):hover {
-      --_1k8euto: var(--ax-colors-bg-tertiary-hovered);
-    }
-  }
-}

package/dist/esm/assets/src/table/Table.css.ts.vanilla-CrjVjTIs.css

@@ -1,15 +0,0 @@
-@layer optiaxiom.zrljwu;
-@layer optiaxiom.zrljwu {
-  ._106wj3p {
-    caption-side: bottom;
-  }
-  ._1ee75n5 {
-    height: 1px;
-  }
-  ._14se896 {
-    isolation: isolate;
-  }
-  ._1av8bea {
-    position: relative;
-  }
-}

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

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

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

@@ -1,10 +0,0 @@
-@layer optiaxiom.zrljwu;
-@layer optiaxiom.zrljwu {
-  .ak7h49 {
-    vertical-align: top;
-    word-break: break-word;
-  }
-  ._1vbujv7:not(:first-child) .ak7h49 {
-    border-top-width: 1px;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom.zrljwu;
-@layer optiaxiom.zrljwu {
-  ._11vvpzq {
-    max-height: calc(16px + var(--mms4ec) * 22px);
-  }
-  ._1mgpa5d {
-    --mms4ec: 1;
-  }
-  ._1b0aswx {
-    --mms4ec: 2;
-  }
-  .kjy3ae {
-    --mms4ec: 3;
-  }
-  ._43iwaa {
-    --mms4ec: 4;
-  }
-  ._6jebx {
-    --mms4ec: 5;
-  }
-  ._1kmsjja {
-    resize: vertical;
-  }
-  ._1cyd2l7 {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  ._12tdn6e {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  .g6sbdd {
-    resize: none;
-  }
-}

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

@@ -1,104 +0,0 @@
-@keyframes _1wnivjd {
-  from {
-    opacity: 0;
-    translate: 
-    var(--e8mrii, 0)
-    var(--_17n5rwi, 0)
-  ;
-  }
-}
-@layer optiaxiom.zrljwu;
-@layer optiaxiom.zrljwu {
-  .qhyt39 {
-    --_1qzppkj: 0;
-    --_1viibb7: 0;
-    animation-duration: var(--ax-duration-lg);
-    animation-timing-function: ease;
-    pointer-events: auto;
-    transition-duration: var(--ax-duration-lg);
-    transition-property: opacity;
-    transition-timing-function: ease;
-    translate: var(--_1qzppkj) var(--_1viibb7);
-  }
-  .qhyt39::after {
-    bottom: -16px;
-  }
-  .qhyt39::after, .qhyt39::before {
-    content: "";
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  .qhyt39::before {
-    top: -16px;
-  }
-  .qhyt39:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .qhyt39[data-state="closed"] {
-    opacity: 0;
-  }
-  .qhyt39[data-state="closed"] ~ .qhyt39 {
-    transition-property: opacity, translate;
-  }
-  .qhyt39[data-state="open"] {
-    animation-name: _1wnivjd;
-  }
-  .qhyt39[data-swipe-direction="down"] {
-    --_17n5rwi: calc(100% + 24px);
-  }
-  .qhyt39[data-swipe-direction="left"] {
-    --e8mrii: calc(-100% - 24px);
-  }
-  .qhyt39[data-swipe-direction="right"] {
-    --e8mrii: calc(100% + 24px);
-  }
-  .qhyt39[data-swipe-direction="up"] {
-    --_17n5rwi: calc(-100% - 24px);
-  }
-  .qhyt39[data-swipe="end"] {
-    --_1qzppkj: var(--e8mrii, 0);
-    --_1viibb7: var(--_17n5rwi, 0);
-    transition-property: opacity, translate;
-  }
-  .qhyt39[data-swipe="move"] {
-    --_1qzppkj: var(--radix-toast-swipe-move-x);
-    --_1viibb7: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] .qhyt39:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] .qhyt39[data-state="closed"] ~ .qhyt39 {
-    --_1viibb7: var(--kf829m);
-  }
-  [data-position^="top"] .qhyt39:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] .qhyt39[data-state="closed"] ~ .qhyt39 {
-    --_1viibb7: calc(-1 * var(--kf829m));
-  }
-  ._18x857n {
-    --_1vjstbh: var(--ax-colors-fg-error-light);
-  }
-  ._1jqqr6o {
-    --_1vjstbh: var(--ax-colors-fg-information-light);
-  }
-  ._10q62wf {
-    --_1vjstbh: var(--ax-colors-fg-default-inverse);
-  }
-  ._1hcgvqy {
-    --_1vjstbh: var(--ax-colors-fg-success-light);
-  }
-  .i3tuuc {
-    --_1vjstbh: var(--ax-colors-fg-warning-light);
-  }
-  ._1pxbdlc {
-    color: var(--_1vjstbh);
-  }
-  ._16wo21g a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

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

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

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

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

package/dist/esm/packages/react/src/drawer/Drawer.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { DrawerContextProvider } from '../drawer-context/DrawerContext.js';
-
-function Drawer({
-  children,
-  defaultOpen,
-  modal,
-  onOpenChange,
-  open: openProp
-}) {
-  const [open, setOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  return /* @__PURE__ */ jsx(RadixDialog.Root, { modal, onOpenChange: setOpen, open, children: /* @__PURE__ */ jsx(DrawerContextProvider, { open, children }) });
-}
-Drawer.displayName = "@optiaxiom/react/Drawer";
-
-export { Drawer };

package/dist/esm/packages/react/src/drawer-body/DrawerBody.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-
-const DrawerBody = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        flex: "1",
-        fontSize: "md",
-        overflow: "auto",
-        px: "24",
-        py: "16",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerBody.displayName = "@optiaxiom/react/DrawerBody";
-
-export { DrawerBody };

package/dist/esm/packages/react/src/drawer-close/DrawerClose.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
-
-const DrawerClose = forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });
-  }
-);
-DrawerClose.displayName = "@optiaxiom/react/DrawerClose";
-
-export { DrawerClose };

package/dist/esm/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Rhn4JTne.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'mczve2'],variants:{position:{bottom:[{borderT:'1'},'_6hutov'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'n5vpia'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'_1hm5bvd']}}});
-
-export { content };

package/dist/esm/packages/react/src/drawer-content/DrawerContent.js

@@ -1,48 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Backdrop } from '../backdrop/Backdrop.js';
-import { useDrawerContext } from '../drawer-context/DrawerContext.js';
-import { ModalContextProvider } from '../modal-context/ModalContext.js';
-import { Paper } from '../paper/Paper.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition-group/TransitionGroup.js';
-import '../utils/conditions.js';
-import '@radix-ui/react-slot';
-import { onReactSelectInputBlur } from '../utils/onReactSelectInputBlur.js';
-import { content } from './DrawerContent-css.js';
-
-const mapPositionToTransitionSide = {
-  bottom: "top",
-  left: "right",
-  right: "left"
-};
-const DrawerContent = forwardRef(
-  ({ children, position = "right", ...props }, ref) => {
-    const { open } = useDrawerContext("DrawerContent");
-    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, { asChild: true, children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {}) }) }),
-      /* @__PURE__ */ jsx(
-        Transition,
-        {
-          "data-side": mapPositionToTransitionSide[position],
-          type: "fade",
-          children: /* @__PURE__ */ jsx(
-            Paper,
-            {
-              asChild: true,
-              elevation: "drawer",
-              onBlur: onReactSelectInputBlur,
-              ...content({ position }),
-              children: /* @__PURE__ */ jsx(RadixDialog.Content, { ref, ...props, children: /* @__PURE__ */ jsx(ModalContextProvider, { enabled: true, children }) })
-            }
-          )
-        }
-      )
-    ] }) });
-  }
-);
-DrawerContent.displayName = "@optiaxiom/react/DrawerContent";
-
-export { DrawerContent };

package/dist/esm/packages/react/src/drawer-context/DrawerContext.js

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

package/dist/esm/packages/react/src/drawer-footer/DrawerFooter.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-
-const DrawerFooter = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Flex,
-      {
-        borderT: "1",
-        flexDirection: "row",
-        gap: "16",
-        justifyContent: "end",
-        p: "16",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-DrawerFooter.displayName = "@optiaxiom/react/DrawerFooter";
-
-export { DrawerFooter };

package/dist/esm/packages/react/src/drawer-header/DrawerHeader-css.js

@@ -1,10 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla--N_E85Dh.css';
-import './../../../../assets/src/drawer-header/DrawerHeader.css.ts.vanilla-UyIyYKP-.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'eg3ryv']});
-var close = recipeRuntime({base:['lb0cu8']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_1fkbcbg']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'gn0yvn']});
-
-export { actions, close, description, title };

package/dist/esm/packages/react/src/drawer-header/DrawerHeader.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Button } from '../button/Button.js';
-import { Flex } from '../flex/Flex.js';
-import { Heading } from '../heading/Heading.js';
-import { IconX } from '../icons/IconX.js';
-import { Text } from '../text/Text.js';
-import { close, title, actions, description } from './DrawerHeader-css.js';
-
-const DrawerHeader = forwardRef(
-  ({ addonAfter, children, description: description$1, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8",
-        p: "24",
-        pb: "16",
-        ref,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "subtle",
-              "aria-label": "Close",
-              asChild: true,
-              icon: /* @__PURE__ */ jsx(IconX, {}),
-              ...close(),
-              children: /* @__PURE__ */ jsx(RadixDialog.Close, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(Heading, { asChild: true, level: "3", ...title(), children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) }),
-          addonAfter && /* @__PURE__ */ jsx(Flex, { ...actions(), children: addonAfter }),
-          description$1 ? /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description$1 }) }) : /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Description, {}) })
-        ]
-      }
-    );
-  }
-);
-DrawerHeader.displayName = "@optiaxiom/react/DrawerHeader";
-
-export { DrawerHeader };

package/dist/esm/packages/react/src/drawer-trigger/DrawerTrigger.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Button } from '../button/Button.js';
-
-const DrawerTrigger = forwardRef(
-  ({ asChild, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) });
-  }
-);
-DrawerTrigger.displayName = "@optiaxiom/react/DrawerTrigger";
-
-export { DrawerTrigger };