@faststore/components 2.2.0-alpha.9 → 2.2.0

package/dist/hooks/useSlider.js.map

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

package/dist/hooks/useTrapFocus.d.ts

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+interface TrapFocusParams {
+    beforeElementRef: RefObject<HTMLElement>;
+    trapFocusRef: RefObject<HTMLElement>;
+    afterElementRef: RefObject<HTMLElement>;
+}
+export declare const useTrapFocus: ({ trapFocusRef, beforeElementRef, afterElementRef, }: TrapFocusParams) => void;
+export {};

package/dist/hooks/useTrapFocus.js

@@ -0,0 +1,75 @@
+import { useEffect, useRef } from 'react';
+import { tabbable } from 'tabbable';
+/*
+ * Element that will maintain the focus inside trapFocusRef, focus the first element,
+ * and focus back on the element that was in focus when useTrapFocus was triggered.
+ *
+ * Inspired by Reakit useTrapFocus https://github.com/reakit/reakit/blob/a211d94da9f3b683182568a56479b91afb1b85ae/packages/reakit/src/Dialog/__utils/useFocusTrap.ts
+ */
+export const useTrapFocus = ({ trapFocusRef, beforeElementRef, afterElementRef, }) => {
+    const tabbableNodesRef = useRef();
+    const nodeToRestoreRef = useRef(document.hasFocus() ? document.activeElement : null);
+    // Focus back on the element that was focused when useTrapFocus is triggered.
+    useEffect(() => {
+        const nodeToRestore = nodeToRestoreRef.current;
+        return () => {
+            nodeToRestore?.focus();
+        };
+    }, [nodeToRestoreRef]);
+    // Set focus on first tabbable element
+    useEffect(() => {
+        if (!trapFocusRef.current) {
+            return;
+        }
+        if (!tabbableNodesRef.current) {
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+        }
+        const [firstTabbable] = tabbableNodesRef.current;
+        if (!firstTabbable) {
+            trapFocusRef.current.focus();
+            return;
+        }
+        firstTabbable.focus();
+    }, [trapFocusRef]);
+    // Handle loop focus. Set keydown and focusin event listeners
+    useEffect(() => {
+        if (!trapFocusRef.current ||
+            !beforeElementRef.current ||
+            !afterElementRef.current) {
+            return;
+        }
+        const beforeElement = beforeElementRef.current;
+        const afterElement = afterElementRef.current;
+        const trapFocus = trapFocusRef.current;
+        const handleLoopFocus = (nativeEvent) => {
+            if (!document.hasFocus()) {
+                return;
+            }
+            tabbableNodesRef.current = tabbable(trapFocusRef.current);
+            if (!tabbableNodesRef.current.length) {
+                trapFocus.focus();
+            }
+            /*
+             * Handle loop focus from beforeElementRef. This node can only be focused if the user press shift tab.
+             * It will focus the last element of the trapFocusRef.
+             */
+            if (nativeEvent.target === beforeElement) {
+                tabbableNodesRef.current[tabbableNodesRef.current.length - 1]?.focus();
+            }
+            /*
+             * Handle loop focus from afterElementRef. This node can only be focused if the user press tab.
+             * It will focus the first element of the trapFocusRef.
+             */
+            if (nativeEvent.target === afterElement) {
+                tabbableNodesRef.current[0]?.focus();
+            }
+        };
+        beforeElement?.addEventListener('focusin', handleLoopFocus);
+        afterElement?.addEventListener('focusin', handleLoopFocus);
+        return () => {
+            beforeElement?.removeEventListener('focusin', handleLoopFocus);
+            afterElement?.removeEventListener('focusin', handleLoopFocus);
+        };
+    }, [tabbableNodesRef, afterElementRef, beforeElementRef, trapFocusRef]);
+};
+//# sourceMappingURL=useTrapFocus.js.map

package/dist/hooks/useTrapFocus.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,137 @@
+export * from './hooks';
+export { default as Badge } from './atoms/Badge';
+export type { BadgeProps } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export type { ButtonProps } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export type { CheckboxProps } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export type { IconProps } from './atoms/Icon';
+export { default as Input } from './atoms/Input';
+export type { InputProps } from './atoms/Input';
+export { default as Label } from './atoms/Label';
+export type { LabelProps } from './atoms/Label';
+export { default as Link } from './atoms/Link';
+export type { LinkProps, LinkElementType } from './atoms/Link';
+export { default as Loader } from './atoms/Loader';
+export type { LoaderProps } from './atoms/Loader';
+export { default as List } from './atoms/List';
+export type { ListProps } from './atoms/List';
+export { default as Overlay } from './atoms/Overlay';
+export type { OverlayProps } from './atoms/Overlay';
+export { default as Price } from './atoms/Price';
+export type { PriceProps } from './atoms/Price';
+export { default as Radio } from './atoms/Radio';
+export type { RadioProps } from './atoms/Radio';
+export { default as Skeleton } from './atoms/Skeleton';
+export type { SkeletonProps } from './atoms/Skeleton';
+export { default as Select } from './atoms/Select';
+export type { SelectProps } from './atoms/Select';
+export { default as Slider } from './atoms/Slider';
+export type { SliderProps } from './atoms/Slider';
+export { default as SROnly } from './atoms/SROnly';
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionButtonProps, AccordionPanelProps, } from './molecules/Accordion';
+export { default as Alert } from './molecules/Alert';
+export type { AlertProps } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb } from './molecules/Breadcrumb';
+export type { BreadcrumbPureProps, BreadcrumbProps, } from './molecules/Breadcrumb';
+export { default as BuyButton } from './molecules/BuyButton';
+export { default as Carousel, CarouselItem, CarouselBullets, } from './molecules/Carousel';
+export type { CarouselProps, CarouselItemProps, CarouselBulletsProps, } from './molecules/Carousel';
+export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
+export type { CartItemProps, CartItemImageProps, CartItemSummaryProps, } from './molecules/CartItem';
+export { default as CheckboxField } from './molecules/CheckboxField';
+export type { CheckboxFieldProps } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export type { IconButtonProps } from './molecules/IconButton';
+export { default as DiscountBadge } from './molecules/DiscountBadge';
+export type { DiscountBadgeProps } from './molecules/DiscountBadge';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+export type { DropdownProps, DropdownButtonProps, DropdownItemProps, DropdownMenuProps, } from './molecules/Dropdown';
+export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
+export type { GiftProps, GiftContentProps, GiftImageProps, } from './molecules/Gift';
+export { default as InputField } from './molecules/InputField';
+export type { InputFieldProps } from './molecules/InputField';
+export { default as LinkButton } from './molecules/LinkButton';
+export type { LinkButtonProps } from './molecules/LinkButton';
+export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
+export type { ModalProps, ModalHeaderProps } from './molecules/Modal';
+export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
+export type { NavbarLinksProps, NavbarLinksListProps, NavbarLinksListItemProps, } from './molecules/NavbarLinks';
+export { default as OrderSummary } from './molecules/OrderSummary';
+export type { OrderSummaryProps } from './molecules/OrderSummary';
+export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
+export type { ProductCardProps, ProductCardImageProps, ProductCardContentProps, } from './molecules/ProductCard';
+export { default as ProductTitle } from './molecules/ProductTitle';
+export type { ProductTitleProps } from './molecules/ProductTitle';
+export { default as RadioField } from './molecules/RadioField';
+export type { RadioFieldProps } from './molecules/RadioField';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup';
+export { default as Rating } from './molecules/Rating';
+export type { RatingProps } from './molecules/Rating';
+export { default as RegionBar } from './molecules/RegionBar';
+export type { RegionBarProps } from './molecules/RegionBar';
+export { default as SearchProvider } from './molecules/SearchProvider';
+export type { SearchProviderContextValue } from './molecules/SearchProvider';
+export { default as SearchInputField } from './molecules/SearchInputField';
+export type { SearchInputFieldProps, SearchInputFieldRef, } from './molecules/SearchInputField';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
+export type { SearchAutoCompleteProps, SearchAutoCompleteTermProps, } from './molecules/SearchAutoComplete';
+export { default as SearchDropdown, SearchDropdownProps, } from './molecules/SearchDropdown';
+export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
+export type { SearchHistoryProps, SearchHistoryTermProps, } from './molecules/SearchHistory';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
+export type { SearchProductsProps, SearchProductItemProps, SearchProductItemImageProps, SearchProductItemContentProps, } from './molecules/SearchProducts';
+export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
+export type { SearchTopProps, SearchTopTermProps } from './molecules/SearchTop';
+export { default as SelectField } from './molecules/SelectField';
+export type { SelectFieldProps } from './molecules/SelectField';
+export { default as SkuSelector } from './molecules/SkuSelector';
+export type { SkuSelectorProps, SkuOption } from './molecules/SkuSelector';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export type { TableProps, TableBodyProps, TableCellProps, TableFooterProps, TableHeadProps, TableRowProps, } from './molecules/Table';
+export { default as Tag } from './molecules/Tag';
+export type { TagProps } from './molecules/Tag';
+export { default as Toast } from './molecules/Toast';
+export { default as Toggle } from './molecules/Toggle';
+export type { ToggleProps } from './molecules/Toggle';
+export { default as ToggleField } from './molecules/ToggleField';
+export type { ToggleFieldProps } from './molecules/ToggleField';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+export type { QuantitySelectorProps } from './molecules/QuantitySelector';
+export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
+export type { BannerTextProps, BannerTextContentProps, } from './organisms/BannerText';
+export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
+export type { CartSidebarProps } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
+export type { EmptyStateProps } from './organisms/EmptyState';
+export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
+export type { FilterFacetBooleanItemProps, FilterFacetRangeProps, FilterFacetsProps, FilterProps, FilterSliderProps, } from './organisms/Filter';
+export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
+export type { HeroProps, HeroImageProps, HeroHeaderProps, } from './organisms/Hero';
+export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
+export type { ImageElementData, ImageGalleryProps, ImageGallerySelectorProps, ImageZoomProps, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
+export type { NavbarProps, NavbarHeaderProps, NavbarRowProps, NavbarButtonsProps, } from './organisms/Navbar';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
+export type { NavbarSliderProps, NavbarSliderHeaderProps, NavbarSliderContentProps, NavbarSliderFooterProps, } from './organisms/NavbarSlider';
+export { default as OutOfStock } from './organisms/OutOfStock';
+export type { OutOfStockProps } from './organisms/OutOfStock';
+export { default as PaymentMethods } from './organisms/PaymentMethods';
+export type { PaymentMethodsProps } from './organisms/PaymentMethods';
+export { default as PriceRange } from './organisms/PriceRange';
+export type { PriceRangeProps } from './organisms/PriceRange';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export type { ProductGridProps, ProductGridItemProps, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
+export type { ProductShelfProps, ProductShelfItemsProps, ProductShelfItemProps, } from './organisms/ProductShelf';
+export { default as RegionModal } from './organisms/RegionModal';
+export type { RegionModalProps } from './organisms/RegionModal';
+export { default as SearchInput } from './organisms/SearchInput';
+export type { SearchInputProps } from './organisms/SearchInput';
+export { default as ShippingSimulation } from './organisms/ShippingSimulation';
+export type { ShippingSimulationProps } from './organisms/ShippingSimulation';
+export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
+export type { SlideOverProps, SlideOverHeaderProps, } from './organisms/SlideOver';

package/dist/index.js

@@ -0,0 +1,76 @@
+// Hooks
+export * from './hooks';
+// Atoms
+export { default as Badge } from './atoms/Badge';
+export { default as Button } from './atoms/Button';
+export { default as Checkbox } from './atoms/Checkbox';
+export { default as Icon } from './atoms/Icon';
+export { default as Input } from './atoms/Input';
+export { default as Label } from './atoms/Label';
+export { default as Link } from './atoms/Link';
+export { default as Loader } from './atoms/Loader';
+export { default as List } from './atoms/List';
+export { default as Overlay } from './atoms/Overlay';
+export { default as Price } from './atoms/Price';
+export { default as Radio } from './atoms/Radio';
+export { default as Skeleton } from './atoms/Skeleton';
+export { default as Select } from './atoms/Select';
+export { default as Slider } from './atoms/Slider';
+export { default as SROnly } from './atoms/SROnly';
+// Molecules
+export { default as Accordion, AccordionItem, AccordionButton, AccordionPanel, } from './molecules/Accordion';
+export { default as Alert } from './molecules/Alert';
+export { BreadcrumbPure, Breadcrumb } from './molecules/Breadcrumb';
+export { default as BuyButton } from './molecules/BuyButton';
+export { default as Carousel, CarouselItem, CarouselBullets, } from './molecules/Carousel';
+export { default as CartItem, CartItemImage, CartItemSummary, } from './molecules/CartItem';
+export { default as CheckboxField } from './molecules/CheckboxField';
+export { default as IconButton } from './molecules/IconButton';
+export { default as DiscountBadge } from './molecules/DiscountBadge';
+export { default as Dropdown, DropdownButton, DropdownItem, DropdownMenu, } from './molecules/Dropdown';
+export { default as Gift, GiftContent, GiftImage } from './molecules/Gift';
+export { default as InputField } from './molecules/InputField';
+export { default as LinkButton } from './molecules/LinkButton';
+export { default as Modal, ModalHeader, ModalBody } from './molecules/Modal';
+export { default as NavbarLinks, NavbarLinksList, NavbarLinksListItem, } from './molecules/NavbarLinks';
+export { default as OrderSummary } from './molecules/OrderSummary';
+export { default as ProductCard, ProductCardImage, ProductCardContent, } from './molecules/ProductCard';
+export { default as ProductTitle } from './molecules/ProductTitle';
+export { default as RadioField } from './molecules/RadioField';
+export { default as RadioGroup, RadioOption } from './molecules/RadioGroup';
+export { default as Rating } from './molecules/Rating';
+export { default as RegionBar } from './molecules/RegionBar';
+export { default as SearchProvider } from './molecules/SearchProvider';
+export { default as SearchInputField } from './molecules/SearchInputField';
+export { default as SearchAutoComplete, SearchAutoCompleteTerm, } from './molecules/SearchAutoComplete';
+export { default as SearchDropdown, } from './molecules/SearchDropdown';
+export { default as SearchHistory, SearchHistoryTerm, } from './molecules/SearchHistory';
+export { default as SearchProducts, SearchProductItem, SearchProductItemImage, SearchProductItemContent, } from './molecules/SearchProducts';
+export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop';
+export { default as SelectField } from './molecules/SelectField';
+export { default as SkuSelector } from './molecules/SkuSelector';
+export { Table, TableBody, TableCell, TableFooter, TableHead, TableRow, } from './molecules/Table';
+export { default as Tag } from './molecules/Tag';
+export { default as Toast } from './molecules/Toast';
+export { default as Toggle } from './molecules/Toggle';
+export { default as ToggleField } from './molecules/ToggleField';
+export { default as QuantitySelector } from './molecules/QuantitySelector';
+// Organisms
+export { default as BannerText, BannerTextContent, } from './organisms/BannerText';
+export { default as CartSidebar, CartSidebarList, CartSidebarFooter, } from './organisms/CartSidebar';
+export { default as EmptyState } from './organisms/EmptyState';
+export { default as Filter, FilterFacetBoolean, FilterFacetBooleanItem, FilterFacetRange, FilterFacets, FilterSlider, } from './organisms/Filter';
+export { default as Hero, HeroImage, HeroHeader } from './organisms/Hero';
+export { default as ImageGallery, ImageGallerySelector, ImageZoom, } from './organisms/ImageGallery';
+export { default as Navbar, NavbarHeader, NavbarRow, NavbarButtons, } from './organisms/Navbar';
+export { default as NavbarSlider, NavbarSliderHeader, NavbarSliderContent, NavbarSliderFooter, } from './organisms/NavbarSlider';
+export { default as OutOfStock } from './organisms/OutOfStock';
+export { default as PaymentMethods } from './organisms/PaymentMethods';
+export { default as PriceRange } from './organisms/PriceRange';
+export { default as ProductGrid, ProductGridItem, } from './organisms/ProductGrid';
+export { default as ProductShelf, ProductShelfItems, ProductShelfItem, } from './organisms/ProductShelf';
+export { default as RegionModal } from './organisms/RegionModal';
+export { default as SearchInput } from './organisms/SearchInput';
+export { default as ShippingSimulation } from './organisms/ShippingSimulation';
+export { default as SlideOver, SlideOverHeader } from './organisms/SlideOver';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,SAAS,CAAA;AAEvB,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAElD,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,EACb,eAAe,EACf,cAAc,GACf,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAKnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,YAAY,EACZ,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,aAAa,EACb,eAAe,GAChB,MAAM,sBAAsB,CAAA;AAM7B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,OAAO,IAAI,QAAQ,EACnB,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,sBAAsB,CAAA;AAO7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAM1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE5E,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAE9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAK1E,OAAO,EACL,OAAO,IAAI,kBAAkB,EAC7B,sBAAsB,GACvB,MAAM,gCAAgC,CAAA;AAKvC,OAAO,EACL,OAAO,IAAI,cAAc,GAE1B,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,iBAAiB,GAClB,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,4BAA4B,CAAA;AAOnC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,mBAAmB,CAAA;AAS1B,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAEhD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG1E,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,iBAAiB,GAClB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,EACf,iBAAiB,GAClB,MAAM,yBAAyB,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,YAAY,GACb,MAAM,oBAAoB,CAAA;AAS3B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAOzE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,oBAAoB,EACpB,SAAS,GACV,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,oBAAoB,CAAA;AAQ3B,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAA;AAQjC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAG9D,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,eAAe,GAChB,MAAM,yBAAyB,CAAA;AAMhC,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AAOjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAG9E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/molecules/Accordion/Accordion.d.ts

@@ -0,0 +1,26 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+interface AccordionContext {
+    indices: Set<number>;
+    onChange: (index: number) => void;
+    numberOfItems: number;
+}
+declare const AccordionContext: React.Context<AccordionContext | undefined>;
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Indices that indicate which accordion items are opened.
+     */
+    indices: Iterable<number>;
+    /**
+     * Function that is triggered when an accordion item is opened/closed.
+     */
+    onChange: (index: number) => void;
+}
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useAccordion(): AccordionContext;
+export default Accordion;

package/dist/molecules/Accordion/Accordion.js

@@ -0,0 +1,21 @@
+import React, { useContext, cloneElement, forwardRef, createContext, } from 'react';
+const AccordionContext = createContext(undefined);
+const Accordion = forwardRef(function Accordion({ testId = 'fs-accordion', indices, onChange, children, ...otherProps }, ref) {
+    const childrenWithIndex = React.Children.map(children, (child, index) => cloneElement(child, { index: child.props.index ?? index }));
+    const context = {
+        indices: new Set(indices),
+        onChange,
+        numberOfItems: childrenWithIndex.length,
+    };
+    return (React.createElement(AccordionContext.Provider, { value: context },
+        React.createElement("div", { ref: ref, "data-fs-accordion": true, role: "region", "data-testid": testId, ...otherProps }, childrenWithIndex)));
+});
+export function useAccordion() {
+    const context = useContext(AccordionContext);
+    if (context === undefined) {
+        throw new Error('Do not use Accordion components outside the Accordion context.');
+    }
+    return context;
+}
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/molecules/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,YAAY,EACZ,UAAU,EACV,aAAa,GACd,MAAM,OAAO,CAAA;AAQd,MAAM,gBAAgB,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAA;AAmB/E,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,MAAM,GAAG,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACvE,GAAG;IAEH,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1C,QAAwB,EACxB,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC,CAC7E,CAAA;IAED,MAAM,OAAO,GAAG;QACd,OAAO,EAAE,IAAI,GAAG,CAAC,OAAO,CAAC;QACzB,QAAQ;QACR,aAAa,EAAE,iBAAiB,CAAC,MAAM;KACxC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACvC,6BACE,GAAG,EAAE,GAAG,6BAER,IAAI,EAAC,QAAQ,iBACA,MAAM,KACf,UAAU,IAEb,iBAAiB,CACd,CACoB,CAC7B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAE5C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,gEAAgE,CACjE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,SAAS,CAAA"}

package/dist/molecules/Accordion/AccordionButton.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { ButtonProps } from '../..';
+export interface AccordionButtonProps extends ButtonProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * A React component is rendered as an icon when the accordion is expanded.
+     */
+    expandedIcon?: ReactNode;
+    /**
+     * A React component is rendered as an icon when the accordion is collapsed.
+     */
+    collapsedIcon?: ReactNode;
+}
+declare const AccordionButton: React.ForwardRefExoticComponent<AccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default AccordionButton;

package/dist/molecules/Accordion/AccordionButton.js

@@ -0,0 +1,37 @@
+import React, { forwardRef } from 'react';
+import { useAccordion } from './Accordion';
+import { useAccordionItem } from './AccordionItem';
+import { Button, Icon } from '../..';
+const AccordionButton = forwardRef(function AccordionButton({ testId = 'fs-accordion-button', expandedIcon = React.createElement(Icon, { name: "MinusCircle", "data-icon": "expanded" }), collapsedIcon = React.createElement(Icon, { name: "PlusCircle", "data-icon": "collapsed" }), children, ...otherProps }, ref) {
+    const { indices, onChange, numberOfItems } = useAccordion();
+    const { index, panel, button, prefixId } = useAccordionItem();
+    const onKeyDown = (event) => {
+        if (!['ArrowDown', 'ArrowUp'].includes(event.key)) {
+            return;
+        }
+        const getNext = () => {
+            const next = Number(index) + 1 === numberOfItems ? 0 : Number(index) + 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${next}`);
+        };
+        const getPrevious = () => {
+            const previous = Number(index) - 1 < 0 ? numberOfItems - 1 : Number(index) - 1;
+            return document.getElementById(`${prefixId && `${prefixId}-`}button--${previous}`);
+        };
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                getNext()?.focus();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                getPrevious()?.focus();
+                break;
+            default:
+        }
+    };
+    return (React.createElement(Button, { ref: ref, id: button, variant: "tertiary", "data-fs-accordion-button": true, "aria-expanded": indices.has(index), icon: indices.has(index) ? expandedIcon : collapsedIcon, iconPosition: "right", "aria-controls": panel, onKeyDown: onKeyDown, onClick: () => {
+            onChange(index);
+        }, "data-testid": testId, ...otherProps }, children));
+});
+export default AccordionButton;
+//# sourceMappingURL=AccordionButton.js.map

package/dist/molecules/Accordion/AccordionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionButton.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAiBpC,MAAM,eAAe,GAAG,UAAU,CAChC,SAAS,eAAe,CACtB,EACE,MAAM,GAAG,qBAAqB,EAC9B,YAAY,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,eAAW,UAAU,GAAG,EAC/D,aAAa,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,eAAW,WAAW,GAAG,EAChE,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,CAAA;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE7D,MAAM,SAAS,GAAG,CAAC,KAA0B,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACjD,OAAM;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAExE,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,IAAI,EAAE,CAC/C,CAAA;QACH,CAAC,CAAA;QAED,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,QAAQ,GACZ,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAE/D,OAAO,QAAQ,CAAC,cAAc,CAC5B,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,QAAQ,EAAE,CACnD,CAAA;QACH,CAAC,CAAA;QAED,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAA;gBAClB,MAAK;YAEP,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,WAAW,EAAE,EAAE,KAAK,EAAE,CAAA;gBACtB,MAAK;YAEP,QAAQ;SACT;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,MAAM,EACV,OAAO,EAAC,UAAU,qDAEH,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EACjC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACvD,YAAY,EAAC,OAAO,mBACL,KAAK,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,iBACY,MAAM,KACf,UAAU,IAEb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/molecules/Accordion/AccordionItem.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { ElementType, HTMLAttributes, ReactElement } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../typings';
+interface AccordionItemContext {
+    index: number;
+    panel: string;
+    button: string;
+    prefixId: string;
+}
+declare const AccordionItemContext: React.Context<AccordionItemContext | undefined>;
+interface Props extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Index of the current accordion item within the accordion.
+     */
+    index?: number;
+    /**
+     * Namespace ID prefix for the current Accordion item's panel and button
+     * to avoid ID duplication when multiple instances are on the same page.
+     */
+    prefixId?: string;
+}
+export type AccordionItemProps<C extends ElementType> = PolymorphicComponentPropsWithRef<C, Props>;
+type AccordionItemComponent = <C extends ElementType = 'div'>(props: AccordionItemProps<C>) => ReactElement | null;
+declare const AccordionItem: AccordionItemComponent;
+export declare function useAccordionItem(): AccordionItemContext;
+export default AccordionItem;

package/dist/molecules/Accordion/AccordionItem.js

@@ -0,0 +1,22 @@
+import React, { useContext, forwardRef, createContext } from 'react';
+const AccordionItemContext = createContext(undefined);
+const AccordionItem = forwardRef(function AccordionItem({ prefixId = '', index = 0, as: MaybeComponent, children, testId = 'fs-accordion-item', ...otherProps }, ref) {
+    const Component = MaybeComponent ?? 'div';
+    const context = {
+        index,
+        prefixId,
+        panel: `${prefixId && `${prefixId}-`}panel--${index}`,
+        button: `${prefixId && `${prefixId}-`}button--${index}`,
+    };
+    return (React.createElement(AccordionItemContext.Provider, { value: context },
+        React.createElement(Component, { ref: ref, "data-fs-accordion-item": true, "data-testid": testId, ...otherProps }, children)));
+});
+export function useAccordionItem() {
+    const context = useContext(AccordionItemContext);
+    if (context === undefined) {
+        throw new Error('Do not use AccordionItem components outside the AccordionItem context.');
+    }
+    return context;
+}
+export default AccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

package/dist/molecules/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAcpE,MAAM,oBAAoB,GAAG,aAAa,CACxC,SAAS,CACV,CAAA;AA0BD,MAAM,aAAa,GAA2B,UAAU,CAAC,SAAS,aAAa,CAG7E,EACE,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,CAAC,EACT,EAAE,EAAE,cAAc,EAClB,QAAQ,EACR,MAAM,GAAG,mBAAmB,EAC5B,GAAG,UAAU,EACS,EACxB,GAAsB;IAEtB,MAAM,SAAS,GAAG,cAAc,IAAI,KAAK,CAAA;IAEzC,MAAM,OAAO,GAAG;QACd,KAAK;QACL,QAAQ;QACR,KAAK,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,UAAU,KAAK,EAAE;QACrD,MAAM,EAAE,GAAG,QAAQ,IAAI,GAAG,QAAQ,GAAG,WAAW,KAAK,EAAE;KACxD,CAAA;IAED,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAC3C,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,iDAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACC,CACkB,CACjC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,wEAAwE,CACzE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,aAAa,CAAA"}

package/dist/molecules/Accordion/AccordionPanel.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface AccordionPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionPanel;

package/dist/molecules/Accordion/AccordionPanel.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { useAccordion } from './Accordion';
+import { useAccordionItem } from './AccordionItem';
+const AccordionPanel = forwardRef(function AccordionPanel({ testId = 'fs-accordion-panel', children, ...otherProps }, ref) {
+    const { indices } = useAccordion();
+    const { index, button, panel } = useAccordionItem();
+    return (React.createElement("div", { ref: ref, id: panel, "data-fs-accordion-panel": true, "aria-labelledby": button, role: "region", hidden: !indices.has(index), "data-testid": testId, ...otherProps }, children));
+});
+export default AccordionPanel;
+//# sourceMappingURL=AccordionPanel.js.map

package/dist/molecules/Accordion/AccordionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/AccordionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAUlD,MAAM,cAAc,GAAG,UAAU,CAC/B,SAAS,cAAc,CACrB,EAAE,MAAM,GAAG,oBAAoB,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EAC1D,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,EAAE,CAAA;IAClC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEnD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,sDAEQ,MAAM,EACvB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,iBACd,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/molecules/Accordion/index.d.ts

@@ -0,0 +1,8 @@
+export { default } from './Accordion';
+export type { AccordionProps } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export type { AccordionItemProps } from './AccordionItem';
+export { default as AccordionButton } from './AccordionButton';
+export type { AccordionButtonProps } from './AccordionButton';
+export { default as AccordionPanel } from './AccordionPanel';
+export type { AccordionPanelProps } from './AccordionPanel';

package/dist/molecules/Accordion/index.js

@@ -0,0 +1,5 @@
+export { default } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';
+export { default as AccordionButton } from './AccordionButton';
+export { default as AccordionPanel } from './AccordionPanel';
+//# sourceMappingURL=index.js.map

package/dist/molecules/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAGrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAG9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/molecules/Alert/Alert.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { LinkProps } from '../../';
+import type { MouseEvent, ReactNode } from 'react';
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'role'> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Enables dismissible feature.
+     */
+    dismissible?: boolean;
+    /**
+     * Extends all Link Props.
+     */
+    link?: LinkProps;
+    /**
+     * Function called when dismiss button is clicked.
+     */
+    onClose?: (event: MouseEvent<HTMLElement>) => void;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default Alert;

package/dist/molecules/Alert/Alert.js

@@ -0,0 +1,17 @@
+import React, { forwardRef, useCallback } from 'react';
+import { Icon, IconButton, Link } from '../../';
+const Alert = forwardRef(function Alert({ testId = 'fs-alert', children, icon, dismissible, link, onClose, ...otherProps }, ref) {
+    const handleClose = useCallback((event) => {
+        if (event.defaultPrevented) {
+            return;
+        }
+        onClose?.(event);
+    }, [onClose]);
+    return (React.createElement("div", { ref: ref, role: "alert", "data-fs-alert": true, "data-fs-alert-dismissible": dismissible, "data-fs-content": "alert", "data-testid": testId, ...otherProps },
+        !!icon && icon,
+        React.createElement("p", { "data-fs-alert-content": true }, children),
+        link && React.createElement(Link, { "data-fs-alert-link": true, variant: "inline", ...link }),
+        dismissible && (React.createElement(IconButton, { "data-fs-alert-button": true, size: "small", "aria-label": "Close", icon: React.createElement(Icon, { name: "X" }), onClick: handleClose }))));
+});
+export default Alert;
+//# sourceMappingURL=Alert.js.map

package/dist/molecules/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/molecules/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AA6B1D,MAAM,KAAK,GAAG,UAAU,CAA6B,SAAS,KAAK,CACjE,EACE,MAAM,GAAG,UAAU,EACnB,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA8B,EAAE,EAAE;QACjC,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAM;SACP;QAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAA;IACD,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,sDAEe,WAAW,qBACtB,OAAO,iBACV,MAAM,KACf,UAAU;QAEb,CAAC,CAAC,IAAI,IAAI,IAAI;QAEf,4DAA0B,QAAQ,CAAK;QAEtC,IAAI,IAAI,oBAAC,IAAI,gCAAoB,OAAO,EAAC,QAAQ,KAAK,IAAI,GAAI;QAE9D,WAAW,IAAI,CACd,oBAAC,UAAU,kCAET,IAAI,EAAC,OAAO,gBACD,OAAO,EAClB,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,GAAG,EACvB,OAAO,EAAE,WAAW,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/molecules/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+export type { AlertProps } from './Alert';

package/dist/molecules/Alert/index.js

@@ -0,0 +1,2 @@
+export { default } from './Alert';
+//# sourceMappingURL=index.js.map