@baseline-ui/core 0.58.0 → 0.60.0

package/dist/components/Calendar/intl/index.d.ts

@@ -0,0 +1,267 @@
+declare const _default: {
+    ar: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    cs: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    cy: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    da: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    de: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    el: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    en_GB: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    en: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    es: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    fi: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    fr_CA: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    fr: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    he: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    hr: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    id: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    it: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    ja: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    ko: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    ms: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    nb_NO: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    nl: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    pl: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    pt_PT: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    pt: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    ru: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    sk: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    sl: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    sv: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    th: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    tr: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    uk: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    zh_Hans: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+    zh_Hant: {
+        "bui.calendar.selectMonth": string;
+        "bui.calendar.previousMonth": string;
+        "bui.calendar.nextMonth": string;
+        "bui.calendar.selectYear": string;
+        "bui.calendar.previousYear": string;
+        "bui.calendar.nextYear": string;
+    };
+};
+export default _default;

package/dist/components/Checkbox/Checkbox.css.d.ts

@@ -0,0 +1,103 @@
+export declare const checkboxCn: ((options?: {
+    labelPosition?: "end" | "start" | undefined;
+} | undefined) => string) & {
+    variants: () => "labelPosition"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        labelPosition: {
+            end: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            start: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const checkboxIconCn: ((options?: {
+    isIndeterminate?: boolean | undefined;
+    isSelected?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    isHovered?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    hasError?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isSelected" | "isHovered" | "isDisabled" | "isFocusVisible" | "isReadOnly" | "hasError" | "isIndeterminate")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isIndeterminate: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isSelected: {
+            true: {};
+        };
+        isFocusVisible: {
+            true: {
+                boxShadow: `0 0 0 1px var(--${string}), 0 0 0 3px var(--${string})`;
+            };
+        };
+        isHovered: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isDisabled: {
+            true: ({
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            } | {
+                cursor: "not-allowed";
+                pointerEvents: "none";
+            })[];
+        };
+        isReadOnly: {
+            true: ({
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            } | {
+                cursor: "not-allowed";
+                pointerEvents: "none";
+            })[];
+        };
+        hasError: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const checkBoxLabelCn: ((options?: {
+    isDisabled?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => "isDisabled"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isDisabled: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { CheckboxProps } from "./Checkbox.types";
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,17 @@
+import type { StylingProps } from "../../utils";
+import type { CheckboxProps as RACCheckboxProps } from "react-aria-components";
+export interface CheckboxProps extends Omit<RACCheckboxProps, "children" | "className" | "style">, StylingProps {
+    /** The checkbox's label. */
+    label?: string;
+    /**
+     * The position of the label
+     *
+     * @default end
+     */
+    labelPosition?: "start" | "end";
+    /**
+     * The slot attribute for composition with parent components like Table.
+     * Pass `null` to explicitly opt out of slot context lookup.
+     */
+    slot?: string | null;
+}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from "./Checkbox";
+export { type CheckboxProps } from "./Checkbox.types";

package/dist/components/Code/Code.css.d.ts

@@ -0,0 +1,2 @@
+export declare const preCn: string;
+export declare const codeCn: string;

package/dist/components/Code/Code.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { CodeProps } from "./Code.types";
+export declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLPreElement>>;

package/dist/components/Code/Code.types.d.ts

@@ -0,0 +1,6 @@
+import type { BlockProps, StylingProps } from "../../utils";
+import type React from "react";
+export interface CodeProps extends Omit<StylingProps, keyof BlockProps> {
+    /** The code to render. */
+    children: React.ReactNode;
+}

package/dist/components/Code/index.d.ts

@@ -0,0 +1,3 @@
+export { Code } from "./Code";
+export { type CodeProps } from "./Code.types";
+export * from "./Code";

package/dist/components/ColorInput/ColorArea.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { AriaColorAreaOptions } from "@react-aria/color";
+import type { ColorAreaProps } from "@react-stately/color";
+export declare const ColorArea: React.FC<Omit<ColorAreaProps & AriaColorAreaOptions, "inputXRef" | "inputYRef" | "containerRef">>;

package/dist/components/ColorInput/ColorFieldInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { AriaColorFieldProps } from "@react-aria/color";
+import type { Color } from "@react-stately/color";
+export declare const HexColorFieldInput: React.FC<AriaColorFieldProps & {
+    color: Color;
+    setColor: (color: Color) => void;
+    allowAlpha: boolean;
+}>;
+export declare const RgbColorFieldInput: React.FC<{
+    color: Color;
+    setColor: (color: Color) => void;
+    allowAlpha: boolean;
+}>;

package/dist/components/ColorInput/ColorInput.css.d.ts

@@ -0,0 +1,165 @@
+export declare const colorInputCn: string;
+export declare const colorInputLabelCn: ((options?: {
+    labelPosition?: "top" | "start" | undefined;
+} | undefined) => string) & {
+    variants: () => "labelPosition"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        labelPosition: {
+            top: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+            start: {};
+        };
+    }>;
+};
+export declare const colorAreaCn: string;
+export declare const colorInputButtonCn: ((options?: {
+    isHovered?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    labelPosition?: "top" | "start" | undefined;
+} | undefined) => string) & {
+    variants: () => ("isHovered" | "isDisabled" | "isFocusVisible" | "labelPosition")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isHovered: {
+            true: {
+                boxShadow: `inset 0 0 0 1px var(--${string})`;
+            };
+        };
+        isFocusVisible: {
+            true: {
+                boxShadow: `inset 0 0 0 2px var(--${string})`;
+            };
+        };
+        isDisabled: {
+            true: (string | {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            })[];
+        };
+        labelPosition: {
+            top: {
+                width: "fit-content";
+            };
+            start: {};
+        };
+    }>;
+};
+export declare const iconColorInputButtonCn: ((options?: {
+    isHovered?: boolean | undefined;
+    isFocusVisible?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isHovered" | "isDisabled" | "isFocusVisible")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isHovered: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isFocusVisible: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+        isDisabled: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const colorInputBottomCn: string;
+export declare const colorNameCn: string;
+export declare const maxWidthCn: string;
+export declare const dialogCn: ((options?: {
+    includesCustomColorPicker?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => "includesCustomColorPicker"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        includesCustomColorPicker: {
+            true: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const presetsContainerCn: string;
+export declare const colorSwatchContainerCn: string;
+export declare const colorListBoxCn: string;
+export declare const colorSliderCn: string;
+export declare const sliderContainerCn: string;
+export declare const thumbCn: ((options?: {
+    isFocusVisible?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => "isFocusVisible"[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isFocusVisible: {
+            true: ({
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            } | {
+                outlineOffset: number;
+                borderWidth: number;
+            })[];
+        };
+    }>;
+};
+export declare const trackBgCn: string;
+export declare const hexColorInputFieldCn: ((options?: {
+    isFocused?: boolean | undefined;
+    isHovered?: boolean | undefined;
+    allowAlpha?: boolean | undefined;
+} | undefined) => string) & {
+    variants: () => ("isFocused" | "isHovered" | "allowAlpha")[];
+    classNames: import("@baseline-ui/css").RecipeClassNames<{
+        isFocused: {
+            true: ({
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            } | {
+                boxShadow: `inset 0 0 0 1px var(--${string})`;
+                zIndex: number;
+            })[];
+        };
+        isHovered: {
+            true: {
+                zIndex: number;
+            };
+        };
+        allowAlpha: {
+            false: {
+                "__@@Component_Sprinkles__": boolean;
+                baseSprinkles: string;
+                variantSprinkles: string;
+                compoundVariantSprinkles: string;
+            };
+        };
+    }>;
+};
+export declare const customColorsHeaderCn: string;
+export declare const numberInputCn: string;
+export declare const fieldsContainerCn: string;
+export declare const shakeKeyframeCn: string;
+export declare const shakeAnimationCn: string;

package/dist/components/ColorInput/ColorInput.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ColorInputProps } from "./ColorInput.types";
+export declare const ColorInput: React.ForwardRefExoticComponent<ColorInputProps & React.RefAttributes<HTMLDivElement>>;