@faststore/ui 1.8.49 → 1.9.1

package/dist/ui.esm.js

@@ -1976,24 +1976,62 @@ const OutOfStock = ({
 const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
-  children
+  children,
+  ...otherProps
 }) => {
-  return React.createElement(MessageComponent, {
+  return React.createElement(MessageComponent, Object.assign({
     "data-out-of-stock-message": true,
     "data-testid": testId
-  }, children);
+  }, otherProps), children);
 };
 
 const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
-  children
+  children,
+  ...otherProps
 }) => {
-  return React.createElement(TitleComponent, {
+  return React.createElement(TitleComponent, Object.assign({
     "data-out-of-stock-title": true,
     "data-testid": testId
-  }, children);
+  }, otherProps), children);
 };
 
-export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, Badge, Banner, BannerContent, BannerImage, BannerLink, Breadcrumb, Bullets, Button, Card, CardActions, CardContent, CardImage, Carousel, Checkbox, Dropdown, DropdownButton, DropdownItem, DropdownMenu, Form, Icon, IconButton, Incentive, Input, Label, Link, List, LoadingButton, Modal, OutOfStock, OutOfStockMessage, OutOfStockTitle, Overlay, PaymentMethods, Popover, Price, PriceRange, ProductCard, ProductCardActions, ProductCardContent, ProductCardImage, QuantitySelector, Radio, RadioGroup, RadioOption, SearchInput, Select, Skeleton, Slider, Spinner, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, TextArea, useSlider };
+const Hero = /*#__PURE__*/forwardRef(function Hero({
+  testId = 'store-hero',
+  children,
+  ...otherProps
+}, ref) {
+  return React.createElement("article", Object.assign({
+    ref: ref,
+    "data-store-hero": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const HeroImage = /*#__PURE__*/forwardRef(function HeroImage({
+  testId = 'store-hero-image',
+  children,
+  ...otherProps
+}, ref) {
+  return React.createElement("div", Object.assign({
+    ref: ref,
+    "data-hero-image": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+const HeroHeading = /*#__PURE__*/forwardRef(function HeroHeading({
+  testId = 'store-hero-heading',
+  children,
+  ...otherProps
+}, ref) {
+  return React.createElement("header", Object.assign({
+    ref: ref,
+    "data-hero-heading": true,
+    "data-testid": testId
+  }, otherProps), children);
+});
+
+export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, Badge, Banner, BannerContent, BannerImage, BannerLink, Breadcrumb, Bullets, Button, Card, CardActions, CardContent, CardImage, Carousel, Checkbox, Dropdown, DropdownButton, DropdownItem, DropdownMenu, Form, Hero, HeroHeading, HeroImage, Icon, IconButton, Incentive, Input, Label, Link, List, LoadingButton, Modal, OutOfStock, OutOfStockMessage, OutOfStockTitle, Overlay, PaymentMethods, Popover, Price, PriceRange, ProductCard, ProductCardActions, ProductCardContent, ProductCardImage, QuantitySelector, Radio, RadioGroup, RadioOption, SearchInput, Select, Skeleton, Slider, Spinner, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, TextArea, useSlider };
 //# sourceMappingURL=ui.esm.js.map