@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/src/tooltip-trigger/TooltipTrigger.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { useTooltipContext } from '../tooltip-context/TooltipContext.js';
+
+const TooltipTrigger = forwardRef(({ asChild, children, ...props }, outerRef) => {
+  const { triggerRef } = useTooltipContext("TooltipTrigger");
+  const ref = useComposedRefs(triggerRef, outerRef);
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(Button, { ...restProps, children }) });
+});
+TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
+
+export { TooltipTrigger };

package/dist/src/transition/Transition-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import './../../assets/src/transition/Transition.css.ts.vanilla-CEVbotiB.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var transition = recipeRuntime({base:'_1b9ysmx',variants:{duration:{sm:'_19z3oxv',md:'_96h5f0',lg:'_1yamnah'},type:{fade:'_2kksmr',pop:'rzgi93'}}});
+var transitionDuration = {sm:150,md:250,lg:400};
+
+export { transition, transitionDuration };

package/dist/src/transition/Transition.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useState, useEffect } from 'react';
+import '../use-presence/PresenceContext.js';
+import { usePresence } from '../use-presence/usePresence.js';
+import { transitionDuration, transition } from './Transition-css.js';
+import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
+
+const Transition = forwardRef(
+  ({ children, duration = "md", skipAnimations, type = "fade", ...props }, ref) => {
+    const [isPresent, safeToRemove] = usePresence();
+    const [enter, setEnter] = useState(false);
+    useEffect(() => {
+      if (isPresent) {
+        requestAnimationFrame(() => setEnter(true));
+      }
+    }, [isPresent]);
+    useEffect(() => {
+      if (!isPresent) {
+        setTimeout(safeToRemove, transitionDuration[duration]);
+      }
+    }, [isPresent]);
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { ref, children }) : /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref,
+        ...transition(
+          {
+            duration,
+            type: enter !== isPresent ? type : void 0
+          },
+          void 0
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Transition.displayName = "@optiaxiom/react/Transition";
+
+export { Transition };

package/dist/src/transition/TransitionGlobalConfig.js

@@ -0,0 +1,5 @@
+const TransitionGlobalConfig = {
+  skipAnimations: false
+};
+
+export { TransitionGlobalConfig };

package/dist/src/use-event/useEffectEvent.js

@@ -0,0 +1,13 @@
+import { useRef, useEffect, useCallback } from 'react';
+
+function useEffectEvent(callback) {
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return useCallback((...args) => {
+    return callbackRef.current(...args);
+  }, []);
+}
+
+export { useEffectEvent };

package/dist/src/utils/conditions.js

@@ -0,0 +1,13 @@
+import { tokens } from '@optiaxiom/globals';
+import { mapValues } from './mapValues.js';
+
+({
+  conditions: {
+    ...mapValues(tokens.screens, (width) => ({
+      "@media": `screen and (min-width: ${width})`
+    })),
+    base: {}
+  },
+  defaultCondition: "base",
+  responsiveArray: ["base", "sm", "md"]
+});

package/dist/src/utils/fallbackSpan.js

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+import { isValidElement } from 'react';
+
+const fallbackSpan = (content) => isValidElement(content) ? content : /* @__PURE__ */ jsx("span", { children: content });
+
+export { fallbackSpan };

package/dist/src/utils/mapValues.js

@@ -0,0 +1,9 @@
+const mapValues = (obj, valueFn, keyFn = (key) => key) => {
+  const result = {};
+  for (const [key, value] of Object.entries(obj)) {
+    result[keyFn ? keyFn(key) : key] = valueFn(value, key);
+  }
+  return result;
+};
+
+export { mapValues };

package/dist/{vanilla-extract → src/vanilla-extract}/recipeRuntime.js

@@ -20,12 +20,14 @@ const recipeRuntime = ({
     }
     process(base);
     for (const variantName in variants) {
-      if (!selections[variantName]) {
+      if (selections[variantName] === null || selections[variantName] === void 0) {
         continue;
       }
       const variant = variants[variantName];
       const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
-      process(variant[selection]);
+      if (String(selection) in variant) {
+        process(variant[selection]);
+      }
     }
     for (const { style, variants: variants2 } of variantsCompounded) {
       if (!shouldApplyCompound(variants2, selections)) {

package/dist/unstable.d.ts

@@ -0,0 +1,270 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { UseComboboxProps, UseSelectProps } from 'downshift';
+import { S as Sprinkles, B as BoxProps, L as Link } from './Link-Cb4M-bVP.js';
+import * as _radix_ui_react_popper from '@radix-ui/react-popper';
+import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
+import * as RadixSeparator from '@radix-ui/react-separator';
+
+type AutocompleteProps<Item> = {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: Item | null;
+    disabled?: boolean;
+    onInputValueChange?: (inputValue: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: Item | null) => void;
+    open?: boolean;
+    value?: Item | null;
+} & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+declare function Autocomplete<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onValueChange, open, value, ...props }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+
+declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    loading?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const AutocompleteEmptyItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLLIElement>>;
+
+declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & react.RefAttributes<HTMLLIElement>>;
+
+declare const AutocompleteItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
+
+type AutocompleteListProps = {
+    /**
+     * Render each item using a children render prop.
+     */
+    children: (item: any) => ReactNode;
+};
+declare function AutocompleteList({ children }: AutocompleteListProps): react_jsx_runtime.JSX.Element;
+declare namespace AutocompleteList {
+    var displayName: string;
+}
+
+declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | undefined;
+}, never> & {
+    appearance?: "number" | "default" | undefined;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLInputElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+type BreadcrumbProps = BoxProps<"nav">;
+declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
+
+type BreadcrumbEllipsisProps = BoxProps<"span">;
+declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbEllipsis {
+    var displayName: string;
+}
+
+type BreadcrumbItemProps = BoxProps<"li">;
+declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+
+type BreadcrumbLinkProps = BoxProps<typeof Link>;
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    disabled?: boolean;
+    external?: boolean;
+} & {
+    appearance?: "default" | "inverse" | "subtle" | undefined;
+} & react.RefAttributes<HTMLAnchorElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
+
+type BreadcrumbPageProps = BoxProps<"span">;
+declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLSpanElement>>;
+
+type BreadcrumbSeparatorProps = BoxProps<"span">;
+declare function BreadcrumbSeparator({ asChild, children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
+declare namespace BreadcrumbSeparator {
+    var displayName: string;
+}
+
+declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "subtle" | "solid" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    onRemove?: () => void;
+} & {
+    size?: "md" | "lg" | undefined;
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type SelectProps<Item> = {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: Item | null;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onValueChange?: (value: Item | null) => void;
+    open?: boolean;
+    value?: Item | null;
+} & Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+declare function Select<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onOpenChange, onValueChange, open, value, ...props }: SelectProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+
+declare const SelectContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    loading?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & {
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>>;
+
+declare const SelectItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
+
+declare const SelectLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+        readonly lg?: "vertical" | "horizontal" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+    loading?: boolean;
+} & Omit<{
+    colorScheme?: "danger" | "neutral" | "primary" | undefined;
+    iconOnly?: boolean | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "subtle" | "solid" | undefined;
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const SelectValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    placeholder?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
+declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableElement>>;
+
+declare const TableBody: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableHead: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableHeaderCell: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableCellElement>>;
+
+declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
+
+export { Autocomplete, AutocompleteContent, AutocompleteEmptyItem, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -0,0 +1,28 @@
+export { Autocomplete } from './src/autocomplete/Autocomplete.js';
+export { AutocompleteContent } from './src/autocomplete-content/AutocompleteContent.js';
+export { AutocompleteEmptyItem } from './src/autocomplete-empty-item/AutocompleteEmptyItem.js';
+export { AutocompleteItem } from './src/autocomplete-item/AutocompletItem.js';
+export { AutocompleteItemIndicator } from './src/autocomplete-item-indicator/AutocompleteItemIndicator.js';
+export { AutocompleteList } from './src/autocomplete-list/AutocompleteList.js';
+export { AutocompleteTrigger } from './src/autocomplete-trigger/AutocompleteTrigger.js';
+export { Breadcrumb } from './src/breadcrumb/Breadcrumb.js';
+export { BreadcrumbEllipsis } from './src/breadcrumb-ellipsis/BreadcrumbEllipsis.js';
+export { BreadcrumbItem } from './src/breadcrumb-item/BreadcrumbItem.js';
+export { BreadcrumbLink } from './src/breadcrumb-link/BreadcrumbLink.js';
+export { BreadcrumbPage } from './src/breadcrumb-page/BreadcrumbPage.js';
+export { BreadcrumbSeparator } from './src/breadcrumb-separator/BreadcrumbSeparator.js';
+export { Pill } from './src/pill/Pill.js';
+export { Select } from './src/select/Select.js';
+export { SelectContent } from './src/select-content/SelectContent.js';
+export { SelectItem } from './src/select-item/SelectItem.js';
+export { SelectItemIndicator } from './src/select-item-indicator/SelectItemIndicator.js';
+export { SelectLabel } from './src/select-label/SelectLabel.js';
+export { SelectSeparator } from './src/select-separator/SelectSeparator.js';
+export { SelectTrigger } from './src/select-trigger/SelectTrigger.js';
+export { SelectValue } from './src/select-value/SelectValue.js';
+export { Table } from './src/table/Table.js';
+export { TableBody } from './src/table-body/TableBody.js';
+export { TableCell } from './src/table-cell/TableCell.js';
+export { TableHead } from './src/table-head/TableHead.js';
+export { TableHeaderCell } from './src/table-header-cell/TableHeaderCell.js';
+export { TableRow } from './src/table-row/TableRow.js';

package/package.json

@@ -1,49 +1,73 @@
 {
   "name": "@optiaxiom/react",
+  "homepage": "https://github.com/optimizely-axiom/optiaxiom/tree/master/packages/react#readme",
   "repository": {
     "directory": "packages/react",
     "type": "git",
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.9",
+  "version": "0.2.0",
   "files": [
     "dist/**",
     "LICENSE"
   ],
   "license": "Apache-2.0",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./unstable": {
+      "import": "./dist/unstable.js",
+      "types": "./dist/unstable.d.ts"
+    }
+  },
   "sideEffects": [
     "*.css"
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@fontsource-variable/fira-code": "^5.0.18",
-    "@radix-ui/react-alert-dialog": "^1.1.1",
-    "@radix-ui/react-avatar": "^1.1.0",
-    "@radix-ui/react-checkbox": "^1.1.1",
+    "@mantine/hooks": "^7.13.2",
+    "@radix-ui/react-alert-dialog": "^1.1.2",
+    "@radix-ui/react-arrow": "^1.1.0",
+    "@radix-ui/react-avatar": "^1.1.1",
+    "@radix-ui/react-collapsible": "^1.1.1",
     "@radix-ui/react-compose-refs": "^1.1.0",
-    "@radix-ui/react-dialog": "^1.1.1",
+    "@radix-ui/react-context": "^1.1.1",
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-hover-card": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-popper": "^1.2.0",
+    "@radix-ui/react-portal": "^1.1.2",
     "@radix-ui/react-primitive": "^2.0.0",
     "@radix-ui/react-progress": "^1.1.0",
-    "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-separator": "^1.1.0",
     "@radix-ui/react-slot": "^1.1.0",
-    "@radix-ui/react-switch": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.2",
     "@radix-ui/react-toggle": "^1.1.0",
-    "@radix-ui/react-tooltip": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.0",
+    "@radix-ui/react-tooltip": "^1.1.3",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
-    "@vanilla-extract/sprinkles": "^1.6.2",
+    "@vanilla-extract/dynamic": "^2.1.2",
+    "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
-    "inter-ui": "^4.0.2",
-    "react-textarea-autosize": "^8.5.3"
+    "cmdk": "^1.0.0",
+    "downshift": "^9.0.8",
+    "use-sync-external-store": "^1.2.2",
+    "@optiaxiom/globals": "^0.2.1"
   },
   "devDependencies": {
-    "@types/node": "^20.14.10",
-    "@vanilla-extract/css": "^1.15.3",
+    "@emotion/hash": "^0.9.2",
+    "@types/node": "^20.16.11",
+    "@types/use-sync-external-store": "^0.0.6",
+    "@vanilla-extract/css": "^1.16.0",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {
@@ -52,7 +76,7 @@
   },
   "scripts": {
     "build": "rm -rf dist && NODE_ENV=production rollup -c",
-    "dev": "rm -rf dist && rollup -cw",
+    "dev": "rm -rf dist && wait-on ../../packages/globals/dist/index.d.ts && rollup -cw",
     "lint": "oas-lint",
     "test": "vitest"
   }

package/dist/alert-dialog/AlertDialog-css.js

@@ -1,12 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-CQvpCMCS.css';
-import './../assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CeDk9JQ5.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{rounded:'lg',shadow:'md',z:'popover'},'ot5vc20'],variants:{size:{sm:'ot5vc21',md:'ot5vc22',lg:'ot5vc23'}}});
-var description = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'ot5vc26']});
-var footer = recipeRuntime({base:[{flexDirection:'row',gap:'md',justifyContent:'end',px:'24',py:'20'},'ot5vc25']});
-var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'ot5vc24']});
-var title = recipeRuntime({base:[{fontSize:'2xl',fontWeight:'600',pb:'16',pt:'24',px:'24'}]});
-
-export { content, description, footer, overlay, title };

package/dist/alert-dialog/AlertDialog.js

@@ -1,51 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
-import { forwardRef } from 'react';
-import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
-import '../animate-presence/PresenceContext.js';
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { Flex } from '../flex/Flex.js';
-import { Paper } from '../paper/Paper.js';
-import { Transition } from '../transition/Transition.js';
-import { overlay, content, title, description, footer } from './AlertDialog-css.js';
-
-const AlertDialog = forwardRef(
-  ({
-    action,
-    appearance = "primary",
-    cancel = "Cancel",
-    children,
-    defaultOpen,
-    onAction,
-    onCancel,
-    onOpenChange,
-    open,
-    size = "sm",
-    title: title$1,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsx(
-      RadixAlertDialog.Root,
-      {
-        defaultOpen,
-        onOpenChange,
-        open,
-        children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
-          /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
-          /* @__PURE__ */ jsx(Transition, { type: "fade-down", children: /* @__PURE__ */ jsx(Paper, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsxs(RadixAlertDialog.Content, { ref, ...props, children: [
-            /* @__PURE__ */ jsx(Box, { asChild: true, ...title(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children: title$1 }) }),
-            /* @__PURE__ */ jsx(Box, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { children }) }),
-            /* @__PURE__ */ jsxs(Flex, { ...footer(), children: [
-              /* @__PURE__ */ jsx(RadixAlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { appearance: "secondary", onClick: onCancel, children: cancel }) }),
-              /* @__PURE__ */ jsx(RadixAlertDialog.Action, { asChild: true, children: /* @__PURE__ */ jsx(Button, { appearance, onClick: onAction, children: action }) })
-            ] })
-          ] }) }) })
-        ] }) })
-      }
-    );
-  }
-);
-AlertDialog.displayName = "@optiaxiom/react/AlertDialog";
-
-export { AlertDialog };

package/dist/assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CeDk9JQ5.css

@@ -1,29 +0,0 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  .ot5vc20 {
-    left: 50%;
-    max-width: 90dvw;
-    position: fixed;
-    top: 50%;
-    translate: -50% -50%;
-  }
-  .ot5vc21 {
-    width: 375px;
-  }
-  .ot5vc22 {
-    width: 600px;
-  }
-  .ot5vc23 {
-    width: 800px;
-  }
-  .ot5vc24 {
-    inset: 0;
-    position: fixed;
-  }
-  .ot5vc25 {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-  .ot5vc26 {
-    max-height: 50dvh;
-  }
-}