@locus-ui/components 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,1236 @@
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, FC } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const breakpoints: readonly ["initial", "xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof breakpoints)[number];
+type Union<S = string, T extends string | number = string> = T | Omit<S, T>;
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type BooleanPropDef = {
+    type: "boolean";
+    default?: boolean;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+    dataAttr?: string;
+};
+type StringPropDef = {
+    type: "string";
+    default?: string;
+    required?: boolean;
+    className?: string;
+    cssProperty?: string;
+};
+type ReactNodePropDef<T = React.ReactNode> = {
+    type: "reactNode";
+    required?: boolean;
+};
+type EnumPropDef<T> = {
+    type: "enum";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+};
+type EnumOrStringPropDef<T extends string> = {
+    type: "enum | string";
+    values: readonly T[];
+    default?: T | "theme";
+    required?: boolean;
+    className?: string;
+    dataAttr?: string;
+};
+type ValueOrArrayPropDef<T> = {
+    type: "value | array";
+    default?: T | T[];
+    required?: boolean;
+    className?: string;
+};
+type FunctionPropDef<T extends (...args: any[]) => any = (...args: any[]) => any> = {
+    type: "function";
+    required?: boolean;
+};
+type BasePropDef<T = any> = BooleanPropDef | StringPropDef | ReactNodePropDef<T> | EnumPropDef<T> | EnumOrStringPropDef<T & string> | ValueOrArrayPropDef<T> | FunctionPropDef<T & ((...args: any[]) => any)>;
+type ResponsivePropDef<T = any> = BasePropDef<T> & {
+    responsive: true;
+};
+type GetPropDefType<Def> = Def extends BooleanPropDef ? Def extends ResponsivePropDef ? Responsive<boolean> : boolean : Def extends StringPropDef ? Def extends ResponsivePropDef ? Responsive<string> : string : Def extends ReactNodePropDef<infer Type> ? Type : Def extends FunctionPropDef<infer Fn> ? Fn : Def extends EnumOrStringPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Union<string, Type> : Def extends ValueOrArrayPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type | Type[]> : Type | Type[] : Def extends EnumPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type : never;
+type GetPropDefTypes<P> = {
+    [K in keyof P]?: GetPropDefType<P[K]>;
+};
+
+declare const AlignPropDef: {
+    /**
+     * The alignment of the component.
+     */
+    align: {
+        type: "enum";
+        values: readonly ["start", "center", "end"];
+        dataAttr: string;
+    };
+};
+type AlignProp = GetPropDefTypes<typeof AlignPropDef>;
+
+declare const ColorPropDef: {
+    /**
+     * Sets the color of the component.
+     *
+     * @example color="primary" // primary color
+     */
+    color: {
+        type: "enum | string";
+        values: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
+        dataAttr: string;
+        className: string;
+    };
+};
+type ColorProp = GetPropDefTypes<typeof ColorPropDef>;
+
+declare const MarginPropDefs: {
+    /**
+     * Sets margin on all sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example m="4" // 16px margin on all sides
+     * @example m="-26px" // -26px negative margin custom value
+     * @example m={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin
+     */
+    m: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the top of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mt="4" // 16px margin on all sides
+     * @example mt="-26px" // -26px negative margin custom value
+     * @example mt={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+     */
+    mt: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the bottom of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mb="4" // 16px margin on all sides
+     * @example mb="-26px" // -26px negative margin custom value
+     * @example mb={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+     */
+    mb: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the left of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example ml="4" // 16px margin on all sides
+     * @example ml="-26px" // -26px negative margin custom value
+     * @example ml={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+     */
+    ml: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the right of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mr="4" // 16px margin on all sides
+     * @example mr="-26px" // -26px negative margin custom value
+     * @example mr={{ initial: "2", md: "4", lg: "8" }} // responsive margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+     */
+    mr: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the left and right (horizontal) sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example mx="4" // 16px horizontal margin
+     * @example mx="-26px" // -26px negative horizontal margin custom value
+     * @example mx={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
+     */
+    mx: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets margin on the top and bottom (vertical) sides of the element.
+     * Supports scale, auto, inherit, custom, and responsive values.
+     *
+     * @example my="4" // 16px vertical margin
+     * @example my="-26px" // -26px negative vertical margin custom value
+     * @example my={{ initial: "2", md: "4", lg: "8" }} // responsive vertical margins
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
+     */
+    my: {
+        type: "enum | string";
+        values: readonly ["auto", "inherit", "-8", "-6", "-5", "-4", "-3", "-2", "-1", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+};
+type MarginProps = GetPropDefTypes<typeof MarginPropDefs>;
+
+declare const PaddingPropDefs: {
+    /**
+     * Sets padding on all sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example p="4" // 16px padding on all sides
+     * @example p="26px" // 26px padding custom value
+     * @example p={{ initial: "2", md: "4", lg: "8" }} // responsive padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding
+     */
+    p: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the top of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pt="4" // 16px top padding
+     * @example pt="26px" // 26px top padding custom value
+     * @example pt={{ initial: "2", md: "4", lg: "8" }} // responsive top padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+     */
+    pt: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the bottom of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pb="4" // 16px bottom padding
+     * @example pb="26px" // 26px bottom padding custom value
+     * @example pb={{ initial: "2", md: "4", lg: "8" }} // responsive bottom padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+     */
+    pb: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the left of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pl="4" // 16px left padding
+     * @example pl="26px" // 26px left padding custom value
+     * @example pl={{ initial: "2", md: "4", lg: "8" }} // responsive left padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+     */
+    pl: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the right of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example pr="4" // 16px right padding
+     * @example pr="26px" // 26px right padding custom value
+     * @example pr={{ initial: "2", md: "4", lg: "8" }} // responsive right padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+     */
+    pr: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the left and right (horizontal) sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example px="4" // 16px horizontal padding
+     * @example px="26px" // 26px horizontal padding custom value
+     * @example px={{ initial: "2", md: "4", lg: "8" }} // responsive horizontal padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
+     */
+    px: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets padding on the top and bottom (vertical) sides of the element.
+     * Supports scale, inherit, custom, and responsive values.
+     *
+     * @example py="4" // 16px vertical padding
+     * @example py="26px" // 26px vertical padding custom value
+     * @example py={{ initial: "2", md: "4", lg: "8" }} // responsive vertical padding
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
+     */
+    py: {
+        type: "enum | string";
+        values: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "8"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+};
+type PaddingProps = GetPropDefTypes<typeof PaddingPropDefs>;
+
+declare const RadiusPropDefs: {
+    /**
+     * Sets the border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius="md" // medium border-radius
+     * @example radius="26px" // 26px border-radius custom value
+     * @example radius={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @default "theme" // uses the theme's default border-radius value or none if not set
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+     */
+    radius: {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        default: "theme";
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the top border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius-t="md" // medium border-radius
+     * @example radius-t="26px" // 26px border-radius custom value
+     * @example radius-t={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+     */
+    "radius-t": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the right border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius-r="md" // medium border-radius
+     * @example radius-r="26px" // 26px border-radius custom value
+     * @example radius-r={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+     */
+    "radius-r": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the bottom border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius-b="md" // medium border-radius
+     * @example radius-b="26px" // 26px border-radius custom value
+     * @example radius-b={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+     */
+    "radius-b": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the left border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius-l="md" // medium border-radius
+     * @example radius-l="26px" // 26px border-radius custom value
+     * @example radius-l={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-top-radius
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-bottom-radius
+     */
+    "radius-l": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the top-left border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example radius-tl="md" // medium border-radius
+     * @example radius-tl="26px" // 26px border-radius custom value
+     * @example radius-tl={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
+     */
+    "radius-tl": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the top-right border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example "radius-tr"="md" // medium border-radius
+     * @example "radius-tr"="26px" // 26px border-radius custom value
+     * @example "radius-tr"={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
+     */
+    "radius-tr": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the bottom-right border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example "radius-br"="md" // medium border-radius
+     * @example "radius-br"="26px" // 26px border-radius custom value
+     * @example "radius-br"={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
+     */
+    "radius-br": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+    /**
+     * Sets the bottom-left border-radius of the element.
+     * Supports scaled, inherit, custom, and responsive values.
+     *
+     * @example "radius-bl"="md" // medium border-radius
+     * @example "radius-bl"="26px" // 26px border-radius custom value
+     * @example "radius-bl"={{ initial: "none", lg: "full" }} // responsive border-radius
+     *
+     * @link
+     * https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
+     */
+    "radius-bl": {
+        type: "enum | string";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        dataAttr: string;
+        className: string;
+        responsive: true;
+    };
+};
+type RadiusProps = GetPropDefTypes<typeof RadiusPropDefs>;
+
+declare const RoundnessPropDef: {
+    /**
+     * Sets the roundness multiplier for the element's radius.
+     * Supports scaled and inherit values.
+     *
+     * @example roundness="4" // 8px base roundness
+     * @example roundness="inherit" // inherits roundness from parent
+     *
+     * @default "theme" // uses the theme's default roundness value or none if not set
+     */
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "theme";
+        dataAttr: string;
+    };
+};
+type RoundnessProp = GetPropDefTypes<typeof RoundnessPropDef>;
+
+declare const SizePropDef: {
+    /**
+     * Sets the size of the component.
+     *
+     * @example size="md" // medium sized component
+     */
+    size: {
+        type: "enum | string";
+        values: readonly ["xs", "sm", "md", "lg", "xl"];
+        dataAttr: string;
+        className: string;
+    };
+};
+type SizeProp = GetPropDefTypes<typeof SizePropDef>;
+
+declare const SpacingPropDef: {
+    /**
+     * Sets the spacing scale for the component.
+     * This multiplier affects various layout properties such as margin, padding, and gap values.
+     *
+     * @example spacing="md" // medium spacing scale (1)
+     * @example spacing={{ initial: "sm", lg: "xl" }} // responsive spacing
+     *
+     * @default "theme" // uses the theme's default spacing value or none if not set
+     */
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        dataAttr: string;
+        default: "theme";
+        responsive: true;
+    };
+};
+type SpacingProp = GetPropDefTypes<typeof SpacingPropDef>;
+
+declare const AccordionContentPropDefs: {};
+type AccordionContentInternalProps = GetPropDefTypes<typeof AccordionContentPropDefs>;
+
+interface AllAccordionContentProps extends AccordionContentInternalProps, PaddingProps {
+}
+type AccordionContentProps = AllAccordionContentProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+};
+
+declare const AccordionHeaderPropDefs: {
+    /** The value of the parent AccordionItem — injected automatically */
+    value: {
+        type: "string";
+    };
+};
+type AccordionHeaderInternalProps = GetPropDefTypes<typeof AccordionHeaderPropDefs>;
+
+interface AllAccordionHeaderProps extends AccordionHeaderInternalProps, PaddingProps {
+}
+type AccordionHeaderProps = AllAccordionHeaderProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+};
+
+declare const AccordionItemPropDefs: {
+    /**
+     * Sets the accordion item to be open by default.
+     */
+    readonly open: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion item. Automatically generated if not provided.
+     */
+    readonly value: {
+        type: "string";
+    };
+};
+type AccordionItemInternalProps = GetPropDefTypes<typeof AccordionItemPropDefs>;
+
+interface AllAccordionItemProps extends AccordionItemInternalProps {
+}
+/**
+ * An individual item within an accordion. Contains the header and content for a single section of the accordion.
+ */
+type AccordionItemProps = AllAccordionItemProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+
+/**
+ * Type utility to restrict children to specific React element types.
+ * Use with Omit<Props, 'children'> & StrictChildren<AllowedProps>
+ *
+ * @example
+ * type MyComponentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
+ *   & StrictChildren<ChildAProps | ChildBProps>;
+ */
+type StrictChildren<AllowedChildProps> = {
+    children: React$1.ReactElement<AllowedChildProps> | React$1.ReactElement<AllowedChildProps>[];
+};
+/**
+ * Type utility to replace the children prop with strictly typed children.
+ * Combines Omit and StrictChildren in one step.
+ *
+ * @example
+ * type MyComponentProps = WithStrictChildren<
+ *   React.HTMLAttributes<HTMLDivElement>,
+ *   ChildAProps | ChildBProps
+ * >;
+ */
+type WithStrictChildren<Props extends {
+    children?: React$1.ReactNode;
+}, AllowedChildProps> = Omit<Props, "children"> & StrictChildren<AllowedChildProps>;
+
+declare const AccordionRootPropsDefs: {
+    /**
+     * Sets the variant style of the accordion ("solid", "outlined", or "muted").
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Allows multiple accordion items to be expanded simultaneously when set to true.
+     */
+    multiple: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion.
+     */
+    value: ValueOrArrayPropDef<string>;
+    /**
+     * Callback fired when the value of the accordion changes.
+     */
+    onValueChange: FunctionPropDef<(value: string | string[] | null) => void>;
+};
+type AccordionRootInternalProps = GetPropDefTypes<typeof AccordionRootPropsDefs>;
+
+interface AllAccordionRootProps extends AccordionRootInternalProps, SizeProp {
+}
+/**
+ * A versatile Accordion component, managing state, context, and styling.
+ */
+type AccordionRootProps = AllAccordionRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, AccordionItemProps>;
+
+declare const Accordion: React$1.FC<AccordionRootProps> & {
+    Root: React$1.FC<AccordionRootProps>;
+    Item: React$1.FC<AccordionItemProps>;
+    Header: React$1.FC<AccordionHeaderProps>;
+    Content: React$1.FC<AccordionContentProps>;
+};
+
+interface BoxExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Box: React$1.ForwardRefExoticComponent<GetPropDefTypes<{}> & BoxExternalProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const ButtonRootPropsDefs: {
+    /**
+     * Sets the variant style of the button ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+    /**
+     * Enables high contrast mode for better visibility.
+     * @default undefined
+     */
+    readonly highContrast: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Disables the button component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the button read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+};
+type ButtonRootInternalProps = GetPropDefTypes<typeof ButtonRootPropsDefs>;
+
+interface AllButtonRootProps extends ButtonRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type ButtonRootProps = AllButtonRootProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const Button: React.FC<ButtonRootProps>;
+
+declare const CheckboxIndicatorPropDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+};
+type CheckboxIndicatorInternalProps = GetPropDefTypes<typeof CheckboxIndicatorPropDefs>;
+
+interface AllCheckboxIndicatorProps extends CheckboxIndicatorInternalProps, SizeProp {
+}
+type CheckboxIndicatorProps = AllCheckboxIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
+
+declare const CheckboxLabelPropDefs: {
+    /**
+     * Sets the position of the label relative to the checkbox.
+     *
+     * @example position="left" // positions the label to the left of the checkbox
+     * @example position="top" // positions the label above the checkbox
+     */
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "right", "bottom"];
+        dataAttr: string;
+    };
+};
+type CheckboxLabelInternalProps = GetPropDefTypes<typeof CheckboxLabelPropDefs>;
+
+interface AllCheckboxLabelProps extends CheckboxLabelInternalProps {
+}
+type CheckboxLabelProps = AllCheckboxLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+
+declare const CheckboxRootPropsDefs: {
+    /**
+     * Sets the variant style of the checkbox ("solid" or "outlined").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Sets the checked state of the checkbox.
+     *
+     * When using an uncontrolled checkbox, use `defaultChecked` instead.
+     * @default undefined
+     */
+    readonly checked: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the indeterminate state of the checkbox.
+     * @default undefined
+     */
+    readonly indeterminate: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Enables high contrast mode for better visibility.
+     * @default undefined
+     */
+    readonly highContrast: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The value of the checkbox (checked state).
+     */
+    readonly value: {
+        type: "boolean";
+    };
+    /**
+     * Sets the default checked state of the checkbox.
+     * @default undefined
+     */
+    readonly defaultChecked: {
+        type: "boolean";
+    };
+    /**
+     * Disables the checkbox component.
+     * @default undefined
+     */
+    readonly disabled: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Makes the checkbox read-only.
+     * @default undefined
+     */
+    readonly readonly: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Marks the checkbox as required.
+     * @default undefined
+     */
+    readonly required: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * Sets the name attribute of the checkbox input for form control.
+     * @default undefined
+     */
+    readonly name: {
+        type: "string";
+    };
+    /**
+     * Callback fired when the checked state changes.
+     *
+     * @param value - The new checked state.
+     */
+    readonly onCheckedChange: FunctionPropDef<(value: boolean) => void>;
+};
+type CheckboxRootInternalProps = GetPropDefTypes<typeof CheckboxRootPropsDefs>;
+
+interface AllCheckboxRootProps extends CheckboxRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
+}
+/**
+ * A versatile Checkbox, managing state, context, and styling.
+ */
+type CheckboxRootProps = AllCheckboxRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, CheckboxLabelProps | CheckboxIndicatorProps>;
+
+declare const Checkbox: React$1.FC<CheckboxRootProps> & {
+    Root: React$1.FC<CheckboxRootProps>;
+    Label: React$1.ForwardRefExoticComponent<AllCheckboxLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Indicator: React$1.FC<CheckboxIndicatorProps>;
+};
+
+declare const Container: React$1.ForwardRefExoticComponent<{} & {
+    direction?: "row" | "column" | undefined;
+} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const variants: readonly ["clear", "shadow", "blurred"];
+type PortalBackdropInternalProps = {
+    /**
+     * The visual style variant of the backdrop.
+     *
+     * @example variant="blurred" // Applies a blurred effect to the backdrop
+     * @default "clear"
+     */
+    variant?: (typeof variants)[number];
+    /**
+     * The opacity level of the backdrop.
+     *
+     * @example opacity="0.5" // Sets the backdrop opacity to 50%
+     * @default "0.3"
+     */
+    opacity?: string;
+    /**
+     * The blur amount applied to the backdrop when the "blurred" variant is used.
+     *
+     * @example blur="4px" // Sets the backdrop blur to 4 pixels
+     * @default "2px"
+     */
+    blur?: string;
+};
+
+interface AllPortalBackdropProps extends PortalBackdropInternalProps {
+}
+type PortalBackdropProps = AllPortalBackdropProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children">;
+
+declare const PortalContentPropsDefs: {
+    /**
+     * The position of the portal content relative to the screen if no anchor is used.
+     *
+     * @example position="bl" // Portal renders at bottom-left of the screen
+     */
+    position: {
+        type: "enum";
+        values: readonly ["tl", "top", "tr", "left", "center", "right", "bl", "bottom", "br"];
+        default: "center";
+        dataAttr: string;
+    };
+    /**
+     * Whether the portal content is anchored to an element.
+     *
+     * When anchored, the portal content is positioned relative to the trigger element unless a custom anchorRef is provided.
+     */
+    anchored: {
+        type: "boolean";
+        dataAttr: string;
+    };
+    /**
+     * The side of the anchor element to position the portal content on.
+     *
+     * @default "bottom"
+     */
+    side: {
+        type: "enum";
+        values: readonly ["top", "right", "bottom", "left"];
+        default: "bottom";
+    };
+    /** Offset in pixels from the anchor element along the side axis. */
+    sideOffset: {
+        type: "string";
+    };
+    /** Offset in pixels along the alignment axis. */
+    alignOffset: {
+        type: "string";
+    };
+};
+type PortalContentInternalProps = GetPropDefTypes<typeof PortalContentPropsDefs>;
+
+interface AllPortalContentProps extends PortalContentInternalProps, AlignProp {
+}
+type PortalContentProps = AllPortalContentProps & React$1.HTMLAttributes<HTMLDivElement>;
+
+interface PortalTriggerProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    asChild?: boolean;
+}
+
+declare const PortalRootPropsDefs: {
+    /** Whether the portal is open. */
+    open: {
+        type: "boolean";
+        default: false;
+    };
+    /** Callback fired when the open state changes. */
+    onOpenChange: {
+        type: "function";
+    };
+    /** Whether the portal is open by default (uncontrolled). */
+    defaultOpen: {
+        type: "boolean";
+        default: false;
+    };
+    /** Custom anchor element ref. If not provided, the trigger is used as anchor. */
+    anchorRef: ReactNodePropDef<React.RefObject<HTMLElement | null>>;
+};
+type PortalRootInternalProps = GetPropDefTypes<typeof PortalRootPropsDefs>;
+
+interface AllPortalRootProps extends PortalRootInternalProps {
+}
+type PortalRootProps = AllPortalRootProps & WithStrictChildren<React$1.HTMLAttributes<HTMLDivElement>, PortalTriggerProps | PortalBackdropProps | PortalContentProps>;
+
+declare const Portal: {
+    /** The root component that provides context for the portal. */
+    Root: React$1.FC<PortalRootProps>;
+    /** The trigger element that opens the portal when interacted with. */
+    Trigger: React$1.ForwardRefExoticComponent<PortalTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+    /** The content displayed inside the portal when open. */
+    Content: React$1.ForwardRefExoticComponent<AllPortalContentProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+    /** A backdrop optionally displayed behind portal content when open. */
+    Backdrop: React$1.ForwardRefExoticComponent<AllPortalBackdropProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+interface SelectSeparatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+
+declare const SelectItemPropDefs: {
+    readonly value: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+        default: false;
+    };
+};
+type SelectItemInternalProps = GetPropDefTypes<typeof SelectItemPropDefs>;
+
+interface AllSelectItemProps extends SelectItemInternalProps {
+}
+
+declare const SelectLabelPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["top", "left", "inside"];
+        default: "top";
+        dataAttr: string;
+    };
+};
+type SelectLabelInternalProps = GetPropDefTypes<typeof SelectLabelPropDefs>;
+
+interface AllSelectLabelProps extends SelectLabelInternalProps {
+}
+type SelectLabelProps = AllSelectLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+    children?: React$1.ReactNode;
+};
+
+declare const SelectGroupsPropDefs: {
+    readonly title: {
+        type: "string";
+    };
+};
+type SelectGroupInternalProps = GetPropDefTypes<typeof SelectGroupsPropDefs>;
+
+interface AllSelectGroupProps extends SelectGroupInternalProps {
+}
+
+interface SelectViewportProps extends React$1.HTMLAttributes<HTMLDivElement> {
+}
+
+declare const SelectContentPropDefs: {
+    readonly position: {
+        type: "enum";
+        values: readonly ["popper", "inline"];
+        default: "popper";
+        dataAttr: string;
+    };
+    readonly side: {
+        type: "enum";
+        values: readonly ["top", "bottom"];
+        default: "bottom";
+        dataAttr: string;
+    };
+    readonly offset: {
+        type: "string";
+    };
+    readonly align: {
+        type: "enum";
+        values: readonly ["start", "center", "end"];
+        default: "center";
+        dataAttr: string;
+    };
+};
+type SelectContentInternalProps = GetPropDefTypes<typeof SelectContentPropDefs>;
+
+interface AllSelectContentProps extends SelectContentInternalProps, RadiusProps, SpacingProp {
+}
+type SelectContentProps = AllSelectContentProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React$1.ReactNode;
+};
+
+declare const SelectTriggerPropsDefs: {};
+type SelectTriggerInternalProps = GetPropDefTypes<typeof SelectTriggerPropsDefs>;
+
+interface AllSelectTriggerProps extends SelectTriggerInternalProps, RadiusProps, RoundnessProp {
+}
+type SelectTriggerProps = AllSelectTriggerProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    asChild?: boolean;
+    children?: React$1.ReactNode;
+};
+
+declare const SelectRootPropsDefs: {
+    readonly variant: {
+        type: "enum";
+        values: readonly ["outlined", "solid", "clear"];
+        dataAttr: string;
+    };
+    readonly value: {
+        type: "string";
+    };
+    readonly defaultValue: {
+        type: "string";
+    };
+    readonly disabled: {
+        type: "boolean";
+    };
+    readonly required: {
+        type: "boolean";
+    };
+    readonly placeholder: {
+        type: "string";
+    };
+    readonly name: {
+        type: "string";
+    };
+    readonly onValueChange: FunctionPropDef<(value: string) => void>;
+};
+type SelectRootInternalProps = GetPropDefTypes<typeof SelectRootPropsDefs>;
+
+interface AllSelectRootProps extends SelectRootInternalProps, MarginProps, RadiusProps {
+}
+type SelectRootProps = AllSelectRootProps & WithStrictChildren<HTMLAttributes<HTMLSelectElement>, SelectLabelProps | SelectTriggerProps | SelectContentProps>;
+
+declare const Select: {
+    Root: React$1.FC<SelectRootProps>;
+    Trigger: React$1.ForwardRefExoticComponent<AllSelectTriggerProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Content: React$1.ForwardRefExoticComponent<AllSelectContentProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Viewport: React$1.ForwardRefExoticComponent<SelectViewportProps & React$1.RefAttributes<HTMLDivElement>>;
+    Group: React$1.ForwardRefExoticComponent<AllSelectGroupProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+    Label: React$1.ForwardRefExoticComponent<AllSelectLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLLabelElement>>;
+    Item: React$1.ForwardRefExoticComponent<AllSelectItemProps & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Separator: React$1.ForwardRefExoticComponent<SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>>;
+};
+
+declare const SeparatorPropsDefs: {
+    /**
+     * The direction of the separator.
+     *
+     * @example direction="vertical" // positions the separator vertically
+     */
+    direction: {
+        type: "enum";
+        values: readonly ["horizontal", "vertical"];
+        default: "horizontal";
+        dataAttr: string;
+    };
+    /**
+     * The variant of the separator.
+     *
+     * @example variant="dashed" // makes the separator dashed
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "dashed", "dotted"];
+        default: "solid";
+        dataAttr: string;
+    };
+};
+type SeparatorInternalProps = GetPropDefTypes<typeof SeparatorPropsDefs>;
+
+interface AllSeparatorProps extends SeparatorInternalProps, MarginProps, PaddingProps {
+}
+type SeparatorProps = AllSeparatorProps & React__default.HTMLAttributes<HTMLDivElement>;
+/**
+ * A component for visually separating content with a line
+ */
+declare const Separator: FC<SeparatorProps>;
+
+interface TextExternalProps extends MarginProps, PaddingProps {
+}
+/**
+ * A component for displaying text with customizable styling and layout.
+ */
+declare const Text: React__default.ForwardRefExoticComponent<GetPropDefTypes<{
+    disabled: {
+        type: "boolean";
+        default: false;
+        dataAttr: string;
+    };
+}> & TextExternalProps & React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+
+declare const ThemePropsDefs: {
+    appearance: {
+        type: "enum";
+        values: readonly ["inherit", "light", "dark"];
+        default: "inherit";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "xs", "sm", "md", "lg", "xl", "full", "inherit"];
+        default: "md";
+    };
+    roundness: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "inherit"];
+        default: "3";
+    };
+    spacing: {
+        type: "enum";
+        values: readonly ["xs", "sm", "md", "lg", "xl", "inherit"];
+        default: "md";
+    };
+};
+
+declare const Theme: React$1.ForwardRefExoticComponent<{} & {
+    radius?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | "none" | "full" | undefined;
+    roundness?: "inherit" | "1" | "2" | "3" | "4" | "5" | "6" | undefined;
+    spacing?: "xs" | "sm" | "md" | "lg" | "xl" | "inherit" | undefined;
+    appearance?: "inherit" | "dark" | "light" | undefined;
+} & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+type ThemeAppearance = (typeof ThemePropsDefs.appearance.values)[number];
+type ThemeRadius = (typeof ThemePropsDefs.radius.values)[number];
+type ThemeRoundness = (typeof ThemePropsDefs.roundness.values)[number];
+type ThemeSpacing = (typeof ThemePropsDefs.spacing.values)[number];
+interface ThemeChangeHandlers {
+    onAppearanceChange?: (appearance: ThemeAppearance) => void;
+    onRadiusChange?: (radius: ThemeRadius) => void;
+    onRoundnessChange?: (roundness: ThemeRoundness) => void;
+    onSpacingChange?: (spacing: ThemeSpacing) => void;
+}
+interface ThemeContextValue extends ThemeChangeHandlers {
+    appearance: ThemeAppearance;
+    radius: ThemeRadius;
+    roundness: ThemeRoundness;
+    spacing: ThemeSpacing;
+}
+declare function useTheme(): ThemeContextValue;
+
+declare function ThemeControl(): react_jsx_runtime.JSX.Element;
+
+export { Accordion, Box, Button, Checkbox, Container, Portal, Select, Separator, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };