@commercetools/nimbus 2.0.1-rc2 → 2.0.1-rc3

package/dist/index.d.ts

@@ -1,347 +1,4 @@
-import { AriaButtonProps } from 'react-aria';
-import { HTMLChakraProps } from '@chakra-ui/react';
-import { JSX } from 'react/jsx-runtime';
-import { ModalOverlayProps } from 'react-aria-components';
-import { RecipeProps } from '@chakra-ui/react';
-import { SlotRecipeProps } from '@chakra-ui/react';
-import { SystemContext } from '@chakra-ui/react';
-import { UnstyledProp } from '@chakra-ui/react';
-
-declare type ButtonProps = Omit<ButtonRootSlotProps, keyof AriaButtonProps> & AriaButtonProps & {
-    /**
-     * Data attributes for testing or custom metadata
-     */
-    [key: `data-${string}`]: unknown;
-    /**
-     * Slot name for React Aria Components composition
-     */
-    slot?: string | null | undefined;
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-declare type ButtonRecipeProps = {
-    /**
-     * Size variant of the button
-     * @default "md"
-     */
-    size?: RecipeProps<"button">["size"];
-    /**
-     * Visual style variant of the button
-     * @default "subtle"
-     */
-    variant?: RecipeProps<"button">["variant"];
-    /**
-     * Color tone palette for the button
-     */
-    tone?: RecipeProps<"button">["tone"];
-} & UnstyledProp;
-
-declare type ButtonRootSlotProps = Omit<HTMLChakraProps<"button", ButtonRecipeProps>, "slot"> & {
-    slot?: string | null | undefined;
-};
-
-/**
- * Checks if we're in a browser environment
- */
-export declare function canUseDOM(): boolean;
-
-export declare const DialogBody: {
-    (props: DialogBodyProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Body component
- *
- * The main body content section of the dialog.
- */
-declare type DialogBodyProps = DialogBodySlotProps & {
-    /**
-     * The body content
-     */
-    children: React.ReactNode;
-    /**
-     * The ref to the dialog body
-     */
-    ref?: React.Ref<HTMLDivElement>;
-};
-
-declare type DialogBodySlotProps = HTMLChakraProps<"div">;
-
-export declare const DialogCloseTrigger: {
-    (props: DialogCloseTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.CloseTrigger component
- *
- * A button that closes the dialog when activated.
- * Displays an IconButton with an X icon by default.
- */
-declare type DialogCloseTriggerProps = Omit<IconButtonProps, "aria-label"> & {
-    /**
-     * Accessible label for the close button
-     * @default "Close dialog"
-     */
-    "aria-label"?: string;
-};
-
-export declare const DialogContent: {
-    (props: DialogContentProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Content component
- *
- * The main dialog content container that wraps the React Aria Dialog and Dialog.
- * Configuration (size, placement, etc.) is inherited from Dialog.Root via context.
- */
-declare type DialogContentProps = DialogModalOverlaySlotProps & {
-    /**
-     * The dialog content
-     */
-    children: React.ReactNode;
-    /**
-     * The ref to the dialog content
-     */
-    ref?: React.RefObject<HTMLDivElement>;
-};
-
-export declare const DialogFooter: {
-    (props: DialogFooterProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Footer component
- *
- * The footer section of the dialog, typically containing action buttons.
- */
-declare type DialogFooterProps = DialogFooterSlotProps & {
-    /**
-     * The footer content (usually buttons)
-     */
-    children: React.ReactNode;
-    /**
-     * The ref to the dialog footer
-     */
-    ref?: React.Ref<HTMLElement>;
-};
-
-declare type DialogFooterSlotProps = HTMLChakraProps<"footer">;
-
-export declare const DialogHeader: {
-    (props: DialogHeaderProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Header component
- *
- * The header section of the dialog content.
- */
-declare type DialogHeaderProps = DialogHeaderSlotProps & {
-    /**
-     * The header content
-     */
-    children: React.ReactNode;
-    /**
-     * The ref to the dialog header
-     */
-    ref?: React.Ref<HTMLElement>;
-};
-
-declare type DialogHeaderSlotProps = HTMLChakraProps<"header">;
-
-declare type DialogModalOverlaySlotProps = HTMLChakraProps<"div">;
-
-declare type DialogRecipeProps = {
-    /** Placement of the dialog in the viewport */
-    placement?: SlotRecipeProps<"dialog">["placement"];
-    /** How scrolling behavior is handled when content overflows */
-    scrollBehavior?: SlotRecipeProps<"dialog">["scrollBehavior"];
-};
-
-export declare const DialogRoot: {
-    (props: DialogRootProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Root component
- *
- * The root component that provides context and state management for the dialog.
- * Uses React Aria's DialogTrigger for accessibility and state management.
- *
- * This component handles configuration through recipe variants that are passed
- * down to child components via context.
- */
-declare type DialogRootProps = DialogRootSlotProps & {
-    /**
-     * The children components (Trigger, Content, etc.)
-     */
-    children: React.ReactNode;
-    /**
-     * Whether the dialog is open (controlled mode)
-     */
-    isOpen?: boolean;
-    /**
-     * Whether the dialog is open by default (uncontrolled mode)
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Whether the dialog can be dismissed by clicking the backdrop or pressing Escape.
-     * If true, clicking outside the dialog or pressing Escape will close it.
-     * @default true
-     */
-    isDismissable?: ModalOverlayProps["isDismissable"];
-    /**
-     * Whether keyboard dismissal (Escape key) is disabled.
-     * If true, pressing Escape will NOT close the dialog.
-     * @default false
-     */
-    isKeyboardDismissDisabled?: ModalOverlayProps["isKeyboardDismissDisabled"];
-    /**
-     * Function to determine whether the dialog should close when interacting outside.
-     * Receives the event and returns true to allow closing, false to prevent.
-     */
-    shouldCloseOnInteractOutside?: ModalOverlayProps["shouldCloseOnInteractOutside"];
-    /**
-     * Callback fired when the dialog open state changes
-     * @param isOpen - Whether the dialog is now open
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** A Title for the dialog, optional, as long as the Dialog.Title component is user
-     * or there is a Heading component used inside the Dialog with
-     * a `slot`-property set to `title`.
-     */
-    "aria-label"?: string;
-};
-
-declare type DialogRootSlotProps = HTMLChakraProps<"div", DialogRecipeProps>;
-
-export declare const DialogTitle: {
-    (props: DialogTitleProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Title component
- *
- * The accessible title element for the dialog.
- */
-declare type DialogTitleProps = DialogTitleSlotProps & {
-    /**
-     * The title text
-     */
-    children: React.ReactNode;
-    /**
-     * The ref to the dialog title
-     */
-    ref?: React.Ref<HTMLHeadingElement>;
-};
-
-declare type DialogTitleSlotProps = HTMLChakraProps<"h2">;
-
-export declare const DialogTrigger: {
-    ({ ref: forwardedRef, children, asChild, ...props }: DialogTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-/**
- * Props for the Dialog.Trigger component
- *
- * The trigger element that opens the dialog when activated.
- */
-declare type DialogTriggerProps = DialogTriggerSlotProps & {
-    /**
-     * The trigger content
-     */
-    children: React.ReactNode;
-    /**
-     * Whether to render as a child element (use children directly as the trigger)
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Whether the trigger is disabled
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * The ref to the trigger html-button
-     */
-    ref?: React.RefObject<HTMLButtonElement>;
-};
-
-declare type DialogTriggerSlotProps = HTMLChakraProps<"button">;
-
-declare type IconButtonProps = ButtonProps & {
-    /**
-     * Required accessible label explaining the intended action
-     */
-    "aria-label": string;
-    /**
-     * Ref forwarding to the button element
-     */
-    ref?: React.Ref<HTMLButtonElement>;
-};
-
-/**
- * Configuration options for SVG sanitization
- */
-declare type SanitizationOptions = {
-    /**
-     * Whether to allow style attributes in SVG elements
-     * @default false
-     */
-    allowStyles?: boolean;
-    /**
-     * Additional attributes to remove during sanitization beyond the default set
-     * @default []
-     */
-    forbiddenAttributes?: string[];
-    /**
-     * Additional tags to remove during sanitization beyond the default set
-     * @default []
-     */
-    forbiddenTags?: string[];
-};
-
-/**
- * Sanitizes SVG markup string to prevent XSS attacks
- * @param svgString - The SVG markup as a string
- * @param options - Optional sanitization configuration
- * @returns Sanitized SVG string or null if invalid
- */
-export declare function sanitizeSvg(svgString: string, options?: SanitizationOptions): string | null;
-
-export declare const system: SystemContext;
-
-/**
- * Hook for processing and sanitizing SVG data
- * @param data - Raw SVG markup as a string
- * @returns Processed SVG attributes, content, and sanitization status
- */
-export declare function useInlineSvg(data: string): {
-    isValid: boolean;
-    svgAttributes: Record<string, string>;
-    innerSvgContent: string;
-};
-
-export { }
-
-
-declare module "slate" {
-    interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
-        Element: CustomElement;
-        Text: CustomText;
-    }
-}
+export * from './components';
+export * from './hooks';
+export * from './theme';
+export * from './utils';

package/dist/index.es.js

@@ -47,7 +47,7 @@ import { L as Uo } from "./chunks/loading-spinner-BiVTAfmp.es.js";
 import { P as jo } from "./chunks/password-input-6MO4I-2j.es.js";
 import { S as zo } from "./chunks/search-input-DJy2NHYW.es.js";
 import { S as Wo } from "./chunks/split-button-BxyZmuNi.es.js";
-import { T as Qo } from "./chunks/time-input-DDrB_c0M.es.js";
+import { T as Qo } from "./chunks/time-input--a_qv-Jk.es.js";
 import { M as Zo } from "./chunks/multiline-text-input-CilSJJaO.es.js";
 import { M as er } from "./chunks/money-input-sk0Slpeu.es.js";
 import { R as or, b as rr, a as ar } from "./chunks/radio-input-4jw6HUjC.es.js";
@@ -55,13 +55,13 @@ import { S as sr } from "./chunks/switch-01hEhL9A.es.js";
 import { T as cr } from "./chunks/tag-group-D2dgXSsV.es.js";
 import { T as ur } from "./chunks/toggle-button-awb1jBf8.es.js";
 import { T as fr, b as pr, a as mr } from "./chunks/toggle-button-group-Ce7ezOED.es.js";
-import { D as gr } from "./chunks/date-input-Do1wXp3t.es.js";
+import { D as gr } from "./chunks/date-input-Cap8-3zj.es.js";
 import { C as xr } from "./chunks/calendar-lD6G93R9.es.js";
-import { D as Cr } from "./chunks/date-picker-ClYge74a.es.js";
+import { D as Cr } from "./chunks/date-picker-ChZ8H-MT.es.js";
 import { P as Tr } from "./chunks/progress-bar-DwuOjOcH.es.js";
 import { R as _r } from "./chunks/range-calendar-DBpl6y5i.es.js";
 import { M as Dr, c as Lr, d as kr, a as Er, e as Rr, g as Ir, f as Ar, b as Mr } from "./chunks/menu-D-vE6ZpM.es.js";
-import { D as Kr } from "./chunks/date-range-picker-KRcGUZW-.es.js";
+import { D as Kr } from "./chunks/date-range-picker-DGWMdcAN.es.js";
 import { T as Br } from "./chunks/toolbar-Dduysqqi.es.js";
 import { D as Nr, e as Hr, g as qr, d as Ur, i as Gr, h as jr, c as Vr, j as zr, a as $r, f as Wr, k as Xr, b as Qr } from "./chunks/data-table-ClMivKY1.es.js";
 import { P as Zr } from "./chunks/pagination-Bcq69Nv3.es.js";

package/dist/theme/animation-styles.d.ts

@@ -0,0 +1,4 @@
+import { defineAnimationStyles } from '@chakra-ui/react';
+type AnimationStylesType = ReturnType<typeof defineAnimationStyles>;
+export declare const animationStyles: AnimationStylesType;
+export {};

package/dist/theme/breakpoints.d.ts

@@ -0,0 +1,5 @@
+interface TransformedBreakpoints {
+    [key: string]: string;
+}
+export declare const breakpoints: TransformedBreakpoints;
+export {};

package/dist/theme/conditions.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Custom conditions for React Aria Components state management
+ * Maps Chakra UI pseudo-selectors to React Aria data attributes
+ */
+export declare const conditions: {
+    /**
+     * Maps to React Aria's open state data attributes
+     * Used for animations when a component is opening/entering
+     */
+    open: string;
+    /**
+     * Maps to React Aria's closed state data attributes
+     * Used for animations when a component is closing/exiting
+     */
+    closed: string;
+};

package/dist/theme/global-css.d.ts

@@ -0,0 +1 @@
+export declare const globalCss: import('@chakra-ui/react').GlobalStyleObject;

package/dist/theme/index.d.ts

@@ -0,0 +1 @@
+export declare const system: import('@chakra-ui/react').SystemContext;

package/dist/theme/keyframes.d.ts

@@ -0,0 +1,207 @@
+export declare const keyframes: {
+    spin: {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+    pulse: {
+        "50%": {
+            opacity: string;
+        };
+    };
+    ping: {
+        "75%, 100%": {
+            transform: string;
+            opacity: string;
+        };
+    };
+    bounce: {
+        "0%, 100%": {
+            transform: string;
+            animationTimingFunction: string;
+        };
+        "50%": {
+            transform: string;
+            animationTimingFunction: string;
+        };
+    };
+    "fade-in": {
+        from: {
+            opacity: number;
+        };
+        to: {
+            opacity: number;
+        };
+    };
+    "fade-out": {
+        from: {
+            opacity: number;
+        };
+        to: {
+            opacity: number;
+        };
+    };
+    "slide-from-left-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-right-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-top-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-bottom-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-left-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-right-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-top-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-bottom-full": {
+        from: {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-top": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-bottom": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-left": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-from-right": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-top": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-bottom": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-left": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "slide-to-right": {
+        "0%": {
+            translate: string;
+        };
+        to: {
+            translate: string;
+        };
+    };
+    "scale-in": {
+        from: {
+            scale: string;
+        };
+        to: {
+            scale: string;
+        };
+    };
+    "scale-out": {
+        from: {
+            scale: string;
+        };
+        to: {
+            scale: string;
+        };
+    };
+    "progress-indeterminate": {
+        "0%": {
+            transform: string;
+        };
+        "100%": {
+            transform: string;
+        };
+    };
+    "gradient-shimmer": {
+        "0%": {
+            backgroundPosition: string;
+        };
+        "100%": {
+            backgroundPosition: string;
+        };
+    };
+};

package/dist/theme/layer-styles.d.ts

@@ -0,0 +1,4 @@
+import { defineLayerStyles } from '@chakra-ui/react';
+type LayerStylesType = ReturnType<typeof defineLayerStyles>;
+export declare const layerStyles: LayerStylesType;
+export {};