@pstdio/ui 0.25.0 → 0.35.0

package/dist/theme/recipes/input.d.ts

@@ -1,94 +0,0 @@
-export declare const inputRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        outline: {
-            bg: "bg";
-            border: "1px solid";
-            borderColor: "border";
-            outline: "none";
-            boxShadow: "none";
-            "--focus-color": "var(--chakra-colors-border-accent-light)";
-            "--focus-ring-style": "none";
-            _hover: {
-                borderColor: "border.accent-light";
-            };
-            _active: {
-                borderColor: "border.accent-light";
-            };
-            _focus: {
-                borderColor: "border.accent-light";
-                outline: "none";
-                boxShadow: "none";
-            };
-            _focusVisible: {
-                borderColor: "border.accent-light";
-                outline: "none";
-                boxShadow: "none";
-            };
-            "&:is(:hover, [data-hover])": {
-                borderColor: "border.accent-light";
-            };
-            "&:is(:active, [data-active])": {
-                borderColor: "border.accent-light";
-            };
-        };
-        borderless: {
-            bg: "transparent";
-            border: "0";
-            borderColor: "transparent";
-            borderRadius: "0";
-            boxShadow: "none";
-            transition: "none";
-            _hover: {
-                bg: "transparent";
-                borderColor: "transparent";
-            };
-            _active: {
-                bg: "transparent";
-                borderColor: "transparent";
-            };
-            _focus: {
-                borderColor: "transparent";
-                outline: "none";
-                boxShadow: "none";
-            };
-            _focusVisible: {
-                borderColor: "transparent";
-                outline: "none";
-                boxShadow: "none";
-            };
-            "&:is(:hover, [data-hover])": {
-                borderColor: "transparent";
-            };
-            "&:is(:active, [data-active])": {
-                borderColor: "transparent";
-            };
-        };
-    };
-    size: {
-        "2xs": {
-            h: "1.5rem";
-            px: "2xs";
-            textStyle: "label/XS";
-        };
-        xs: {
-            h: "1.75rem";
-            px: "xs";
-            textStyle: "label/XS";
-        };
-        sm: {
-            h: "2rem";
-            px: "sm";
-            textStyle: "label/S/regular";
-        };
-        md: {
-            h: "2.5rem";
-            px: "sm";
-            textStyle: "label/M/regular";
-        };
-        lg: {
-            h: "3rem";
-            px: "md";
-            textStyle: "label/M/regular";
-        };
-    };
-}>;

package/dist/theme/recipes/kbd.d.ts

@@ -1,41 +0,0 @@
-export declare const kbdRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        raised: {
-            color: "fg.muted";
-            bg: "bg.subtle";
-            borderColor: "border.muted";
-            borderBottomWidth: "2px";
-        };
-        outline: {
-            color: "fg.muted";
-            bg: "transparent";
-            borderColor: "border.muted";
-        };
-        subtle: {
-            color: "fg";
-            bg: "bg.muted";
-            borderColor: "border.subtle";
-        };
-        plain: {
-            color: "fg.muted";
-            bg: "transparent";
-            borderColor: "transparent";
-            minW: "auto";
-            px: "0";
-        };
-    };
-    size: {
-        sm: {
-            height: "1rem";
-            textStyle: "label/XS/medium";
-        };
-        md: {
-            height: "1.25rem";
-            textStyle: "label/XS/medium";
-        };
-        lg: {
-            height: "1.5rem";
-            textStyle: "label/S/medium";
-        };
-    };
-}>;

package/dist/theme/recipes/menu.d.ts

@@ -1 +0,0 @@
-export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "contextTrigger" | "indicator" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "separator" | "triggerItem" | "itemCommand", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "positioner" | "arrow" | "arrowTip" | "contextTrigger" | "indicator" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "separator" | "triggerItem" | "itemCommand">>;

package/dist/theme/recipes/number-input.d.ts

@@ -1,98 +0,0 @@
-export declare const numberInputSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"input" | "label" | "root" | "valueText" | "control" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
-    variant: {
-        outline: {
-            input: {
-                bg: "bg";
-                borderWidth: "1px";
-                borderStyle: "solid";
-                borderColor: "var(--number-input-border-color)";
-                outline: "none";
-                boxShadow: "none";
-                "--focus-ring-color": "var(--number-input-border-color)";
-                "--focus-ring-style": "none";
-                _hover: {
-                    borderColor: "var(--number-input-border-color)";
-                };
-                _active: {
-                    borderColor: "var(--number-input-border-color)";
-                };
-                _focus: {
-                    borderColor: "var(--number-input-border-color)";
-                    outline: "none";
-                    boxShadow: "none";
-                };
-                _focusVisible: {
-                    borderColor: "var(--number-input-border-color)";
-                    outline: "none";
-                    boxShadow: "none";
-                };
-                "&:is(:hover, [data-hover])": {
-                    borderColor: "var(--number-input-border-color)";
-                };
-                "&:is(:active, [data-active])": {
-                    borderColor: "var(--number-input-border-color)";
-                };
-                "&:not([data-invalid], [aria-invalid='true'], [data-state='invalid'])": {
-                    borderColor: "var(--number-input-border-color)";
-                };
-            };
-        };
-    };
-    size: {
-        "2xs": {
-            input: {
-                h: "1.5rem";
-                px: "2xs";
-                textStyle: "label/XS";
-            };
-            control: {
-                "--stepper-width": "1.25rem";
-                fontSize: "0.625rem";
-            };
-        };
-        xs: {
-            input: {
-                h: "1.75rem";
-                px: "xs";
-                textStyle: "label/XS";
-            };
-            control: {
-                "--stepper-width": "1.5rem";
-                fontSize: "0.75rem";
-            };
-        };
-        sm: {
-            input: {
-                h: "2rem";
-                px: "sm";
-                textStyle: "label/S/regular";
-            };
-            control: {
-                "--stepper-width": "1.75rem";
-                fontSize: "0.75rem";
-            };
-        };
-        md: {
-            input: {
-                h: "2.5rem";
-                px: "sm";
-                textStyle: "label/M/regular";
-            };
-            control: {
-                "--stepper-width": "2rem";
-                fontSize: "0.875rem";
-            };
-        };
-        lg: {
-            input: {
-                h: "3rem";
-                px: "md";
-                textStyle: "label/M/regular";
-            };
-            control: {
-                "--stepper-width": "2.25rem";
-                fontSize: "0.875rem";
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/popover.d.ts

@@ -1,16 +0,0 @@
-export declare const popoverRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "anchor" | "description" | "trigger" | "positioner" | "closeTrigger" | "arrow" | "arrowTip" | "indicator", {
-    variant: {
-        responsive: {
-            content: {
-                width: "unset";
-            };
-        };
-    };
-    size: {
-        "2xl": {
-            content: {
-                width: "2xl";
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/progress-circle.d.ts

@@ -1,28 +0,0 @@
-export declare const progressCircleSlotRecipe: {
-    variants: {
-        size: {
-            "2xs": {
-                circle: {
-                    "--size": string;
-                    "--thickness": string;
-                };
-                valueText: {
-                    textStyle: string;
-                };
-            };
-        };
-    };
-    className?: string | undefined;
-    slots: ("label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange")[] | readonly ("label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange")[];
-    base?: Partial<Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", import('@chakra-ui/react').SystemStyleObject | undefined>> | undefined;
-    defaultVariants?: ({
-        size?: import('@chakra-ui/react').ConditionalValue<"sm" | "md" | "lg" | "xl" | "xs" | undefined>;
-    } & {
-        colorPalette?: import('@chakra-ui/react').ColorPalette | undefined;
-    }) | undefined;
-    compoundVariants?: {
-        size?: ("sm" | "md" | "lg" | "xl" | "xs" | ("sm" | "md" | "lg" | "xl" | "xs")[]) | undefined;
-        colorPalette?: (import('@chakra-ui/react').ColorPalette | import('@chakra-ui/react').ColorPalette[]) | undefined;
-        css: Partial<Record<"label" | "track" | "circle" | "view" | "root" | "range" | "valueText" | "circleTrack" | "circleRange", import('@chakra-ui/react').SystemStyleObject | undefined>>;
-    }[] | undefined;
-};

package/dist/theme/recipes/resizable-split-layout.d.ts

@@ -1,106 +0,0 @@
-export declare const resizableSplitLayoutSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "separator" | "resizablePanel" | "contentPanel", {
-    orientation: {
-        horizontal: {
-            root: {
-                "--split-direction": "row";
-                "--split-width": "var(--split-size)";
-                "--split-height": "100%";
-            };
-        };
-        vertical: {
-            root: {
-                "--split-direction": "column";
-                "--split-width": "100%";
-                "--split-height": "var(--split-size)";
-            };
-        };
-    };
-    layout: {
-        split: {
-            root: {
-                flexDirection: "var(--split-direction)";
-                height: "full";
-                overflow: "hidden";
-                gap: "0";
-            };
-            resizablePanel: {
-                display: "flex";
-                width: "var(--split-width)";
-                height: "var(--split-height)";
-                flex: "0 0 var(--split-size)";
-                overflow: "hidden";
-            };
-            contentPanel: {
-                height: "full";
-                flex: "1";
-                overflow: "hidden";
-            };
-            separator: {
-                display: "flex";
-            };
-        };
-        stacked: {
-            readonly root: {
-                readonly flexDirection: "column";
-                readonly height: "auto";
-                readonly overflow: "visible";
-                readonly gap: "panel-gap";
-            };
-            readonly resizablePanel: {
-                readonly display: "flex";
-                readonly width: "full";
-                readonly height: "auto";
-                readonly flex: "initial";
-                readonly overflow: "visible";
-            };
-            readonly contentPanel: {
-                readonly height: "auto";
-                readonly flex: "initial";
-                readonly overflow: "visible";
-            };
-            readonly separator: {
-                readonly display: "none";
-            };
-        };
-        "stacked-reverse": {
-            root: {
-                flexDirection: "column-reverse";
-                height: "auto";
-                overflow: "visible";
-                gap: "panel-gap";
-            };
-            resizablePanel: {
-                readonly display: "flex";
-                readonly width: "full";
-                readonly height: "auto";
-                readonly flex: "initial";
-                readonly overflow: "visible";
-            };
-            contentPanel: {
-                readonly height: "auto";
-                readonly flex: "initial";
-                readonly overflow: "visible";
-            };
-            separator: {
-                readonly display: "none";
-            };
-        };
-        content: {
-            root: {
-                height: "full";
-                overflow: "hidden";
-            };
-            resizablePanel: {
-                display: "none";
-            };
-            contentPanel: {
-                height: "full";
-                flex: "1";
-                overflow: "hidden";
-            };
-            separator: {
-                display: "none";
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/segmented-control.d.ts

@@ -1,22 +0,0 @@
-export declare const segmentedControlSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "item", {
-    size: {
-        sm: {
-            root: {
-                height: "segmented-control-sm";
-            };
-            item: {
-                height: "segmented-control-item-sm";
-                paddingInline: "compact";
-            };
-        };
-        xs: {
-            root: {
-                height: "segmented-control-xs";
-            };
-            item: {
-                height: "segmented-control-item-xs";
-                paddingInline: "xs";
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/skeleton.d.ts

@@ -1 +0,0 @@
-export declare const skeletonRecipe: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;

package/dist/theme/recipes/switch.d.ts

@@ -1,18 +0,0 @@
-export declare const switchSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
-    variant: {
-        solid: {
-            control: {
-                borderRadius: "md";
-                _checked: {
-                    bg: "bg.inverted";
-                    borderColor: "bg.inverted";
-                };
-            };
-            thumb: {
-                _checked: {
-                    bg: "fg.inverted";
-                };
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/tabs.d.ts

@@ -1,80 +0,0 @@
-export declare const tabsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
-    size: {
-        xs: {
-            trigger: {
-                h: "1.25rem";
-                px: "xs";
-                gap: "2xs";
-                textStyle: "label/XS/medium";
-                _icon: {
-                    width: "0.75rem";
-                    height: "0.75rem";
-                };
-            };
-        };
-        sm: {
-            trigger: {
-                h: "1.5rem";
-                px: "xs";
-                gap: "2xs";
-                textStyle: "label/XS/medium";
-                _icon: {
-                    width: "0.875rem";
-                    height: "0.875rem";
-                };
-            };
-        };
-        md: {
-            trigger: {
-                h: "1.75rem";
-                px: "0.5rem";
-                gap: "xs";
-                textStyle: "label/S/medium";
-                _icon: {
-                    width: "0.875rem";
-                    height: "0.875rem";
-                };
-            };
-        };
-    };
-    tray: {
-        true: {
-            list: {
-                width: "100%";
-                paddingX: "lg";
-                paddingBottom: "xs";
-                borderBottom: "1px solid";
-                borderBottomColor: "border.subtle";
-            };
-        };
-    };
-    variant: {
-        subtle: {
-            trigger: {
-                borderRadius: "var(--tabs-trigger-radius)";
-                color: "fg.muted";
-                bg: "transparent";
-                _selected: {
-                    color: "fg";
-                    bg: "bg.muted";
-                    borderColor: "border";
-                };
-                _hover: {
-                    bg: "bg.hover";
-                    borderColor: "border";
-                    color: "fg";
-                };
-                _disabled: {
-                    bg: "transparent";
-                    color: "fg.subtle";
-                    borderColor: "border";
-                    _hover: {
-                        bg: "transparent";
-                        color: "fg.subtle";
-                        borderColor: "border";
-                    };
-                };
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/textarea.d.ts

@@ -1,62 +0,0 @@
-export declare const textareaRecipe: import('@chakra-ui/react').RecipeDefinition<{
-    variant: {
-        outline: {
-            bg: "bg";
-            border: "1px solid";
-            borderColor: "border";
-            outline: "none";
-            boxShadow: "none";
-            "--focus-color": "var(--chakra-colors-border-accent-light)";
-            "--focus-ring-style": "none";
-            _hover: {
-                borderColor: "border.accent-light";
-            };
-            _active: {
-                borderColor: "border.accent-light";
-            };
-            _focus: {
-                borderColor: "border.accent-light";
-                outline: "none";
-                boxShadow: "none";
-            };
-            _focusVisible: {
-                borderColor: "border.accent-light";
-                outline: "none";
-                boxShadow: "none";
-            };
-            "&:is(:hover, [data-hover])": {
-                borderColor: "border.accent-light";
-            };
-            "&:is(:active, [data-active])": {
-                borderColor: "border.accent-light";
-            };
-        };
-    };
-    size: {
-        "2xs": {
-            paddingX: "2xs";
-            paddingY: "2xs";
-            textStyle: "label/XS";
-        };
-        xs: {
-            paddingX: "xs";
-            paddingY: "2xs";
-            textStyle: "label/XS";
-        };
-        sm: {
-            paddingX: "sm";
-            paddingY: "xs";
-            textStyle: "label/S/regular";
-        };
-        md: {
-            paddingX: "sm";
-            paddingY: "xs";
-            textStyle: "label/M/regular";
-        };
-        lg: {
-            paddingX: "md";
-            paddingY: "sm";
-            textStyle: "label/M/regular";
-        };
-    };
-}>;

package/dist/theme/recipes/timeline.d.ts

@@ -1,74 +0,0 @@
-export declare const timelineSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator" | "item" | "separator" | "connector", {
-    variant: {
-        solid: {};
-        subtle: {};
-        outline: {
-            indicator: {
-                borderWidth: "1px";
-                borderColor: "border.subtle";
-            };
-        };
-        plain: {
-            indicator: {
-                bg: "transparent";
-                color: "fg";
-            };
-        };
-    };
-    showLastSeparator: {
-        true: {
-            item: {
-                _last: {
-                    "--timeline-separator-display": "initial";
-                };
-            };
-        };
-        false: {
-            item: {
-                _last: {
-                    "--timeline-separator-display": "none";
-                };
-            };
-        };
-    };
-    size: {
-        sm: {
-            root: {
-                "--timeline-indicator-size": "sizes.4";
-                "--timeline-font-size": "fontSizes.2xs";
-            };
-            title: {
-                textStyle: "xs";
-            };
-        };
-        md: {
-            root: {
-                "--timeline-indicator-size": "sizes.5";
-                "--timeline-font-size": "fontSizes.xs";
-            };
-            title: {
-                textStyle: "sm";
-            };
-        };
-        lg: {
-            root: {
-                "--timeline-indicator-size": "sizes.6";
-                "--timeline-font-size": "fontSizes.xs";
-            };
-            title: {
-                mt: "0.5";
-                textStyle: "sm";
-            };
-        };
-        xl: {
-            root: {
-                "--timeline-indicator-size": "sizes.8";
-                "--timeline-font-size": "fontSizes.sm";
-            };
-            title: {
-                mt: "1.5";
-                textStyle: "sm";
-            };
-        };
-    };
-}>;

package/dist/theme/recipes/tooltip.d.ts

@@ -1 +0,0 @@
-export declare const tooltipRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "positioner" | "arrow" | "arrowTip", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "trigger" | "positioner" | "arrow" | "arrowTip">>;

package/dist/theme/recipes/window-title-bar.d.ts

@@ -1,19 +0,0 @@
-export declare const windowTitleBarRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root", {
-    controls: {
-        mac: {
-            content: {
-                paddingInlineStart: "window-controls-mac";
-                "[data-window-full-screen] &": {
-                    paddingInlineStart: "compact";
-                };
-            };
-        };
-        overlay: {
-            content: {
-                marginLeft: "env(titlebar-area-x, 0px)";
-                width: "env(titlebar-area-width, 100%)";
-            };
-        };
-    };
-}>;
-export declare const windowTabsRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "list" | "trigger" | "tab" | "close", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "list" | "trigger" | "tab" | "close">>;

package/dist/theme/shadowless-default-config.d.ts

@@ -1,2 +0,0 @@
-import { SystemConfig } from '@chakra-ui/react';
-export declare const shadowlessDefaultConfig: SystemConfig;