@smg-automotive/components 25.11.0-chakra-v3.1 → 25.11.0-chakra-v3.3

package/dist/cjs/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", {

package/dist/cjs/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/cjs/themes/shared/slotRecipes/index.d.ts

@@ -1437,6 +1437,74 @@ export declare const slotRecipes: {
             };
         };
     }>;
+    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", {

package/dist/cjs/themes/shared/slotRecipes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/index.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BvB,CAAC"}

package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts

@@ -0,0 +1,69 @@
+export declare const tabsRecipe: 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";
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/tabs.ts"],"names":[],"mappings":"AAwCA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ErB,CAAC"}

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

@@ -40,11 +40,13 @@ export * from './simpleGrid';
 export * from './simpleHeader';
 export * from './stack';
 export * from './switch';
+export * from './tab';
 export * from './table';
 export * from './text';
 export * from './text/HighlightedText';
 export * from './text/marked';
 export * from './themeProvider';
+export * from './topListingBadge';
 export * from './vehicleReference';
 export * from './rangeFilterInput';
 export * from './topVehicleSharedBadge';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsTriggerProps as ChakraTabsTriggerProps, RecipeVariantProps } from '@chakra-ui/react';
+import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
+export type TabProps = Omit<ChakraTabsTriggerProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+export declare const Tab: FC<PropsWithChildren<TabProps>>;
+//# sourceMappingURL=Tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/Tab.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAC5D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAa/C,CAAC"}

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

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Tabs } from '@chakra-ui/react';
+
+var Tab = 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.Trigger, __assign({}, rest, { css: styles.trigger }), children));
+};
+
+export { Tab };
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../../src/components/tab/Tab.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAeO,IAAM,GAAG,GAAoC,UAAC,EAIpD,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAH4C,CAAA,SAAA,EAAA,UAAA,CAIpD,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;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,OAAO,eAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,KAC9C,QAAQ,CACU;AAEzB;;;;"}

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

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsListProps as ChakraTabsListProps, RecipeVariantProps } from '@chakra-ui/react';
+import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
+export type TabListProps = Omit<ChakraTabsListProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+export declare const TabList: FC<PropsWithChildren<TabListProps>>;
+//# sourceMappingURL=TabList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabList.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;AAMhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC7D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAsBvD,CAAC"}

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

@@ -0,0 +1,18 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Box, Tabs } from '@chakra-ui/react';
+
+var TabList = 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(Box, { overflowX: "auto" },
+        React.createElement(Tabs.List, __assign({}, rest, { css: styles.list }), React.Children.map(children, function (child) {
+            return React.isValidElement(child)
+                ? React.cloneElement(child, { variant: variant })
+                : child;
+        }))));
+};
+
+export { TabList };
+//# sourceMappingURL=TabList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../../../../src/components/tab/TabList.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAmBO,IAAM,OAAO,GAAwC,UAAC,EAI5D,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAHoD,CAAA,SAAA,EAAA,UAAA,CAI5D,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;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA;QACnB,KAAA,CAAA,aAAA,CAACA,IAAU,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,YAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;kBACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,kBAAE,KAAK;AALT,QAAA,CAKS,CACV,CACe,CACd;AAEV;;;;"}

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

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsContentProps as ChakraTabsContentProps, RecipeVariantProps } from '@chakra-ui/react';
+import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
+export type TabPanelProps = Omit<ChakraTabsContentProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
+export declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;
+//# sourceMappingURL=TabPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabPanel.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GACjE,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAazD,CAAC"}

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

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import { useSlotRecipe, Tabs } from '@chakra-ui/react';
+
+var TabPanel = 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.Content, __assign({}, rest, { css: styles.content }), children));
+};
+
+export { TabPanel };
+//# sourceMappingURL=TabPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../../../../src/components/tab/TabPanel.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAeO,IAAM,QAAQ,GAAyC,UAAC,EAI9D,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAHsD,CAAA,SAAA,EAAA,UAAA,CAI9D,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;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,OAAO,eAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,KAC9C,QAAQ,CACU;AAEzB;;;;"}

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

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
+export type TabPanelsProps = RecipeVariantProps<typeof tabsRecipe>;
+export declare const TabPanels: FC<PropsWithChildren<TabPanelsProps>>;
+//# sourceMappingURL=TabPanels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanels.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabPanels.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAiB,MAAM,kBAAkB,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAMhE,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnE,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAmB3D,CAAC"}

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';

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/components/topListingBadge/index.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+type Props = {
+    aspectRatio?: number;
+};
+export declare const TopListingBadge: FC<PropsWithChildren<Props>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/topListingBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAoCxD,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Grid, GridItem, AspectRatio, Badge } from '@chakra-ui/react';
+
+var TopListingBadge = function (_a) {
+    var children = _a.children, aspectRatio = _a.aspectRatio;
+    return (React.createElement(Grid, null,
+        React.createElement(GridItem, { gridColumn: 1, gridRow: 1 }, aspectRatio ? (React.createElement(AspectRatio, { ratio: aspectRatio }, children)) : (children)),
+        React.createElement(GridItem, { gridColumn: 1, gridRow: 1, zIndex: "docked", overflow: "hidden", position: "relative", pointerEvents: "none", css: { touchAction: 'none' } },
+            React.createElement(Badge, { transform: "rotate(-45deg) translate(-50%) translateY(9px)", position: "absolute", transformOrigin: "top left", width: "4xl", textAlign: "center", paddingLeft: "sm", color: "gray.900" }, "Top"))));
+};
+
+export { TopListingBadge };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/topListingBadge/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAOO,IAAM,eAAe,GAAiC,UAAC,EAG7D,EAAA;QAFC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA;IAEX,QACE,oBAAC,IAAI,EAAA,IAAA;AACH,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAC,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAA,EAChC,WAAW,IACV,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAAe,KAEzD,QAAQ,CACT,CACQ;AACX,QAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,CAAC,EACV,MAAM,EAAC,QAAQ,EACf,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA;AAE5B,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,SAAS,EAAC,gDAAgD,EAC1D,QAAQ,EAAC,UAAU,EACnB,eAAe,EAAC,UAAU,EAC1B,KAAK,EAAC,KAAK,EACX,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAC,IAAI,EAChB,KAAK,EAAC,UAAU,EAAA,EAAA,KAAA,CAGV,CACC,CACN;AAEX;;;;"}

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';
@@ -275,11 +276,13 @@ 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';
 export { MarkedText } from './components/text/marked/index.js';
 export { ThemeProvider } from './components/themeProvider/index.js';
+export { TopListingBadge } from './components/topListingBadge/index.js';
 export { VehicleReference } from './components/vehicleReference/index.js';
 export { RangeFilterInput } from './components/rangeFilterInput/index.js';
 export { TopVehicleSharedBadge } from './components/topVehicleSharedBadge/index.js';
@@ -287,4 +290,8 @@ 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 { 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", {