@mekari/pixel3-theme 0.7.2 → 1.0.0-next.0

package/dist/recipes/input-tag.d.mts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const inputTagSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const inputTagSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", _pandacss_types.SlotRecipeVariantRecord<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading">>;
 
 export { inputTagSlotRecipe };

package/dist/recipes/input-tag.d.ts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const inputTagSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const inputTagSlotRecipe: _pandacss_types.SlotRecipeConfig<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", _pandacss_types.SlotRecipeVariantRecord<"content" | "root" | "input" | "trigger" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading">>;
 
 export { inputTagSlotRecipe };

package/dist/recipes/input.d.mts

@@ -1,7 +1,165 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const inputSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const inputGroupSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const inputAddonSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const inputSlotRecipe: _pandacss_types.SlotRecipeConfig<"clear" | "root" | "control", {
+    variant: {
+        unstyled: {
+            control: {
+                backgroundColor: "transparent";
+                borderWidth: "0";
+                borderRadius: "none";
+            };
+        };
+        outline: {
+            control: {
+                backgroundColor: "white";
+                borderColor: "gray.100";
+                _hover: {
+                    borderColor: "gray.400";
+                    _invalid: {
+                        borderColor: "red.400";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.500";
+                    boxShadow: "outer";
+                    _hover: {
+                        borderColor: "blue.500";
+                    };
+                    _invalid: {
+                        borderColor: "red.400";
+                    };
+                };
+                _disabled: {
+                    color: "gray.400";
+                    backgroundColor: "gray.50";
+                    borderColor: "gray.100";
+                    cursor: "not-allowed";
+                };
+                _invalid: {
+                    borderColor: "red.400";
+                };
+                _readOnly: {
+                    boxShadow: "none";
+                    userSelect: "all";
+                };
+                _nextTheme: {
+                    backgroundColor: "background.neutral";
+                    borderColor: "border.form";
+                    _hover: {
+                        borderColor: "border.form";
+                        backgroundColor: "background.neutral.hovered";
+                        _invalid: {
+                            borderColor: "border.danger";
+                        };
+                    };
+                    _focus: {
+                        borderColor: "border.focused";
+                        boxShadow: "focus";
+                        _hover: {
+                            borderColor: "border.focused";
+                        };
+                        _invalid: {
+                            borderColor: "border.focused";
+                            _hover: {
+                                borderColor: "border.focused";
+                            };
+                        };
+                    };
+                    _disabled: {
+                        color: "text.disabled";
+                        backgroundColor: "background.disabled";
+                        borderColor: "border.disabled";
+                        _hover: {
+                            borderColor: "border.disabled";
+                            backgroundColor: "background.disabled";
+                        };
+                    };
+                    _invalid: {
+                        borderColor: "border.danger";
+                    };
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            control: {
+                height: "7.5";
+                fontSize: "sm";
+                borderRadius: "sm";
+                paddingY: string;
+            };
+        };
+        md: {
+            control: {
+                height: "9.5";
+                fontSize: "md";
+                borderRadius: "md";
+                paddingY: string;
+            };
+        };
+    };
+}>;
+declare const inputGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {}>;
+declare const inputAddonSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {
+    placement: {
+        left: {
+            root: {
+                left: "2";
+                borderTopRightRadius: "none!";
+                borderBottomRightRadius: "none!";
+                minWidth: "32px";
+                justifyContent: "center";
+            };
+        };
+        right: {
+            root: {
+                right: "2";
+                borderTopLeftRadius: "none!";
+                borderBottomLeftRadius: "none!";
+                minWidth: "32px";
+                justifyContent: "center";
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                height: "26px";
+                borderRadius: "sm";
+                _hasBackground: {
+                    _placementLeft: {
+                        left: "0.5";
+                        minWidth: "24px";
+                        justifyContent: "center";
+                    };
+                    _placementRight: {
+                        right: "0.5";
+                        minWidth: "24px";
+                        justifyContent: "center";
+                    };
+                };
+            };
+        };
+        md: {
+            root: {
+                height: "32px";
+                borderRadius: "sm";
+                _hasBackground: {
+                    _placementLeft: {
+                        left: "3px";
+                        minWidth: "32px";
+                        justifyContent: "center";
+                    };
+                    _placementRight: {
+                        right: "3px";
+                        minWidth: "32px";
+                        justifyContent: "center";
+                    };
+                };
+            };
+        };
+    };
+}>;
 
 export { inputAddonSlotRecipe, inputGroupSlotRecipe, inputSlotRecipe };

package/dist/recipes/input.d.ts

@@ -1,7 +1,165 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const inputSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const inputGroupSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const inputAddonSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const inputSlotRecipe: _pandacss_types.SlotRecipeConfig<"clear" | "root" | "control", {
+    variant: {
+        unstyled: {
+            control: {
+                backgroundColor: "transparent";
+                borderWidth: "0";
+                borderRadius: "none";
+            };
+        };
+        outline: {
+            control: {
+                backgroundColor: "white";
+                borderColor: "gray.100";
+                _hover: {
+                    borderColor: "gray.400";
+                    _invalid: {
+                        borderColor: "red.400";
+                    };
+                };
+                _focus: {
+                    borderColor: "blue.500";
+                    boxShadow: "outer";
+                    _hover: {
+                        borderColor: "blue.500";
+                    };
+                    _invalid: {
+                        borderColor: "red.400";
+                    };
+                };
+                _disabled: {
+                    color: "gray.400";
+                    backgroundColor: "gray.50";
+                    borderColor: "gray.100";
+                    cursor: "not-allowed";
+                };
+                _invalid: {
+                    borderColor: "red.400";
+                };
+                _readOnly: {
+                    boxShadow: "none";
+                    userSelect: "all";
+                };
+                _nextTheme: {
+                    backgroundColor: "background.neutral";
+                    borderColor: "border.form";
+                    _hover: {
+                        borderColor: "border.form";
+                        backgroundColor: "background.neutral.hovered";
+                        _invalid: {
+                            borderColor: "border.danger";
+                        };
+                    };
+                    _focus: {
+                        borderColor: "border.focused";
+                        boxShadow: "focus";
+                        _hover: {
+                            borderColor: "border.focused";
+                        };
+                        _invalid: {
+                            borderColor: "border.focused";
+                            _hover: {
+                                borderColor: "border.focused";
+                            };
+                        };
+                    };
+                    _disabled: {
+                        color: "text.disabled";
+                        backgroundColor: "background.disabled";
+                        borderColor: "border.disabled";
+                        _hover: {
+                            borderColor: "border.disabled";
+                            backgroundColor: "background.disabled";
+                        };
+                    };
+                    _invalid: {
+                        borderColor: "border.danger";
+                    };
+                };
+            };
+        };
+    };
+    size: {
+        sm: {
+            control: {
+                height: "7.5";
+                fontSize: "sm";
+                borderRadius: "sm";
+                paddingY: string;
+            };
+        };
+        md: {
+            control: {
+                height: "9.5";
+                fontSize: "md";
+                borderRadius: "md";
+                paddingY: string;
+            };
+        };
+    };
+}>;
+declare const inputGroupSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {}>;
+declare const inputAddonSlotRecipe: _pandacss_types.SlotRecipeConfig<"root", {
+    placement: {
+        left: {
+            root: {
+                left: "2";
+                borderTopRightRadius: "none!";
+                borderBottomRightRadius: "none!";
+                minWidth: "32px";
+                justifyContent: "center";
+            };
+        };
+        right: {
+            root: {
+                right: "2";
+                borderTopLeftRadius: "none!";
+                borderBottomLeftRadius: "none!";
+                minWidth: "32px";
+                justifyContent: "center";
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                height: "26px";
+                borderRadius: "sm";
+                _hasBackground: {
+                    _placementLeft: {
+                        left: "0.5";
+                        minWidth: "24px";
+                        justifyContent: "center";
+                    };
+                    _placementRight: {
+                        right: "0.5";
+                        minWidth: "24px";
+                        justifyContent: "center";
+                    };
+                };
+            };
+        };
+        md: {
+            root: {
+                height: "32px";
+                borderRadius: "sm";
+                _hasBackground: {
+                    _placementLeft: {
+                        left: "3px";
+                        minWidth: "32px";
+                        justifyContent: "center";
+                    };
+                    _placementRight: {
+                        right: "3px";
+                        minWidth: "32px";
+                        justifyContent: "center";
+                    };
+                };
+            };
+        };
+    };
+}>;
 
 export { inputAddonSlotRecipe, inputGroupSlotRecipe, inputSlotRecipe };

package/dist/recipes/modal.d.mts

@@ -1,5 +1,32 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const modalSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const modalSlotRecipe: _pandacss_types.SlotRecipeConfig<"overlay" | "body" | "root" | "header" | "rootChild" | "contentRoot" | "contentChild" | "footer", {
+    full: {
+        true: {
+            contentRoot: {
+                top: "0";
+            };
+            contentChild: {
+                height: "100%";
+                border: "none";
+                borderRadius: "none";
+            };
+            header: {
+                borderTopLeftRadius: "0";
+                borderTopRightRadius: "0";
+            };
+        };
+        false: {
+            contentRoot: {
+                top: "80px";
+            };
+            contentChild: {
+                height: "100%";
+                borderWidth: "1px";
+                borderRadius: "md";
+            };
+        };
+    };
+}>;
 
 export { modalSlotRecipe };

package/dist/recipes/modal.d.ts

@@ -1,5 +1,32 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const modalSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const modalSlotRecipe: _pandacss_types.SlotRecipeConfig<"overlay" | "body" | "root" | "header" | "rootChild" | "contentRoot" | "contentChild" | "footer", {
+    full: {
+        true: {
+            contentRoot: {
+                top: "0";
+            };
+            contentChild: {
+                height: "100%";
+                border: "none";
+                borderRadius: "none";
+            };
+            header: {
+                borderTopLeftRadius: "0";
+                borderTopRightRadius: "0";
+            };
+        };
+        false: {
+            contentRoot: {
+                top: "80px";
+            };
+            contentChild: {
+                height: "100%";
+                borderWidth: "1px";
+                borderRadius: "md";
+            };
+        };
+    };
+}>;
 
 export { modalSlotRecipe };

package/dist/recipes/popover.d.mts

@@ -1,7 +1,33 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const popoverContentRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const popoverListRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const popoverListItemRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const popoverContentRecipe: _pandacss_types.RecipeConfig<{
+    isUnstyled: {
+        true: {};
+        false: {
+            rounded: string;
+            shadow: string;
+            borderWidth: "1px";
+            borderColor: "gray.400";
+            zIndex: "popover";
+            _nextTheme: {
+                borderColor: "border.bold";
+            };
+        };
+    };
+    isDark: {
+        true: {
+            background: "overlay";
+            color: "white";
+        };
+        false: {
+            background: "white";
+            _nextTheme: {
+                background: "background.stage";
+            };
+        };
+    };
+}>;
+declare const popoverListRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+declare const popoverListItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
 
 export { popoverContentRecipe, popoverListItemRecipe, popoverListRecipe };

package/dist/recipes/popover.d.ts

@@ -1,7 +1,33 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const popoverContentRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const popoverListRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
-declare const popoverListItemRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const popoverContentRecipe: _pandacss_types.RecipeConfig<{
+    isUnstyled: {
+        true: {};
+        false: {
+            rounded: string;
+            shadow: string;
+            borderWidth: "1px";
+            borderColor: "gray.400";
+            zIndex: "popover";
+            _nextTheme: {
+                borderColor: "border.bold";
+            };
+        };
+    };
+    isDark: {
+        true: {
+            background: "overlay";
+            color: "white";
+        };
+        false: {
+            background: "white";
+            _nextTheme: {
+                background: "background.stage";
+            };
+        };
+    };
+}>;
+declare const popoverListRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
+declare const popoverListItemRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
 
 export { popoverContentRecipe, popoverListItemRecipe, popoverListRecipe };

package/dist/recipes/progress.d.mts

@@ -1,5 +1,34 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const progressSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const progressSlotRecipe: _pandacss_types.SlotRecipeConfig<"linear" | "root" | "circularBase" | "circularTrack", {
+    size: {
+        md: {
+            linear: {
+                height: "3";
+            };
+        };
+        sm: {
+            linear: {
+                height: "2";
+            };
+        };
+    };
+    variant: {
+        linear: {
+            root: {
+                borderRadius: "100px";
+            };
+        };
+        circular: {
+            root: {
+                borderRadius: "full";
+                width: "22px";
+                height: "22px";
+                background: "transparent";
+                alignSelf: "flex-start";
+            };
+        };
+    };
+}>;
 
 export { progressSlotRecipe };

package/dist/recipes/progress.d.ts

@@ -1,5 +1,34 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const progressSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const progressSlotRecipe: _pandacss_types.SlotRecipeConfig<"linear" | "root" | "circularBase" | "circularTrack", {
+    size: {
+        md: {
+            linear: {
+                height: "3";
+            };
+        };
+        sm: {
+            linear: {
+                height: "2";
+            };
+        };
+    };
+    variant: {
+        linear: {
+            root: {
+                borderRadius: "100px";
+            };
+        };
+        circular: {
+            root: {
+                borderRadius: "full";
+                width: "22px";
+                height: "22px";
+                background: "transparent";
+                alignSelf: "flex-start";
+            };
+        };
+    };
+}>;
 
 export { progressSlotRecipe };

package/dist/recipes/radio.d.mts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const radioSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const radioSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "control" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "control" | "label">>;
 
 export { radioSlotRecipe };

package/dist/recipes/radio.d.ts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const radioSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const radioSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "control" | "label", _pandacss_types.SlotRecipeVariantRecord<"root" | "control" | "label">>;
 
 export { radioSlotRecipe };

package/dist/recipes/rating.d.mts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const ratingSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const ratingSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "wrapper" | "value" | "backgroundIconWrapper" | "activeIconWrapper", {}>;
 
 export { ratingSlotRecipe };

package/dist/recipes/rating.d.ts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const ratingSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const ratingSlotRecipe: _pandacss_types.SlotRecipeConfig<"root" | "wrapper" | "value" | "backgroundIconWrapper" | "activeIconWrapper", {}>;
 
 export { ratingSlotRecipe };

package/dist/recipes/rich-text-editor.d.mts

@@ -1,6 +1,6 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const richTextEditorSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const RTEStyleProviderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const richTextEditorSlotRecipe: _pandacss_types.SlotRecipeConfig<"toolbar" | "root" | "area", {}>;
+declare const RTEStyleProviderRecipe: _pandacss_types.RecipeConfig<{}>;
 
 export { RTEStyleProviderRecipe, richTextEditorSlotRecipe };

package/dist/recipes/rich-text-editor.d.ts

@@ -1,6 +1,6 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const richTextEditorSlotRecipe: _pandacss_dev.SlotRecipeConfig;
-declare const RTEStyleProviderRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const richTextEditorSlotRecipe: _pandacss_types.SlotRecipeConfig<"toolbar" | "root" | "area", {}>;
+declare const RTEStyleProviderRecipe: _pandacss_types.RecipeConfig<{}>;
 
 export { RTEStyleProviderRecipe, richTextEditorSlotRecipe };

package/dist/recipes/scrollbar.d.mts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const scrollbarRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const scrollbarRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
 
 export { scrollbarRecipe };

package/dist/recipes/scrollbar.d.ts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const scrollbarRecipe: _pandacss_dev.RecipeConfig<_pandacss_dev.RecipeVariantRecord>;
+declare const scrollbarRecipe: _pandacss_types.RecipeConfig<_pandacss_types.RecipeVariantRecord>;
 
 export { scrollbarRecipe };

package/dist/recipes/segmented-control.d.mts

@@ -1,5 +1,5 @@
-import * as _pandacss_dev from '@pandacss/dev';
+import * as _pandacss_types from '@pandacss/types';
 
-declare const segmentedControlSlotRecipe: _pandacss_dev.SlotRecipeConfig;
+declare const segmentedControlSlotRecipe: _pandacss_types.SlotRecipeConfig<"hidden" | "icon" | "root" | "control" | "label" | "item", {}>;
 
 export { segmentedControlSlotRecipe };