@saas-ui/react 3.0.0-next.43 → 3.0.0-next.47

package/dist/components/radio-group/radio-group.recipe.d.ts

@@ -1,77 +0,0 @@
-export declare const radioGroupSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
-    variant: {
-        outline: {
-            itemControl: {
-                borderWidth: "1px";
-                borderColor: "inherit";
-                _checked: {
-                    color: "colorPalette.fg";
-                    borderColor: "colorPalette.solid";
-                };
-                '& .dot': {
-                    scale: "0.6";
-                };
-            } | undefined;
-        };
-        subtle: {
-            itemControl: {
-                borderWidth: "1px";
-                bg: "colorPalette.muted";
-                borderColor: "colorPalette.muted";
-                color: "transparent";
-                _checked: {
-                    color: "colorPalette.fg";
-                };
-            } | undefined;
-        };
-        solid: {
-            itemControl: {
-                borderWidth: "1px";
-                borderColor: "border";
-                _checked: {
-                    bg: "colorPalette.solid";
-                    color: "colorPalette.contrast";
-                    borderColor: "colorPalette.solid";
-                };
-            } | undefined;
-        };
-    };
-    size: {
-        xs: {
-            item: {
-                textStyle: "xs";
-                gap: "1.5";
-            };
-            itemControl: {
-                boxSize: "3";
-            } | undefined;
-        };
-        sm: {
-            item: {
-                textStyle: "sm";
-                gap: "2";
-            };
-            itemControl: {
-                boxSize: "3.5";
-            } | undefined;
-        };
-        md: {
-            item: {
-                textStyle: "sm";
-                gap: "2.5";
-            };
-            itemControl: {
-                boxSize: "4";
-            } | undefined;
-        };
-        lg: {
-            item: {
-                textStyle: "md";
-                gap: "3";
-            };
-            itemControl: {
-                boxSize: "5";
-            } | undefined;
-        };
-    };
-}>;

package/dist/components/radio-group/radio-group.recipe.js

@@ -1,61 +0,0 @@
-import { radioGroupAnatomy } from '@chakra-ui/react/anatomy';
-import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
-import { radiomarkRecipe } from "../radio/radiomark.recipe.js";
-export const radioGroupSlotRecipe = defineSlotRecipe({
-    className: 'chakra-radio-group',
-    slots: radioGroupAnatomy.keys(),
-    base: {
-        item: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            position: 'relative',
-            fontWeight: 'medium',
-            _disabled: {
-                cursor: 'disabled',
-            },
-        },
-        itemControl: radiomarkRecipe.base,
-        label: {
-            userSelect: 'none',
-            textStyle: 'sm',
-            _disabled: {
-                opacity: '0.5',
-            },
-        },
-    },
-    variants: {
-        variant: {
-            outline: {
-                itemControl: radiomarkRecipe.variants?.variant?.outline,
-            },
-            subtle: {
-                itemControl: radiomarkRecipe.variants?.variant?.subtle,
-            },
-            solid: {
-                itemControl: radiomarkRecipe.variants?.variant?.solid,
-            },
-        },
-        size: {
-            xs: {
-                item: { textStyle: 'xs', gap: '1.5' },
-                itemControl: radiomarkRecipe.variants?.size?.xs,
-            },
-            sm: {
-                item: { textStyle: 'sm', gap: '2' },
-                itemControl: radiomarkRecipe.variants?.size?.sm,
-            },
-            md: {
-                item: { textStyle: 'sm', gap: '2.5' },
-                itemControl: radiomarkRecipe.variants?.size?.md,
-            },
-            lg: {
-                item: { textStyle: 'md', gap: '3' },
-                itemControl: radiomarkRecipe.variants?.size?.lg,
-            },
-        },
-    },
-    defaultVariants: {
-        size: 'md',
-        variant: 'solid',
-    },
-});

package/dist/components/rating-group/rating-group.recipe.d.ts

@@ -1,24 +0,0 @@
-export declare const ratingGroupSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "item" | "itemIndicator", {
-    size: {
-        xs: {
-            item: {
-                textStyle: "sm";
-            };
-        };
-        sm: {
-            item: {
-                textStyle: "md";
-            };
-        };
-        md: {
-            item: {
-                textStyle: "xl";
-            };
-        };
-        lg: {
-            item: {
-                textStyle: "2xl";
-            };
-        };
-    };
-}>;

package/dist/components/rating-group/rating-group.recipe.js

@@ -1,83 +0,0 @@
-import { ratingGroupAnatomy } from '@chakra-ui/react/anatomy';
-import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
-export const ratingGroupSlotRecipe = defineSlotRecipe({
-    className: 'chakra-rating-group',
-    slots: ratingGroupAnatomy.keys(),
-    base: {
-        root: {
-            display: 'inline-flex',
-        },
-        control: {
-            display: 'inline-flex',
-            alignItems: 'center',
-        },
-        item: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            userSelect: 'none',
-        },
-        itemIndicator: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            width: '1em',
-            height: '1em',
-            position: 'relative',
-            _icon: {
-                stroke: 'currentColor',
-                width: '100%',
-                height: '100%',
-                display: 'inline-block',
-                flexShrink: 0,
-                position: 'absolute',
-                left: 0,
-                top: 0,
-            },
-            '& [data-bg]': {
-                color: 'bg.emphasized',
-            },
-            '& [data-fg]': {
-                color: 'transparent',
-            },
-            '&[data-highlighted]:not([data-half])': {
-                '& [data-fg]': {
-                    color: 'colorPalette.solid',
-                },
-            },
-            '&[data-half]': {
-                '& [data-fg]': {
-                    color: 'colorPalette.solid',
-                    clipPath: 'inset(0 50% 0 0)',
-                },
-            },
-        },
-    },
-    variants: {
-        size: {
-            xs: {
-                item: {
-                    textStyle: 'sm',
-                },
-            },
-            sm: {
-                item: {
-                    textStyle: 'md',
-                },
-            },
-            md: {
-                item: {
-                    textStyle: 'xl',
-                },
-            },
-            lg: {
-                item: {
-                    textStyle: '2xl',
-                },
-            },
-        },
-    },
-    defaultVariants: {
-        size: 'md',
-    },
-});

package/dist/components/section/section.recipe.d.ts

@@ -1,27 +0,0 @@
-export declare const sectionSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<string, {
-    variant: {
-        annotated: {
-            root: {
-                flexDirection: {
-                    base: "column";
-                    md: "row";
-                };
-                mt: number;
-            };
-            header: {
-                width: {
-                    base: "full";
-                    md: "30%";
-                };
-                mb: {
-                    base: number;
-                    md: number;
-                };
-                pe: {
-                    base: number;
-                    md: number;
-                };
-            };
-        };
-    };
-}>;

package/dist/components/section/section.recipe.js

@@ -1,63 +0,0 @@
-import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
-const slots = ['root', 'header', 'title', 'description', 'body'];
-export const sectionSlotRecipe = defineSlotRecipe({
-    className: 'sui-section',
-    slots,
-    base: {
-        root: {
-            display: 'flex',
-            flexDirection: 'column',
-        },
-        header: {
-            flexShrink: 0,
-            mb: 4,
-        },
-        title: {
-            textStyle: 'heading',
-            fontWeight: 'semibold',
-            lineHeight: '110%',
-            letterSpacing: '-1%',
-            mb: 1,
-        },
-        description: {
-            color: 'fg.muted',
-            fontSize: 'md',
-            '& a': {
-                fontWeight: 'medium',
-                color: 'fg',
-            },
-        },
-        body: {
-            flex: 1,
-            minWidth: 0,
-        },
-    },
-    variants: {
-        variant: {
-            annotated: {
-                root: {
-                    flexDirection: {
-                        base: 'column',
-                        md: 'row',
-                    },
-                    mt: 4,
-                },
-                header: {
-                    width: {
-                        base: 'full',
-                        md: '30%',
-                    },
-                    mb: {
-                        base: 4,
-                        md: 0,
-                    },
-                    pe: {
-                        base: 4,
-                        md: 8,
-                    },
-                },
-            },
-        },
-    },
-    defaultVariants: {},
-});

package/dist/components/segmented-control/segment-group.recipe.d.ts

@@ -1,48 +0,0 @@
-export declare const segmentGroupSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemText" | "itemControl", {
-    size: {
-        xs: {
-            root: {
-                '--segment-radius': "radii.control.sm";
-                height: "6";
-            };
-            item: {
-                textStyle: "xs";
-                px: "3";
-                gap: "1";
-            };
-        };
-        sm: {
-            root: {
-                '--segment-radius': "radii.control.md";
-                height: "7";
-            };
-            item: {
-                textStyle: "sm";
-                px: "4";
-                gap: "2";
-            };
-        };
-        md: {
-            root: {
-                '--segment-radius': "radii.control.md";
-                height: "8";
-            };
-            item: {
-                textStyle: "md";
-                px: "4";
-                gap: "2";
-            };
-        };
-        lg: {
-            root: {
-                '--segment-radius': "radii.control.lg";
-                height: "10";
-            };
-            item: {
-                textStyle: "md";
-                px: "5";
-                gap: "3";
-            };
-        };
-    };
-}>;

package/dist/components/segmented-control/segment-group.recipe.js

@@ -1,127 +0,0 @@
-import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';
-import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
-export const segmentGroupSlotRecipe = defineSlotRecipe({
-    className: 'chakra-segment-group',
-    slots: segmentGroupAnatomy.keys(),
-    base: {
-        root: {
-            borderRadius: 'var(--segment-radius)',
-            display: 'inline-flex',
-            boxShadow: 'inset',
-            minW: 'max-content',
-            textAlign: 'center',
-            position: 'relative',
-            isolation: 'isolate',
-            bg: 'bg.muted',
-            borderWidth: '1px',
-        },
-        item: {
-            display: 'flex',
-            alignItems: 'center',
-            userSelect: 'none',
-            fontSize: 'sm',
-            position: 'relative',
-            color: 'fg.subtle',
-            cursor: 'button',
-            borderRadius: 'var(--segment-radius)',
-            _disabled: {
-                opacity: '0.5',
-            },
-            _hover: {
-                color: 'fg',
-            },
-            '&:has(input:focus-visible)': {
-                focusRing: 'inside',
-                focusRingWidth: '1px',
-            },
-            _before: {
-                content: '""',
-                position: 'absolute',
-                insetInlineStart: 0,
-                insetBlock: '0',
-                bg: 'border',
-                width: '1px',
-                transition: 'opacity 0.2s',
-            },
-            _checked: {
-                color: 'fg',
-            },
-            '& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type': {
-                _before: {
-                    opacity: '0',
-                },
-            },
-            '&[data-state=checked][data-ssr]': {
-                shadow: 'sm',
-                bg: 'bg',
-                color: 'fg',
-                borderRadius: 'var(--segment-radius)',
-            },
-        },
-        indicator: {
-            pos: 'absolute',
-            bg: {
-                base: 'bg',
-                _dark: 'bg.emphasized',
-            },
-            width: 'var(--width)',
-            height: 'var(--height)',
-            top: 'var(--top)',
-            left: 'var(--left)',
-            zIndex: -1,
-            borderRadius: 'var(--segment-radius)',
-            boxShadow: '0 0 0 1px {colors.border.emphasized}',
-        },
-    },
-    variants: {
-        size: {
-            xs: {
-                root: {
-                    '--segment-radius': 'radii.control.sm',
-                    height: '6',
-                },
-                item: {
-                    textStyle: 'xs',
-                    px: '3',
-                    gap: '1',
-                },
-            },
-            sm: {
-                root: {
-                    '--segment-radius': 'radii.control.md',
-                    height: '7',
-                },
-                item: {
-                    textStyle: 'sm',
-                    px: '4',
-                    gap: '2',
-                },
-            },
-            md: {
-                root: {
-                    '--segment-radius': 'radii.control.md',
-                    height: '8',
-                },
-                item: {
-                    textStyle: 'md',
-                    px: '4',
-                    gap: '2',
-                },
-            },
-            lg: {
-                root: {
-                    '--segment-radius': 'radii.control.lg',
-                    height: '10',
-                },
-                item: {
-                    textStyle: 'md',
-                    px: '5',
-                    gap: '3',
-                },
-            },
-        },
-    },
-    defaultVariants: {
-        size: 'md',
-    },
-});

package/dist/components/select/select.recipe.d.ts

@@ -1,155 +0,0 @@
-export declare const selectSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "control" | "indicator" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "indicatorGroup" | "valueText", {
-    variant: {
-        outline: {
-            trigger: {
-                bg: "transparent";
-                borderWidth: "1px";
-                borderColor: "border";
-                _expanded: {
-                    borderColor: "border.emphasized";
-                };
-            };
-        };
-        subtle: {
-            trigger: {
-                borderWidth: "1px";
-                borderColor: "transparent";
-                bg: "bg.muted";
-            };
-        };
-    };
-    size: {
-        xs: {
-            root: {
-                '--select-trigger-height': "sizes.6";
-                '--select-trigger-padding-x': "spacing.2";
-            };
-            content: {
-                p: "1";
-                gap: "1";
-                textStyle: "xs";
-            };
-            trigger: {
-                borderRadius: "sm";
-                textStyle: "xs";
-                gap: "1";
-            };
-            item: {
-                py: "1";
-                px: "2";
-            };
-            itemGroupLabel: {
-                py: "1";
-                px: "2";
-            };
-            indicator: {
-                _icon: {
-                    width: "3.5";
-                    height: "3.5";
-                };
-            };
-        };
-        sm: {
-            root: {
-                '--select-trigger-height': "sizes.7";
-                '--select-trigger-padding-x': "spacing.2.5";
-            };
-            content: {
-                p: "1";
-                textStyle: "sm";
-            };
-            trigger: {
-                borderRadius: "sm";
-                textStyle: "sm";
-                gap: "1";
-            };
-            indicator: {
-                _icon: {
-                    width: "4";
-                    height: "4";
-                };
-            };
-            item: {
-                py: "1";
-                px: "1.5";
-            };
-            itemGroup: {
-                mt: "1";
-            };
-            itemGroupLabel: {
-                py: "1";
-                px: "1.5";
-            };
-        };
-        md: {
-            root: {
-                '--select-trigger-height': "sizes.8";
-                '--select-trigger-padding-x': "spacing.3";
-            };
-            content: {
-                p: "1";
-                textStyle: "sm";
-            };
-            itemGroup: {
-                mt: "1.5";
-            };
-            item: {
-                py: "1.5";
-                px: "2";
-            };
-            itemIndicator: {
-                display: "flex";
-                alignItems: "center";
-                justifyContent: "center";
-            };
-            itemGroupLabel: {
-                py: "1.5";
-                px: "2";
-            };
-            trigger: {
-                borderRadius: "md";
-                textStyle: "sm";
-                gap: "2";
-            };
-            indicator: {
-                _icon: {
-                    width: "4";
-                    height: "4";
-                };
-            };
-        };
-        lg: {
-            root: {
-                '--select-trigger-height': "sizes.10";
-                '--select-trigger-padding-x': "spacing.4";
-            };
-            content: {
-                p: "1.5";
-                textStyle: "md";
-            };
-            itemGroup: {
-                mt: "2";
-            };
-            item: {
-                py: "2";
-                px: "3";
-            };
-            itemGroupLabel: {
-                py: "2";
-                px: "3";
-            };
-            trigger: {
-                borderRadius: "md";
-                textStyle: "md";
-                py: "3";
-                gap: "2";
-            };
-            indicator: {
-                _icon: {
-                    width: "5";
-                    height: "5";
-                };
-            };
-        };
-    };
-}>;