@refraktor/core 0.0.1 → 0.0.2

package/src/components/select/select-dropdown/select-dropdown.tsx

@@ -201,6 +201,7 @@ const SelectDropdown = factory<SelectDropdownFactoryPayload>(
                 transition="fade"
                 duration={150}
                 mounted={select.select.opened}
+                style={{ position: "relative", zIndex: 1000 }}
                 {...select.transitionProps}
             >
                 <div
@@ -211,6 +212,7 @@ const SelectDropdown = factory<SelectDropdownFactoryPayload>(
                     tabIndex={-1}
                     style={{
                         ...select.select.floatingStyles,
+                        zIndex: 1000,
                         width: referenceWidth,
                         ...style
                     }}
@@ -273,16 +275,15 @@ const SelectDropdown = factory<SelectDropdownFactoryPayload>(
             </Transition>
         );
 
-        const wrappedContent = select.select.opened ? (
+        const wrappedContent = (
             <FloatingFocusManager
                 context={select.select.context}
                 modal={false}
                 initialFocus={-1}
+                disabled={!select.select.opened}
             >
                 {dropdownContent}
             </FloatingFocusManager>
-        ) : (
-            dropdownContent
         );
 
         return select.withinPortal ? (

package/src/components/select/select-item/select-item.tsx

@@ -95,7 +95,6 @@ const SelectItem = factory<SelectItemFactoryPayload>(
                     "w-full text-left p-1.5 text-sm rounded-none appearance-none border-none bg-transparent",
                     "inline-flex items-center gap-2 outline-none transition-colors",
                     "hover:bg-[var(--refraktor-bg-hover)] focus-visible:bg-[var(--refraktor-bg-hover)]",
-                    "data-[selected=true]:bg-[var(--refraktor-bg-hover)]",
                     "data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none data-[disabled=true]:cursor-not-allowed",
                     getRadius(select.radius),
                     select.getStyles("item"),

package/src/components/select/select-root/select-root.tsx

@@ -1,9 +1,18 @@
 import { useId, useUncontrolled } from "@refraktor/utils";
-import { useCallback, useEffect, useRef } from "react";
+import {
+    Children,
+    isValidElement,
+    useCallback,
+    useEffect,
+    useMemo,
+    useRef
+} from "react";
+import type { ReactNode } from "react";
 import { useTheme } from "../../../theme";
 import { factory, useClassNames, useProps } from "../../../utils";
 import {
     focusSelectItem,
+    getNodeTextValue,
     getNavigableSelectItems,
     SelectProvider,
     useSelectItemsRegistry
@@ -18,6 +27,7 @@ import type {
     SelectRootProps
 } from "../select.types";
 import { useSelect } from "../use-select";
+import { InputWrapper } from "../../input/input-wrapper";
 
 const defaultProps = {
     positioning: {
@@ -37,11 +47,52 @@ const defaultProps = {
     closeOnEscape: true
 } satisfies Partial<SelectRootProps>;
 
+function collectSelectItemLabels(node: ReactNode, labels: Map<string, string>) {
+    Children.forEach(node, (child) => {
+        if (!isValidElement(child)) {
+            return;
+        }
+
+        const typeDisplayName = (child.type as { displayName?: string })
+            .displayName;
+        const props = child.props as {
+            value?: string;
+            textValue?: string;
+            children?: ReactNode;
+        };
+
+        if (
+            typeDisplayName === "@refraktor/core/Select.Item" &&
+            typeof props.value === "string"
+        ) {
+            labels.set(
+                props.value,
+                getNodeTextValue(props.children, props.textValue) || props.value
+            );
+        }
+
+        if (props.children !== undefined && props.children !== null) {
+            collectSelectItemLabels(props.children, labels);
+        }
+    });
+}
+
+function getSelectItemLabels(node: ReactNode) {
+    const labels = new Map<string, string>();
+    collectSelectItemLabels(node, labels);
+    return labels;
+}
+
 const SelectRoot = factory<SelectRootFactoryPayload>((_props, ref) => {
     const { cx } = useTheme();
     const {
         id,
         children,
+        label,
+        description,
+        error,
+        required,
+        withAsterisk,
         value,
         defaultValue,
         onChange,
@@ -74,6 +125,8 @@ const SelectRoot = factory<SelectRootFactoryPayload>((_props, ref) => {
     const _id = useId(id);
     const listId = `${_id}-listbox`;
     const triggerId = `${_id}-trigger`;
+    const hasWrapper = label || description || error;
+    const inferredLabels = useMemo(() => getSelectItemLabels(children), [children]);
 
     const [selectedValue, setSelectedValue] = useUncontrolled<string | null>({
         value,
@@ -153,8 +206,12 @@ const SelectRoot = factory<SelectRootFactoryPayload>((_props, ref) => {
             return "";
         }
 
-        return labelsRef.current.get(selectedValue) ?? selectedValue;
-    }, [selectedValue]);
+        return (
+            labelsRef.current.get(selectedValue) ??
+            inferredLabels.get(selectedValue) ??
+            selectedValue
+        );
+    }, [selectedValue, inferredLabels]);
 
     const focusFirstItem = useCallback(() => {
         const items = getNavigableSelectItems(getVisibleItems());
@@ -216,6 +273,8 @@ const SelectRoot = factory<SelectRootFactoryPayload>((_props, ref) => {
         searchPlaceholder,
         nothingFound,
         disabled: !!disabled,
+        error: !!error,
+        required: !!required,
         size,
         radius,
         variant,
@@ -238,16 +297,33 @@ const SelectRoot = factory<SelectRootFactoryPayload>((_props, ref) => {
         getStyles
     };
 
+    const content = (
+        <div
+            ref={ref}
+            id={_id}
+            className={cx("relative w-full", classes.root, className)}
+            {...props}
+        >
+            {children}
+        </div>
+    );
+
     return (
         <SelectProvider value={context}>
-            <div
-                ref={ref}
-                id={_id}
-                className={cx("relative w-full", classes.root, className)}
-                {...props}
-            >
-                {children}
-            </div>
+            {hasWrapper ? (
+                <InputWrapper
+                    label={label}
+                    description={description}
+                    error={error}
+                    required={required}
+                    withAsterisk={withAsterisk}
+                    inputId={triggerId}
+                >
+                    {content}
+                </InputWrapper>
+            ) : (
+                content
+            )}
         </SelectProvider>
     );
 });

package/src/components/select/select-trigger/select-trigger.tsx

@@ -81,6 +81,8 @@ const SelectTrigger = factory<SelectTriggerFactoryPayload>(
                         select.triggerInputRef.current = node;
                     }}
                     readOnly
+                    required={select.required}
+                    error={select.error}
                     disabled={select.disabled}
                     value={hasValue ? selectedLabel : ""}
                     placeholder={hasValue ? undefined : placeholder ?? select.placeholder}

package/src/components/select/select.context.ts

@@ -29,6 +29,8 @@ export interface SelectContextValue {
     searchPlaceholder: string;
     nothingFound: ReactNode;
     disabled: boolean;
+    error: boolean;
+    required: boolean;
     size: RefraktorSize;
     radius: RefraktorRadius;
     variant: InputVariant;

package/src/components/select/select.test.tsx

@@ -36,6 +36,20 @@ describe("@refraktor/core/Select", () => {
         });
     });
 
+    it("renders defaultValue label in trigger before opening", async () => {
+        await render(
+            <Select
+                defaultValue="apple"
+                data={[
+                    { value: "apple", label: "Apple" },
+                    { value: "orange", label: "Orange" }
+                ]}
+            />
+        );
+
+        expect(screen.getByRole("combobox")).toHaveValue("Apple");
+    });
+
     it("renders searchable input inside dropdown", async () => {
         const user = userEvent.setup();
 
@@ -152,4 +166,25 @@ describe("@refraktor/core/Select", () => {
         expect(onChange).toHaveBeenCalledWith("vue");
         expect(screen.getByRole("combobox")).toHaveValue("Vue");
     });
+
+    it("supports input wrapper props", async () => {
+        await render(
+            <Select
+                label="Framework"
+                description="Pick one option"
+                error="Selection is required"
+                transitionProps={transitionProps}
+                data={[
+                    { value: "react", label: "React" },
+                    { value: "vue", label: "Vue" }
+                ]}
+            />
+        );
+
+        const trigger = screen.getByLabelText("Framework");
+
+        expect(trigger).toHaveAttribute("aria-invalid", "true");
+        expect(screen.getByText("Pick one option")).toBeInTheDocument();
+        expect(screen.getByText("Selection is required")).toBeInTheDocument();
+    });
 });

package/src/components/select/select.types.ts

@@ -82,6 +82,21 @@ export interface SelectRootProps
     /** Children containing select subcomponents */
     children: ReactNode;
 
+    /** Label text */
+    label?: ReactNode;
+
+    /** Description text */
+    description?: ReactNode;
+
+    /** Error message */
+    error?: ReactNode;
+
+    /** Whether the field is required */
+    required?: boolean;
+
+    /** Display an asterisk next to the label */
+    withAsterisk?: boolean;
+
     /** Selected value (controlled) */
     value?: string | null;
 

package/src/components/select/use-select.ts

@@ -114,7 +114,8 @@ export function useSelect(options: UseSelectProps = {}): UseSelectReturn {
         open: isOpen,
         onOpenChange: setIsOpen,
         middleware,
-        whileElementsMounted: autoUpdate
+        whileElementsMounted: autoUpdate,
+        strategy: "fixed"
     });
 
     const click = useClick(floating.context, {

package/src/components/switch/switch.tsx

@@ -100,7 +100,7 @@ const Switch = factory<SwitchFactoryPayload>((_props, ref) => {
                     <span
                         className={cx(
                             "text-[var(--refraktor-text)]",
-                            labelPosition === "left" ? "mr-3" : "ml-3",
+                            labelPosition === "left" ? "mr-2" : "ml-2",
                             sizeClass.label,
                             classes.label
                         )}

package/src/components/tabs/tabs-tab/tabs-tab.tsx

@@ -91,10 +91,6 @@ const TabsTab = factory<TabsTabFactoryPayload>(
 
             const nextTab = tabs[nextIndex];
             nextTab.ref.current?.focus();
-
-            if (activationMode === "automatic") {
-                onValueChange(nextTab.value);
-            }
         };
 
         const handleBoundary = (type: "first" | "last") => {
@@ -107,10 +103,6 @@ const TabsTab = factory<TabsTabFactoryPayload>(
             const target = type === "first" ? tabs[0] : tabs[tabs.length - 1];
 
             target.ref.current?.focus();
-
-            if (activationMode === "automatic") {
-                onValueChange(target.value);
-            }
         };
 
         return (

package/src/components/tooltip/tooltip.tsx

@@ -50,6 +50,7 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
         transitionProps,
         radius,
         withinPortal,
+        style,
         className,
         classNames,
         ...props
@@ -94,6 +95,7 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
             transition="fade"
             duration={200}
             mounted={isOpened}
+            style={{ position: "relative", zIndex: 1000 }}
             {...transitionProps}
         >
             <div
@@ -108,7 +110,11 @@ const Tooltip = factory<TooltipFactoryPayload>((_props, ref) => {
                 }}
                 id={_id}
                 role="tooltip"
-                style={floatingStyles}
+                style={{
+                    ...floatingStyles,
+                    zIndex: 1000,
+                    ...style
+                }}
                 className={cx(
                     "z-50 px-1.5 py-0.5 text-sm bg-[var(--refraktor-bg)] text-[var(--refraktor-text)] shadow-md",
                     getRadius(radius),

package/src/components/tooltip/use-tooltip.ts

@@ -136,7 +136,8 @@ export function useTooltip(options: UseTooltipProps = {}): UseTooltipReturn {
         open: isOpen,
         onOpenChange: setIsOpen,
         middleware: middleware,
-        whileElementsMounted: autoUpdate
+        whileElementsMounted: autoUpdate,
+        strategy: "fixed"
     });
 
     const hover = useHover(floating.context, {

package/src/components/transition/transition.tsx

@@ -239,26 +239,30 @@ const Transition = polymorphicFactory<TransitionFactoryPayload>(
                 setTransitionState("entering");
 
                 rafRef.current = window.requestAnimationFrame(() => {
-                    if (runIdRef.current !== runId) {
-                        return;
-                    }
-
-                    setTransitionState("entered");
+                    // Second rAF ensures the browser has painted the enterFrom
+                    // styles before we move to entered, so the CSS transition fires.
+                    rafRef.current = window.requestAnimationFrame(() => {
+                        if (runIdRef.current !== runId) {
+                            return;
+                        }
 
-                    const waitTime = enterDuration + enterDelay;
+                        setTransitionState("entered");
 
-                    if (waitTime <= 0) {
-                        onEnterEnd?.();
-                        return;
-                    }
+                        const waitTime = enterDuration + enterDelay;
 
-                    timeoutRef.current = window.setTimeout(() => {
-                        if (runIdRef.current !== runId) {
+                        if (waitTime <= 0) {
+                            onEnterEnd?.();
                             return;
                         }
 
-                        onEnterEnd?.();
-                    }, waitTime);
+                        timeoutRef.current = window.setTimeout(() => {
+                            if (runIdRef.current !== runId) {
+                                return;
+                            }
+
+                            onEnterEnd?.();
+                        }, waitTime);
+                    });
                 });
 
                 return;

package/src/style.css

@@ -253,7 +253,6 @@
 .refraktor-scrollbar {
     scrollbar-width: thin;
     scrollbar-color: var(--refraktor-scroll-thumb) transparent;
-    scrollbar-gutter: stable both-edges;
 }
 
 .refraktor-scrollbar::-webkit-scrollbar {

package/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}
+{"root":["./src/index.ts","./src/components/index.ts","./src/components/accordion/accordion.context.ts","./src/components/accordion/accordion.styles.ts","./src/components/accordion/accordion.test.tsx","./src/components/accordion/accordion.tsx","./src/components/accordion/accordion.types.ts","./src/components/accordion/index.ts","./src/components/accordion/accordion-control/accordion-control.tsx","./src/components/accordion/accordion-control/index.ts","./src/components/accordion/accordion-item/accordion-item.tsx","./src/components/accordion/accordion-item/index.ts","./src/components/accordion/accordion-panel/accordion-panel.tsx","./src/components/accordion/accordion-panel/index.ts","./src/components/avatar/avatar.styles.ts","./src/components/avatar/avatar.tsx","./src/components/avatar/avatar.types.ts","./src/components/avatar/index.ts","./src/components/avatar/avatar-group/avatar-group.tsx","./src/components/avatar/avatar-group/index.ts","./src/components/badge/badge.styles.ts","./src/components/badge/badge.tsx","./src/components/badge/badge.types.ts","./src/components/badge/index.ts","./src/components/button/button.styles.ts","./src/components/button/button.test.tsx","./src/components/button/button.tsx","./src/components/button/button.types.ts","./src/components/button/index.ts","./src/components/checkbox/checkbox.context.ts","./src/components/checkbox/checkbox.styles.ts","./src/components/checkbox/checkbox.test.tsx","./src/components/checkbox/checkbox.tsx","./src/components/checkbox/checkbox.types.ts","./src/components/checkbox/index.ts","./src/components/checkbox/checkbox-group/checkbox-group.tsx","./src/components/checkbox/checkbox-group/index.ts","./src/components/color-swatch/color-swatch.styles.ts","./src/components/color-swatch/color-swatch.test.tsx","./src/components/color-swatch/color-swatch.tsx","./src/components/color-swatch/color-swatch.types.ts","./src/components/color-swatch/index.ts","./src/components/input/index.ts","./src/components/input/input.tsx","./src/components/input/input.types.ts","./src/components/input/input-description/index.ts","./src/components/input/input-description/input-description.tsx","./src/components/input/input-error/index.ts","./src/components/input/input-error/input-error.tsx","./src/components/input/input-field/index.ts","./src/components/input/input-field/input-field.styles.ts","./src/components/input/input-field/input-field.tsx","./src/components/input/input-label/index.ts","./src/components/input/input-label/input-label.tsx","./src/components/input/input-wrapper/index.ts","./src/components/input/input-wrapper/input-wrapper.tsx","./src/components/loader/index.ts","./src/components/loader/loader.tsx","./src/components/loader/loader.types.ts","./src/components/menu/index.ts","./src/components/menu/menu.context.ts","./src/components/menu/menu.test.tsx","./src/components/menu/menu.tsx","./src/components/menu/menu.types.ts","./src/components/menu/use-menu.ts","./src/components/menu/menu-dropdown/index.ts","./src/components/menu/menu-dropdown/menu-dropdown.tsx","./src/components/menu/menu-item/index.ts","./src/components/menu/menu-item/menu-item.tsx","./src/components/menu/menu-label/index.ts","./src/components/menu/menu-label/menu-label.tsx","./src/components/menu/menu-separator/index.ts","./src/components/menu/menu-separator/menu-separator.tsx","./src/components/menu/menu-sub/index.ts","./src/components/menu/menu-sub/menu-sub.tsx","./src/components/menu/menu-sub-dropdown/index.ts","./src/components/menu/menu-sub-dropdown/menu-sub-dropdown.tsx","./src/components/menu/menu-sub-trigger/index.ts","./src/components/menu/menu-sub-trigger/menu-sub-trigger.tsx","./src/components/menu/menu-trigger/index.ts","./src/components/menu/menu-trigger/menu-trigger.tsx","./src/components/modal/index.ts","./src/components/modal/modal.context.ts","./src/components/modal/modal.test.tsx","./src/components/modal/modal.tsx","./src/components/modal/modal.types.ts","./src/components/modal/use-modal.ts","./src/components/modal/modal-close/index.ts","./src/components/modal/modal-close/modal-close.tsx","./src/components/modal/modal-content/index.ts","./src/components/modal/modal-content/modal-content.tsx","./src/components/modal/modal-header/index.ts","./src/components/modal/modal-header/modal-header.tsx","./src/components/modal/modal-overlay/index.ts","./src/components/modal/modal-overlay/modal-overlay.tsx","./src/components/modal/modal-root/index.ts","./src/components/modal/modal-root/modal-root.tsx","./src/components/number-input/index.ts","./src/components/number-input/number-input.styles.ts","./src/components/number-input/number-input.test.tsx","./src/components/number-input/number-input.tsx","./src/components/number-input/number-input.types.ts","./src/components/pagination/index.ts","./src/components/pagination/pagination.styles.ts","./src/components/pagination/pagination.test.tsx","./src/components/pagination/pagination.tsx","./src/components/pagination/pagination.types.ts","./src/components/pagination/pagination.utils.ts","./src/components/popover/index.ts","./src/components/popover/popover.context.ts","./src/components/popover/popover.tsx","./src/components/popover/popover.types.ts","./src/components/popover/use-popover.ts","./src/components/popover/popover-dropdown/index.ts","./src/components/popover/popover-dropdown/popover-dropdown.tsx","./src/components/popover/popover-trigger/index.ts","./src/components/popover/popover-trigger/popover-trigger.tsx","./src/components/portal/index.ts","./src/components/portal/portal.test.tsx","./src/components/portal/portal.tsx","./src/components/portal/portal.types.ts","./src/components/progress/index.ts","./src/components/progress/progress.styles.ts","./src/components/progress/progress.test.tsx","./src/components/progress/progress.tsx","./src/components/progress/progress.types.ts","./src/components/progress-circle/index.ts","./src/components/progress-circle/progress-circle.styles.ts","./src/components/progress-circle/progress-circle.test.tsx","./src/components/progress-circle/progress-circle.tsx","./src/components/progress-circle/progress-circle.types.ts","./src/components/radio/index.ts","./src/components/radio/radio.context.ts","./src/components/radio/radio.styles.ts","./src/components/radio/radio.test.tsx","./src/components/radio/radio.tsx","./src/components/radio/radio.types.ts","./src/components/radio/radio-group/index.ts","./src/components/radio/radio-group/radio-group.tsx","./src/components/select/index.ts","./src/components/select/select.context.ts","./src/components/select/select.test.tsx","./src/components/select/select.tsx","./src/components/select/select.types.ts","./src/components/select/use-select.ts","./src/components/select/select-dropdown/index.ts","./src/components/select/select-dropdown/select-dropdown.tsx","./src/components/select/select-group/index.ts","./src/components/select/select-group/select-group.tsx","./src/components/select/select-item/index.ts","./src/components/select/select-item/select-item.tsx","./src/components/select/select-root/index.ts","./src/components/select/select-root/select-root.tsx","./src/components/select/select-trigger/index.ts","./src/components/select/select-trigger/select-trigger.tsx","./src/components/slider/index.ts","./src/components/slider/slider.styles.ts","./src/components/slider/slider.tsx","./src/components/slider/slider.types.ts","./src/components/switch/index.ts","./src/components/switch/switch.styles.ts","./src/components/switch/switch.tsx","./src/components/switch/switch.types.ts","./src/components/tabs/index.ts","./src/components/tabs/tabs.context.ts","./src/components/tabs/tabs.styles.ts","./src/components/tabs/tabs.test.tsx","./src/components/tabs/tabs.tsx","./src/components/tabs/tabs.types.ts","./src/components/tabs/tabs-list/index.ts","./src/components/tabs/tabs-list/tabs-list.tsx","./src/components/tabs/tabs-panel/index.ts","./src/components/tabs/tabs-panel/tabs-panel.tsx","./src/components/tabs/tabs-tab/index.ts","./src/components/tabs/tabs-tab/tabs-tab.tsx","./src/components/textarea/index.ts","./src/components/textarea/textarea.tsx","./src/components/textarea/textarea.types.ts","./src/components/textarea/textarea-field/index.ts","./src/components/textarea/textarea-field/textarea-field.styles.ts","./src/components/textarea/textarea-field/textarea-field.tsx","./src/components/timeline/index.ts","./src/components/timeline/timeline.context.ts","./src/components/timeline/timeline.styles.ts","./src/components/timeline/timeline.test.tsx","./src/components/timeline/timeline.tsx","./src/components/timeline/timeline.types.ts","./src/components/timeline/timeline-item/index.ts","./src/components/timeline/timeline-item/timeline-item.tsx","./src/components/tooltip/index.ts","./src/components/tooltip/tooltip.tsx","./src/components/tooltip/tooltip.types.ts","./src/components/tooltip/use-tooltip.ts","./src/components/transition/index.ts","./src/components/transition/transition.test.tsx","./src/components/transition/transition.tsx","./src/components/transition/transition.types.ts","./src/components/transition/transitions.ts","./src/icons/check.tsx","./src/icons/chevron.tsx","./src/icons/index.ts","./src/icons/minus.tsx","./src/icons/types.ts","./src/icons/user.tsx","./src/icons/x.tsx","./src/theme/index.ts","./src/theme/types.ts","./src/theme/themeprovider/themeprovider.tsx","./src/theme/themeprovider/context.ts","./src/theme/themeprovider/generatevariables.test.ts","./src/theme/themeprovider/generatevariables.ts","./src/theme/themeprovider/index.ts","./src/theme/themeprovider/types.ts","./src/theme/createtheme/createtheme.ts","./src/theme/createtheme/index.ts","./src/theme/createtheme/types.ts","./src/theme/defaults/colors.ts","./src/theme/defaults/settings.ts","./src/theme/utils/get-radius.ts","./src/theme/utils/get-shade.ts","./src/theme/utils/index.ts","./src/theme/utils/use-theme.ts","./src/utils/index.ts","./src/utils/configs/create-config.ts","./src/utils/configs/index.ts","./src/utils/configs/use-class-names.ts","./src/utils/configs/use-props.ts","./src/utils/cx/index.ts","./src/utils/factory/factory.ts","./src/utils/factory/index.ts","./src/utils/factory/types.ts","./src/vitest/index.ts","./src/vitest/setup.tsx","./src/vitest/utils.tsx"],"version":"5.9.3"}