@optiaxiom/react 1.6.6 → 1.6.8

package/dist/{MenuTrigger-DhqiQtiJ.d.ts → MenuTrigger-BYIG1rXQ.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, RefObject } from 'react';
+import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, MouseEvent, ContextType, RefObject } from 'react';
 import { DayPicker, Matcher } from 'react-day-picker';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
@@ -43,6 +43,7 @@ declare const vars: {
 declare const sprinkles: ((props: {
     animation?: "ping" | "pulse" | "spin" | undefined;
     backgroundColor?: "bg.accent" | "bg.accent.hovered" | "bg.accent.light" | "bg.accent.pressed" | "bg.accent.subtle" | "bg.avatar.neutral" | "bg.avatar.purple" | "bg.default" | "bg.default.hovered" | "bg.default.inverse" | "bg.default.inverse.hovered" | "bg.default.inverse.pressed" | "bg.default.pressed" | "bg.error" | "bg.error.hovered" | "bg.error.light" | "bg.error.pressed" | "bg.error.subtle" | "bg.error.subtlest" | "bg.information" | "bg.information.light" | "bg.information.subtle" | "bg.overlay" | "bg.page" | "bg.secondary" | "bg.secondary.hovered" | "bg.spinner.default" | "bg.spinner.inverse" | "bg.success" | "bg.success.hovered" | "bg.success.light" | "bg.success.subtle" | "bg.tertiary" | "bg.tertiary.hovered" | "bg.warning" | "bg.warning.hovered" | "bg.warning.light" | "bg.warning.subtle" | "transparent" | "current" | undefined;
+    backgroundImage?: "gradient.opal" | undefined;
     borderBottomWidth?: "0" | "1" | "2" | undefined;
     borderColor?: "border.accent" | "border.control" | "border.control.hovered" | "border.default" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     borderLeftWidth?: "0" | "1" | "2" | undefined;
@@ -203,7 +204,7 @@ declare const sprinkles: ((props: {
         readonly md?: "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "xs" | "sm" | "md" | "lg" | "xl" | "full" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | "fit" | "max" | "min" | null>;
 }) => string) & {
-    properties: Set<"borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontFamily" | "fontSize" | "size" | "backgroundColor" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
+    properties: Set<"borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "zIndex" | "animation" | "fontFamily" | "fontSize" | "size" | "backgroundColor" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "height" | "maxHeight" | "maxWidth" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w">;
 };
 declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends ConditionalValue<{
     conditions: {
@@ -2771,7 +2772,7 @@ declare const buttonBase: (props?: {
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -2790,6 +2791,10 @@ declare const appearances: {
         intent: "neutral";
         variant: "outline";
     };
+    "default-opal": {
+        intent: "neutral";
+        variant: "outline-opal";
+    };
     inverse: {
         intent: "neutral";
         variant: "strong";
@@ -2800,7 +2805,7 @@ declare const appearances: {
     };
     "primary-opal": {
         intent: "primary";
-        variant: "opal";
+        variant: "strong-opal";
     };
     subtle: {
         intent: "neutral";
@@ -2825,7 +2830,7 @@ declare const ButtonRoot: react.ForwardRefExoticComponent<Omit<NonNullable<Omit<
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     /**
      * Control the appearance by selecting between the different button types.
@@ -2883,9 +2888,9 @@ declare const Button: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -2901,6 +2906,34 @@ declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<S
     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<HTMLDivElement>>;
 
+declare const DialogKitContext: react.Context<{
+    id: string;
+    onClose: () => void;
+    onDismiss?: (event: KeyboardEvent | MouseEvent<HTMLButtonElement> | PointerDownOutsideEvent, reason: "action" | "cancel") => void;
+} | undefined>;
+type PointerDownOutsideEvent = CustomEvent<{
+    originalEvent: PointerEvent;
+}>;
+
+type DialogItem = ContextType<typeof DialogKitContext> & {
+    element: ReactNode;
+    open: boolean;
+};
+type DialogOptions = Pick<DialogItem, "onDismiss">;
+type DialogKit = {
+    clear: () => void;
+    confirm: (element: ReactNode) => Promise<boolean>;
+    create: (element: ReactNode, options?: DialogOptions) => string;
+    remove: (id: string) => void;
+    store: [
+        subscribe: (onStoreChange: () => void) => () => void,
+        getSnapshot: () => DialogItem[],
+        getServerSnapshot?: () => DialogItem[]
+    ];
+};
+declare const createDialogKit: () => DialogKit;
+declare const dialogkit: DialogKit;
+
 declare const cell: (props?: {
     pinned?: boolean | undefined;
 } | undefined, className?: string) => {
@@ -3175,7 +3208,7 @@ declare const ModalListbox: react.ForwardRefExoticComponent<{
 }>, "maxH"> & Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type PopoverContentProps = ExcludeProps<BoxProps<typeof _radix_ui_react_popover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
 declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
@@ -3190,9 +3223,9 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -3240,6 +3273,10 @@ type CommandOption = {
         dismiss: boolean;
         inputValue: string | undefined;
     }) => void;
+    /**
+     * Shows an external link icon and sets the correct rel/target attributes if `href` is also passed.
+     */
+    external?: boolean;
     /**
      * Group item belongs to.
      */
@@ -3415,9 +3452,9 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -3425,5 +3462,5 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { sprinkles as A, Calendar as C, Flex as F, mapResponsiveValue as G, normalizeResponsiveValue as H, Input as I, TableHeaderCell as K, ModalListbox as M, PopoverContent as P, Command as Q, Button as b, Box as e, PopoverTrigger as h, ButtonRoot as i, InputRoot as k, DialogContent as l, InputControl as o, ListboxItemized as q, Menu as t, MenuContent as v, MenuTrigger as x, vars as z };
-export type { BoxProps as B, DialogContentProps as D, ExcludeProps as E, LonghandProps as J, ListboxItemizedProps as L, CommandOption as N, CommandProps as O, RecipeVariants as R, Sprinkles as S, TableHeaderCellProps as T, ButtonProps as a, ExtendProps as c, CalendarProps as d, ResponsiveArray as f, PopoverContentProps as g, InputControlProps as j, FlexProps as m, InputProps as n, InputRootProps as p, MenuOption as r, MenuProps as s, MenuContentProps as u, MenuTriggerProps as w, PopoverTriggerProps as y };
+export { vars as A, Calendar as C, Flex as F, sprinkles as G, mapResponsiveValue as H, Input as I, normalizeResponsiveValue as J, ModalListbox as M, TableHeaderCell as N, PopoverContent as P, Command as U, createDialogKit as V, Button as b, dialogkit as d, Box as f, PopoverTrigger as i, ButtonRoot as j, InputRoot as l, DialogContent as m, InputControl as p, ListboxItemized as r, Menu as u, MenuContent as w, MenuTrigger as y };
+export type { BoxProps as B, DialogContentProps as D, ExcludeProps as E, LonghandProps as K, ListboxItemizedProps as L, CommandOption as O, CommandProps as Q, RecipeVariants as R, Sprinkles as S, TableHeaderCellProps as T, ButtonProps as a, ExtendProps as c, CalendarProps as e, ResponsiveArray as g, PopoverContentProps as h, InputControlProps as k, FlexProps as n, InputProps as o, InputRootProps as q, MenuOption as s, MenuProps as t, MenuContentProps as v, MenuTriggerProps as x, PopoverTriggerProps as z };