@optiaxiom/react 1.5.5 → 1.5.7

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1ne9d7a {
-    caption-side: bottom;
-  }
-  .ps4qx5 {
-    height: 1px;
-  }
-  ._1qltyve {
-    isolation: isolate;
-  }
-  .r1oq3j {
-    position: relative;
-  }
-}

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

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

package/dist/esm/assets/src/table/TableHeader.css.ts.vanilla-Cqq0P-RJ.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1dzx9do {
-    position: sticky;
-    top: 0;
-    z-index: 20;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1eaz01h {
-    max-height: calc(16px + var(--_4yektd) * 22px);
-  }
-  ._1r9cp5v {
-    --_4yektd: 1;
-  }
-  ._1wq0ekw {
-    --_4yektd: 2;
-  }
-  ._1unt6fu {
-    --_4yektd: 3;
-  }
-  .iukzyc {
-    --_4yektd: 4;
-  }
-  .ygoj1g {
-    --_4yektd: 5;
-  }
-  ._1fvk2l {
-    resize: vertical;
-  }
-  ._1xui2w4 {
-    grid-area: 1 / 1 / 2 / 2;
-  }
-  .zb9s9k {
-    visibility: hidden;
-    white-space: pre-wrap;
-  }
-  .xpm46r {
-    resize: none;
-  }
-}

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

@@ -1,104 +0,0 @@
-@keyframes _1etmnum {
-  from {
-    opacity: 0;
-    translate: 
-    var(--k0dvk4, 0)
-    var(--_1vh2ikb, 0)
-  ;
-  }
-}
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  .zh9bss {
-    --_1w7q28f: 0;
-    --xzyy0b: 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(--_1w7q28f) var(--xzyy0b);
-  }
-  .zh9bss::after {
-    bottom: -16px;
-  }
-  .zh9bss::after, .zh9bss::before {
-    content: "";
-    height: 16px;
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  .zh9bss::before {
-    top: -16px;
-  }
-  .zh9bss:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-  }
-  .zh9bss[data-state="closed"] {
-    opacity: 0;
-  }
-  .zh9bss[data-state="closed"] ~ .zh9bss {
-    transition-property: opacity, translate;
-  }
-  .zh9bss[data-state="open"] {
-    animation-name: _1etmnum;
-  }
-  .zh9bss[data-swipe-direction="down"] {
-    --_1vh2ikb: calc(100% + 24px);
-  }
-  .zh9bss[data-swipe-direction="left"] {
-    --k0dvk4: calc(-100% - 24px);
-  }
-  .zh9bss[data-swipe-direction="right"] {
-    --k0dvk4: calc(100% + 24px);
-  }
-  .zh9bss[data-swipe-direction="up"] {
-    --_1vh2ikb: calc(-100% - 24px);
-  }
-  .zh9bss[data-swipe="end"] {
-    --_1w7q28f: var(--k0dvk4, 0);
-    --xzyy0b: var(--_1vh2ikb, 0);
-    transition-property: opacity, translate;
-  }
-  .zh9bss[data-swipe="move"] {
-    --_1w7q28f: var(--radix-toast-swipe-move-x);
-    --xzyy0b: var(--radix-toast-swipe-move-y);
-  }
-  [data-position^="bottom"] .zh9bss:first-child {
-    margin-bottom: auto;
-  }
-  [data-position^="bottom"] .zh9bss[data-state="closed"] ~ .zh9bss {
-    --xzyy0b: var(--_1lrb8z9);
-  }
-  [data-position^="top"] .zh9bss:last-child {
-    margin-top: auto;
-  }
-  [data-position^="top"] .zh9bss[data-state="closed"] ~ .zh9bss {
-    --xzyy0b: calc(-1 * var(--_1lrb8z9));
-  }
-  ._1bxjuja {
-    --_1pcc53s: var(--ax-colors-fg-error-light);
-  }
-  .v2dg5 {
-    --_1pcc53s: var(--ax-colors-fg-information-light);
-  }
-  ._16vbkzp {
-    --_1pcc53s: var(--ax-colors-fg-default-inverse);
-  }
-  ._1c3g558 {
-    --_1pcc53s: var(--ax-colors-fg-success-light);
-  }
-  .qca0qv {
-    --_1pcc53s: var(--ax-colors-fg-warning-light);
-  }
-  .wjlgy8 {
-    color: var(--_1pcc53s);
-  }
-  ._2hxspg a {
-    color: var(--ax-colors-fg-link-inverse);
-    text-decoration: underline;
-  }
-}

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

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

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

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

package/dist/esm/packages/react/src/downshift/usePortalPatch.js

@@ -1,44 +0,0 @@
-"use client";
-import { useState, useEffect } from 'react';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import 'react/jsx-runtime';
-import '../utils/isHoverSupported.js';
-
-function usePortalPatch(open, getInitialHighlightedIndex) {
-  const [placed, setPlaced] = useState(false);
-  useEffect(() => {
-    if (open) {
-      requestAnimationFrame(() => requestAnimationFrame(() => setPlaced(true)));
-    } else {
-      setPlaced(false);
-    }
-  }, [open, setPlaced]);
-  const [highlightedIndex, setHighlightedIndex] = useState(-1);
-  const getInitialHighlightedIndexStable = useEffectEvent(
-    getInitialHighlightedIndex
-  );
-  useEffect(() => {
-    if (!placed) {
-      setHighlightedIndex(-1);
-    } else if (open) {
-      setHighlightedIndex(getInitialHighlightedIndexStable);
-    }
-  }, [getInitialHighlightedIndexStable, open, placed]);
-  return [
-    /**
-     * Downshift attempts to scroll to the currently selected item when the menu
-     * opens. But since we don't render the menu until it is open the `ref` will
-     * not be available yet.
-     *
-     * So we only return the index when it has been placed and return -1
-     * otherwise.
-     */
-    placed ? highlightedIndex : -1,
-    setHighlightedIndex,
-    placed
-  ];
-}
-
-export { usePortalPatch };

package/dist/esm/packages/react/src/listbox/ListboxFooter.js

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

package/dist/esm/packages/react/src/sortable/SortableItemContainer.js

@@ -1,54 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { pointerIntersection } from '@dnd-kit/collision';
-import { useSortable } from '@dnd-kit/react/sortable';
-import { useRef, useEffect } from 'react';
-import { SortableItemContainerProvider } from './SortableItemContainerContext.js';
-import { useSortableListContext } from './SortableListContext.js';
-
-function SortableItemContainer({
-  children,
-  id,
-  index
-}) {
-  const { id: group, setHasDropTarget } = useSortableListContext(
-    "@optiaxiom/react/SortableItemContainer"
-  );
-  const handleRef = useRef(null);
-  const { isDragging, isDropTarget, ref } = useSortable({
-    accept: "item",
-    collisionDetector: pointerIntersection,
-    feedback: "clone",
-    group,
-    handle: handleRef,
-    id,
-    index,
-    type: "item"
-  });
-  useEffect(() => {
-    if (!isDropTarget) {
-      return;
-    }
-    setHasDropTarget(true);
-    return () => setHasDropTarget(false);
-  }, [setHasDropTarget, id, isDropTarget]);
-  return /* @__PURE__ */ jsx(
-    SortableItemContainerProvider,
-    {
-      elementRef: ref,
-      handleRef,
-      id,
-      index,
-      isDragging,
-      children: children?.({
-        count: 1,
-        id,
-        index,
-        isDropTarget
-      })
-    }
-  );
-}
-SortableItemContainer.displayName = "@optiaxiom/react/SortableItemContainer";
-
-export { SortableItemContainer };

package/dist/esm/packages/react/src/sortable/SortableItemContainerContext.js

@@ -1,13 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [SortableItemContainerProvider, useSortableItemContainerContext] = createContext("@optiaxiom/react/SortableItemContainer", {
-  elementRef: () => {
-  },
-  handleRef: { current: null },
-  id: "",
-  index: -1,
-  isDragging: false
-});
-
-export { SortableItemContainerProvider, useSortableItemContainerContext };

package/dist/esm/packages/react/src/sortable/SortableList.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
-import { SortableItemContainer } from './SortableItemContainer.js';
-import { useSortableItemContainerContext } from './SortableItemContainerContext.js';
-import { SortableListContainer } from './SortableListContainer.js';
-import { useSortableListContainerContext } from './SortableListContainerContext.js';
-import { useSortableListContext, SortableListProvider } from './SortableListContext.js';
-
-const SortableList = forwardRef(
-  ({ children, ...props }, outerRef) => {
-    const { id: parent } = useSortableListContext(
-      "@optiaxiom/react/SortableList"
-    );
-    const { elementRef, id, items, setHasDropTarget } = useSortableListContainerContext("@optiaxiom/react/SortableList");
-    const { id: itemId } = useSortableItemContainerContext(
-      "@optiaxiom/react/SortableList"
-    );
-    if (itemId) {
-      throw new Error(
-        `\`@optiaxiom/react/SortableItem\` must be used instead of \`@optiaxiom/react/SortableList\``
-      );
-    }
-    const ref = useComposedRefs(
-      Array.isArray(items) ? elementRef : void 0,
-      outerRef
-    );
-    return /* @__PURE__ */ jsx(
-      SortableListProvider,
-      {
-        id: parent ? `${parent}:${id}` : id,
-        setHasDropTarget,
-        children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-start", ref, ...props, children: typeof children === "function" ? Array.isArray(items) ? items.map((item, index) => /* @__PURE__ */ jsx(SortableItemContainer, { id: item, index, children }, item)) : Object.entries(items).map(([group, items2], index) => /* @__PURE__ */ jsx(
-          SortableListContainer,
-          {
-            id: group,
-            index,
-            items: items2,
-            children
-          },
-          group
-        )) : children })
-      }
-    );
-  }
-);
-SortableList.displayName = "@optiaxiom/react/SortableList";
-
-export { SortableList };

package/dist/esm/packages/react/src/sortable/SortableListContainer.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { pointerIntersection } from '@dnd-kit/collision';
-import { useDroppable } from '@dnd-kit/react';
-import { useState } from 'react';
-import { SortableListContainerProvider } from './SortableListContainerContext.js';
-import { useSortableListContext } from './SortableListContext.js';
-import { collapse } from './utils.js';
-
-function SortableListContainer({
-  children,
-  id,
-  index,
-  items
-}) {
-  const { id: parent } = useSortableListContext(
-    "@optiaxiom/react/SortableListContainer"
-  );
-  if (typeof items === "string") {
-    throw new Error(
-      `\`@optiaxiom/react/SortableItem\` must be used instead of \`@optiaxiom/react/SortableList\``
-    );
-  }
-  const [hasDropTarget, setHasDropTarget] = useState(false);
-  const { isDropTarget, ref } = useDroppable({
-    accept: "item",
-    collisionDetector: pointerIntersection,
-    collisionPriority: 1,
-    id: parent ? `${parent}:${id}` : id,
-    type: "list"
-  });
-  return /* @__PURE__ */ jsx(
-    SortableListContainerProvider,
-    {
-      elementRef: ref,
-      id,
-      index,
-      isDropTarget,
-      items,
-      setHasDropTarget,
-      children: children?.({
-        count: Object.keys(collapse(items)).length,
-        id,
-        index,
-        isDropTarget: isDropTarget || hasDropTarget
-      })
-    }
-  );
-}
-SortableListContainer.displayName = "@optiaxiom/react/SortableListContainer";
-
-export { SortableListContainer };

package/dist/esm/packages/react/src/sortable/SortableListContainerContext.js

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

package/dist/esm/packages/react/src/sortable/SortableListContext.js

@@ -1,10 +0,0 @@
-"use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [SortableListProvider, useSortableListContext] = createContext("@optiaxiom/react/SortableList", {
-  id: void 0,
-  setHasDropTarget: () => {
-  }
-});
-
-export { SortableListProvider, useSortableListContext };

package/dist/esm/packages/react/src/sortable/utils.js

@@ -1,45 +0,0 @@
-const collapse = (items) => {
-  if (Array.isArray(items)) {
-    return items;
-  }
-  const result = {};
-  const entries = Object.entries(items);
-  while (entries.length) {
-    const entry = entries.shift();
-    if (!entry) {
-      break;
-    }
-    const [key, value] = entry;
-    if (Array.isArray(value)) {
-      result[key] = value;
-    } else {
-      for (const entry2 of Object.entries(value)) {
-        entries.push([`${key}:${entry2[0]}`, entry2[1]]);
-      }
-    }
-  }
-  return result;
-};
-const expand = (items) => {
-  if (Array.isArray(items)) {
-    return items;
-  }
-  const result = {};
-  for (const [key, value] of Object.entries(items)) {
-    const parts = key.split(":");
-    let stack = result;
-    for (let i = 0; i < parts.length - 1; i++) {
-      const part = parts[i];
-      if (!(part in stack)) {
-        stack[part] = {};
-      }
-      if (!Array.isArray(stack[part])) {
-        stack = stack[part];
-      }
-    }
-    stack[parts[parts.length - 1]] = value;
-  }
-  return result;
-};
-
-export { collapse, expand };