@optiaxiom/react 0.4.2 → 0.5.0

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

@@ -1,92 +0,0 @@
-@keyframes bn87ms {
-  from {
-    opacity: 1;
-  }
-}
-@keyframes xy45uk {
-  from {
-    translate: var(--_10qeppz);
-  }
-  to {
-    translate: 0;
-  }
-}
-@keyframes _1dsqmo0 {
-  from {
-    opacity: 1;
-    translate: var(--radix-toast-swipe-end-x) var(--radix-toast-swipe-end-y);
-  }
-  to {
-    translate: var(--_10qeppz);
-  }
-}
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  ._1i54r9b:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  ._1i54r9b[data-state="closed"] {
-    animation: bn87ms 100ms ease-in;
-    opacity: 0;
-  }
-  ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
-    transition: translate 100ms ease-in 100ms;
-  }
-  ._1i54r9b[data-state="open"] {
-    animation: xy45uk 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-  ._1i54r9b[data-swipe="cancel"] {
-    transition: translate 150ms ease;
-    translate: 0;
-  }
-  ._1i54r9b[data-swipe="end"] {
-    animation: _1dsqmo0 100ms ease-out;
-    opacity: 0;
-  }
-  ._1i54r9b[data-swipe="move"] {
-    translate: var(--radix-toast-swipe-move-x) var(--radix-toast-swipe-move-y);
-  }
-  ._1i54r9b[data-swipe-direction="down"] {
-    --_10qeppz: 0 calc(100% + var(--ax-spacing-24));
-  }
-  ._1i54r9b[data-swipe-direction="left"] {
-    --_10qeppz: calc(-100% - var(--ax-spacing-24)) 0;
-  }
-  ._1i54r9b[data-swipe-direction="right"] {
-    --_10qeppz: calc(100% + var(--ax-spacing-24)) 0;
-  }
-  ._1i54r9b[data-swipe-direction="up"] {
-    --_10qeppz: 0 calc(-100% - var(--ax-spacing-24));
-  }
-  [data-position^="bottom"] ._1i54r9b:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
-    translate: 0 calc(100% + var(--ax-spacing-md));
-  }
-  [data-position^="top"] ._1i54r9b:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] ._1i54r9b[data-state="closed"] ~ ._1i54r9b {
-    translate: 0 calc(-100% - var(--ax-spacing-md));
-  }
-  ._55yyau {
-    --_1iaarvc: var(--ax-colors-fg-error-light);
-  }
-  ._1au9ti {
-    --_1iaarvc: var(--ax-colors-fg-information-light);
-  }
-  ._136yg6h {
-    --_1iaarvc: var(--ax-colors-fg-default-inverse);
-  }
-  ._61wzpt {
-    --_1iaarvc: var(--ax-colors-fg-success-light);
-  }
-  ._3k5eue {
-    --_1iaarvc: var(--ax-colors-fg-warning-light);
-  }
-  ._1zzzh6 {
-    color: var(--_1iaarvc);
-  }
-}

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

@@ -1,23 +0,0 @@
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  .sb77pn {
-    --_19h3q99: var(--ax-colors-border-active);
-    color: var(--ax-colors-fg-default);
-    position: relative;
-  }
-  .sb77pn:has(._11kgvng:not(:disabled):checked):hover {
-    --_19h3q99: var(--ax-colors-bg-accent-hovered);
-  }
-  .sb77pn:has(._11kgvng:not(:disabled):not(:checked)):hover {
-    --_19h3q99: var(--ax-colors-border-active-hovered);
-  }
-  .sb77pn:has(._11kgvng:checked) {
-    --_19h3q99: var(--ax-colors-bg-accent);
-  }
-  .sb77pn:has(._11kgvng:disabled) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .sb77pn:not(:has(._11kgvng:disabled)) {
-    cursor: pointer;
-  }
-}

package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8-6yg8T.css

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

package/dist/src/combobox-multiple-value/ComboboxMultipleValue.js

@@ -1,31 +0,0 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Badge } from '../badge/Badge.js';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-import { Flex } from '../flex/Flex.js';
-
-const maxDisplayedItems = 2;
-const ComboboxMultipleValue = forwardRef(({ children, placeholder, value, ...props }, ref) => {
-  const { itemToKey, itemToString } = useComboboxContext(
-    "ComboboxMultipleValue"
-  );
-  if (value instanceof Set) {
-    value = [...value];
-  }
-  return /* @__PURE__ */ jsx(Flex, { flexDirection: "row", flexWrap: "wrap", gap: "2", ref, ...props, children: Array.isArray(value) && value.length > 0 ? children ?? /* @__PURE__ */ jsx(Fragment, { children: value.length > maxDisplayedItems ? /* @__PURE__ */ jsxs(Badge, { children: [
-    value.length,
-    " selected"
-  ] }) : value.slice(0, maxDisplayedItems).map((item) => /* @__PURE__ */ jsx(
-    Badge,
-    {
-      display: "inline-block",
-      flex: "1",
-      truncate: true,
-      children: itemToString(item)
-    },
-    itemToKey(item)
-  )) }) : placeholder });
-});
-ComboboxMultipleValue.displayName = "@optiaxiom/react/ComboboxMultipleValue";
-
-export { ComboboxMultipleValue };

package/dist/src/combobox-single-value/ComboboxSingleValue.js

@@ -1,12 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { useComboboxContext } from '../combobox-context/ComboboxContext.js';
-
-const ComboboxSingleValue = forwardRef(({ children, placeholder, value, ...props }, ref) => {
-  const { itemToString } = useComboboxContext("ComboboxSingleValue");
-  return /* @__PURE__ */ jsx(Box, { ref, ...props, children: value ? children ?? itemToString(value) : placeholder });
-});
-ComboboxSingleValue.displayName = "@optiaxiom/react/ComboboxSingleValue";
-
-export { ComboboxSingleValue };

package/dist/src/command-footer/CommandFooter-css.js

@@ -1,6 +0,0 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'space-between',p:'sm'}]});
-
-export { footer };