@smg-automotive/components 25.11.0-chakra-v3.2 → 25.11.0-dbojovic-vsst-4320-select-menu-migration.1

package/dist/esm/components/tab/TabPanels.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { useSlotRecipe, Box } from '@chakra-ui/react';
+
+var TabPanels = function (_a) {
+    var variant = _a.variant, children = _a.children;
+    var recipe = useSlotRecipe({ key: 'tabs' });
+    var styles = recipe({ variant: variant });
+    return (React.createElement(Box, { css: styles.contentGroup }, React.Children.map(children, function (child) {
+        return React.isValidElement(child)
+            ? React.cloneElement(child, { variant: variant })
+            : child;
+    })));
+};
+
+export { TabPanels };
+//# sourceMappingURL=TabPanels.js.map

package/dist/esm/components/tab/TabPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.js","sources":["../../../../../src/components/tab/TabPanels.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAaO,IAAM,SAAS,GAA0C,UAAC,EAGhE,EAAA;QAFC,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA;IAER,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,IAAC,GAAG,EAAE,MAAM,CAAC,YAAY,IAC1B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClC,QAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;cACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,cAAE,KAAK;IALT,CAKS,CACV,CACG;AAEV;;;;"}

package/dist/esm/components/tab/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsRootProps as ChakraTabsRootProps, RecipeVariantProps } from '@chakra-ui/react';
+import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
+export type TabsProps = Omit<ChakraTabsRootProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;
+export { Tab, TabProps } from './Tab';
+export { TabList, TabListProps } from './TabList';
+export { TabPanel, TabPanelProps } from './TabPanel';
+export { TabPanels, TabPanelsProps } from './TabPanels';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,aAAa,IAAI,mBAAmB,EACpC,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAIhE,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC1D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAoBjD,CAAC;AAEF,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/components/tab/index.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Tabs as Tabs$1 } from '@chakra-ui/react';
+
+var Tabs = function (_a) {
+    var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
+    var recipe = useSlotRecipe({ key: 'tabs' });
+    var styles = recipe({ variant: variant });
+    return (React.createElement(Tabs$1.Root, __assign({}, rest, { css: styles.root }), React.Children.map(children, function (child) {
+        return React.isValidElement(child)
+            ? React.cloneElement(child, { variant: variant })
+            : child;
+    })));
+};
+
+export { Tabs };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/tab/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/tab/index.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAiBO,IAAM,IAAI,GAAqC,UAAC,EAItD,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAH8C,CAAA,SAAA,EAAA,UAAA,CAItD,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;IAElC,QACE,oBAACA,MAAU,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAA,EACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClC,QAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;cACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,cAAE,KAAK;IALT,CAKS,CACV,CACe;AAEtB;;;;"}

package/dist/esm/components/themeProvider/index.js

@@ -22,6 +22,7 @@ import '../../themes/shared/tokens/animations.js';
 import '../../themes/shared/textStyles.js';
 import '../../themes/shared/slotRecipes/vehicleReference.js';
 import '../../themes/shared/slotRecipes/tooltip.js';
+import '../../themes/shared/slotRecipes/tabs.js';
 import '../../themes/shared/slotRecipes/table.js';
 import '../../themes/shared/slotRecipes/switch.js';
 import '../../themes/shared/slotRecipes/slider.js';
@@ -39,6 +40,7 @@ import '../../themes/shared/slotRecipes/input.js';
 import '../../themes/shared/slotRecipes/galleryHeader.js';
 import '../../themes/shared/slotRecipes/field.js';
 import '../../themes/shared/slotRecipes/energyLabel.js';
+import '../../themes/shared/slotRecipes/drawer.js';
 import '../../themes/shared/slotRecipes/dialogFilter.js';
 import '../../themes/shared/slotRecipes/dialog.js';
 import '../../themes/shared/slotRecipes/checkbox.js';

package/dist/esm/components/themeProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/themeProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,MAAM,IAAA,EAAA,GAAA,EAAA;AACV,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;AACtC,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;OACvC;AAEM,IAAM,aAAa,GAA8C,UAAC,EAGxE,EAAA;QAFC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AAEL,IAAA,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAG,QAAQ,CAAkB;AAC1E;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/themeProvider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,MAAM,IAAA,EAAA,GAAA,EAAA;AACV,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;AACtC,IAAA,EAAA,CAAC,KAAK,CAAC,WAAW,CAAA,GAAG,iBAAiB;OACvC;AAEM,IAAM,aAAa,GAA8C,UAAC,EAGxE,EAAA;QAFC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA;AAEL,IAAA,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAA,EAAG,QAAQ,CAAkB;AAC1E;;;;"}

package/dist/esm/index.js

@@ -21,6 +21,7 @@ import './themes/shared/tokens/animations.js';
 import './themes/shared/textStyles.js';
 import './themes/shared/slotRecipes/vehicleReference.js';
 import './themes/shared/slotRecipes/tooltip.js';
+import './themes/shared/slotRecipes/tabs.js';
 import './themes/shared/slotRecipes/table.js';
 import './themes/shared/slotRecipes/switch.js';
 import './themes/shared/slotRecipes/slider.js';
@@ -38,6 +39,7 @@ import './themes/shared/slotRecipes/input.js';
 import './themes/shared/slotRecipes/galleryHeader.js';
 import './themes/shared/slotRecipes/field.js';
 import './themes/shared/slotRecipes/energyLabel.js';
+import './themes/shared/slotRecipes/drawer.js';
 import './themes/shared/slotRecipes/dialogFilter.js';
 import './themes/shared/slotRecipes/dialog.js';
 import './themes/shared/slotRecipes/checkbox.js';
@@ -80,6 +82,7 @@ export { Count } from './components/count/index.js';
 export { DatePicker } from './components/datePicker/index.js';
 export { DevOverlay } from './components/devOverlay/index.js';
 export { Dialog } from './components/dialog/index.js';
+export { Drawer } from './components/drawer/index.js';
 export { EnergyLabel } from './components/energyLabel/index.js';
 export { ErrorPage } from './components/errorPage/index.js';
 export { Flex } from './components/flex/index.js';
@@ -275,6 +278,7 @@ export { SimpleGrid } from './components/simpleGrid/index.js';
 export { SimpleHeader } from './components/simpleHeader/index.js';
 export { Stack } from './components/stack/index.js';
 export { Switch } from './components/switch/index.js';
+export { Tabs } from './components/tab/index.js';
 export { Table, TableBody, TableCaption, TableCell, TableColumn, TableColumnGroup, TableColumnHeader, TableFooter, TableHeader, TableRoot, TableRow, TableScrollArea } from './components/table/index.js';
 export { Text } from './components/text/index.js';
 export { HighlightedText } from './components/text/HighlightedText.js';
@@ -288,4 +292,11 @@ export { DiscreteSlider } from './components/discreteSlider/index.js';
 export { FormControlSection } from './components/formControlSection/index.js';
 export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
 export { default as logger } from './lib/logger.js';
+export { DrawerOverlay } from './components/drawer/DrawerOverlay.js';
+export { DrawerContent } from './components/drawer/DrawerContent.js';
+export { DrawerBody } from './components/drawer/DrawerBody.js';
+export { Tab } from './components/tab/Tab.js';
+export { TabList } from './components/tab/TabList.js';
+export { TabPanel } from './components/tab/TabPanel.js';
+export { TabPanels } from './components/tab/TabPanels.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/themes/shared/index.d.ts

@@ -1636,6 +1636,74 @@ export declare const getSharedConfig: () => {
                     };
                 };
             }>;
+            tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "root" | "list" | "contentGroup", {
+                variant: {
+                    default: {
+                        trigger: {
+                            _selected: {
+                                borderBottomColor: "currentColor";
+                            };
+                        };
+                    };
+                    spaceBetween: {
+                        list: {
+                            justifyContent: "space-between";
+                        };
+                        trigger: {
+                            _selected: {
+                                borderBottomColor: "currentColor";
+                            };
+                        };
+                    };
+                    spaceAround: {
+                        list: {
+                            justifyContent: "space-around";
+                        };
+                        trigger: {
+                            _selected: {
+                                borderBottomColor: "currentColor";
+                            };
+                        };
+                    };
+                    enclosed: {
+                        list: {
+                            borderBottom: "none";
+                        };
+                        trigger: {
+                            color: "gray.700";
+                            fontWeight: "bold";
+                            flexBasis: "full";
+                            border: "1px";
+                            borderColor: "blue.200";
+                            backgroundColor: "blue.50";
+                            borderRight: "none";
+                            '--tabs-border-width': "1px";
+                            _selected: {
+                                backgroundColor: "transparent";
+                                borderBottomColor: "transparent";
+                            };
+                            _last: {
+                                borderRight: "1px";
+                                borderRightColor: "blue.200";
+                            };
+                        };
+                        content: {
+                            m: "0";
+                        };
+                    };
+                    fullWidth: {
+                        trigger: {
+                            flex: number;
+                            _selected: {
+                                borderBottomColor: "currentColor";
+                            };
+                        };
+                        content: {
+                            m: "0";
+                        };
+                    };
+                };
+            }>;
             vehicleReference: import("@chakra-ui/react").SlotRecipeDefinition<"carTitle" | "price" | "dealerName" | "dealerAddress", import("@chakra-ui/react").SlotRecipeVariantRecord<"carTitle" | "price" | "dealerName" | "dealerAddress">>;
             tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "trigger" | "arrow" | "arrowTip" | "positioner">>;
             field: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "label" | "root" | "errorText" | "helperText" | "labelRoot" | "requiredIndicator" | "tooltipWrapper" | "tooltipIcon", {
@@ -1741,6 +1809,51 @@ export declare const getSharedConfig: () => {
                 };
             }>;
             dialogFilter: import("@chakra-ui/react").SlotRecipeDefinition<"content", import("@chakra-ui/react").SlotRecipeVariantRecord<"content">>;
+            drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "positioner" | "root" | "backdrop" | "closeTrigger", {
+                placement: {
+                    top: {
+                        positioner: {
+                            alignItems: "flex-start";
+                            justifyContent: "stretch";
+                        };
+                    };
+                    bottom: {
+                        positioner: {
+                            alignItems: "flex-end";
+                            justifyContent: "stretch";
+                        };
+                    };
+                    left: {
+                        positioner: {
+                            alignItems: "stretch";
+                            justifyContent: "flex-start";
+                        };
+                    };
+                    right: {
+                        positioner: {
+                            alignItems: "stretch";
+                            justifyContent: "flex-end";
+                        };
+                    };
+                };
+                size: {
+                    xl: {
+                        content: {
+                            width: "4xl";
+                        };
+                    };
+                    half: {
+                        content: {
+                            width: "half";
+                        };
+                    };
+                    full: {
+                        content: {
+                            width: "full";
+                        };
+                    };
+                };
+            }>;
             alert: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "root" | "title" | "indicator", {
                 status: {
                     error: {
@@ -2065,6 +2178,9 @@ export declare const getSharedConfig: () => {
                 '8xl': {
                     value: string;
                 };
+                half: {
+                    value: string;
+                };
                 full: {
                     value: string;
                 };
@@ -2650,6 +2766,9 @@ export declare const getSharedConfig: () => {
                 'fade-in': {
                     value: string;
                 };
+                'fade-out': {
+                    value: string;
+                };
             };
             durations: {
                 fast: {
@@ -2658,6 +2777,9 @@ export declare const getSharedConfig: () => {
                 normal: {
                     value: string;
                 };
+                slow: {
+                    value: string;
+                };
             };
         };
     };

package/dist/esm/themes/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/index.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B1B,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/index.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B1B,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/themes/shared/keyframes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyframes.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/keyframes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yCA8CpB,CAAC"}
+{"version":3,"file":"keyframes.d.ts","sourceRoot":"","sources":["../../../../src/themes/shared/keyframes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yCA8EpB,CAAC"}

package/dist/esm/themes/shared/keyframes.js

@@ -46,6 +46,38 @@ var keyframes = defineKeyframes({
             scale: '0.95',
         },
     },
+    'slide-in-from-top': {
+        from: { transform: 'translateY(-100%)' },
+        to: { transform: 'translateY(0)' },
+    },
+    'slide-in-from-right': {
+        from: { transform: 'translateX(100%)' },
+        to: { transform: 'translateX(0)' },
+    },
+    'slide-in-from-bottom': {
+        from: { transform: 'translateY(100%)' },
+        to: { transform: 'translateY(0)' },
+    },
+    'slide-in-from-left': {
+        from: { transform: 'translateX(-100%)' },
+        to: { transform: 'translateX(0)' },
+    },
+    'slide-out-to-top': {
+        from: { transform: 'translateY(0)' },
+        to: { transform: 'translateY(-100%)' },
+    },
+    'slide-out-to-right': {
+        from: { transform: 'translateX(0)' },
+        to: { transform: 'translateX(100%)' },
+    },
+    'slide-out-to-bottom': {
+        from: { transform: 'translateY(0)' },
+        to: { transform: 'translateY(100%)' },
+    },
+    'slide-out-to-left': {
+        from: { transform: 'translateX(0)' },
+        to: { transform: 'translateX(-100%)' },
+    },
 });
 
 export { keyframes };

package/dist/esm/themes/shared/keyframes.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyframes.js","sources":["../../../../../src/themes/shared/keyframes.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;AACrB,QAAA,EAAE,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE;AAChC,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,IAAI,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;AACpB,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACnB,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACF,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,IAAI,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE;AAC/C,QAAA,KAAK,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE;AAC9C,QAAA,MAAM,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;AACnC,QAAA,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;AACxC,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,GAAG;AACX,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,GAAG;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,KAAK,EAAE,MAAM;AACd,SAAA;AACF,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"keyframes.js","sources":["../../../../../src/themes/shared/keyframes.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/themes/shared/slotRecipes/drawer.d.ts

@@ -0,0 +1,46 @@
+export declare const drawerRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "positioner" | "root" | "backdrop" | "closeTrigger", {
+    placement: {
+        top: {
+            positioner: {
+                alignItems: "flex-start";
+                justifyContent: "stretch";
+            };
+        };
+        bottom: {
+            positioner: {
+                alignItems: "flex-end";
+                justifyContent: "stretch";
+            };
+        };
+        left: {
+            positioner: {
+                alignItems: "stretch";
+                justifyContent: "flex-start";
+            };
+        };
+        right: {
+            positioner: {
+                alignItems: "stretch";
+                justifyContent: "flex-end";
+            };
+        };
+    };
+    size: {
+        xl: {
+            content: {
+                width: "4xl";
+            };
+        };
+        half: {
+            content: {
+                width: "half";
+            };
+        };
+        full: {
+            content: {
+                width: "full";
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/esm/themes/shared/slotRecipes/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/drawer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiPvB,CAAC"}

package/dist/esm/themes/shared/slotRecipes/drawer.js

@@ -0,0 +1,247 @@
+import { defineSlotRecipe } from '@chakra-ui/react';
+
+var drawerRecipe = defineSlotRecipe({
+    slots: ['root', 'backdrop', 'positioner', 'content', 'body', 'closeTrigger'],
+    className: 'chakra-drawer',
+    base: {
+        root: {},
+        backdrop: {
+            position: 'fixed',
+            insetInlineStart: '0',
+            top: '0',
+            width: 'full',
+            height: 'full',
+            zIndex: 'overlay',
+            _open: {
+                animation: 'fade-in',
+            },
+            _closed: {
+                animation: 'fade-out',
+            },
+        },
+        positioner: {
+            display: 'flex',
+            width: 'full',
+            height: 'full',
+            position: 'fixed',
+            insetInlineStart: '0',
+            top: '0',
+            zIndex: 'modal',
+        },
+        content: {
+            bg: 'white',
+            boxShadow: 'xs',
+        },
+        body: {
+            flex: 1,
+            padding: 'lg',
+            overflowY: 'auto',
+        },
+        closeTrigger: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: 'xs',
+            height: 'xs',
+            borderRadius: 'sm',
+            color: 'gray.800',
+            fontSize: 'base',
+            cursor: 'pointer',
+            _hover: {
+                bg: 'gray.100',
+            },
+        },
+    },
+    variants: {
+        placement: {
+            top: {
+                positioner: {
+                    alignItems: 'flex-start',
+                    justifyContent: 'stretch',
+                },
+            },
+            bottom: {
+                positioner: {
+                    alignItems: 'flex-end',
+                    justifyContent: 'stretch',
+                },
+            },
+            left: {
+                positioner: {
+                    alignItems: 'stretch',
+                    justifyContent: 'flex-start',
+                },
+            },
+            right: {
+                positioner: {
+                    alignItems: 'stretch',
+                    justifyContent: 'flex-end',
+                },
+            },
+        },
+        size: {
+            xl: {
+                content: {
+                    width: '4xl',
+                },
+            },
+            half: {
+                content: {
+                    width: 'half',
+                },
+            },
+            full: {
+                content: {
+                    width: 'full',
+                },
+            },
+        },
+    },
+    compoundVariants: [
+        {
+            placement: 'top',
+            size: 'xl',
+            css: {
+                content: {
+                    width: 'full',
+                    height: '2xl',
+                    _open: {
+                        animationName: 'slide-in-from-top',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-top',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'top',
+            size: 'half',
+            css: {
+                content: {
+                    width: 'full',
+                    height: 'half',
+                    _open: {
+                        animationName: 'slide-in-from-top',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-top',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'top',
+            size: 'full',
+            css: {
+                content: {
+                    width: 'full',
+                    height: 'full',
+                    _open: {
+                        animationName: 'slide-in-from-top',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-top',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'right',
+            css: {
+                content: {
+                    _open: {
+                        animationName: 'slide-in-from-right',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-right',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'bottom',
+            size: 'xl',
+            css: {
+                content: {
+                    width: 'full',
+                    height: '2xl',
+                    _open: {
+                        animationName: 'slide-in-from-bottom',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-bottom',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'bottom',
+            size: 'half',
+            css: {
+                content: {
+                    width: 'full',
+                    height: 'half',
+                    _open: {
+                        animationName: 'slide-in-from-bottom',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-bottom',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'bottom',
+            size: 'full',
+            css: {
+                content: {
+                    width: 'full',
+                    height: 'full',
+                    _open: {
+                        animationName: 'slide-in-from-bottom',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-bottom',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+        {
+            placement: 'left',
+            css: {
+                content: {
+                    _open: {
+                        animationName: 'slide-in-from-left',
+                        animationDuration: 'slow',
+                    },
+                    _closed: {
+                        animationName: 'slide-out-to-left',
+                        animationDuration: 'fast',
+                    },
+                },
+            },
+        },
+    ],
+    defaultVariants: {
+        placement: 'right',
+        size: 'half',
+    },
+});
+
+export { drawerRecipe };
+//# sourceMappingURL=drawer.js.map