@locus-ui/components 0.0.16 → 0.1.1

package/dist/index.d.ts

@@ -1,1524 +1,81 @@
-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 NumberPropDef = {
-    type: "number";
-    default?: number;
-    required?: boolean;
-};
-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;
-    transform?: (value: string) => 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 | NumberPropDef | 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 NumberPropDef ? Def extends ResponsivePropDef ? Responsive<number> : number : 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>;
-
-/**
- * Parses a color string (hex, rgb, or raw r,g,b) into a raw "r, g, b" string
- * suitable for use with CSS rgba().
- *
- * Supported formats:
- * - Hex: "#7BEB34", "#7beb34", "#abc"
- * - RGB function: "rgb(125, 235, 52)"
- * - Raw: "125, 235, 52"
- *
- * Returns the original string unchanged if parsing fails.
- */
-declare function parseColor(value: string): string;
-
-declare const ColorPropDef: {
-    /**
-     * Sets the color of the component.
-     *
-     * Uses predefined theme colors ("primary", "secondary", etc.) or accepts custom color values in hex, rgb, or raw rgb formats.
-     *
-     * @example color="primary" // primary color
-     * @example color="#7BEB34" // hex color
-     * @example color="rgb(125, 235, 52)" // rgb color
-     * @example color="125, 235, 52" // raw rgb values
-     */
-    color: {
-        type: "enum | string";
-        values: readonly ["primary", "secondary", "tertiary", "accent", "success", "warning", "danger", "info"];
-        dataAttr: string;
-        className: string;
-        transform: typeof parseColor;
-    };
-};
-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>;
-/**
- * Like WithStrictChildren, but children are optional.
- * When provided, children are still restricted to the allowed types.
- */
-type WithOptionalStrictChildren<Props extends {
-    children?: React$1.ReactNode;
-}, AllowedChildProps> = Omit<Props, "children"> & Partial<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>;
-};
-
-declare const BadgeRootPropsDefs: {
-    /**
-     * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
-     */
-    readonly variant: {
-        type: "enum";
-        values: readonly ["solid", "outlined", "muted", "clear"];
-        dataAttr: string;
-    };
-};
-type BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;
-
-interface AllBadgeRootProps extends BadgeRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
-}
-type BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;
-declare const Badge: React.FC<BadgeRootProps>;
-
-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>>;
-
-interface FlexExternalProps extends MarginProps, PaddingProps, SpacingProp {
-}
-/**
- * A versatile container used to provide layout and styling capabilities.
- */
-declare const Flex: React$1.ForwardRefExoticComponent<GetPropDefTypes<{
-    readonly gap: {
-        type: "enum | string";
-        values: readonly ["0", "1", "2", "3", "4", "5", "6", "8"];
-        dataAttr: string;
-        responsive: true;
-    };
-    readonly justify: {
-        type: "enum";
-        values: readonly ["start", "end", "center", "between", "around", "evenly"];
-        dataAttr: string;
-        responsive: true;
-    };
-    readonly direction: {
-        type: "enum";
-        values: readonly ["row", "row-reverse", "column", "column-reverse"];
-        dataAttr: string;
-        responsive: true;
-    };
-    readonly align: {
-        type: "enum";
-        values: readonly ["start", "end", "center", "stretch", "baseline"];
-        dataAttr: string;
-        responsive: true;
-    };
-    readonly wrap: {
-        type: "enum";
-        values: readonly ["nowrap", "wrap", "wrap-reverse"];
-        dataAttr: string;
-        responsive: true;
-    };
-}> & FlexExternalProps & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-
-interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp, ColorProp {
-}
-/**
- * A versatile container used to provide layout and styling capabilities.
- */
-declare const Panel: React$1.ForwardRefExoticComponent<GetPropDefTypes<{
-    readonly variant: {
-        type: "enum";
-        values: readonly ["solid", "outlined", "muted"];
-        dataAttr: string;
-    };
-    readonly blur: {
-        type: "string";
-        default: string;
-        cssProperty: string;
-    };
-}> & PanelExternalProps & 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>>;
-};
-
-declare const ProgressBarFillPropsDefs: {
-    /**
-     * The value of the progress bar (filled state).
-     * Should be a number between 0 and 1 representing the percentage of completion.
-     */
-    readonly value: {
-        type: "number";
-    };
-};
-type ProgressBarFillInternalProps = GetPropDefTypes<typeof ProgressBarFillPropsDefs>;
-
-interface AllProgressBarFillProps extends ProgressBarFillInternalProps, ColorProp, MarginProps, SizeProp {
-}
-/**
- * A ProgressBarFill.
- */
-type ProgressBarFillProps = AllProgressBarFillProps & HTMLAttributes<HTMLDivElement>;
-
-declare const ProgressBarRootPropsDefs: {
-    /**
-     * Sets the variant style of the progress bar ("solid", "outlined", or "muted").
-     */
-    readonly variant: {
-        type: "enum";
-        values: readonly ["solid", "outlined", "muted"];
-        dataAttr: string;
-    };
-    /**
-     * The value of the progress bar (filled state).
-     * Should be a number between 0 and 1 representing the percentage of completion.
-     */
-    readonly value: {
-        type: "number";
-    };
-};
-type ProgressBarRootInternalProps = GetPropDefTypes<typeof ProgressBarRootPropsDefs>;
-
-interface AllProgressBarRootProps extends ProgressBarRootInternalProps, ColorProp, MarginProps, SizeProp {
-}
-type ProgressBarRootProps = AllProgressBarRootProps & WithOptionalStrictChildren<HTMLAttributes<HTMLDivElement>, ProgressBarFillProps>;
-
-/**
- * A Progress Bar component to display single or stacked progress bars.
- */
-declare const ProgressBar: React$1.FC<ProgressBarRootProps> & {
-    /**
-     * The root component for the Progress Bar.
-     */
-    Root: React$1.FC<ProgressBarRootProps>;
-    /**
-     * The fill component for the Progress Bar, representing the filled portion.
-     */
-    Fill: React$1.FC<ProgressBarFillProps>;
-};
-
-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>;
-
-declare const SwitchIndicatorPropDefs: {
-    /**
-     * Sets the variant style of the switch ("solid" or "outlined").
-     */
-    readonly variant: {
-        type: "enum";
-        values: readonly ["solid", "outlined", "muted"];
-        dataAttr: string;
-    };
-};
-type SwitchIndicatorInternalProps = GetPropDefTypes<typeof SwitchIndicatorPropDefs>;
-
-interface AllSwitchIndicatorProps extends SwitchIndicatorInternalProps, SizeProp {
-}
-type SwitchIndicatorProps = AllSwitchIndicatorProps & Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children">;
-
-declare const SwitchLabelPropDefs: {
-    /**
-     * Sets the position of the label relative to the switch.
-     *
-     * @example position="left" // positions the label to the left of the switch
-     * @example position="top" // positions the label above the switch
-     */
-    readonly position: {
-        type: "enum";
-        values: readonly ["top", "left", "right", "bottom"];
-        dataAttr: string;
-    };
-};
-type SwitchLabelInternalProps = GetPropDefTypes<typeof SwitchLabelPropDefs>;
-
-interface AllSwitchLabelProps extends SwitchLabelInternalProps {
-}
-type SwitchLabelProps = AllSwitchLabelProps & Omit<React__default.HTMLAttributes<HTMLLabelElement>, "children"> & {
-    children?: React__default.ReactNode;
-};
-
-declare const SwitchRootPropsDefs: {
-    /**
-     * Sets the variant style of the switch ("solid" or "outlined").
-     */
-    readonly variant: {
-        type: "enum";
-        values: readonly ["solid", "outlined", "muted"];
-        dataAttr: string;
-    };
-    /**
-     * Sets the checked state of the switch.
-     *
-     * When using an uncontrolled switch, use `defaultChecked` instead.
-     * @default undefined
-     */
-    readonly checked: {
-        type: "boolean";
-        dataAttr: string;
-    };
-    /**
-     * The value of the switch (checked state).
-     */
-    readonly value: {
-        type: "boolean";
-    };
-    /**
-     * Sets the default checked state of the switch.
-     * @default undefined
-     */
-    readonly defaultChecked: {
-        type: "boolean";
-    };
-    /**
-     * Disables the switch component.
-     * @default undefined
-     */
-    readonly disabled: {
-        type: "boolean";
-        dataAttr: string;
-    };
-    /**
-     * Makes the switch read-only.
-     * @default undefined
-     */
-    readonly readonly: {
-        type: "boolean";
-        dataAttr: string;
-    };
-    /**
-     * Marks the switch as required.
-     * @default undefined
-     */
-    readonly required: {
-        type: "boolean";
-        dataAttr: string;
-    };
-    /**
-     * Sets the name attribute of the switch 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 SwitchRootInternalProps = GetPropDefTypes<typeof SwitchRootPropsDefs>;
-
-interface AllSwitchRootProps extends SwitchRootInternalProps, AlignProp, ColorProp, MarginProps, SizeProp {
-}
-/**
- * A versatile Switch, managing state, context, and styling.
- */
-type SwitchRootProps = AllSwitchRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, SwitchLabelProps | SwitchIndicatorProps>;
-
-declare const Switch: React$1.FC<SwitchRootProps> & {
-    Root: React$1.FC<SwitchRootProps>;
-    Label: React$1.ForwardRefExoticComponent<AllSwitchLabelProps & Omit<React$1.HTMLAttributes<HTMLLabelElement>, "children"> & {
-        children?: React.ReactNode;
-    } & React$1.RefAttributes<HTMLLabelElement>>;
-    Indicator: React$1.FC<SwitchIndicatorProps>;
-};
-
-interface TextExternalProps extends MarginProps, PaddingProps, ColorProp {
-}
-/**
- * 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 const ThemeControlPosition: readonly ["tl", "top", "tr", "left", "center", "right", "bl", "bottom", "br"];
-interface ThemeControlProps {
-    position?: (typeof ThemeControlPosition)[number];
-}
-declare function ThemeControl({ position }: ThemeControlProps): react_jsx_runtime.JSX.Element;
-
-export { Accordion, Badge, Box, Button, Checkbox, Container, Flex, Panel, Portal, ProgressBar, Select, Separator, Switch, Text, Theme, type ThemeAppearance, ThemeControl, type ThemeRadius, type ThemeRoundness, type ThemeSpacing, useTheme };
+export { Accordion } from './components/accordion/accordion.js';
+export { Badge } from './components/badge/badge.js';
+export { Box } from './components/box/box.js';
+export { Button } from './components/button/button.js';
+export { Checkbox } from './components/checkbox/checkbox.js';
+export { Container } from './components/container/container.js';
+export { Flex } from './components/flex/flex.js';
+export { Panel } from './components/panel/panel.js';
+export { Portal } from './components/portal/portal.js';
+export { ProgressBar } from './components/progress-bar/progress-bar.js';
+export { Select } from './components/select/select.js';
+export { Separator } from './components/separator/separator.js';
+export { Switch } from './components/switch/switch.js';
+export { Text } from './components/text/text.js';
+export { Theme } from './components/theme/theme.js';
+export { ThemeAppearance, ThemeRadius, ThemeRoundness, ThemeSpacing, useTheme } from './components/theme/theme-context.js';
+export { ThemeControl } from './components/theme/theme-control.js';
+import './components/accordion/content/accordion-content.js';
+import 'react';
+import './props/padding.prop.js';
+import './props/prop-def.js';
+import './components/accordion/content/accordion-content.props.js';
+import './components/accordion/header/accordion-header.js';
+import './components/accordion/header/accordion-header.props.js';
+import './components/accordion/item/accordion-item.js';
+import './components/accordion/item/accordion-item.props.js';
+import './components/accordion/root/accordion-root.js';
+import './props/size.prop.js';
+import './utils/filter-children.js';
+import './components/accordion/root/accordion-root.props.js';
+import './props/color.prop.js';
+import './utils/parse-color.js';
+import './props/margin.prop.js';
+import './props/radius.prop.js';
+import './components/badge/badge.props.js';
+import './props/roundness.prop.js';
+import './props/spacing.prop.js';
+import './components/button/button.props.js';
+import './components/checkbox/indicator/checkbox-indicator.js';
+import './components/checkbox/indicator/checkbox-indicator.props.js';
+import './components/checkbox/label/checkbox-label.js';
+import './components/checkbox/label/checkbox-label.props.js';
+import './components/checkbox/root/checkbox-root.js';
+import './props/align.prop.js';
+import './components/checkbox/root/checkbox-root.props.js';
+import './utils/get-props.js';
+import './components/container/container.props.js';
+import './components/portal/backdrop/portal-backdrop.js';
+import './components/portal/backdrop/portal-backdrop.props.js';
+import './components/portal/content/portal-content.js';
+import './components/portal/content/portal-content.props.js';
+import './components/portal/trigger/portal-trigger.js';
+import './components/portal/root/portal-root.js';
+import './components/portal/root/portal-root.props.js';
+import './components/progress-bar/fill/progress-bar-fill.js';
+import './components/progress-bar/fill/progress-bar-fill.props.js';
+import './components/progress-bar/root/progress-bar-root.js';
+import './components/progress-bar/root/progress-bar-root.props.js';
+import './components/select/separator/select-separator.js';
+import './components/select/item/select-item.js';
+import './components/select/item/select-item.props.js';
+import './components/select/label/select-label.js';
+import './components/select/label/select-label.props.js';
+import './components/select/group/select-group.js';
+import './components/select/group/select-group.props.js';
+import './components/select/viewport/select-viewport.js';
+import './components/select/content/select-content.js';
+import './components/select/content/select-content.props.js';
+import './components/select/trigger/select-trigger.js';
+import './components/select/trigger/select-trigger.props.js';
+import './components/select/root/select-root.js';
+import './components/select/root/select-root.props.js';
+import './components/separator/separator.props.js';
+import './components/switch/indicator/switch-indicator.js';
+import './components/switch/indicator/switch-indicator.props.js';
+import './components/switch/label/switch-label.js';
+import './components/switch/label/switch-label.props.js';
+import './components/switch/root/switch-root.js';
+import './components/switch/root/switch-root.props.js';
+import './components/theme/theme.props.js';
+import 'react/jsx-runtime';