@smg-automotive/components 25.11.0-talamcol-displayValue-styles.2 → 25.11.0-talamcol-v3-styled-displayvalue.2

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

@@ -1,109 +1,63 @@
-export { default as Accordion } from './accordion';
-export { default as AccordionButton } from './accordion/AccordionButton';
-export { default as AccordionPanel } from './accordion/AccordionPanel';
-export { default as AccordionItem } from './accordion/AccordionItem';
-export { default as ArticleTeaser } from './articleTeaser';
-export { default as AspectRatio } from './aspectRatio';
-export { default as Alert } from './alert';
-export { default as Badge } from './badge';
-export { default as Box } from './box';
-export { default as Breadcrumbs } from './breadcrumbs';
-export { default as BreadcrumbsItem } from './breadcrumbs/Item';
-export { default as BreadcrumbLink } from './breadcrumbs/Link';
-export { default as Button } from './button';
+export * from './accordion';
+export * from './articleTeaser';
+export * from './aspectRatio';
+export * from './avatar';
+export * from './badge';
+export * from './box';
+export * from './breadcrumbs';
+export * from './button';
 export * from './card';
-export { default as Carousel } from './carousel';
-export { default as Center } from './center';
-export { default as Checkbox } from './checkbox';
-export { default as CheckboxFilter } from './checkboxFilter';
-export { type Item as CheckboxFilterItem } from './checkboxFilter/type';
-export { default as CheckboxGroup } from './checkboxGroup';
-export { default as Chip } from './chip';
-export { default as Collapse } from './collapse';
-export { default as Count, type CountVariant } from './count';
-export { default as DatePicker } from './datePicker';
-export { default as TimePicker } from './timePicker';
-export { default as DevOverlay } from './devOverlay';
-export { default as Drawer } from './drawer';
-export { default as DrawerBody } from './drawer/DrawerBody';
-export { default as DrawerContent } from './drawer/DrawerContent';
-export { default as DrawerOverlay } from './drawer/DrawerOverlay';
-export { default as Divider } from './divider';
-export { default as EnergyLabel } from './energyLabel';
-export { default as ErrorPage } from './errorPage';
-export { default as Flex } from './flex';
-export { default as FormControl } from './formControl';
-export { default as FormLabel } from './formLabel';
-export { default as FullHeight } from './fullHeight';
-export { default as Grid } from './grid';
-export { default as GridItem } from './grid/GridItem';
-export { default as Hide } from './hide';
-export { default as Input } from './input';
-export { default as Link } from './link';
-export { default as ColorPicker } from './colorPicker';
-export { LinkBox, LinkOverlay, LinkBoxProps, LinkOverlayProps, } from './linkOverlay';
-export { default as List } from './list';
-export { default as OrderedList } from './list/OrderedList';
-export { default as UnorderedList } from './list/UnorderedList';
-export { default as ListItem } from './list/ListItem';
-export { SearchableList, ListItemWithChildren } from './list/SearchableList';
-export { default as Menu } from './menu';
-export { default as MissingImage } from './missingImage';
-export { default as Pagination } from './pagination';
-export { default as Popover } from './popover';
-export { PopoverFilter } from './filterPatterns/popover';
-export { ModalFilter } from './filterPatterns/modal';
-export { FilterHeading } from './filterPatterns/Heading';
-export { OpenFilterButton } from './filterPatterns/modal/OpenFilterButton';
-export { default as Radio, RadioGroup } from './radio';
-export { default as RadioList } from './radio/RadioList';
-export { default as RangeFilterInput } from './rangeFilterInput';
-export { default as RangeSlider } from './rangeSlider';
-export { default as DiscreteSlider } from './discreteSlider';
-export { default as RangeFilterInputWithSlider } from './rangeFilterInputWithSlider';
-export { default as Rating } from './rating';
-export { default as Section } from './section';
-export { default as Select, type Option } from './select';
-export { default as Show } from './show';
-export { default as SimpleGrid } from './simpleGrid';
-export { default as SimpleHeader } from './simpleHeader';
-export { default as Stack } from './stack';
-export { default as Slide } from './slide';
-export { default as Spinner } from './spinner';
-export { default as Switch } from './switchComponent';
-export { default as Text } from './text';
-export { default as HighlightedText } from './text/HighlightedText';
-export { default as MarkedText } from './text/marked';
-export { default as Textarea } from './textarea';
-export { default as Tooltip } from './tooltip';
-export { default as Skeleton } from './skeleton';
-export { default as Footer } from './navigation/footer';
-export { default as TopListingBadge } from './topListingBadge';
-export { default as AppLayout } from './layout/app/AppLayout';
-export { default as AppLayoutHeader } from './layout/app/Header';
-export { default as AppLayoutFooter } from './layout/app/Footer';
-export { default as AppLayoutContent } from './layout/app/Content';
-export { default as Tabs } from './tab';
-export { default as Tab } from './tab/Tab';
-export { default as TabList } from './tab/TabList';
-export { default as TabPanel } from './tab/TabPanel';
-export { default as TabPanels } from './tab/TabPanels';
-export { default as Modal } from './modal';
-export { default as ModalCloseButton } from './modal/ModalCloseButton';
-export { default as HeaderNavigation } from './navigation/header';
-export { type UserTypeExternal } from './navigation/header/types';
-export { default as GalleryHeader } from './galleryHeader';
-export { default as SelectMenu } from './selectMenu';
-export { default as TopVehicleSharedBadge } from './topVehicleSharedBadge';
-export { SearchField, SearchFieldOptions } from './input/SearchField';
-export { default as FocusedHeader } from './focusedHeader';
-export { default as FormControlSection } from './formControlSection';
-export { default as ThemeProvider, type Props as ThemeProviderProps, } from './themeProvider';
-export { default as VehicleReference } from './vehicleReference';
+export * from './carousel';
+export * from './colorPicker';
+export * from './collapse';
+export * from './center';
+export * from './checkbox';
+export * from './checkboxGroup';
+export * from './chip';
+export * from './count';
+export * from './datePicker';
+export * from './devOverlay';
+export * from './dialog';
+export * from './discreteSlider';
+export * from './drawer';
+export * from './energyLabel';
+export * from './errorPage';
+export * from './flex';
+export * from './formControlSection';
+export * from './fullHeight';
+export * from './galleryHeader';
+export * from './grid';
 export * from './heading';
 export * from './icons';
+export * from './input';
 export * from './layout';
+export * from './link';
+export * from './list';
+export { SearchableList, type ListItemWithChildren, } from './list/SearchableList';
+export * from './menu';
+export * from './missingImage';
+export * from './mobileOnlyAccordion';
+export * from './navigation/footer';
+export * from './navigation/header';
+export * from './pagination';
+export * from './rangeFilterInput';
+export * from './rangeSlider';
+export * from './rating';
+export * from './section';
+export * from './select';
+export * from './separator';
+export * from './simpleGrid';
+export * from './simpleHeader';
+export * from './stack';
+export * from './switch';
+export * from './tab';
 export * from './table';
-export * from './carousel';
-export { default as TenantSelection, TenantSelectionProps, } from './tenantSelection';
+export * from './tenantSelection';
+export * from './text';
+export * from './text/HighlightedText';
+export * from './text/marked';
+export * from './themeProvider';
+export * from './topListingBadge';
+export * from './topVehicleSharedBadge';
+export * from './vehicleReference';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"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,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"}

package/dist/esm/components/input/ClearButton.d.ts

@@ -2,6 +2,6 @@ import { FC, MutableRefObject } from 'react';
 type Props = {
     inputRef: MutableRefObject<HTMLInputElement | null>;
 };
-declare const ClearButton: FC<Props>;
-export default ClearButton;
+export declare const ClearButton: FC<Props>;
+export {};
 //# sourceMappingURL=ClearButton.d.ts.map

package/dist/esm/components/input/ClearButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ClearButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAIpD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACrD,CAAC;AAoBF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAe1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ClearButton.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ClearButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAMpD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CACrD,CAAC;AAoBF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAkBjC,CAAC"}

package/dist/esm/components/input/ClearButton.js

@@ -1,5 +1,6 @@
 import { __rest } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
+import { CloseButton } from '@chakra-ui/react';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -166,8 +167,6 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
 
 var triggerNativeEventFor = function (elm, _a) {
     var _b, _c;
@@ -182,7 +181,7 @@ var triggerNativeEventFor = function (elm, _a) {
 };
 var ClearButton = function (_a) {
     var inputRef = _a.inputRef;
-    return (React.createElement("button", { role: "button", onClick: function () {
+    return (React.createElement(CloseButton, { cursor: "pointer", role: "button", onClick: function () {
             if (!inputRef.current)
                 return;
             triggerNativeEventFor(inputRef.current, {
@@ -194,5 +193,5 @@ var ClearButton = function (_a) {
         React.createElement(CloseIcon, { w: "xs", h: "xs" })));
 };
 
-export { ClearButton as default };
+export { ClearButton };
 //# sourceMappingURL=ClearButton.js.map

package/dist/esm/components/input/ClearButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.js","sources":["../../../../../src/components/input/ClearButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,qBAAqB,GAAG,UAC5B,GAAY,EACZ,EAA0E,EAAA;;AAAxE,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,SAAsB,CAAF;AAEpB,IAAA,IAAI,EAAE,GAAG,YAAY,OAAO,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,2CAAoC,GAAG,EAAA,WAAA,CAAW,CAAC;IACrE;AAEM,IAAA,IAAA,KAAgB,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAhD,IAAI,QAAA,EAAE,KAAK,QAAqC;AACvD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,wBAAwB,CAC1C,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAC1B,IAAI,CACL;AAED,IAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;AAC3B,IAAA,GAAG,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACxD,CAAC;AAED,IAAM,WAAW,GAAc,UAAC,EAAY,EAAA;AAAV,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,IAAA,QAC/C,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAA;YACP,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AAEvB,YAAA,qBAAqB,CAAC,QAAQ,CAAC,OAAO,EAAE;AACtC,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,EAAE;AACV,aAAA,CAAC;AACF,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;QAC1B,CAAC,EAAA;QAED,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,CACpB;AAdsC;;;;"}
+{"version":3,"file":"ClearButton.js","sources":["../../../../../src/components/input/ClearButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,qBAAqB,GAAG,UAC5B,GAAY,EACZ,EAA0E,EAAA;;AAAxE,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,GAAA,MAAA,CAAA,EAAA,EAApB,SAAsB,CAAF;AAEpB,IAAA,IAAI,EAAE,GAAG,YAAY,OAAO,CAAC,EAAE;AAC7B,QAAA,MAAM,IAAI,KAAK,CAAC,2CAAoC,GAAG,EAAA,WAAA,CAAW,CAAC;IACrE;AAEM,IAAA,IAAA,KAAgB,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE,EAAhD,IAAI,QAAA,EAAE,KAAK,QAAqC;AACvD,IAAA,IAAM,IAAI,GAAG,MAAM,CAAC,wBAAwB,CAC1C,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAC1B,IAAI,CACL;AAED,IAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;AAC3B,IAAA,GAAG,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACxD,CAAC;AAEM,IAAM,WAAW,GAAc,UAAC,EAAY,EAAA;AAAV,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAC/C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAA;YACP,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE;AAEvB,YAAA,qBAAqB,CAAC,QAAQ,CAAC,OAAO,EAAE;AACtC,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE,EAAE;AACV,aAAA,CAAC;AACF,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;QAC1B,CAAC,EAAA;AAED,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,CACf;AAElB;;;;"}

package/dist/esm/components/input/SearchField.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 export type SearchFieldOptions = {
     placeholder?: string;
     onFocus?: () => void;
@@ -12,10 +12,5 @@ export type SearchFieldProps = {
     searchQuery: string;
     setSearchQuery: (newQuery: string) => void;
 } & SearchFieldOptions;
-export declare const SearchField: React.ForwardRefExoticComponent<{
-    name: string;
-    ariaControls?: string;
-    searchQuery: string;
-    setSearchQuery: (newQuery: string) => void;
-} & SearchFieldOptions & React.RefAttributes<HTMLInputElement>>;
+export declare const SearchField: FC<SearchFieldProps>;
 //# sourceMappingURL=SearchField.d.ts.map

package/dist/esm/components/input/SearchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,kBAAkB,CAAC;AAEvB,eAAO,MAAM,WAAW;UANhB,MAAM;mBACG,MAAM;iBACR,MAAM;oBACH,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI;+DAsD3C,CAAC"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAQrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,kBAAkB,CAAC;AAEvB,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqC5C,CAAC"}

package/dist/esm/components/input/SearchField.js

@@ -1,6 +1,5 @@
-import React, { forwardRef, useRef } from 'react';
-import useMediaQuery from '../../hooks/useMediaQuery.js';
-import useFocusWhenVisible from '../../hooks/useFocusWhenVisible.js';
+import React, { useRef, useEffect } from 'react';
+import useMediaQuery from '../../hooks/useMediaQuery/index.js';
 import '../icons/AdvancedSearchIcon.js';
 import '../icons/ArrowCircleIcon.js';
 import '../icons/ArrowDiagonalIcon.js';
@@ -167,30 +166,20 @@ import '../icons/QualitySealIcon.js';
 import '../icons/ExpandIcon.js';
 import '../icons/CollapseIcon.js';
 import '../icons/ForwardIcon.js';
-import '../icons/BalanceIcon.js';
-import '../icons/ParagraphIcon.js';
-import Input from './index.js';
+import { Input } from './index.js';
 
-var SearchField = forwardRef(function (_a, ref) {
+var SearchField = function (_a) {
     var name = _a.name, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.ariaControls, ariaControls = _c === void 0 ? '' : _c, searchQuery = _a.searchQuery, setSearchQuery = _a.setSearchQuery, _d = _a.onFocus, onFocus = _d === void 0 ? function () { return null; } : _d, _e = _a.onBlur, onBlur = _e === void 0 ? function () { return null; } : _e, _f = _a.autofocusOnDesktop, autofocusOnDesktop = _f === void 0 ? true : _f, autoComplete = _a.autoComplete;
     var isDesktopOnly = useMediaQuery({ above: 'md' });
     var inputRef = useRef(null);
-    useFocusWhenVisible({
-        ref: inputRef,
-        enabled: autofocusOnDesktop && isDesktopOnly,
-    });
-    return (React.createElement(Input, { ref: function (input) {
-            if (!input)
-                return;
-            inputRef.current = input;
-            if (typeof ref === 'function') {
-                ref(input);
-            }
-            else if (ref) {
-                ref.current = input;
-            }
-        }, icon: MagnifierIcon, name: name, placeholder: placeholder, value: searchQuery, setInputValue: setSearchQuery, size: "lg", isClearable: true, debounce: true, onFocus: onFocus, onBlur: onBlur, "aria-controls": ariaControls, autoComplete: autoComplete }));
-});
+    useEffect(function () {
+        var _a;
+        if (autofocusOnDesktop && isDesktopOnly) {
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [isDesktopOnly, autofocusOnDesktop]);
+    return (React.createElement(Input, { ref: inputRef, icon: MagnifierIcon, name: name, placeholder: placeholder, value: searchQuery, setInputValue: setSearchQuery, size: "lg", isClearable: true, debounce: true, onFocus: onFocus, onBlur: onBlur, "aria-controls": ariaControls, autoComplete: autoComplete }));
+};
 
 export { SearchField };
 //# sourceMappingURL=SearchField.js.map

package/dist/esm/components/input/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","sources":["../../../../../src/components/input/SearchField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyBa,WAAW,GAAG,UAAU,CACnC,UACE,EAUC,EACD,GAAG,EAAA;QAVD,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,mBAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,mBAAG,EAAE,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAoB,EAApB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,CAAA,CAAJ,CAAI,GAAA,EAAA,EACpB,cAAmB,EAAnB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAA,EAAM,OAAA,IAAI,EAAJ,CAAI,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,kBAAyB,EAAzB,kBAAkB,mBAAG,IAAI,GAAA,EAAA,EACzB,YAAY,GAAA,EAAA,CAAA,YAAA;IAId,IAAM,aAAa,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACpD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC;AAEtD,IAAA,mBAAmB,CAAC;AAClB,QAAA,GAAG,EAAE,QAAQ;QACb,OAAO,EAAE,kBAAkB,IAAI,aAAa;AAC7C,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,IACJ,GAAG,EAAE,UAAC,KAAK,EAAA;AACT,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,QAAQ,CAAC,OAAO,GAAG,KAAK;AAExB,YAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;gBAC7B,GAAG,CAAC,KAAK,CAAC;YACZ;iBAAO,IAAI,GAAG,EAAE;AACd,gBAAA,GAAG,CAAC,OAAO,GAAG,KAAK;YACrB;QACF,CAAC,EACD,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,cAAc,EAC7B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,mBACC,YAAY,EAC3B,YAAY,EAAE,YAAY,EAAA,CAC1B;AAEN,CAAC;;;;"}
+{"version":3,"file":"SearchField.js","sources":["../../../../../src/components/input/SearchField.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,IAAM,WAAW,GAAyB,UAAC,EAUjD,EAAA;QATC,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,WAAgB,EAAhB,WAAW,mBAAG,EAAE,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,mBAAG,EAAE,GAAA,EAAA,EACjB,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAoB,EAApB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,cAAM,OAAA,IAAI,CAAA,CAAJ,CAAI,GAAA,EAAA,EACpB,cAAmB,EAAnB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,YAAA,EAAM,OAAA,IAAI,EAAJ,CAAI,GAAA,EAAA,EACnB,EAAA,GAAA,EAAA,CAAA,kBAAyB,EAAzB,kBAAkB,mBAAG,IAAI,GAAA,EAAA,EACzB,YAAY,GAAA,EAAA,CAAA,YAAA;IAEZ,IAAM,aAAa,GAAG,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACpD,IAAA,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,SAAS,CAAC,YAAA;;AACR,QAAA,IAAI,kBAAkB,IAAI,aAAa,EAAE;AACvC,YAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;QAC3B;AACF,IAAA,CAAC,EAAE,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;IAEvC,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,aAAa,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,aAAa,EAAE,cAAc,EAC7B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,eAAA,EACC,YAAY,EAC3B,YAAY,EAAE,YAAY,EAAA,CAC1B;AAEN;;;;"}

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

@@ -1,15 +1,16 @@
-import React, { ChangeEventHandler, ComponentType, FocusEventHandler, ReactElement } from 'react';
-type SharedProps = {
+import React, { ChangeEventHandler, FocusEventHandler, ReactElement } from 'react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { inputSlotRecipe } from 'src/themes/shared/slotRecipes/input';
+type InputVariantProps = RecipeVariantProps<typeof inputSlotRecipe>;
+type SharedProps = InputVariantProps & {
     placeholder?: string;
-    isInvalid?: boolean;
-    isDisabled?: boolean;
-    size?: 'md' | 'lg';
+    disabled?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
     onFocus?: FocusEventHandler<HTMLInputElement>;
     autoFocus?: boolean;
     name: string;
     type?: 'text' | 'number' | 'password';
-    icon?: ComponentType;
+    icon?: React.ComponentType;
     isClearable?: boolean;
     rightAddonElement?: ReactElement;
     leftAddonElement?: ReactElement;
@@ -21,7 +22,7 @@ type ControlledInputProps = {
     onChange: ChangeEventHandler<HTMLInputElement>;
     setInputValue?: never;
 } & SharedProps;
-type InputPros = {
+type BaseInputPros = {
     debounce?: false;
     value?: never;
     onChange?: ChangeEventHandler<HTMLInputElement>;
@@ -33,8 +34,7 @@ type DebouncedInputPros = {
     debounce: true;
     setInputValue: (value: string) => void;
 } & SharedProps;
-export type Props = ControlledInputProps | InputPros | DebouncedInputPros;
-declare const Input: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default Input;
-export { Props as InputProps };
+export type InputProps = ControlledInputProps | BaseInputPros | DebouncedInputPros;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EAIjB,YAAY,EAIb,MAAM,OAAO,CAAC;AAYf,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,KAAK,GAAG,oBAAoB,GAAG,SAAS,GAAG,kBAAkB,CAAC;AA+C1E,QAAA,MAAM,KAAK,gFAiFV,CAAC;AAGF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,iBAAiB,EAIjB,YAAY,EAIb,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAItE,KAAK,iBAAiB,GAAG,kBAAkB,CAAC,OAAO,eAAe,CAAC,CAAC;AAEpE,KAAK,WAAW,GAAG,iBAAiB,GAAG;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;CAC7B,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAChD,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GAAG,WAAW,CAAC;AAEhB,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,UAAU,GAClB,oBAAoB,GACpB,aAAa,GACb,kBAAkB,CAAC;AAmBvB,eAAO,MAAM,KAAK,qFA+FjB,CAAC"}

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

@@ -1,25 +1,9 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import { useDebouncedCallback } from 'use-debounce';
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
-import { Input as Input$1, InputLeftAddon, InputLeftElement, InputRightElement, InputRightAddon } from '@chakra-ui/react';
-import InputWrapper from './InputWrapper.js';
-import ClearButton from './ClearButton.js';
+import { useSlotRecipe, InputGroup, Box, Input as Input$1 } from '@chakra-ui/react';
+import { ClearButton } from './ClearButton.js';
 
-var renderIcon = function (Icon) {
-    return Icon ? (React.createElement(InputLeftElement, { pointerEvents: "none" },
-        React.createElement(Icon, null))) : null;
-};
-var renderClearButton = function (_a) {
-    var isClearable = _a.isClearable, inputRef = _a.inputRef;
-    return isClearable ? (React.createElement(InputRightElement, null,
-        React.createElement(ClearButton, { inputRef: inputRef }))) : null;
-};
-var renderLeftAddonElement = function (LeftAddonElement) {
-    return LeftAddonElement ? React.createElement(InputLeftAddon, null, LeftAddonElement) : null;
-};
-var renderRightAddonElement = function (RightAddonElement) {
-    return RightAddonElement ? (React.createElement(InputRightAddon, null, RightAddonElement)) : null;
-};
 var bindRefBeforeForwarding = function (_a) {
     var forwardedRef = _a.forwardedRef, localRef = _a.localRef;
     return function (node) {
@@ -34,8 +18,11 @@ var bindRefBeforeForwarding = function (_a) {
 };
 var Input = forwardRef(function (_a, ref) {
     var onChange = _a.onChange, value = _a.value, _b = _a.debounce, debounce = _b === void 0 ? false : _b, setInputValue = _a.setInputValue, _c = _a.type, type = _c === void 0 ? 'text' : _c, Icon = _a.icon, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, RightAddonElement = _a.rightAddonElement, LeftAddonElement = _a.leftAddonElement, props = __rest(_a, ["onChange", "value", "debounce", "setInputValue", "type", "icon", "isClearable", "rightAddonElement", "leftAddonElement"]);
+    var recipe = useSlotRecipe({ key: 'input' });
+    var _e = recipe.splitVariantProps(props), recipeProps = _e[0], componentProps = _e[1];
+    var styles = recipe(recipeProps);
     var inputRef = useRef(null);
-    var _e = useState(value || ''), internalUIValue = _e[0], setInternalUIValue = _e[1];
+    var _f = useState(value || ''), internalUIValue = _f[0], setInternalUIValue = _f[1];
     // https://lawsofux.com/doherty-threshold/
     var debounceThreshold = debounce ? 400 : 0;
     var inputValue = debounce ? internalUIValue : value;
@@ -61,21 +48,23 @@ var Input = forwardRef(function (_a, ref) {
     var onChangeHandler = debounce
         ? debouncedOnChangeHandler
         : defaultOnChangeHandler;
-    return (React.createElement(InputWrapper, { size: props.size, shouldWrap: Boolean(LeftAddonElement || RightAddonElement) },
-        renderLeftAddonElement(LeftAddonElement),
-        React.createElement(InputWrapper, { size: props.size, shouldWrap: !!Icon || isClearable },
-            renderIcon(Icon),
-            React.createElement(Input$1, __assign({}, props, { type: type, value: inputValue, onChange: onChangeHandler, ref: bindRefBeforeForwarding({
-                    forwardedRef: ref,
-                    localRef: inputRef,
-                }), borderRightRadius: RightAddonElement ? '0' : 'sm', borderLeftRadius: LeftAddonElement ? '0' : 'sm' })),
-            renderClearButton({
-                isClearable: isClearable && !!internalUIValue,
-                inputRef: inputRef,
-            })),
-        renderRightAddonElement(RightAddonElement)));
+    return (React.createElement(InputGroup, __assign({}, (LeftAddonElement ? { startAddon: LeftAddonElement } : {}), (RightAddonElement ? { endAddon: RightAddonElement } : {}), (Icon
+        ? {
+            startElement: (React.createElement(Box, { css: styles.icon },
+                React.createElement(Icon, null))),
+        }
+        : {}), (isClearable && internalUIValue
+        ? {
+            endElement: (React.createElement(Box, { css: styles.clearButton },
+                React.createElement(ClearButton, { inputRef: inputRef }))),
+        }
+        : {})),
+        React.createElement(Input$1, __assign({}, componentProps, { css: styles.field, type: type, value: inputValue, onChange: onChangeHandler, ref: bindRefBeforeForwarding({
+                forwardedRef: ref,
+                localRef: inputRef,
+            }), borderRightRadius: RightAddonElement ? '0' : 'sm', borderLeftRadius: LeftAddonElement ? '0' : 'sm' }))));
 });
 Input.displayName = 'Input';
 
-export { Input as default };
+export { Input };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/input/index.tsx"],"sourcesContent":[null],"names":["ChakraInput"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/input/index.tsx"],"sourcesContent":[null],"names":["ChakraInputGroup","ChakraInput"],"mappings":"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"}

package/dist/esm/components/layout/BaseGrid.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { type GridProps } from '../grid';
 export declare const repeatArea: (count: number, area: string) => string;
-declare const BaseGridLayout: FC<PropsWithChildren<GridProps>>;
-export default BaseGridLayout;
+export type BaseGridLayoutProps = GridProps;
+export declare const BaseGridLayout: FC<PropsWithChildren<BaseGridLayoutProps>>;
 //# sourceMappingURL=BaseGrid.d.ts.map

package/dist/esm/components/layout/BaseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseGrid.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAa,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,WAErD,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAYpD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"BaseGrid.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseGrid.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,WAErD,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAcrE,CAAC"}

package/dist/esm/components/layout/BaseGrid.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React from 'react';
-import Grid from '../grid/index.js';
+import { Grid } from '../grid/index.js';
 
 var repeatArea = function (count, area) {
     return new Array(count).fill(area).join(' ');
@@ -10,5 +10,5 @@ var BaseGridLayout = function (props) {
     return (React.createElement(Grid, __assign({ templateColumns: { '2xs': '1fr', md: 'repeat(12, 1fr)' }, gap: "2xl" }, gridProps), children));
 };
 
-export { BaseGridLayout as default, repeatArea };
+export { BaseGridLayout, repeatArea };
 //# sourceMappingURL=BaseGrid.js.map

package/dist/esm/components/layout/BaseGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGrid.js","sources":["../../../../../src/components/layout/BaseGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIO,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,IAAY,EAAA;AACpD,IAAA,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9C;AAEA,IAAM,cAAc,GAAqC,UAAC,KAAK,EAAA;IACrD,IAAA,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAAA,UAAA,CAA0B,CAAF;IAE9B,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACxD,GAAG,EAAC,KAAK,EAAA,EACL,SAAS,CAAA,EAEZ,QAAQ,CACJ;AAEX;;;;"}
+{"version":3,"file":"BaseGrid.js","sources":["../../../../../src/components/layout/BaseGrid.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIO,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,IAAY,EAAA;AACpD,IAAA,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAC9C;AAIO,IAAM,cAAc,GAA+C,UACxE,KAAK,EAAA;IAEG,IAAA,QAAQ,GAAmB,KAAK,CAAA,QAAxB,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAAA,UAAA,CAA0B,CAAF;IAE9B,QACE,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EACH,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,EACxD,GAAG,EAAC,KAAK,EAAA,EACL,SAAS,CAAA,EAEZ,QAAQ,CACJ;AAEX;;;;"}

package/dist/esm/components/layout/BaseLayout.d.ts

@@ -1,12 +1,11 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-import { sizes } from 'src/themes/shared/sizes';
-interface Props {
+import { sizes } from 'src/themes/shared/tokens/sizes';
+export interface BaseLayoutProps {
     header?: ReactNode;
     footer?: ReactNode;
     skyScraperAd?: ReactNode;
     heroAd?: ReactNode;
     maxContentWidth: keyof typeof sizes.container;
 }
-declare const BaseLayout: FC<PropsWithChildren<Props>>;
-export default BaseLayout;
+export declare const BaseLayout: FC<PropsWithChildren<BaseLayoutProps>>;
 //# sourceMappingURL=BaseLayout.d.ts.map

package/dist/esm/components/layout/BaseLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAKhD,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA8C5C,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BaseLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BaseLayout.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAMvD,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,eAAe,EAAE,MAAM,OAAO,KAAK,CAAC,SAAS,CAAC;CAC/C;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAkD7D,CAAC"}

package/dist/esm/components/layout/BaseLayout.js

@@ -1,20 +1,23 @@
 import React from 'react';
-import { Divider, Container, chakra } from '@chakra-ui/react';
-import { sizes } from '../../themes/shared/sizes.js';
-import Flex from '../flex/index.js';
+import { Container, chakra } from '@chakra-ui/react';
+import { Separator } from '../separator/index.js';
+import { Flex } from '../flex/index.js';
 
 var BaseLayout = function (_a) {
     var header = _a.header, footer = _a.footer, skyScraperAd = _a.skyScraperAd, heroAd = _a.heroAd, maxContentWidth = _a.maxContentWidth, children = _a.children;
     return (React.createElement(React.Fragment, null,
         header ? (React.createElement(React.Fragment, null,
             header,
-            React.createElement(Divider, null))) : null,
+            React.createElement(Separator, null))) : null,
         heroAd ? heroAd : null,
         React.createElement(Flex, { justifyContent: "center" },
-            React.createElement(Container, { as: "main", width: "full", height: "full", maxWidth: sizes.container[maxContentWidth], marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl" }, children),
-            skyScraperAd ? (React.createElement(chakra.aside, { display: { '2xs': 'none', lg: 'block' }, width: { lg: '300px', xl: '500px' }, minWidth: { lg: '300px', xl: '500px' }, marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' } }, skyScraperAd)) : null),
+            React.createElement(Container, { as: "main", width: "full", height: "full", maxWidth: "container.".concat(maxContentWidth), marginX: { base: 'lg', md: '2xl' }, paddingBottom: { base: '5xl', md: '6xl' }, paddingTop: "2xl" }, children),
+            skyScraperAd ? (React.createElement(chakra.aside, { display: { '2xs': 'none', lg: 'block' }, css: {
+                    lg: { '--width': '300px' },
+                    xl: { '--width': '500px' },
+                }, width: "var(--width)", minWidth: "var(--width)", marginRight: "2xl", position: "relative", paddingBottom: { md: '5xl', base: '3xl' }, paddingTop: { '2xs': 'md', md: '2xl' } }, skyScraperAd)) : null),
         React.createElement("div", null, footer ? footer : null)));
 };
 
-export { BaseLayout as default };
+export { BaseLayout };
 //# sourceMappingURL=BaseLayout.js.map

package/dist/esm/components/layout/BaseLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLayout.js","sources":["../../../../../src/components/layout/BaseLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiBA,IAAM,UAAU,GAAiC,UAAC,EAOjD,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,MAAM,IACL,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACG,MAAM;AACP,YAAA,KAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CACV,IACD,IAAI;AACP,QAAA,MAAM,GAAG,MAAM,GAAG,IAAI;AACvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA;YAC3B,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClC,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EACzC,UAAU,EAAC,KAAK,EAAA,EAEf,QAAQ,CACC;AACX,YAAA,YAAY,IACX,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EACnC,QAAQ,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EACtC,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,EAErC,YAAY,CACA,IACb,IAAI,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,CAAO,CAClC;AAEP;;;;"}
+{"version":3,"file":"BaseLayout.js","sources":["../../../../../src/components/layout/BaseLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkBO,IAAM,UAAU,GAA2C,UAAC,EAOlE,EAAA;AANC,IAAA,IAAA,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,MAAM,YAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,QAAQ,GAAA,EAAA,CAAA,QAAA;AAER,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,MAAM,IACL,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACG,MAAM;AACP,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,CACZ,IACD,IAAI;AACP,QAAA,MAAM,GAAG,MAAM,GAAG,IAAI;AACvB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,cAAc,EAAC,QAAQ,EAAA;YAC3B,KAAA,CAAA,aAAA,CAAC,SAAS,IACR,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,YAAA,CAAA,MAAA,CAAa,eAAe,CAAE,EACxC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAClC,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EACzC,UAAU,EAAC,KAAK,EAAA,EAEf,QAAQ,CACC;YACX,YAAY,IACX,oBAAC,MAAM,CAAC,KAAK,EAAA,EACX,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACvC,GAAG,EAAE;AACH,oBAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;AAC1B,oBAAA,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;iBAC3B,EACD,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAC,cAAc,EACvB,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAC,UAAU,EACnB,aAAa,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EACzC,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAErC,YAAY,CACA,IACb,IAAI,CACH;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,MAAM,GAAG,MAAM,GAAG,IAAI,CAAO,CAClC;AAEP;;;;"}