@optiaxiom/react 0.13.0 → 0.13.1

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

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

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

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

package/dist/esm/packages/react/src/autocomplete/Autocomplete.js

@@ -1,85 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { Popper } from '@radix-ui/react-popper';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState, useEffect } from 'react';
-import { AutocompleteContextProvider } from '../autocomplete-context/AutocompleteContext.js';
-import { Command } from '../command/Command.js';
-import '../field-context/FieldContext.js';
-import { useFieldContext } from '../field-context/useFieldContext.js';
-import { useEffectEvent } from '../use-event/useEffectEvent.js';
-
-function Autocomplete({
-  children,
-  defaultOpen = false,
-  defaultValue,
-  disabled,
-  isItemDisabled,
-  items,
-  itemToKey,
-  itemToString = (value2) => value2 ? String(value2) : "",
-  onInputValueChange,
-  onOpenChange,
-  onValueChange,
-  open,
-  value
-}) {
-  const { inputId } = useFieldContext({});
-  const [selectedItem, setSelectedItem] = useControllableState({
-    defaultProp: defaultValue,
-    onChange: onValueChange,
-    prop: value
-  });
-  const [isOpen, setIsOpen] = useControllableState({
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: open
-  });
-  const [inputValue, setInputValue] = useState(
-    itemToString(selectedItem ?? null)
-  );
-  const itemToStringStable = useEffectEvent(itemToString);
-  useEffect(() => {
-    if (!isOpen) {
-      setInputValue(itemToStringStable(selectedItem ?? null));
-    }
-  }, [isOpen, itemToStringStable, selectedItem]);
-  return /* @__PURE__ */ jsx(Popper, { children: /* @__PURE__ */ jsx(
-    Command,
-    {
-      inputId,
-      inputValue,
-      isItemDisabled,
-      items,
-      itemToKey,
-      itemToString,
-      onInputValueChange: (value2) => {
-        setInputValue(value2);
-        onInputValueChange?.(value2);
-      },
-      onItemSelect: setSelectedItem,
-      onOpenChange: (open2) => {
-        setIsOpen(open2);
-        if (!open2) {
-          onInputValueChange?.("");
-        }
-      },
-      open: isOpen,
-      selectedItem: selectedItem ?? null,
-      children: /* @__PURE__ */ jsx(
-        AutocompleteContextProvider,
-        {
-          disabled,
-          isOpen,
-          items,
-          selectedItem,
-          setSelectedItem,
-          children
-        }
-      )
-    }
-  ) });
-}
-Autocomplete.displayName = "@optiaxiom/react/Autocomplete";
-
-export { Autocomplete };

package/dist/esm/packages/react/src/autocomplete-content/AutocompleteContent-css.js

@@ -1,7 +0,0 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css';
-import './../../../../assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CqyRMvtf.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{p:'4'},'_145h0vf']});
-
-export { content };

package/dist/esm/packages/react/src/autocomplete-content/AutocompleteContent.js

@@ -1,65 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PopperContent } from '@radix-ui/react-popper';
-import { Portal } from '@radix-ui/react-portal';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-import { forwardRef } from 'react';
-import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-import { CommandListbox } from '../command-listbox/CommandListbox.js';
-import { MenuListbox } from '../menu-listbox/MenuListbox.js';
-import { ModalLayer } from '../modal-layer/ModalLayer.js';
-import { Spinner } from '../spinner/Spinner.js';
-import { content } from './AutocompleteContent-css.js';
-
-const AutocompleteContent = forwardRef(
-  ({
-    align = "center",
-    children,
-    className,
-    loading,
-    side = "bottom",
-    ...props
-  }, ref) => {
-    const { isOpen, items } = useAutocompleteContext("AutocompleteContent");
-    const { setPlaced } = useCommandContext("AutocompleteContent");
-    return isOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(Box, { role: "status", children: loading ? "Loading" : `${items.length} option${items.length === 1 ? "" : "s"} available` }) }) }),
-      /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(ModalLayer, { asChild: true, children: /* @__PURE__ */ jsx(
-        MenuListbox,
-        {
-          asChild: true,
-          maxH: "sm",
-          minW: "trigger",
-          provider: "popper",
-          ...props,
-          children: /* @__PURE__ */ jsx(
-            CommandListbox,
-            {
-              asChild: true,
-              ref,
-              ...content({}, className),
-              ...props,
-              children: /* @__PURE__ */ jsx(
-                PopperContent,
-                {
-                  align,
-                  onPlaced: () => setPlaced(true),
-                  side,
-                  sideOffset: 5,
-                  children: loading ? /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: "center", p: "16", children: /* @__PURE__ */ jsx(Spinner, {}) }) : children
-                }
-              )
-            }
-          )
-        }
-      ) }) })
-    ] });
-  }
-);
-AutocompleteContent.displayName = "@optiaxiom/react/AutocompleteContent";
-
-export { AutocompleteContent };

package/dist/esm/packages/react/src/autocomplete-context/AutocompleteContext.js

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

package/dist/esm/packages/react/src/autocomplete-empty/AutocompleteEmpty.js

@@ -1,26 +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 AutocompleteEmpty = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      alignItems: "center",
-      color: "fg.disabled",
-      display: "flex",
-      flexDirection: "column",
-      fontSize: "md",
-      p: "16",
-      ref,
-      ...props,
-      children: children || "No options"
-    }
-  );
-});
-AutocompleteEmpty.displayName = "@optiaxiom/react/AutocompleteEmpty";
-
-export { AutocompleteEmpty };

package/dist/esm/packages/react/src/autocomplete-item/AutocompleteItem.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';
-import { CommandItem } from '../command-item/CommandItem.js';
-
-const AutocompleteItem = forwardRef((props, ref) => {
-  const { selectedItem } = useAutocompleteContext("AutocompleteItem");
-  return /* @__PURE__ */ jsx(CommandItem, { ref, selected: props.item === selectedItem, ...props });
-});
-AutocompleteItem.displayName = "@optiaxiom/react/AutocompleteItem";
-
-export { AutocompleteItem };

package/dist/esm/packages/react/src/autocomplete-radio-item/AutocompleteRadioItem.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { AutocompleteItem } from '../autocomplete-item/AutocompleteItem.js';
-import { ListboxRadioItem } from '../listbox-radio-item/ListboxRadioItem.js';
-
-const AutocompleteRadioItem = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(AutocompleteItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(ListboxRadioItem, { children }) });
-});
-AutocompleteRadioItem.displayName = "@optiaxiom/react/AutocompleteRadioItem";
-
-export { AutocompleteRadioItem };

package/dist/esm/packages/react/src/autocomplete-trigger/AutocompleteTrigger.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { PopperAnchor } from '@radix-ui/react-popper';
-import { forwardRef } from 'react';
-import { useAutocompleteContext } from '../autocomplete-context/AutocompleteContext.js';
-import { CommandInput } from '../command-input/CommandInput.js';
-import { CommandToggleButton } from '../command-toggle-button/CommandToggleButton.js';
-import { Flex } from '../flex/Flex.js';
-import { Icon } from '../icon/Icon.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
-import { IconX } from '../icons/IconX.js';
-import { Separator } from '../separator/Separator.js';
-
-const AutocompleteTrigger = forwardRef((props, ref) => {
-  const { disabled, selectedItem, setSelectedItem } = useAutocompleteContext("AutocompleteInput");
-  return /* @__PURE__ */ jsx(PopperAnchor, { children: /* @__PURE__ */ jsx(
-    CommandInput,
-    {
-      addonAfter: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          alignItems: "stretch",
-          alignSelf: "stretch",
-          flexDirection: "row",
-          gap: "0",
-          children: [
-            selectedItem && /* @__PURE__ */ jsx(
-              Flex,
-              {
-                cursor: disabled ? "default" : "pointer",
-                onClick: () => setSelectedItem(null),
-                w: "md",
-                children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconX, { "aria-hidden": true, focusable: false }) })
-              }
-            ),
-            /* @__PURE__ */ jsx(Separator, { my: "8", orientation: "vertical" }),
-            /* @__PURE__ */ jsx(Flex, { asChild: true, w: "md", children: /* @__PURE__ */ jsx(CommandToggleButton, { "aria-label": "Toggle", disabled, children: /* @__PURE__ */ jsx(Icon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, { "aria-hidden": true, focusable: false }) }) }) })
-          ]
-        }
-      ),
-      addonBefore: null,
-      disabled,
-      pr: "0",
-      ref,
-      ...props
-    }
-  ) });
-});
-AutocompleteTrigger.displayName = "@optiaxiom/react/AutocompleteTrigger";
-
-export { AutocompleteTrigger };

package/dist/esm/packages/react/src/command-toggle-button/CommandToggleButton.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import { useCommandContext } from '../command-context/CommandContext.js';
-
-const CommandToggleButton = forwardRef(({ children, className, ...props }, ref) => {
-  const { boxProps, restProps } = extractBoxProps(props);
-  const { downshift } = useCommandContext("CommandToggleButton");
-  return /* @__PURE__ */ jsx(Box, { asChild: true, className, ...boxProps, children: /* @__PURE__ */ jsx("button", { ref, ...downshift.getToggleButtonProps(restProps), children }) });
-});
-CommandToggleButton.displayName = "@optiaxiom/react/CommandToggleButton";
-
-export { CommandToggleButton };

package/dist/esm/packages/react/src/date-input/useCalendarSupported.js

@@ -1,12 +0,0 @@
-"use client";
-import { useState, useEffect } from 'react';
-
-const useCalendarSupported = () => {
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  return mounted ? CSS.supports("selector(::-webkit-datetime-edit)") : null;
-};
-
-export { useCalendarSupported };