@smg-automotive/components 25.11.0-DM-5041-link-overlay.1 → 25.11.0-DM-5041-link-overlay.2

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

@@ -1,10 +1,15 @@
 export * from './accordion';
+export * from './accordion/AccordionPanel';
+export * from './accordion/AccordionItem';
+export * from './accordion/AccordionButton';
+export * from './alert';
 export * from './articleTeaser';
 export * from './aspectRatio';
 export * from './avatar';
 export * from './badge';
 export * from './box';
 export * from './breadcrumbs';
+export * from './breadcrumbs/Item';
 export * from './button';
 export * from './card';
 export * from './carousel';
@@ -44,6 +49,7 @@ export * from './pagination';
 export * from './rangeFilterInput';
 export * from './rangeSlider';
 export * from './rating';
+export * from './radio';
 export * from './section';
 export * from './select';
 export * from './separator';
@@ -57,8 +63,13 @@ export * from './tenantSelection';
 export * from './text';
 export * from './text/HighlightedText';
 export * from './text/marked';
+export * from './textarea';
 export * from './themeProvider';
+export * from './timePicker';
+export * from './tooltip';
 export * from './topListingBadge';
 export * from './topVehicleSharedBadge';
 export * from './vehicleReference';
+export * from './skeleton';
+export * from './spinner';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/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,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,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,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,cAAc,EACd,KAAK,oBAAoB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,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,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,SAAS,CAAC;AACxB,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,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,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,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,OAAO,EACL,cAAc,EACd,KAAK,oBAAoB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,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,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC"}

package/dist/cjs/components/radio/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ChangeEvent } from 'react';
 import { RecipeVariantProps } from '@chakra-ui/react';
 import { radioRecipe } from 'src/themes/shared/slotRecipes/radio';
-export type Props = RecipeVariantProps<typeof radioRecipe> & {
+export type RadioProps = RecipeVariantProps<typeof radioRecipe> & {
     value: string;
     label?: string;
     name?: string;

package/dist/cjs/components/radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,KAAK;;;;WATT,MAAM;YACL,MAAM;WACP,MAAM;cACH,OAAO;eACN,OAAO;cACR,OAAO;eACN,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;0CAqDzD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,OAAO,WAAW,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,KAAK;;;;WATT,MAAM;YACL,MAAM;WACP,MAAM;cACH,OAAO;eACN,OAAO;cACR,OAAO;eACN,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;0CAqDzD,CAAC"}

package/dist/cjs/components/timePicker/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { InputProps, RecipeVariantProps } from '@chakra-ui/react';
+import { inputSlotRecipe } from 'src/themes/shared/slotRecipes/input';
+type InputVariantProps = RecipeVariantProps<typeof inputSlotRecipe>;
+export type TimePickerProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'onChange'> & InputVariantProps & {
+    value?: string;
+    invalid?: boolean;
+};
+export declare const TimePicker: React.ForwardRefExoticComponent<Pick<InputProps, "onChange" | "onBlur" | "onFocus"> & {
+    variant?: import("@chakra-ui/react").ConditionalValue<"outline" | undefined>;
+    size?: import("@chakra-ui/react").ConditionalValue<"md" | "lg" | undefined>;
+} & {
+    value?: string;
+    invalid?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/timePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/timePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAGL,UAAU,EACV,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,KAAK,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,UAAU,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GACC,iBAAiB,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,eAAO,MAAM,UAAU;;;;YAJX,MAAM;cACJ,OAAO;0CAwBpB,CAAC"}

package/dist/cjs/hooks/index.d.ts

@@ -3,4 +3,5 @@ export { default as useDisclosure } from './useDisclosure';
 export { default as useDebouncedOnChange } from './useDebouncedOnChange';
 export { default as useBreakpointValue } from './useBreakpointValue';
 export { default as useToken } from './useToken';
+export { default as useToast } from './useToast';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/cjs/hooks/useToast/index.d.ts

@@ -3,7 +3,8 @@ export type ToastOptions = {
     position?: 'top' | 'top-right';
     onClose?: () => void;
 } & SharedProps;
-export declare const useToast: () => (options: ToastOptions) => {
+declare const useToast: () => (options: ToastOptions) => {
     closeToast: () => void;
 };
+export default useToast;
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/hooks/useToast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,WAAW,CAAC;AAOhB,eAAO,MAAM,QAAQ,SACX,SAAS,YAAY;;CAgC9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useToast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,WAAW,CAAC;AAOhB,QAAA,MAAM,QAAQ,SACJ,SAAS,YAAY;;CAgC9B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/cjs/index.js

@@ -3759,6 +3759,62 @@ var useToken = function (scale, token, fallback) {
     return value;
 };
 
+var CloseButton = function (_a) {
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick;
+    var recipe = react$1.useRecipe({ key: 'closeButton' });
+    var styles = recipe();
+    return (React.createElement(react$1.CloseButton, { css: styles, disabled: disabled, onClick: onClick }));
+};
+
+var Link$1 = function (_a) {
+    var isExternal = _a.isExternal, target = _a.target, rel = _a.rel, props = __rest(_a, ["isExternal", "target", "rel"]);
+    return (React.createElement(react$1.Link, __assign({ target: target || (isExternal ? '_blank' : undefined), rel: rel || (isExternal ? 'noopener noreferrer' : undefined) }, props)));
+};
+
+var AlertLink = function (_a) {
+    var text = _a.text, props = __rest(_a, ["text"]);
+    var linkProps = (props === null || props === void 0 ? void 0 : props.as) === 'button'
+        ? __assign(__assign({}, props), { textAlign: 'left' }) : __assign(__assign({}, props), { as: (props === null || props === void 0 ? void 0 : props.as) === 'link' ? 'a' : props === null || props === void 0 ? void 0 : props.as, href: props === null || props === void 0 ? void 0 : props.url });
+    return (React.createElement(Link$1, __assign({}, linkProps, { display: "inline-block" }), text));
+};
+
+var toastConfig = {
+    pauseOnPageIdle: true,
+    max: 5,
+};
+
+var topToaster = react$1.createToaster(__assign({ placement: 'top' }, toastConfig));
+
+var topRightToaster = react$1.createToaster(__assign({ placement: 'top-end' }, toastConfig));
+
+var toasterMap = {
+    top: topToaster,
+    'top-right': topRightToaster,
+};
+var useToast = function () {
+    return function (options) {
+        var _a = options.position, position = _a === void 0 ? 'top' : _a, icon = options.icon, title = options.title, description = options.description, link = options.link, type = options.type, onClose = options.onClose;
+        var toasterInstance = toasterMap[position];
+        var toasterId = crypto.randomUUID();
+        toasterInstance.create({
+            id: toasterId,
+            title: title,
+            description: description,
+            closable: Boolean(onClose),
+            meta: {
+                type: type,
+                link: link,
+                icon: icon,
+                onClose: function () {
+                    onClose === null || onClose === void 0 ? void 0 : onClose();
+                    toasterInstance.dismiss(toasterId);
+                },
+            },
+        });
+        return { closeToast: function () { return toasterInstance.dismiss(toasterId); } };
+    };
+};
+
 var Accordion = function (props) {
     var recipe = react$1.useSlotRecipe({ key: 'accordion' });
     var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
@@ -3772,6 +3828,59 @@ var Accordion = function (props) {
     })));
 };
 
+var AccordionPanel = function (props) {
+    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var styles = recipe(__assign({}, recipeProps));
+    var children = restProps.children, pb = restProps.pb, rest = __rest(restProps, ["children", "pb"]);
+    return (React.createElement(react$1.Accordion.ItemContent, { css: styles.content },
+        React.createElement(react$1.Accordion.ItemBody, __assign({}, rest, { css: __assign(__assign({}, styles.body), (pb !== undefined && { pb: pb })) }), children)));
+};
+
+var AccordionItem = function (props) {
+    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var styles = recipe(__assign({}, recipeProps));
+    var children = restProps.children, rest = __rest(restProps, ["children"]);
+    return (React.createElement(react$1.Accordion.Item, __assign({}, rest, { css: styles.item }), React.Children.map(children, function (child) {
+        return React.isValidElement(child)
+            ? React.cloneElement(child, {
+                variant: recipeProps.variant,
+            })
+            : child;
+    })));
+};
+
+var AccordionButton = function (props) {
+    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var styles = recipe(__assign({}, recipeProps));
+    var children = restProps.children, leftIcon = restProps.leftIcon, rest = __rest(restProps, ["children", "leftIcon"]);
+    return (React.createElement(react$1.Accordion.ItemTrigger, __assign({}, rest, { css: styles.button }),
+        leftIcon ? React.createElement(react$1.Box, { mr: "sm" }, leftIcon) : null,
+        React.createElement(react$1.Box, { as: "span", flex: "1", textAlign: "left" }, children),
+        React.createElement(react$1.Accordion.ItemIndicator, { css: styles.indicator })));
+};
+
+var Alert = function (props) {
+    var recipe = react$1.useSlotRecipe({ key: 'alert' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var description = restProps.description, title = restProps.title, link = restProps.link, icon = restProps.icon, type = restProps.type, dismissible = restProps.dismissible, onDismiss = restProps.onDismiss;
+    var styles = recipe(__assign({}, recipeProps));
+    var _b = react$1.useDisclosure({ defaultOpen: true }), open = _b.open, onClose = _b.onClose;
+    return open || !dismissible ? (React.createElement(react$1.Alert.Root, { css: styles.root, status: type },
+        React.createElement(react$1.Alert.Indicator, { css: styles.indicator }, icon),
+        React.createElement(react$1.Alert.Content, null,
+            title ? (React.createElement(react$1.Alert.Title, { css: styles.title }, title)) : null,
+            React.createElement(react$1.Alert.Description, { css: styles.description }, description),
+            link ? React.createElement(AlertLink, __assign({}, link)) : null),
+        dismissible ? (React.createElement(react$1.Box, { ml: "auto", position: "relative" },
+            React.createElement(CloseButton, { onClick: function () {
+                    onClose();
+                    onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
+                } }))) : null)) : null;
+};
+
 var Stack = function (_a) {
     var children = _a.children, rest = __rest(_a, ["children"]);
     return (React.createElement(react$1.Stack, __assign({}, rest), children));
@@ -5813,6 +5922,11 @@ var Breadcrumbs = function (_a) {
         }))));
 };
 
+var BreadcrumbsItem = function (_a) {
+    var children = _a.children;
+    return React.createElement(react$1.Breadcrumb.Item, null, children);
+};
+
 var buttonRecipe = react$1.defineRecipe({
     className: 'chakra-button',
     base: {
@@ -7585,11 +7699,6 @@ var FullHeight = function (_a) {
     return (React.createElement(react$1.Box, { minHeight: "screen-height", height: "screen-height" }, children));
 };
 
-var Link$1 = function (_a) {
-    var isExternal = _a.isExternal, target = _a.target, rel = _a.rel, props = __rest(_a, ["isExternal", "target", "rel"]);
-    return (React.createElement(react$1.Link, __assign({ target: target || (isExternal ? '_blank' : undefined), rel: rel || (isExternal ? 'noopener noreferrer' : undefined) }, props)));
-};
-
 var GalleryHeaderContent = function (_a) {
     var currentSlide = _a.currentSlide, slidesCount = _a.slidesCount, onClose = _a.onClose, children = _a.children;
     var t = useI18n().t;
@@ -8049,15 +8158,6 @@ var chunkArray = function (_a) {
     return chunks;
 };
 
-var AccordionPanel = function (props) {
-    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
-    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
-    var styles = recipe(__assign({}, recipeProps));
-    var children = restProps.children, pb = restProps.pb, rest = __rest(restProps, ["children", "pb"]);
-    return (React.createElement(react$1.Accordion.ItemContent, { css: styles.content },
-        React.createElement(react$1.Accordion.ItemBody, __assign({}, rest, { css: __assign(__assign({}, styles.body), (pb !== undefined && { pb: pb })) }), children)));
-};
-
 var MobileOnlyAccordionPanel = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
     return (React.createElement(React.Fragment, null,
@@ -8066,37 +8166,12 @@ var MobileOnlyAccordionPanel = function (props) {
             React.createElement(AccordionPanel, __assign({}, rest), children))));
 };
 
-var AccordionItem = function (props) {
-    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
-    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
-    var styles = recipe(__assign({}, recipeProps));
-    var children = restProps.children, rest = __rest(restProps, ["children"]);
-    return (React.createElement(react$1.Accordion.Item, __assign({}, rest, { css: styles.item }), React.Children.map(children, function (child) {
-        return React.isValidElement(child)
-            ? React.cloneElement(child, {
-                variant: recipeProps.variant,
-            })
-            : child;
-    })));
-};
-
 var MobileOnlyAccordionItem = function (props) {
     var children = props.children, style = props.style, rest = __rest(props, ["children", "style"]);
     var isAboveMd = useMediaQuery({ above: 'md' });
     return (React.createElement(AccordionItem, __assign({ style: isAboveMd ? { border: 'none' } : style }, rest), children));
 };
 
-var AccordionButton = function (props) {
-    var recipe = react$1.useSlotRecipe({ key: 'accordion' });
-    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
-    var styles = recipe(__assign({}, recipeProps));
-    var children = restProps.children, leftIcon = restProps.leftIcon, rest = __rest(restProps, ["children", "leftIcon"]);
-    return (React.createElement(react$1.Accordion.ItemTrigger, __assign({}, rest, { css: styles.button }),
-        leftIcon ? React.createElement(react$1.Box, { mr: "sm" }, leftIcon) : null,
-        React.createElement(react$1.Box, { as: "span", flex: "1", textAlign: "left" }, children),
-        React.createElement(react$1.Accordion.ItemIndicator, { css: styles.indicator })));
-};
-
 var MobileOnlyAccordionButton = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
     return (React.createElement(React.Fragment, null,
@@ -11306,6 +11381,29 @@ var Rating = function (_a) {
             } }) }));
 };
 
+var Radio = React.forwardRef(function (props, ref) {
+    var recipe = react$1.useSlotRecipe({ key: 'radio' });
+    var _a = recipe.splitVariantProps(props), recipeProps = _a[0], restProps = _a[1];
+    var styles = recipe(recipeProps);
+    var value = restProps.value, _b = restProps.label, label = _b === void 0 ? 'Radio' : _b, name = restProps.name, _c = restProps.checked, checked = _c === void 0 ? false : _c, _d = restProps.disabled, disabled = _d === void 0 ? false : _d, _e = restProps.invalid, invalid = _e === void 0 ? false : _e, onChange = restProps.onChange, rootDomProps = __rest(restProps, ["value", "label", "name", "checked", "disabled", "invalid", "onChange"]);
+    var isChecked = !!checked;
+    return (React.createElement(react$1.RadioGroup.Root, __assign({ name: name, value: isChecked ? value : undefined, onValueChange: function () {
+            if (!onChange)
+                return;
+            var target = {
+                value: value,
+                checked: !isChecked,
+                name: name,
+            };
+            onChange({ target: target });
+        }, css: styles.root }, rootDomProps),
+        React.createElement(react$1.RadioGroup.Item, { value: value, disabled: disabled, invalid: invalid, css: styles.item },
+            React.createElement(react$1.RadioGroup.ItemControl, { css: styles.control },
+                React.createElement(react$1.RadioGroup.ItemIndicator, { css: styles.indicator })),
+            React.createElement(react$1.RadioGroup.ItemText, { css: styles.label }, label),
+            React.createElement(react$1.RadioGroup.ItemHiddenInput, { ref: ref }))));
+});
+
 var Section = function (_a) {
     var _b = _a.maxImgW, maxImgW = _b === void 0 ? '2xl' : _b, props = __rest(_a, ["maxImgW"]);
     var recipe = react$1.useSlotRecipe({ key: 'section' });
@@ -11540,6 +11638,12 @@ var MarkedText = function (_a) {
         React.createElement(react$1.Box, { css: styles.text }, children)));
 };
 
+var Textarea = React.forwardRef(function (_a, ref) {
+    var props = __rest(_a, []);
+    return React.createElement(react$1.Textarea, __assign({}, props, { ref: ref }));
+});
+Textarea.displayName = 'Textarea';
+
 var _a$1;
 var themes = (_a$1 = {},
     _a$1[Brand.AutoScout24] = autoScout24System,
@@ -11550,6 +11654,15 @@ var ThemeProvider = function (_a) {
     return React.createElement(react$1.ChakraProvider, { value: themes[theme] }, children);
 };
 
+var TimePicker = React.forwardRef(function (props, ref) {
+    var recipe = react$1.useSlotRecipe({ key: 'input' });
+    var recipeProps = recipe.splitVariantProps(props)[0];
+    var styles = recipe(recipeProps);
+    return (React.createElement(react$1.Field.Root, { invalid: props.invalid },
+        React.createElement(react$1.Input, __assign({}, props, { css: __assign(__assign({}, styles.field), { display: 'block', textAlign: 'start' }), type: "time", ref: ref }))));
+});
+TimePicker.displayName = 'TimePicker';
+
 var TopListingBadge = function (_a) {
     var children = _a.children, aspectRatio = _a.aspectRatio;
     return (React.createElement(react$1.Grid, null,
@@ -11570,6 +11683,9 @@ var TopVehicleSharedBadge = function (_a) {
         aspectRatio ? (React.createElement(AspectRatio, { ratio: aspectRatio }, children)) : (children)));
 };
 
+var Skeleton = react$1.Skeleton;
+Skeleton.displayName = 'Skeleton';
+
 Object.defineProperty(exports, "Box", {
     enumerable: true,
     get: function () { return react$1.Box; }
@@ -11603,8 +11719,12 @@ Object.defineProperty(exports, "keyframes", {
     get: function () { return react.keyframes; }
 });
 exports.Accordion = Accordion;
+exports.AccordionButton = AccordionButton;
+exports.AccordionItem = AccordionItem;
+exports.AccordionPanel = AccordionPanel;
 exports.AddPhotoIcon = AddPhotoIcon;
 exports.AdvancedSearchIcon = AdvancedSearchIcon;
+exports.Alert = Alert;
 exports.AndroidIcon = AndroidIcon;
 exports.AppleIcon = AppleIcon;
 exports.ArrowCircleIcon = ArrowCircleIcon;
@@ -11627,6 +11747,7 @@ exports.BankNotesIcon = BankNotesIcon;
 exports.BatteryIcon = BatteryIcon;
 exports.BookmarkIcon = BookmarkIcon;
 exports.Breadcrumbs = Breadcrumbs;
+exports.BreadcrumbsItem = BreadcrumbsItem;
 exports.BulbIcon = BulbIcon;
 exports.Button = Button;
 exports.CabrioletIcon = CabrioletIcon;
@@ -11780,6 +11901,7 @@ exports.PlusCircleIcon = PlusCircleIcon;
 exports.PlusIcon = PlusIcon;
 exports.PrintIcon = PrintIcon;
 exports.QualitySealIcon = QualitySealIcon;
+exports.Radio = Radio;
 exports.RangeFilterInput = RangeFilterInput;
 exports.RangeIcon = RangeIcon;
 exports.RangeSlider = RangeSlider;
@@ -11799,9 +11921,11 @@ exports.ShareIcon = ShareIcon;
 exports.SimpleGrid = SimpleGrid;
 exports.SimpleHeader = SimpleHeader;
 exports.SingleColumnCenteredLayout = SingleColumnCenteredLayout;
+exports.Skeleton = Skeleton;
 exports.SmallCarIcon = SmallCarIcon;
 exports.SortIcon = SortIcon;
 exports.SpeakerIcon = SpeakerIcon;
+exports.Spinner = Spinner;
 exports.Stack = Stack;
 exports.StarCircleIcon = StarCircleIcon;
 exports.StarIcon = StarIcon;
@@ -11828,12 +11952,15 @@ exports.TableScrollArea = ScrollArea;
 exports.Tabs = Tabs;
 exports.TenantSelection = TenantSelection;
 exports.Text = Text;
+exports.Textarea = Textarea;
 exports.ThemeProvider = ThemeProvider;
 exports.ThreeSixtyIcon = ThreeSixtyIcon;
 exports.ThumbsDownIcon = ThumbsDownIcon;
 exports.ThumbsUpIcon = ThumbsUpIcon;
 exports.TiltedRectangleIcon = TiltedRectangleIcon;
 exports.TimeIcon = TimeIcon;
+exports.TimePicker = TimePicker;
+exports.Tooltip = Tooltip;
 exports.TooltipIcon = TooltipIcon;
 exports.TopListingBadge = TopListingBadge;
 exports.TopListingIcon = TopListingIcon;
@@ -11871,5 +11998,6 @@ exports.motoScout24System = motoScout24System;
 exports.repeatArea = repeatArea;
 exports.useDebouncedOnChange = useDebouncedOnChange;
 exports.useMediaQuery = useMediaQuery;
+exports.useToast = useToast;
 exports.useToken = useToken;
 //# sourceMappingURL=index.js.map