@alto-avios/alto-ui 5.3.0 → 5.4.1

package/dist/index.js

@@ -1,2 +1,2 @@
-import './assets/global.css';/* empty css               */import{Accordion as o,AccordionGroup as e}from"./components/Accordion/Accordion.js";import{AviosCurrencyBadge as r}from"./components/AviosCurrencyBadge/AviosCurrencyBadge.js";import{AviosCurrency as t}from"./components/AviosCurrency/AviosCurrency.js";import{AviosBadge as n}from"./components/AviosBadge/AviosBadge.js";import{AviosCurrencySymbol as m}from"./components/AviosCurrencySymbol/AviosCurrencySymbol.js";import{Badge as s}from"./components/Badge/Badge.js";import{BannerSectionContent as i}from"./components/BannerSectionContent/BannerSectionContent.js";import{BannerSectionPlectrum as p}from"./components/BannerSectionPlectrum/BannerSectionPlectrum.js";import{Box as a}from"./components/Box/Box.js";import{BoxLink as c}from"./components/BoxLink/BoxLink.js";import{BoxLinkContext as d,useBoxLink as l}from"./components/BoxLink/BoxLinkContext.js";import{Breadcrumbs as f}from"./components/Breadcrumbs/Breadcrumbs.js";import{Button as j}from"./components/Button/Button.js";import{ButtonGroup as u}from"./components/ButtonGroup/ButtonGroup.js";import{Calendar as B}from"./components/Calendar/Calendar.js";import{CalendarRange as C}from"./components/CalendarRange/CalendarRange.js";import{CalloutBanner as g}from"./components/CalloutBanner/CalloutBanner.js";import{default as S}from"./components/CardSection/CardSection.js";import{Carousel as F}from"./components/Carousel/Carousel.js";import{Checkbox as b}from"./components/Checkbox/Checkbox.js";import{CheckboxGroup as k}from"./components/CheckboxGroup/CheckboxGroup.js";import{ClearFieldButton as x}from"./components/ClearFieldButton/ClearFieldButton.js";import{ComboBox as T}from"./components/ComboBox/ComboBox.js";import{CreditCardNumberField as L}from"./components/CreditCardNumberField/CreditCardNumberField.js";import{CreditCardSecurityCodeField as h}from"./components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";import{Currency as y}from"./components/Currency/Currency.js";import{D as P}from"./DateField-rBq9QuR6.js";import{DatePicker as D}from"./components/DatePicker/DatePicker.js";import{DateRangePicker as I}from"./components/DateRangePicker/DateRangePicker.js";import{DestinationHeading as v}from"./components/DestinationHeading/DestinationHeading.js";import{DetailsDisclosure as A}from"./components/DetailsDisclosure/DetailsDisclosure.js";import{Dialog as H}from"./components/Dialog/Dialog.js";import{ErrorSummary as N}from"./components/ErrorSummary/ErrorSummary.js";import{Eyebrow as G}from"./components/Eyebrow/Eyebrow.js";import{default as R}from"./components/FieldDescription/FieldDescription.js";import{FieldError as w}from"./components/FieldError/FieldError.js";import{FieldHeader as E}from"./components/FieldHeader/FieldHeader.js";import{FieldLabel as M}from"./components/FieldLabel/FieldLabel.js";import{default as V}from"./components/Fieldset/Fieldset.js";import{FieldsetHeader as Y}from"./components/FieldsetHeader/FieldsetHeader.js";import{Form as q}from"./components/Form/Form.js";import{Grid as z}from"./components/Grid/Grid.js";import{Heading as J}from"./components/Heading/Heading.js";import{Icon as K}from"./components/Icon/Icon.js";import{IconBackdrop as O}from"./components/IconBackdrop/IconBackdrop.js";import{IconButton as Q}from"./components/IconButton/IconButton.js";import{Image as U}from"./components/Image/Image.js";import{IntroSection as W}from"./components/IntroSection/IntroSection.js";import{Label as X}from"./components/Label/Label.js";import{default as Z}from"./components/Link/Link.js";import{ListBox as $}from"./components/ListBox/ListBox.js";import{ListBoxItem as _}from"./components/ListBoxItem/ListBoxItem.js";import{default as oo}from"./components/LoadingSpinner/LoadingSpinner.js";import{Menu as eo}from"./components/Menu/Menu.js";import{MonthYearField as ro}from"./components/MonthYearField/MonthYearField.js";import{NumberField as to}from"./components/NumberField/NumberField.js";import{Paragraph as no}from"./components/Paragraph/Paragraph.js";import{PasswordField as mo}from"./components/PasswordField/PasswordField.js";import{PhoneNumberField as so}from"./components/PhoneNumberField/PhoneNumberField.js";import"./utils/phoneNumber/phoneNumber.js";import{Popover as io}from"./components/Popover/Popover.js";import{ProductTile as po}from"./components/ProductTile/ProductTile.js";import{Radio as ao}from"./components/Radio/Radio.js";import{RadioGroup as co}from"./components/RadioGroup/RadioGroup.js";import{SearchField as lo}from"./components/SearchField/SearchField.js";import{default as fo}from"./components/Section/Section.js";import{default as jo}from"./components/SelectCard/SelectCard.js";import{default as uo}from"./components/SelectNative/SelectNative.js";import{SkeletonLoader as Bo}from"./components/SkeletonLoader/SkeletonLoader.js";import{Slider as Co}from"./components/Slider/Slider.js";import{Spacer as go}from"./components/Spacer/Spacer.js";import{SubHeading as So}from"./components/SubHeading/SubHeading.js";import{Switch as Fo}from"./components/Switch/Switch.js";import{Tab as bo,TabList as ko,Tabs as xo,useTabsContext as To}from"./components/Tabs/Tabs.js";import{T as Lo}from"./TabPanel-C7ANBbTA.js";import{Tag as ho}from"./components/Tag/Tag.js";import{TagGroup as yo}from"./components/TagGroup/TagGroup.js";import{TextField as Po}from"./components/TextField/TextField.js";import{TextAreaField as Do}from"./components/TextAreaField/TextAreaField.js";import{default as Io}from"./components/ToggleButton/ToggleButton.js";import{default as vo}from"./components/ToggleIconButton/ToggleIconButton.js";import{Tooltip as Ao}from"./components/Tooltip/Tooltip.js";import{VisuallyHidden as Ho}from"./components/VisuallyHidden/VisuallyHidden.js";import{useBreakpoint as No}from"./utils/breakpoint/hooks/useBreakpoint.js";import{BREAKPOINTS as Go}from"./utils/breakpoint/theme/breakpoints.js";export{o as Accordion,e as AccordionGroup,n as AviosBadge,t as AviosCurrency,r as AviosCurrencyBadge,m as AviosCurrencySymbol,Go as BREAKPOINTS,s as Badge,i as BannerSectionContent,p as BannerSectionPlectrum,a as Box,c as BoxLink,d as BoxLinkContext,f as Breadcrumbs,j as Button,u as ButtonGroup,B as Calendar,C as CalendarRange,g as CalloutBanner,S as CardSection,F as Carousel,b as Checkbox,k as CheckboxGroup,x as ClearFieldButton,T as ComboBox,L as CreditCardNumberField,h as CreditCardSecurityCodeField,y as Currency,P as DateField,D as DatePicker,I as DateRangePicker,v as DestinationHeading,A as DetailsDisclosure,H as Dialog,N as ErrorSummary,G as Eyebrow,R as FieldDescription,w as FieldError,E as FieldHeader,M as FieldLabel,V as Fieldset,Y as FieldsetHeader,q as Form,z as Grid,J as Heading,K as Icon,O as IconBackdrop,Q as IconButton,U as Image,W as IntroSection,X as Label,Z as Link,$ as ListBox,_ as ListBoxItem,oo as LoadingSpinner,eo as Menu,ro as MonthYearField,to as NumberField,no as Paragraph,mo as PasswordField,so as PhoneNumberField,io as Popover,po as ProductTile,ao as Radio,co as RadioGroup,lo as SearchField,fo as Section,jo as SelectCard,uo as SelectNative,Bo as SkeletonLoader,Co as Slider,go as Spacer,So as SubHeading,Fo as Switch,bo as Tab,ko as TabList,Lo as TabPanel,xo as Tabs,ho as Tag,yo as TagGroup,Do as TextAreaField,Po as TextField,Io as ToggleButton,vo as ToggleIconButton,Ao as Tooltip,Ho as VisuallyHidden,l as useBoxLink,No as useBreakpoint,To as useTabsContext};
+import './assets/global.css';/* empty css               */import{Accordion as o,AccordionGroup as e}from"./components/Accordion/Accordion.js";import{AviosCurrencyBadge as r}from"./components/AviosCurrencyBadge/AviosCurrencyBadge.js";import{AviosCurrency as t}from"./components/AviosCurrency/AviosCurrency.js";import{AviosBadge as n}from"./components/AviosBadge/AviosBadge.js";import{AviosCurrencySymbol as m}from"./components/AviosCurrencySymbol/AviosCurrencySymbol.js";import{Badge as s}from"./components/Badge/Badge.js";import{BannerSectionContent as i}from"./components/BannerSectionContent/BannerSectionContent.js";import{BannerSectionPlectrum as p}from"./components/BannerSectionPlectrum/BannerSectionPlectrum.js";import{Box as a}from"./components/Box/Box.js";import{BoxLink as c}from"./components/BoxLink/BoxLink.js";import{BoxLinkContext as l,useBoxLink as d}from"./components/BoxLink/BoxLinkContext.js";import{Breadcrumbs as f}from"./components/Breadcrumbs/Breadcrumbs.js";import{Button as j}from"./components/Button/Button.js";import{ButtonGroup as u}from"./components/ButtonGroup/ButtonGroup.js";import{Calendar as C}from"./components/Calendar/Calendar.js";import{CalendarRange as B}from"./components/CalendarRange/CalendarRange.js";import{CalloutBanner as g}from"./components/CalloutBanner/CalloutBanner.js";import{default as F}from"./components/CardSection/CardSection.js";import{Carousel as S}from"./components/Carousel/Carousel.js";import{CarouselButton as b}from"./components/Carousel/CarouselButton/CarouselButton.js";import{CategoryTileGroup as k}from"./components/CategoryTileGroup/CategoryTileGroup.js";import{Checkbox as T}from"./components/Checkbox/Checkbox.js";import{CheckboxGroup as x}from"./components/CheckboxGroup/CheckboxGroup.js";import{ClearFieldButton as y}from"./components/ClearFieldButton/ClearFieldButton.js";import{ComboBox as L}from"./components/ComboBox/ComboBox.js";import{CreditCardNumberField as h}from"./components/CreditCardNumberField/CreditCardNumberField.js";import{CreditCardSecurityCodeField as P}from"./components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";import{Currency as D}from"./components/Currency/Currency.js";import{D as I}from"./DateField-rBq9QuR6.js";import{DatePicker as v}from"./components/DatePicker/DatePicker.js";import{DateRangePicker as A}from"./components/DateRangePicker/DateRangePicker.js";import{DestinationHeading as G}from"./components/DestinationHeading/DestinationHeading.js";import{DetailsDisclosure as H}from"./components/DetailsDisclosure/DetailsDisclosure.js";import{Dialog as N}from"./components/Dialog/Dialog.js";import{ErrorSummary as R}from"./components/ErrorSummary/ErrorSummary.js";import{Eyebrow as w}from"./components/Eyebrow/Eyebrow.js";import{default as E}from"./components/FieldDescription/FieldDescription.js";import{FieldError as M}from"./components/FieldError/FieldError.js";import{FieldHeader as V}from"./components/FieldHeader/FieldHeader.js";import{FieldLabel as Y}from"./components/FieldLabel/FieldLabel.js";import{default as q}from"./components/Fieldset/Fieldset.js";import{FieldsetHeader as z}from"./components/FieldsetHeader/FieldsetHeader.js";import{Form as J}from"./components/Form/Form.js";import{Grid as K}from"./components/Grid/Grid.js";import{Heading as O}from"./components/Heading/Heading.js";import{Icon as Q}from"./components/Icon/Icon.js";import{IconBackdrop as U}from"./components/IconBackdrop/IconBackdrop.js";import{IconButton as W}from"./components/IconButton/IconButton.js";import{Image as X}from"./components/Image/Image.js";import{IntroSection as Z}from"./components/IntroSection/IntroSection.js";import{Label as $}from"./components/Label/Label.js";import{default as _}from"./components/Link/Link.js";import{ListBox as oo}from"./components/ListBox/ListBox.js";import{ListBoxItem as eo}from"./components/ListBoxItem/ListBoxItem.js";import{default as ro}from"./components/LoadingSpinner/LoadingSpinner.js";import{Menu as to}from"./components/Menu/Menu.js";import{MonthYearField as no}from"./components/MonthYearField/MonthYearField.js";import{NumberField as mo}from"./components/NumberField/NumberField.js";import{Paragraph as so}from"./components/Paragraph/Paragraph.js";import{PasswordField as io}from"./components/PasswordField/PasswordField.js";import{PhoneNumberField as po}from"./components/PhoneNumberField/PhoneNumberField.js";import"./utils/phoneNumber/phoneNumber.js";import{Popover as ao}from"./components/Popover/Popover.js";import{ProductTile as co}from"./components/ProductTile/ProductTile.js";import{Radio as lo}from"./components/Radio/Radio.js";import{RadioGroup as fo}from"./components/RadioGroup/RadioGroup.js";import{SearchField as jo}from"./components/SearchField/SearchField.js";import{default as uo}from"./components/Section/Section.js";import{default as Co}from"./components/SelectCard/SelectCard.js";import{default as Bo}from"./components/SelectNative/SelectNative.js";import{SkeletonLoader as go}from"./components/SkeletonLoader/SkeletonLoader.js";import{Slider as Fo}from"./components/Slider/Slider.js";import{Spacer as So}from"./components/Spacer/Spacer.js";import{SubHeading as bo}from"./components/SubHeading/SubHeading.js";import{Switch as ko}from"./components/Switch/Switch.js";import{Tab as To,TabList as xo,Tabs as yo,useTabsContext as Lo}from"./components/Tabs/Tabs.js";import{T as ho}from"./TabPanel-C7ANBbTA.js";import{Tag as Po}from"./components/Tag/Tag.js";import{TagGroup as Do}from"./components/TagGroup/TagGroup.js";import{TextField as Io}from"./components/TextField/TextField.js";import{TextAreaField as vo}from"./components/TextAreaField/TextAreaField.js";import{default as Ao}from"./components/ToggleButton/ToggleButton.js";import{default as Go}from"./components/ToggleIconButton/ToggleIconButton.js";import{Tooltip as Ho}from"./components/Tooltip/Tooltip.js";import{VisuallyHidden as No}from"./components/VisuallyHidden/VisuallyHidden.js";import{useBreakpoint as Ro}from"./utils/breakpoint/hooks/useBreakpoint.js";import{BREAKPOINTS as wo}from"./utils/breakpoint/theme/breakpoints.js";import{useFitCount as Eo}from"./utils/layout/hooks/useFitCount.js";export{o as Accordion,e as AccordionGroup,n as AviosBadge,t as AviosCurrency,r as AviosCurrencyBadge,m as AviosCurrencySymbol,wo as BREAKPOINTS,s as Badge,i as BannerSectionContent,p as BannerSectionPlectrum,a as Box,c as BoxLink,l as BoxLinkContext,f as Breadcrumbs,j as Button,u as ButtonGroup,C as Calendar,B as CalendarRange,g as CalloutBanner,F as CardSection,S as Carousel,b as CarouselButton,k as CategoryTileGroup,T as Checkbox,x as CheckboxGroup,y as ClearFieldButton,L as ComboBox,h as CreditCardNumberField,P as CreditCardSecurityCodeField,D as Currency,I as DateField,v as DatePicker,A as DateRangePicker,G as DestinationHeading,H as DetailsDisclosure,N as Dialog,R as ErrorSummary,w as Eyebrow,E as FieldDescription,M as FieldError,V as FieldHeader,Y as FieldLabel,q as Fieldset,z as FieldsetHeader,J as Form,K as Grid,O as Heading,Q as Icon,U as IconBackdrop,W as IconButton,X as Image,Z as IntroSection,$ as Label,_ as Link,oo as ListBox,eo as ListBoxItem,ro as LoadingSpinner,to as Menu,no as MonthYearField,mo as NumberField,so as Paragraph,io as PasswordField,po as PhoneNumberField,ao as Popover,co as ProductTile,lo as Radio,fo as RadioGroup,jo as SearchField,uo as Section,Co as SelectCard,Bo as SelectNative,go as SkeletonLoader,Fo as Slider,So as Spacer,bo as SubHeading,ko as Switch,To as Tab,xo as TabList,ho as TabPanel,yo as Tabs,Po as Tag,Do as TagGroup,vo as TextAreaField,Io as TextField,Ao as ToggleButton,Go as ToggleIconButton,Ho as Tooltip,No as VisuallyHidden,d as useBoxLink,Ro as useBreakpoint,Eo as useFitCount,Lo as useTabsContext};
 //# sourceMappingURL=index.js.map

package/dist/margin-CCJx_ENX.js

@@ -0,0 +1,2 @@
+import{c as m}from"./index-CCUt_dAN.js";import './assets/margin.css';const g={"margin--none":"_margin--none_1st27_2","margin--auto":"_margin--auto_1st27_5","margin--5xs":"_margin--5xs_1st27_8","margin--4xs":"_margin--4xs_1st27_11","margin--3xs":"_margin--3xs_1st27_14","margin--2xs":"_margin--2xs_1st27_17","margin--xs":"_margin--xs_1st27_20","margin--sm":"_margin--sm_1st27_23","margin--md":"_margin--md_1st27_26","margin--lg":"_margin--lg_1st27_29","margin--xl":"_margin--xl_1st27_32","margin--2xl":"_margin--2xl_1st27_35","margin--3xl":"_margin--3xl_1st27_38","margin--4xl":"_margin--4xl_1st27_41","margin--5xl":"_margin--5xl_1st27_44","margin--6xl":"_margin--6xl_1st27_47","margin-x--none":"_margin-x--none_1st27_52","margin-x--auto":"_margin-x--auto_1st27_56","margin-x--5xs":"_margin-x--5xs_1st27_60","margin-x--4xs":"_margin-x--4xs_1st27_64","margin-x--3xs":"_margin-x--3xs_1st27_68","margin-x--2xs":"_margin-x--2xs_1st27_72","margin-x--xs":"_margin-x--xs_1st27_76","margin-x--sm":"_margin-x--sm_1st27_80","margin-x--md":"_margin-x--md_1st27_84","margin-x--lg":"_margin-x--lg_1st27_88","margin-x--xl":"_margin-x--xl_1st27_92","margin-x--2xl":"_margin-x--2xl_1st27_96","margin-x--3xl":"_margin-x--3xl_1st27_100","margin-x--4xl":"_margin-x--4xl_1st27_104","margin-x--5xl":"_margin-x--5xl_1st27_108","margin-x--6xl":"_margin-x--6xl_1st27_112","margin-y--none":"_margin-y--none_1st27_118","margin-y--auto":"_margin-y--auto_1st27_122","margin-y--5xs":"_margin-y--5xs_1st27_127","margin-y--4xs":"_margin-y--4xs_1st27_131","margin-y--3xs":"_margin-y--3xs_1st27_135","margin-y--2xs":"_margin-y--2xs_1st27_139","margin-y--xs":"_margin-y--xs_1st27_143","margin-y--sm":"_margin-y--sm_1st27_147","margin-y--md":"_margin-y--md_1st27_151","margin-y--lg":"_margin-y--lg_1st27_155","margin-y--xl":"_margin-y--xl_1st27_159","margin-y--2xl":"_margin-y--2xl_1st27_163","margin-y--3xl":"_margin-y--3xl_1st27_167","margin-y--4xl":"_margin-y--4xl_1st27_171","margin-y--5xl":"_margin-y--5xl_1st27_175","margin-y--6xl":"_margin-y--6xl_1st27_179","margin-top--none":"_margin-top--none_1st27_185","margin-top--auto":"_margin-top--auto_1st27_188","margin-top--5xs":"_margin-top--5xs_1st27_191","margin-top--4xs":"_margin-top--4xs_1st27_194","margin-top--3xs":"_margin-top--3xs_1st27_197","margin-top--2xs":"_margin-top--2xs_1st27_200","margin-top--xs":"_margin-top--xs_1st27_203","margin-top--sm":"_margin-top--sm_1st27_206","margin-top--md":"_margin-top--md_1st27_209","margin-top--lg":"_margin-top--lg_1st27_212","margin-top--xl":"_margin-top--xl_1st27_215","margin-top--2xl":"_margin-top--2xl_1st27_218","margin-top--3xl":"_margin-top--3xl_1st27_221","margin-top--4xl":"_margin-top--4xl_1st27_224","margin-top--5xl":"_margin-top--5xl_1st27_227","margin-top--6xl":"_margin-top--6xl_1st27_230","margin-right--none":"_margin-right--none_1st27_235","margin-right--auto":"_margin-right--auto_1st27_238","margin-right--5xs":"_margin-right--5xs_1st27_241","margin-right--4xs":"_margin-right--4xs_1st27_244","margin-right--3xs":"_margin-right--3xs_1st27_247","margin-right--2xs":"_margin-right--2xs_1st27_250","margin-right--xs":"_margin-right--xs_1st27_253","margin-right--sm":"_margin-right--sm_1st27_256","margin-right--md":"_margin-right--md_1st27_259","margin-right--lg":"_margin-right--lg_1st27_262","margin-right--xl":"_margin-right--xl_1st27_265","margin-right--2xl":"_margin-right--2xl_1st27_268","margin-right--3xl":"_margin-right--3xl_1st27_271","margin-right--4xl":"_margin-right--4xl_1st27_274","margin-right--5xl":"_margin-right--5xl_1st27_277","margin-right--6xl":"_margin-right--6xl_1st27_280","margin-bottom--none":"_margin-bottom--none_1st27_285","margin-bottom--auto":"_margin-bottom--auto_1st27_288","margin-bottom--5xs":"_margin-bottom--5xs_1st27_291","margin-bottom--4xs":"_margin-bottom--4xs_1st27_294","margin-bottom--3xs":"_margin-bottom--3xs_1st27_297","margin-bottom--2xs":"_margin-bottom--2xs_1st27_300","margin-bottom--xs":"_margin-bottom--xs_1st27_303","margin-bottom--sm":"_margin-bottom--sm_1st27_306","margin-bottom--md":"_margin-bottom--md_1st27_309","margin-bottom--lg":"_margin-bottom--lg_1st27_312","margin-bottom--xl":"_margin-bottom--xl_1st27_315","margin-bottom--2xl":"_margin-bottom--2xl_1st27_318","margin-bottom--3xl":"_margin-bottom--3xl_1st27_321","margin-bottom--4xl":"_margin-bottom--4xl_1st27_324","margin-bottom--5xl":"_margin-bottom--5xl_1st27_327","margin-bottom--6xl":"_margin-bottom--6xl_1st27_330","margin-left--none":"_margin-left--none_1st27_335","margin-left--auto":"_margin-left--auto_1st27_338","margin-left--5xs":"_margin-left--5xs_1st27_341","margin-left--4xs":"_margin-left--4xs_1st27_344","margin-left--3xs":"_margin-left--3xs_1st27_347","margin-left--2xs":"_margin-left--2xs_1st27_350","margin-left--xs":"_margin-left--xs_1st27_353","margin-left--sm":"_margin-left--sm_1st27_356","margin-left--md":"_margin-left--md_1st27_359","margin-left--lg":"_margin-left--lg_1st27_362","margin-left--xl":"_margin-left--xl_1st27_365","margin-left--2xl":"_margin-left--2xl_1st27_368","margin-left--3xl":"_margin-left--3xl_1st27_371","margin-left--4xl":"_margin-left--4xl_1st27_374","margin-left--5xl":"_margin-left--5xl_1st27_377","margin-left--6xl":"_margin-left--6xl_1st27_380","sm:margin--none":"_sm:margin--none_1st27_1","sm:margin--auto":"_sm:margin--auto_1st27_1","sm:margin--5xs":"_sm:margin--5xs_1st27_1","sm:margin--4xs":"_sm:margin--4xs_1st27_1","sm:margin--3xs":"_sm:margin--3xs_1st27_1","sm:margin--2xs":"_sm:margin--2xs_1st27_1","sm:margin--xs":"_sm:margin--xs_1st27_1","sm:margin--sm":"_sm:margin--sm_1st27_1","sm:margin--md":"_sm:margin--md_1st27_1","sm:margin--lg":"_sm:margin--lg_1st27_1","sm:margin--xl":"_sm:margin--xl_1st27_1","sm:margin--2xl":"_sm:margin--2xl_1st27_1","sm:margin--3xl":"_sm:margin--3xl_1st27_1","sm:margin--4xl":"_sm:margin--4xl_1st27_1","sm:margin--5xl":"_sm:margin--5xl_1st27_1","sm:margin--6xl":"_sm:margin--6xl_1st27_1","sm:margin-x--none":"_sm:margin-x--none_1st27_1","sm:margin-x--auto":"_sm:margin-x--auto_1st27_1","sm:margin-x--5xs":"_sm:margin-x--5xs_1st27_1","sm:margin-x--4xs":"_sm:margin-x--4xs_1st27_1","sm:margin-x--3xs":"_sm:margin-x--3xs_1st27_1","sm:margin-x--2xs":"_sm:margin-x--2xs_1st27_1","sm:margin-x--xs":"_sm:margin-x--xs_1st27_1","sm:margin-x--sm":"_sm:margin-x--sm_1st27_1","sm:margin-x--md":"_sm:margin-x--md_1st27_1","sm:margin-x--lg":"_sm:margin-x--lg_1st27_1","sm:margin-x--xl":"_sm:margin-x--xl_1st27_1","sm:margin-x--2xl":"_sm:margin-x--2xl_1st27_1","sm:margin-x--3xl":"_sm:margin-x--3xl_1st27_1","sm:margin-x--4xl":"_sm:margin-x--4xl_1st27_1","sm:margin-x--5xl":"_sm:margin-x--5xl_1st27_1","sm:margin-x--6xl":"_sm:margin-x--6xl_1st27_1","sm:margin-y--none":"_sm:margin-y--none_1st27_1","sm:margin-y--auto":"_sm:margin-y--auto_1st27_1","sm:margin-y--5xs":"_sm:margin-y--5xs_1st27_1","sm:margin-y--4xs":"_sm:margin-y--4xs_1st27_1","sm:margin-y--3xs":"_sm:margin-y--3xs_1st27_1","sm:margin-y--2xs":"_sm:margin-y--2xs_1st27_1","sm:margin-y--xs":"_sm:margin-y--xs_1st27_1","sm:margin-y--sm":"_sm:margin-y--sm_1st27_1","sm:margin-y--md":"_sm:margin-y--md_1st27_1","sm:margin-y--lg":"_sm:margin-y--lg_1st27_1","sm:margin-y--xl":"_sm:margin-y--xl_1st27_1","sm:margin-y--2xl":"_sm:margin-y--2xl_1st27_1","sm:margin-y--3xl":"_sm:margin-y--3xl_1st27_1","sm:margin-y--4xl":"_sm:margin-y--4xl_1st27_1","sm:margin-y--5xl":"_sm:margin-y--5xl_1st27_1","sm:margin-y--6xl":"_sm:margin-y--6xl_1st27_1","sm:margin-top--none":"_sm:margin-top--none_1st27_1","sm:margin-top--auto":"_sm:margin-top--auto_1st27_1","sm:margin-top--5xs":"_sm:margin-top--5xs_1st27_1","sm:margin-top--4xs":"_sm:margin-top--4xs_1st27_1","sm:margin-top--3xs":"_sm:margin-top--3xs_1st27_1","sm:margin-top--2xs":"_sm:margin-top--2xs_1st27_1","sm:margin-top--xs":"_sm:margin-top--xs_1st27_1","sm:margin-top--sm":"_sm:margin-top--sm_1st27_1","sm:margin-top--md":"_sm:margin-top--md_1st27_1","sm:margin-top--lg":"_sm:margin-top--lg_1st27_1","sm:margin-top--xl":"_sm:margin-top--xl_1st27_1","sm:margin-top--2xl":"_sm:margin-top--2xl_1st27_1","sm:margin-top--3xl":"_sm:margin-top--3xl_1st27_1","sm:margin-top--4xl":"_sm:margin-top--4xl_1st27_1","sm:margin-top--5xl":"_sm:margin-top--5xl_1st27_1","sm:margin-top--6xl":"_sm:margin-top--6xl_1st27_1","sm:margin-right--none":"_sm:margin-right--none_1st27_1","sm:margin-right--auto":"_sm:margin-right--auto_1st27_1","sm:margin-right--5xs":"_sm:margin-right--5xs_1st27_1","sm:margin-right--4xs":"_sm:margin-right--4xs_1st27_1","sm:margin-right--3xs":"_sm:margin-right--3xs_1st27_1","sm:margin-right--2xs":"_sm:margin-right--2xs_1st27_1","sm:margin-right--xs":"_sm:margin-right--xs_1st27_1","sm:margin-right--sm":"_sm:margin-right--sm_1st27_1","sm:margin-right--md":"_sm:margin-right--md_1st27_1","sm:margin-right--lg":"_sm:margin-right--lg_1st27_1","sm:margin-right--xl":"_sm:margin-right--xl_1st27_1","sm:margin-right--2xl":"_sm:margin-right--2xl_1st27_1","sm:margin-right--3xl":"_sm:margin-right--3xl_1st27_1","sm:margin-right--4xl":"_sm:margin-right--4xl_1st27_1","sm:margin-right--5xl":"_sm:margin-right--5xl_1st27_1","sm:margin-right--6xl":"_sm:margin-right--6xl_1st27_1","sm:margin-bottom--none":"_sm:margin-bottom--none_1st27_1","sm:margin-bottom--auto":"_sm:margin-bottom--auto_1st27_1","sm:margin-bottom--5xs":"_sm:margin-bottom--5xs_1st27_1","sm:margin-bottom--4xs":"_sm:margin-bottom--4xs_1st27_1","sm:margin-bottom--3xs":"_sm:margin-bottom--3xs_1st27_1","sm:margin-bottom--2xs":"_sm:margin-bottom--2xs_1st27_1","sm:margin-bottom--xs":"_sm:margin-bottom--xs_1st27_1","sm:margin-bottom--sm":"_sm:margin-bottom--sm_1st27_1","sm:margin-bottom--md":"_sm:margin-bottom--md_1st27_1","sm:margin-bottom--lg":"_sm:margin-bottom--lg_1st27_1","sm:margin-bottom--xl":"_sm:margin-bottom--xl_1st27_1","sm:margin-bottom--2xl":"_sm:margin-bottom--2xl_1st27_1","sm:margin-bottom--3xl":"_sm:margin-bottom--3xl_1st27_1","sm:margin-bottom--4xl":"_sm:margin-bottom--4xl_1st27_1","sm:margin-bottom--5xl":"_sm:margin-bottom--5xl_1st27_1","sm:margin-bottom--6xl":"_sm:margin-bottom--6xl_1st27_1","sm:margin-left--none":"_sm:margin-left--none_1st27_1","sm:margin-left--auto":"_sm:margin-left--auto_1st27_1","sm:margin-left--5xs":"_sm:margin-left--5xs_1st27_1","sm:margin-left--4xs":"_sm:margin-left--4xs_1st27_1","sm:margin-left--3xs":"_sm:margin-left--3xs_1st27_1","sm:margin-left--2xs":"_sm:margin-left--2xs_1st27_1","sm:margin-left--xs":"_sm:margin-left--xs_1st27_1","sm:margin-left--sm":"_sm:margin-left--sm_1st27_1","sm:margin-left--md":"_sm:margin-left--md_1st27_1","sm:margin-left--lg":"_sm:margin-left--lg_1st27_1","sm:margin-left--xl":"_sm:margin-left--xl_1st27_1","sm:margin-left--2xl":"_sm:margin-left--2xl_1st27_1","sm:margin-left--3xl":"_sm:margin-left--3xl_1st27_1","sm:margin-left--4xl":"_sm:margin-left--4xl_1st27_1","sm:margin-left--5xl":"_sm:margin-left--5xl_1st27_1","sm:margin-left--6xl":"_sm:margin-left--6xl_1st27_1","md:margin--none":"_md:margin--none_1st27_1","md:margin--auto":"_md:margin--auto_1st27_1","md:margin--5xs":"_md:margin--5xs_1st27_1","md:margin--4xs":"_md:margin--4xs_1st27_1","md:margin--3xs":"_md:margin--3xs_1st27_1","md:margin--2xs":"_md:margin--2xs_1st27_1","md:margin--xs":"_md:margin--xs_1st27_1","md:margin--sm":"_md:margin--sm_1st27_1","md:margin--md":"_md:margin--md_1st27_1","md:margin--lg":"_md:margin--lg_1st27_1","md:margin--xl":"_md:margin--xl_1st27_1","md:margin--2xl":"_md:margin--2xl_1st27_1","md:margin--3xl":"_md:margin--3xl_1st27_1","md:margin--4xl":"_md:margin--4xl_1st27_1","md:margin--5xl":"_md:margin--5xl_1st27_1","md:margin--6xl":"_md:margin--6xl_1st27_1","md:margin-x--none":"_md:margin-x--none_1st27_1","md:margin-x--auto":"_md:margin-x--auto_1st27_1","md:margin-x--5xs":"_md:margin-x--5xs_1st27_1","md:margin-x--4xs":"_md:margin-x--4xs_1st27_1","md:margin-x--3xs":"_md:margin-x--3xs_1st27_1","md:margin-x--2xs":"_md:margin-x--2xs_1st27_1","md:margin-x--xs":"_md:margin-x--xs_1st27_1","md:margin-x--sm":"_md:margin-x--sm_1st27_1","md:margin-x--md":"_md:margin-x--md_1st27_1","md:margin-x--lg":"_md:margin-x--lg_1st27_1","md:margin-x--xl":"_md:margin-x--xl_1st27_1","md:margin-x--2xl":"_md:margin-x--2xl_1st27_1","md:margin-x--3xl":"_md:margin-x--3xl_1st27_1","md:margin-x--4xl":"_md:margin-x--4xl_1st27_1","md:margin-x--5xl":"_md:margin-x--5xl_1st27_1","md:margin-x--6xl":"_md:margin-x--6xl_1st27_1","md:margin-y--none":"_md:margin-y--none_1st27_1","md:margin-y--auto":"_md:margin-y--auto_1st27_1","md:margin-y--5xs":"_md:margin-y--5xs_1st27_1","md:margin-y--4xs":"_md:margin-y--4xs_1st27_1","md:margin-y--3xs":"_md:margin-y--3xs_1st27_1","md:margin-y--2xs":"_md:margin-y--2xs_1st27_1","md:margin-y--xs":"_md:margin-y--xs_1st27_1","md:margin-y--sm":"_md:margin-y--sm_1st27_1","md:margin-y--md":"_md:margin-y--md_1st27_1","md:margin-y--lg":"_md:margin-y--lg_1st27_1","md:margin-y--xl":"_md:margin-y--xl_1st27_1","md:margin-y--2xl":"_md:margin-y--2xl_1st27_1","md:margin-y--3xl":"_md:margin-y--3xl_1st27_1","md:margin-y--4xl":"_md:margin-y--4xl_1st27_1","md:margin-y--5xl":"_md:margin-y--5xl_1st27_1","md:margin-y--6xl":"_md:margin-y--6xl_1st27_1","md:margin-top--none":"_md:margin-top--none_1st27_1","md:margin-top--auto":"_md:margin-top--auto_1st27_1","md:margin-top--5xs":"_md:margin-top--5xs_1st27_1","md:margin-top--4xs":"_md:margin-top--4xs_1st27_1","md:margin-top--3xs":"_md:margin-top--3xs_1st27_1","md:margin-top--2xs":"_md:margin-top--2xs_1st27_1","md:margin-top--xs":"_md:margin-top--xs_1st27_1","md:margin-top--sm":"_md:margin-top--sm_1st27_1","md:margin-top--md":"_md:margin-top--md_1st27_1","md:margin-top--lg":"_md:margin-top--lg_1st27_1","md:margin-top--xl":"_md:margin-top--xl_1st27_1","md:margin-top--2xl":"_md:margin-top--2xl_1st27_1","md:margin-top--3xl":"_md:margin-top--3xl_1st27_1","md:margin-top--4xl":"_md:margin-top--4xl_1st27_1","md:margin-top--5xl":"_md:margin-top--5xl_1st27_1","md:margin-top--6xl":"_md:margin-top--6xl_1st27_1","md:margin-right--none":"_md:margin-right--none_1st27_1","md:margin-right--auto":"_md:margin-right--auto_1st27_1","md:margin-right--5xs":"_md:margin-right--5xs_1st27_1","md:margin-right--4xs":"_md:margin-right--4xs_1st27_1","md:margin-right--3xs":"_md:margin-right--3xs_1st27_1","md:margin-right--2xs":"_md:margin-right--2xs_1st27_1","md:margin-right--xs":"_md:margin-right--xs_1st27_1","md:margin-right--sm":"_md:margin-right--sm_1st27_1","md:margin-right--md":"_md:margin-right--md_1st27_1","md:margin-right--lg":"_md:margin-right--lg_1st27_1","md:margin-right--xl":"_md:margin-right--xl_1st27_1","md:margin-right--2xl":"_md:margin-right--2xl_1st27_1","md:margin-right--3xl":"_md:margin-right--3xl_1st27_1","md:margin-right--4xl":"_md:margin-right--4xl_1st27_1","md:margin-right--5xl":"_md:margin-right--5xl_1st27_1","md:margin-right--6xl":"_md:margin-right--6xl_1st27_1","md:margin-bottom--none":"_md:margin-bottom--none_1st27_1","md:margin-bottom--auto":"_md:margin-bottom--auto_1st27_1","md:margin-bottom--5xs":"_md:margin-bottom--5xs_1st27_1","md:margin-bottom--4xs":"_md:margin-bottom--4xs_1st27_1","md:margin-bottom--3xs":"_md:margin-bottom--3xs_1st27_1","md:margin-bottom--2xs":"_md:margin-bottom--2xs_1st27_1","md:margin-bottom--xs":"_md:margin-bottom--xs_1st27_1","md:margin-bottom--sm":"_md:margin-bottom--sm_1st27_1","md:margin-bottom--md":"_md:margin-bottom--md_1st27_1","md:margin-bottom--lg":"_md:margin-bottom--lg_1st27_1","md:margin-bottom--xl":"_md:margin-bottom--xl_1st27_1","md:margin-bottom--2xl":"_md:margin-bottom--2xl_1st27_1","md:margin-bottom--3xl":"_md:margin-bottom--3xl_1st27_1","md:margin-bottom--4xl":"_md:margin-bottom--4xl_1st27_1","md:margin-bottom--5xl":"_md:margin-bottom--5xl_1st27_1","md:margin-bottom--6xl":"_md:margin-bottom--6xl_1st27_1","md:margin-left--none":"_md:margin-left--none_1st27_1","md:margin-left--auto":"_md:margin-left--auto_1st27_1","md:margin-left--5xs":"_md:margin-left--5xs_1st27_1","md:margin-left--4xs":"_md:margin-left--4xs_1st27_1","md:margin-left--3xs":"_md:margin-left--3xs_1st27_1","md:margin-left--2xs":"_md:margin-left--2xs_1st27_1","md:margin-left--xs":"_md:margin-left--xs_1st27_1","md:margin-left--sm":"_md:margin-left--sm_1st27_1","md:margin-left--md":"_md:margin-left--md_1st27_1","md:margin-left--lg":"_md:margin-left--lg_1st27_1","md:margin-left--xl":"_md:margin-left--xl_1st27_1","md:margin-left--2xl":"_md:margin-left--2xl_1st27_1","md:margin-left--3xl":"_md:margin-left--3xl_1st27_1","md:margin-left--4xl":"_md:margin-left--4xl_1st27_1","md:margin-left--5xl":"_md:margin-left--5xl_1st27_1","md:margin-left--6xl":"_md:margin-left--6xl_1st27_1","lg:margin--none":"_lg:margin--none_1st27_1","lg:margin--auto":"_lg:margin--auto_1st27_1","lg:margin--5xs":"_lg:margin--5xs_1st27_1","lg:margin--4xs":"_lg:margin--4xs_1st27_1","lg:margin--3xs":"_lg:margin--3xs_1st27_1","lg:margin--2xs":"_lg:margin--2xs_1st27_1","lg:margin--xs":"_lg:margin--xs_1st27_1","lg:margin--sm":"_lg:margin--sm_1st27_1","lg:margin--md":"_lg:margin--md_1st27_1","lg:margin--lg":"_lg:margin--lg_1st27_1","lg:margin--xl":"_lg:margin--xl_1st27_1","lg:margin--2xl":"_lg:margin--2xl_1st27_1","lg:margin--3xl":"_lg:margin--3xl_1st27_1","lg:margin--4xl":"_lg:margin--4xl_1st27_1","lg:margin--5xl":"_lg:margin--5xl_1st27_1","lg:margin--6xl":"_lg:margin--6xl_1st27_1","lg:margin-x--none":"_lg:margin-x--none_1st27_1","lg:margin-x--auto":"_lg:margin-x--auto_1st27_1","lg:margin-x--5xs":"_lg:margin-x--5xs_1st27_1","lg:margin-x--4xs":"_lg:margin-x--4xs_1st27_1","lg:margin-x--3xs":"_lg:margin-x--3xs_1st27_1","lg:margin-x--2xs":"_lg:margin-x--2xs_1st27_1","lg:margin-x--xs":"_lg:margin-x--xs_1st27_1","lg:margin-x--sm":"_lg:margin-x--sm_1st27_1","lg:margin-x--md":"_lg:margin-x--md_1st27_1","lg:margin-x--lg":"_lg:margin-x--lg_1st27_1","lg:margin-x--xl":"_lg:margin-x--xl_1st27_1","lg:margin-x--2xl":"_lg:margin-x--2xl_1st27_1","lg:margin-x--3xl":"_lg:margin-x--3xl_1st27_1","lg:margin-x--4xl":"_lg:margin-x--4xl_1st27_1","lg:margin-x--5xl":"_lg:margin-x--5xl_1st27_1","lg:margin-x--6xl":"_lg:margin-x--6xl_1st27_1","lg:margin-y--none":"_lg:margin-y--none_1st27_1","lg:margin-y--auto":"_lg:margin-y--auto_1st27_1","lg:margin-y--5xs":"_lg:margin-y--5xs_1st27_1","lg:margin-y--4xs":"_lg:margin-y--4xs_1st27_1","lg:margin-y--3xs":"_lg:margin-y--3xs_1st27_1","lg:margin-y--2xs":"_lg:margin-y--2xs_1st27_1","lg:margin-y--xs":"_lg:margin-y--xs_1st27_1","lg:margin-y--sm":"_lg:margin-y--sm_1st27_1","lg:margin-y--md":"_lg:margin-y--md_1st27_1","lg:margin-y--lg":"_lg:margin-y--lg_1st27_1","lg:margin-y--xl":"_lg:margin-y--xl_1st27_1","lg:margin-y--2xl":"_lg:margin-y--2xl_1st27_1","lg:margin-y--3xl":"_lg:margin-y--3xl_1st27_1","lg:margin-y--4xl":"_lg:margin-y--4xl_1st27_1","lg:margin-y--5xl":"_lg:margin-y--5xl_1st27_1","lg:margin-y--6xl":"_lg:margin-y--6xl_1st27_1","lg:margin-top--none":"_lg:margin-top--none_1st27_1","lg:margin-top--auto":"_lg:margin-top--auto_1st27_1","lg:margin-top--5xs":"_lg:margin-top--5xs_1st27_1","lg:margin-top--4xs":"_lg:margin-top--4xs_1st27_1","lg:margin-top--3xs":"_lg:margin-top--3xs_1st27_1","lg:margin-top--2xs":"_lg:margin-top--2xs_1st27_1","lg:margin-top--xs":"_lg:margin-top--xs_1st27_1","lg:margin-top--sm":"_lg:margin-top--sm_1st27_1","lg:margin-top--md":"_lg:margin-top--md_1st27_1","lg:margin-top--lg":"_lg:margin-top--lg_1st27_1","lg:margin-top--xl":"_lg:margin-top--xl_1st27_1","lg:margin-top--2xl":"_lg:margin-top--2xl_1st27_1","lg:margin-top--3xl":"_lg:margin-top--3xl_1st27_1","lg:margin-top--4xl":"_lg:margin-top--4xl_1st27_1","lg:margin-top--5xl":"_lg:margin-top--5xl_1st27_1","lg:margin-top--6xl":"_lg:margin-top--6xl_1st27_1","lg:margin-right--none":"_lg:margin-right--none_1st27_1","lg:margin-right--auto":"_lg:margin-right--auto_1st27_1","lg:margin-right--5xs":"_lg:margin-right--5xs_1st27_1","lg:margin-right--4xs":"_lg:margin-right--4xs_1st27_1","lg:margin-right--3xs":"_lg:margin-right--3xs_1st27_1","lg:margin-right--2xs":"_lg:margin-right--2xs_1st27_1","lg:margin-right--xs":"_lg:margin-right--xs_1st27_1","lg:margin-right--sm":"_lg:margin-right--sm_1st27_1","lg:margin-right--md":"_lg:margin-right--md_1st27_1","lg:margin-right--lg":"_lg:margin-right--lg_1st27_1","lg:margin-right--xl":"_lg:margin-right--xl_1st27_1","lg:margin-right--2xl":"_lg:margin-right--2xl_1st27_1","lg:margin-right--3xl":"_lg:margin-right--3xl_1st27_1","lg:margin-right--4xl":"_lg:margin-right--4xl_1st27_1","lg:margin-right--5xl":"_lg:margin-right--5xl_1st27_1","lg:margin-right--6xl":"_lg:margin-right--6xl_1st27_1","lg:margin-bottom--none":"_lg:margin-bottom--none_1st27_1","lg:margin-bottom--auto":"_lg:margin-bottom--auto_1st27_1","lg:margin-bottom--5xs":"_lg:margin-bottom--5xs_1st27_1","lg:margin-bottom--4xs":"_lg:margin-bottom--4xs_1st27_1","lg:margin-bottom--3xs":"_lg:margin-bottom--3xs_1st27_1","lg:margin-bottom--2xs":"_lg:margin-bottom--2xs_1st27_1","lg:margin-bottom--xs":"_lg:margin-bottom--xs_1st27_1","lg:margin-bottom--sm":"_lg:margin-bottom--sm_1st27_1","lg:margin-bottom--md":"_lg:margin-bottom--md_1st27_1","lg:margin-bottom--lg":"_lg:margin-bottom--lg_1st27_1","lg:margin-bottom--xl":"_lg:margin-bottom--xl_1st27_1","lg:margin-bottom--2xl":"_lg:margin-bottom--2xl_1st27_1","lg:margin-bottom--3xl":"_lg:margin-bottom--3xl_1st27_1","lg:margin-bottom--4xl":"_lg:margin-bottom--4xl_1st27_1","lg:margin-bottom--5xl":"_lg:margin-bottom--5xl_1st27_1","lg:margin-bottom--6xl":"_lg:margin-bottom--6xl_1st27_1","lg:margin-left--none":"_lg:margin-left--none_1st27_1","lg:margin-left--auto":"_lg:margin-left--auto_1st27_1","lg:margin-left--5xs":"_lg:margin-left--5xs_1st27_1","lg:margin-left--4xs":"_lg:margin-left--4xs_1st27_1","lg:margin-left--3xs":"_lg:margin-left--3xs_1st27_1","lg:margin-left--2xs":"_lg:margin-left--2xs_1st27_1","lg:margin-left--xs":"_lg:margin-left--xs_1st27_1","lg:margin-left--sm":"_lg:margin-left--sm_1st27_1","lg:margin-left--md":"_lg:margin-left--md_1st27_1","lg:margin-left--lg":"_lg:margin-left--lg_1st27_1","lg:margin-left--xl":"_lg:margin-left--xl_1st27_1","lg:margin-left--2xl":"_lg:margin-left--2xl_1st27_1","lg:margin-left--3xl":"_lg:margin-left--3xl_1st27_1","lg:margin-left--4xl":"_lg:margin-left--4xl_1st27_1","lg:margin-left--5xl":"_lg:margin-left--5xl_1st27_1","lg:margin-left--6xl":"_lg:margin-left--6xl_1st27_1","xl:margin--none":"_xl:margin--none_1st27_1","xl:margin--auto":"_xl:margin--auto_1st27_1","xl:margin--5xs":"_xl:margin--5xs_1st27_1","xl:margin--4xs":"_xl:margin--4xs_1st27_1","xl:margin--3xs":"_xl:margin--3xs_1st27_1","xl:margin--2xs":"_xl:margin--2xs_1st27_1","xl:margin--xs":"_xl:margin--xs_1st27_1","xl:margin--sm":"_xl:margin--sm_1st27_1","xl:margin--md":"_xl:margin--md_1st27_1","xl:margin--lg":"_xl:margin--lg_1st27_1","xl:margin--xl":"_xl:margin--xl_1st27_1","xl:margin--2xl":"_xl:margin--2xl_1st27_1","xl:margin--3xl":"_xl:margin--3xl_1st27_1","xl:margin--4xl":"_xl:margin--4xl_1st27_1","xl:margin--5xl":"_xl:margin--5xl_1st27_1","xl:margin--6xl":"_xl:margin--6xl_1st27_1","xl:margin-x--none":"_xl:margin-x--none_1st27_1","xl:margin-x--auto":"_xl:margin-x--auto_1st27_1","xl:margin-x--5xs":"_xl:margin-x--5xs_1st27_1","xl:margin-x--4xs":"_xl:margin-x--4xs_1st27_1","xl:margin-x--3xs":"_xl:margin-x--3xs_1st27_1","xl:margin-x--2xs":"_xl:margin-x--2xs_1st27_1","xl:margin-x--xs":"_xl:margin-x--xs_1st27_1","xl:margin-x--sm":"_xl:margin-x--sm_1st27_1","xl:margin-x--md":"_xl:margin-x--md_1st27_1","xl:margin-x--lg":"_xl:margin-x--lg_1st27_1","xl:margin-x--xl":"_xl:margin-x--xl_1st27_1","xl:margin-x--2xl":"_xl:margin-x--2xl_1st27_1","xl:margin-x--3xl":"_xl:margin-x--3xl_1st27_1","xl:margin-x--4xl":"_xl:margin-x--4xl_1st27_1","xl:margin-x--5xl":"_xl:margin-x--5xl_1st27_1","xl:margin-x--6xl":"_xl:margin-x--6xl_1st27_1","xl:margin-y--none":"_xl:margin-y--none_1st27_1","xl:margin-y--auto":"_xl:margin-y--auto_1st27_1","xl:margin-y--5xs":"_xl:margin-y--5xs_1st27_1","xl:margin-y--4xs":"_xl:margin-y--4xs_1st27_1","xl:margin-y--3xs":"_xl:margin-y--3xs_1st27_1","xl:margin-y--2xs":"_xl:margin-y--2xs_1st27_1","xl:margin-y--xs":"_xl:margin-y--xs_1st27_1","xl:margin-y--sm":"_xl:margin-y--sm_1st27_1","xl:margin-y--md":"_xl:margin-y--md_1st27_1","xl:margin-y--lg":"_xl:margin-y--lg_1st27_1","xl:margin-y--xl":"_xl:margin-y--xl_1st27_1","xl:margin-y--2xl":"_xl:margin-y--2xl_1st27_1","xl:margin-y--3xl":"_xl:margin-y--3xl_1st27_1","xl:margin-y--4xl":"_xl:margin-y--4xl_1st27_1","xl:margin-y--5xl":"_xl:margin-y--5xl_1st27_1","xl:margin-y--6xl":"_xl:margin-y--6xl_1st27_1","xl:margin-top--none":"_xl:margin-top--none_1st27_1","xl:margin-top--auto":"_xl:margin-top--auto_1st27_1","xl:margin-top--5xs":"_xl:margin-top--5xs_1st27_1","xl:margin-top--4xs":"_xl:margin-top--4xs_1st27_1","xl:margin-top--3xs":"_xl:margin-top--3xs_1st27_1","xl:margin-top--2xs":"_xl:margin-top--2xs_1st27_1","xl:margin-top--xs":"_xl:margin-top--xs_1st27_1","xl:margin-top--sm":"_xl:margin-top--sm_1st27_1","xl:margin-top--md":"_xl:margin-top--md_1st27_1","xl:margin-top--lg":"_xl:margin-top--lg_1st27_1","xl:margin-top--xl":"_xl:margin-top--xl_1st27_1","xl:margin-top--2xl":"_xl:margin-top--2xl_1st27_1","xl:margin-top--3xl":"_xl:margin-top--3xl_1st27_1","xl:margin-top--4xl":"_xl:margin-top--4xl_1st27_1","xl:margin-top--5xl":"_xl:margin-top--5xl_1st27_1","xl:margin-top--6xl":"_xl:margin-top--6xl_1st27_1","xl:margin-right--none":"_xl:margin-right--none_1st27_1","xl:margin-right--auto":"_xl:margin-right--auto_1st27_1","xl:margin-right--5xs":"_xl:margin-right--5xs_1st27_1","xl:margin-right--4xs":"_xl:margin-right--4xs_1st27_1","xl:margin-right--3xs":"_xl:margin-right--3xs_1st27_1","xl:margin-right--2xs":"_xl:margin-right--2xs_1st27_1","xl:margin-right--xs":"_xl:margin-right--xs_1st27_1","xl:margin-right--sm":"_xl:margin-right--sm_1st27_1","xl:margin-right--md":"_xl:margin-right--md_1st27_1","xl:margin-right--lg":"_xl:margin-right--lg_1st27_1","xl:margin-right--xl":"_xl:margin-right--xl_1st27_1","xl:margin-right--2xl":"_xl:margin-right--2xl_1st27_1","xl:margin-right--3xl":"_xl:margin-right--3xl_1st27_1","xl:margin-right--4xl":"_xl:margin-right--4xl_1st27_1","xl:margin-right--5xl":"_xl:margin-right--5xl_1st27_1","xl:margin-right--6xl":"_xl:margin-right--6xl_1st27_1","xl:margin-bottom--none":"_xl:margin-bottom--none_1st27_1","xl:margin-bottom--auto":"_xl:margin-bottom--auto_1st27_1","xl:margin-bottom--5xs":"_xl:margin-bottom--5xs_1st27_1","xl:margin-bottom--4xs":"_xl:margin-bottom--4xs_1st27_1","xl:margin-bottom--3xs":"_xl:margin-bottom--3xs_1st27_1","xl:margin-bottom--2xs":"_xl:margin-bottom--2xs_1st27_1","xl:margin-bottom--xs":"_xl:margin-bottom--xs_1st27_1","xl:margin-bottom--sm":"_xl:margin-bottom--sm_1st27_1","xl:margin-bottom--md":"_xl:margin-bottom--md_1st27_1","xl:margin-bottom--lg":"_xl:margin-bottom--lg_1st27_1","xl:margin-bottom--xl":"_xl:margin-bottom--xl_1st27_1","xl:margin-bottom--2xl":"_xl:margin-bottom--2xl_1st27_1","xl:margin-bottom--3xl":"_xl:margin-bottom--3xl_1st27_1","xl:margin-bottom--4xl":"_xl:margin-bottom--4xl_1st27_1","xl:margin-bottom--5xl":"_xl:margin-bottom--5xl_1st27_1","xl:margin-bottom--6xl":"_xl:margin-bottom--6xl_1st27_1","xl:margin-left--none":"_xl:margin-left--none_1st27_1","xl:margin-left--auto":"_xl:margin-left--auto_1st27_1","xl:margin-left--5xs":"_xl:margin-left--5xs_1st27_1","xl:margin-left--4xs":"_xl:margin-left--4xs_1st27_1","xl:margin-left--3xs":"_xl:margin-left--3xs_1st27_1","xl:margin-left--2xs":"_xl:margin-left--2xs_1st27_1","xl:margin-left--xs":"_xl:margin-left--xs_1st27_1","xl:margin-left--sm":"_xl:margin-left--sm_1st27_1","xl:margin-left--md":"_xl:margin-left--md_1st27_1","xl:margin-left--lg":"_xl:margin-left--lg_1st27_1","xl:margin-left--xl":"_xl:margin-left--xl_1st27_1","xl:margin-left--2xl":"_xl:margin-left--2xl_1st27_1","xl:margin-left--3xl":"_xl:margin-left--3xl_1st27_1","xl:margin-left--4xl":"_xl:margin-left--4xl_1st27_1","xl:margin-left--5xl":"_xl:margin-left--5xl_1st27_1","xl:margin-left--6xl":"_xl:margin-left--6xl_1st27_1","xxl:margin--none":"_xxl:margin--none_1st27_1","xxl:margin--auto":"_xxl:margin--auto_1st27_1","xxl:margin--5xs":"_xxl:margin--5xs_1st27_1","xxl:margin--4xs":"_xxl:margin--4xs_1st27_1","xxl:margin--3xs":"_xxl:margin--3xs_1st27_1","xxl:margin--2xs":"_xxl:margin--2xs_1st27_1","xxl:margin--xs":"_xxl:margin--xs_1st27_1","xxl:margin--sm":"_xxl:margin--sm_1st27_1","xxl:margin--md":"_xxl:margin--md_1st27_1","xxl:margin--lg":"_xxl:margin--lg_1st27_1","xxl:margin--xl":"_xxl:margin--xl_1st27_1","xxl:margin--2xl":"_xxl:margin--2xl_1st27_1","xxl:margin--3xl":"_xxl:margin--3xl_1st27_1","xxl:margin--4xl":"_xxl:margin--4xl_1st27_1","xxl:margin--5xl":"_xxl:margin--5xl_1st27_1","xxl:margin--6xl":"_xxl:margin--6xl_1st27_1","xxl:margin-x--none":"_xxl:margin-x--none_1st27_1","xxl:margin-x--auto":"_xxl:margin-x--auto_1st27_1","xxl:margin-x--5xs":"_xxl:margin-x--5xs_1st27_1","xxl:margin-x--4xs":"_xxl:margin-x--4xs_1st27_1","xxl:margin-x--3xs":"_xxl:margin-x--3xs_1st27_1","xxl:margin-x--2xs":"_xxl:margin-x--2xs_1st27_1","xxl:margin-x--xs":"_xxl:margin-x--xs_1st27_1","xxl:margin-x--sm":"_xxl:margin-x--sm_1st27_1","xxl:margin-x--md":"_xxl:margin-x--md_1st27_1","xxl:margin-x--lg":"_xxl:margin-x--lg_1st27_1","xxl:margin-x--xl":"_xxl:margin-x--xl_1st27_1","xxl:margin-x--2xl":"_xxl:margin-x--2xl_1st27_1","xxl:margin-x--3xl":"_xxl:margin-x--3xl_1st27_1","xxl:margin-x--4xl":"_xxl:margin-x--4xl_1st27_1","xxl:margin-x--5xl":"_xxl:margin-x--5xl_1st27_1","xxl:margin-x--6xl":"_xxl:margin-x--6xl_1st27_1","xxl:margin-y--none":"_xxl:margin-y--none_1st27_1","xxl:margin-y--auto":"_xxl:margin-y--auto_1st27_1","xxl:margin-y--5xs":"_xxl:margin-y--5xs_1st27_1","xxl:margin-y--4xs":"_xxl:margin-y--4xs_1st27_1","xxl:margin-y--3xs":"_xxl:margin-y--3xs_1st27_1","xxl:margin-y--2xs":"_xxl:margin-y--2xs_1st27_1","xxl:margin-y--xs":"_xxl:margin-y--xs_1st27_1","xxl:margin-y--sm":"_xxl:margin-y--sm_1st27_1","xxl:margin-y--md":"_xxl:margin-y--md_1st27_1","xxl:margin-y--lg":"_xxl:margin-y--lg_1st27_1","xxl:margin-y--xl":"_xxl:margin-y--xl_1st27_1","xxl:margin-y--2xl":"_xxl:margin-y--2xl_1st27_1","xxl:margin-y--3xl":"_xxl:margin-y--3xl_1st27_1","xxl:margin-y--4xl":"_xxl:margin-y--4xl_1st27_1","xxl:margin-y--5xl":"_xxl:margin-y--5xl_1st27_1","xxl:margin-y--6xl":"_xxl:margin-y--6xl_1st27_1","xxl:margin-top--none":"_xxl:margin-top--none_1st27_1","xxl:margin-top--auto":"_xxl:margin-top--auto_1st27_1","xxl:margin-top--5xs":"_xxl:margin-top--5xs_1st27_1","xxl:margin-top--4xs":"_xxl:margin-top--4xs_1st27_1","xxl:margin-top--3xs":"_xxl:margin-top--3xs_1st27_1","xxl:margin-top--2xs":"_xxl:margin-top--2xs_1st27_1","xxl:margin-top--xs":"_xxl:margin-top--xs_1st27_1","xxl:margin-top--sm":"_xxl:margin-top--sm_1st27_1","xxl:margin-top--md":"_xxl:margin-top--md_1st27_1","xxl:margin-top--lg":"_xxl:margin-top--lg_1st27_1","xxl:margin-top--xl":"_xxl:margin-top--xl_1st27_1","xxl:margin-top--2xl":"_xxl:margin-top--2xl_1st27_1","xxl:margin-top--3xl":"_xxl:margin-top--3xl_1st27_1","xxl:margin-top--4xl":"_xxl:margin-top--4xl_1st27_1","xxl:margin-top--5xl":"_xxl:margin-top--5xl_1st27_1","xxl:margin-top--6xl":"_xxl:margin-top--6xl_1st27_1","xxl:margin-right--none":"_xxl:margin-right--none_1st27_1","xxl:margin-right--auto":"_xxl:margin-right--auto_1st27_1","xxl:margin-right--5xs":"_xxl:margin-right--5xs_1st27_1","xxl:margin-right--4xs":"_xxl:margin-right--4xs_1st27_1","xxl:margin-right--3xs":"_xxl:margin-right--3xs_1st27_1","xxl:margin-right--2xs":"_xxl:margin-right--2xs_1st27_1","xxl:margin-right--xs":"_xxl:margin-right--xs_1st27_1","xxl:margin-right--sm":"_xxl:margin-right--sm_1st27_1","xxl:margin-right--md":"_xxl:margin-right--md_1st27_1","xxl:margin-right--lg":"_xxl:margin-right--lg_1st27_1","xxl:margin-right--xl":"_xxl:margin-right--xl_1st27_1","xxl:margin-right--2xl":"_xxl:margin-right--2xl_1st27_1","xxl:margin-right--3xl":"_xxl:margin-right--3xl_1st27_1","xxl:margin-right--4xl":"_xxl:margin-right--4xl_1st27_1","xxl:margin-right--5xl":"_xxl:margin-right--5xl_1st27_1","xxl:margin-right--6xl":"_xxl:margin-right--6xl_1st27_1","xxl:margin-bottom--none":"_xxl:margin-bottom--none_1st27_1","xxl:margin-bottom--auto":"_xxl:margin-bottom--auto_1st27_1","xxl:margin-bottom--5xs":"_xxl:margin-bottom--5xs_1st27_1","xxl:margin-bottom--4xs":"_xxl:margin-bottom--4xs_1st27_1","xxl:margin-bottom--3xs":"_xxl:margin-bottom--3xs_1st27_1","xxl:margin-bottom--2xs":"_xxl:margin-bottom--2xs_1st27_1","xxl:margin-bottom--xs":"_xxl:margin-bottom--xs_1st27_1","xxl:margin-bottom--sm":"_xxl:margin-bottom--sm_1st27_1","xxl:margin-bottom--md":"_xxl:margin-bottom--md_1st27_1","xxl:margin-bottom--lg":"_xxl:margin-bottom--lg_1st27_1","xxl:margin-bottom--xl":"_xxl:margin-bottom--xl_1st27_1","xxl:margin-bottom--2xl":"_xxl:margin-bottom--2xl_1st27_1","xxl:margin-bottom--3xl":"_xxl:margin-bottom--3xl_1st27_1","xxl:margin-bottom--4xl":"_xxl:margin-bottom--4xl_1st27_1","xxl:margin-bottom--5xl":"_xxl:margin-bottom--5xl_1st27_1","xxl:margin-bottom--6xl":"_xxl:margin-bottom--6xl_1st27_1","xxl:margin-left--none":"_xxl:margin-left--none_1st27_1","xxl:margin-left--auto":"_xxl:margin-left--auto_1st27_1","xxl:margin-left--5xs":"_xxl:margin-left--5xs_1st27_1","xxl:margin-left--4xs":"_xxl:margin-left--4xs_1st27_1","xxl:margin-left--3xs":"_xxl:margin-left--3xs_1st27_1","xxl:margin-left--2xs":"_xxl:margin-left--2xs_1st27_1","xxl:margin-left--xs":"_xxl:margin-left--xs_1st27_1","xxl:margin-left--sm":"_xxl:margin-left--sm_1st27_1","xxl:margin-left--md":"_xxl:margin-left--md_1st27_1","xxl:margin-left--lg":"_xxl:margin-left--lg_1st27_1","xxl:margin-left--xl":"_xxl:margin-left--xl_1st27_1","xxl:margin-left--2xl":"_xxl:margin-left--2xl_1st27_1","xxl:margin-left--3xl":"_xxl:margin-left--3xl_1st27_1","xxl:margin-left--4xl":"_xxl:margin-left--4xl_1st27_1","xxl:margin-left--5xl":"_xxl:margin-left--5xl_1st27_1","xxl:margin-left--6xl":"_xxl:margin-left--6xl_1st27_1"},_=["none","auto","5xs","4xs","3xs","2xs","xs","sm","md","lg","xl","2xl","3xl","4xl","5xl","6xl"],x=m("",{variants:{margin:{none:g["margin--none"],auto:g["margin--auto"],"5xs":g["margin--5xs"],"4xs":g["margin--4xs"],"3xs":g["margin--3xs"],"2xs":g["margin--2xs"],xs:g["margin--xs"],sm:g["margin--sm"],md:g["margin--md"],lg:g["margin--lg"],xl:g["margin--xl"],"2xl":g["margin--2xl"],"3xl":g["margin--3xl"],"4xl":g["margin--4xl"],"5xl":g["margin--5xl"],"6xl":g["margin--6xl"]},marginX:{none:g["margin-x--none"],auto:g["margin-x--auto"],"5xs":g["margin-x--5xs"],"4xs":g["margin-x--4xs"],"3xs":g["margin-x--3xs"],"2xs":g["margin-x--2xs"],xs:g["margin-x--xs"],sm:g["margin-x--sm"],md:g["margin-x--md"],lg:g["margin-x--lg"],xl:g["margin-x--xl"],"2xl":g["margin-x--2xl"],"3xl":g["margin-x--3xl"],"4xl":g["margin-x--4xl"],"5xl":g["margin-x--5xl"],"6xl":g["margin-x--6xl"]},marginY:{none:g["margin-y--none"],auto:g["margin-y--auto"],"5xs":g["margin-y--5xs"],"4xs":g["margin-y--4xs"],"3xs":g["margin-y--3xs"],"2xs":g["margin-y--2xs"],xs:g["margin-y--xs"],sm:g["margin-y--sm"],md:g["margin-y--md"],lg:g["margin-y--lg"],xl:g["margin-y--xl"],"2xl":g["margin-y--2xl"],"3xl":g["margin-y--3xl"],"4xl":g["margin-y--4xl"],"5xl":g["margin-y--5xl"],"6xl":g["margin-y--6xl"]},marginTop:{none:g["margin-top--none"],auto:g["margin-top--auto"],"5xs":g["margin-top--5xs"],"4xs":g["margin-top--4xs"],"3xs":g["margin-top--3xs"],"2xs":g["margin-top--2xs"],xs:g["margin-top--xs"],sm:g["margin-top--sm"],md:g["margin-top--md"],lg:g["margin-top--lg"],xl:g["margin-top--xl"],"2xl":g["margin-top--2xl"],"3xl":g["margin-top--3xl"],"4xl":g["margin-top--4xl"],"5xl":g["margin-top--5xl"],"6xl":g["margin-top--6xl"]},marginRight:{none:g["margin-right--none"],auto:g["margin-right--auto"],"5xs":g["margin-right--5xs"],"4xs":g["margin-right--4xs"],"3xs":g["margin-right--3xs"],"2xs":g["margin-right--2xs"],xs:g["margin-right--xs"],sm:g["margin-right--sm"],md:g["margin-right--md"],lg:g["margin-right--lg"],xl:g["margin-right--xl"],"2xl":g["margin-right--2xl"],"3xl":g["margin-right--3xl"],"4xl":g["margin-right--4xl"],"5xl":g["margin-right--5xl"],"6xl":g["margin-right--6xl"]},marginBottom:{none:g["margin-bottom--none"],auto:g["margin-bottom--auto"],"5xs":g["margin-bottom--5xs"],"4xs":g["margin-bottom--4xs"],"3xs":g["margin-bottom--3xs"],"2xs":g["margin-bottom--2xs"],xs:g["margin-bottom--xs"],sm:g["margin-bottom--sm"],md:g["margin-bottom--md"],lg:g["margin-bottom--lg"],xl:g["margin-bottom--xl"],"2xl":g["margin-bottom--2xl"],"3xl":g["margin-bottom--3xl"],"4xl":g["margin-bottom--4xl"],"5xl":g["margin-bottom--5xl"],"6xl":g["margin-bottom--6xl"]},marginLeft:{none:g["margin-left--none"],auto:g["margin-left--auto"],"5xs":g["margin-left--5xs"],"4xs":g["margin-left--4xs"],"3xs":g["margin-left--3xs"],"2xs":g["margin-left--2xs"],xs:g["margin-left--xs"],sm:g["margin-left--sm"],md:g["margin-left--md"],lg:g["margin-left--lg"],xl:g["margin-left--xl"],"2xl":g["margin-left--2xl"],"3xl":g["margin-left--3xl"],"4xl":g["margin-left--4xl"],"5xl":g["margin-left--5xl"],"6xl":g["margin-left--6xl"]}}}),t={margin:{control:"select",options:_,description:"**[Responsive]** margin on all sides using design system spacing tokens",table:{type:{summary:"Spacing"},category:"Spacing"}},marginX:{control:"select",options:_,description:"**[Responsive]** Horizontal margin (left and right)",table:{type:{summary:"Spacing"},category:"Spacing"}},marginY:{control:"select",options:_,description:"**[Responsive]** Vertical margin (top and bottom)",table:{type:{summary:"Spacing"},category:"Spacing"}},marginTop:{control:"select",options:_,description:"**[Responsive]** margin on the top side",table:{type:{summary:"Spacing"},category:"Spacing"}},marginRight:{control:"select",options:_,description:"**[Responsive]** margin on the right side",table:{type:{summary:"Spacing"},category:"Spacing"}},marginBottom:{control:"select",options:_,description:"**[Responsive]** margin on the bottom side",table:{type:{summary:"Spacing"},category:"Spacing"}},marginLeft:{control:"select",options:_,description:"**[Responsive]** margin on the left side",table:{type:{summary:"Spacing"},category:"Spacing"}}};export{g as a,t as b,x as m};
+//# sourceMappingURL=margin-CCJx_ENX.js.map

package/dist/margin-CCJx_ENX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin-CCJx_ENX.js","sources":["../src/utils/margin/margin.ts"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport styles from './margin.module.css';\nimport type { InputType } from 'storybook/internal/types';\n\nconst marginOptions = [\n  'none',\n  'auto',\n  '5xs',\n  '4xs',\n  '3xs',\n  '2xs',\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\n\nexport const marginVariants = cva('', {\n  variants: {\n    margin: {\n      none: styles['margin--none'],\n      auto: styles['margin--auto'],\n      '5xs': styles['margin--5xs'],\n      '4xs': styles['margin--4xs'],\n      '3xs': styles['margin--3xs'],\n      '2xs': styles['margin--2xs'],\n      xs: styles['margin--xs'],\n      sm: styles['margin--sm'],\n      md: styles['margin--md'],\n      lg: styles['margin--lg'],\n      xl: styles['margin--xl'],\n      '2xl': styles['margin--2xl'],\n      '3xl': styles['margin--3xl'],\n      '4xl': styles['margin--4xl'],\n      '5xl': styles['margin--5xl'],\n      '6xl': styles['margin--6xl'],\n    },\n    marginX: {\n      none: styles['margin-x--none'],\n      auto: styles['margin-x--auto'],\n      '5xs': styles['margin-x--5xs'],\n      '4xs': styles['margin-x--4xs'],\n      '3xs': styles['margin-x--3xs'],\n      '2xs': styles['margin-x--2xs'],\n      xs: styles['margin-x--xs'],\n      sm: styles['margin-x--sm'],\n      md: styles['margin-x--md'],\n      lg: styles['margin-x--lg'],\n      xl: styles['margin-x--xl'],\n      '2xl': styles['margin-x--2xl'],\n      '3xl': styles['margin-x--3xl'],\n      '4xl': styles['margin-x--4xl'],\n      '5xl': styles['margin-x--5xl'],\n      '6xl': styles['margin-x--6xl'],\n    },\n    marginY: {\n      none: styles['margin-y--none'],\n      auto: styles['margin-y--auto'],\n      '5xs': styles['margin-y--5xs'],\n      '4xs': styles['margin-y--4xs'],\n      '3xs': styles['margin-y--3xs'],\n      '2xs': styles['margin-y--2xs'],\n      xs: styles['margin-y--xs'],\n      sm: styles['margin-y--sm'],\n      md: styles['margin-y--md'],\n      lg: styles['margin-y--lg'],\n      xl: styles['margin-y--xl'],\n      '2xl': styles['margin-y--2xl'],\n      '3xl': styles['margin-y--3xl'],\n      '4xl': styles['margin-y--4xl'],\n      '5xl': styles['margin-y--5xl'],\n      '6xl': styles['margin-y--6xl'],\n    },\n    marginTop: {\n      none: styles['margin-top--none'],\n      auto: styles['margin-top--auto'],\n      '5xs': styles['margin-top--5xs'],\n      '4xs': styles['margin-top--4xs'],\n      '3xs': styles['margin-top--3xs'],\n      '2xs': styles['margin-top--2xs'],\n      xs: styles['margin-top--xs'],\n      sm: styles['margin-top--sm'],\n      md: styles['margin-top--md'],\n      lg: styles['margin-top--lg'],\n      xl: styles['margin-top--xl'],\n      '2xl': styles['margin-top--2xl'],\n      '3xl': styles['margin-top--3xl'],\n      '4xl': styles['margin-top--4xl'],\n      '5xl': styles['margin-top--5xl'],\n      '6xl': styles['margin-top--6xl'],\n    },\n    marginRight: {\n      none: styles['margin-right--none'],\n      auto: styles['margin-right--auto'],\n      '5xs': styles['margin-right--5xs'],\n      '4xs': styles['margin-right--4xs'],\n      '3xs': styles['margin-right--3xs'],\n      '2xs': styles['margin-right--2xs'],\n      xs: styles['margin-right--xs'],\n      sm: styles['margin-right--sm'],\n      md: styles['margin-right--md'],\n      lg: styles['margin-right--lg'],\n      xl: styles['margin-right--xl'],\n      '2xl': styles['margin-right--2xl'],\n      '3xl': styles['margin-right--3xl'],\n      '4xl': styles['margin-right--4xl'],\n      '5xl': styles['margin-right--5xl'],\n      '6xl': styles['margin-right--6xl'],\n    },\n    marginBottom: {\n      none: styles['margin-bottom--none'],\n      auto: styles['margin-bottom--auto'],\n      '5xs': styles['margin-bottom--5xs'],\n      '4xs': styles['margin-bottom--4xs'],\n      '3xs': styles['margin-bottom--3xs'],\n      '2xs': styles['margin-bottom--2xs'],\n      xs: styles['margin-bottom--xs'],\n      sm: styles['margin-bottom--sm'],\n      md: styles['margin-bottom--md'],\n      lg: styles['margin-bottom--lg'],\n      xl: styles['margin-bottom--xl'],\n      '2xl': styles['margin-bottom--2xl'],\n      '3xl': styles['margin-bottom--3xl'],\n      '4xl': styles['margin-bottom--4xl'],\n      '5xl': styles['margin-bottom--5xl'],\n      '6xl': styles['margin-bottom--6xl'],\n    },\n    marginLeft: {\n      none: styles['margin-left--none'],\n      auto: styles['margin-left--auto'],\n      '5xs': styles['margin-left--5xs'],\n      '4xs': styles['margin-left--4xs'],\n      '3xs': styles['margin-left--3xs'],\n      '2xs': styles['margin-left--2xs'],\n      xs: styles['margin-left--xs'],\n      sm: styles['margin-left--sm'],\n      md: styles['margin-left--md'],\n      lg: styles['margin-left--lg'],\n      xl: styles['margin-left--xl'],\n      '2xl': styles['margin-left--2xl'],\n      '3xl': styles['margin-left--3xl'],\n      '4xl': styles['margin-left--4xl'],\n      '5xl': styles['margin-left--5xl'],\n      '6xl': styles['margin-left--6xl'],\n    },\n  },\n});\n\nexport type MarginVariants = VariantProps<typeof marginVariants>;\n\nexport const marginArgTypes: Record<string, InputType> = {\n  margin: {\n    control: 'select',\n    options: marginOptions,\n    description:\n      '**[Responsive]** margin on all sides using design system spacing tokens',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginX: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** Horizontal margin (left and right)',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginY: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** Vertical margin (top and bottom)',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginTop: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** margin on the top side',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginRight: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** margin on the right side',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginBottom: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** margin on the bottom side',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n  marginLeft: {\n    control: 'select',\n    options: marginOptions,\n    description: '**[Responsive]** margin on the left side',\n    table: {\n      type: { summary: 'Spacing' },\n      category: 'Spacing',\n    },\n  },\n};\n"],"names":["marginOptions","marginVariants","cva","variants","margin","none","styles","auto","xs","sm","md","lg","xl","marginX","marginY","marginTop","marginRight","marginBottom","marginLeft","marginArgTypes","control","options","description","table","type","summary","category"],"mappings":"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"}

package/dist/useObjectRef-DIiuqtNU.js

@@ -0,0 +1,2 @@
+import{useRef as r,useCallback as n,useMemo as t}from"react";function u(u){const e=r(null),c=r(void 0),o=n(r=>{if("function"==typeof u){const n=u,t=n(r);return()=>{"function"==typeof t?t():n(null)}}if(u)return u.current=r,()=>{u.current=null}},[u]);return t(()=>({get current(){return e.current},set current(r){e.current=r,c.current&&(c.current(),c.current=void 0),null!=r&&(c.current=o(r))}}),[o])}export{u as $};
+//# sourceMappingURL=useObjectRef-DIiuqtNU.js.map

package/dist/useObjectRef-DIiuqtNU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObjectRef-DIiuqtNU.js","sources":["../node_modules/react-aria/dist/private/utils/useObjectRef.mjs"],"sourcesContent":["import {useRef as $i6EpZ$useRef, useCallback as $i6EpZ$useCallback, useMemo as $i6EpZ$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $03e8ab2d84d7657a$export$4338b53315abf666(ref) {\n    const objRef = (0, $i6EpZ$useRef)(null);\n    const cleanupRef = (0, $i6EpZ$useRef)(undefined);\n    const refEffect = (0, $i6EpZ$useCallback)((instance)=>{\n        if (typeof ref === 'function') {\n            const refCallback = ref;\n            const refCleanup = refCallback(instance);\n            return ()=>{\n                if (typeof refCleanup === 'function') refCleanup();\n                else refCallback(null);\n            };\n        } else if (ref) {\n            ref.current = instance;\n            return ()=>{\n                ref.current = null;\n            };\n        }\n    }, [\n        ref\n    ]);\n    return (0, $i6EpZ$useMemo)(()=>({\n            get current () {\n                return objRef.current;\n            },\n            set current (value){\n                objRef.current = value;\n                if (cleanupRef.current) {\n                    cleanupRef.current();\n                    cleanupRef.current = undefined;\n                }\n                if (value != null) cleanupRef.current = refEffect(value);\n            }\n        }), [\n        refEffect\n    ]);\n}\n\n\nexport {$03e8ab2d84d7657a$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.mjs.map\n"],"names":["$03e8ab2d84d7657a$export$4338b53315abf666","ref","objRef","$i6EpZ$useRef","cleanupRef","refEffect","$i6EpZ$useCallback","instance","refCallback","refCleanup","current","$i6EpZ$useMemo","value"],"mappings":"6DAaA,SAASA,EAA0CC,GAC/C,MAAMC,EAAaC,EAAe,MAC5BC,EAAiBD,OAAe,GAChCE,EAAgBC,EAAqBC,IACvC,GAAmB,mBAARN,EAAoB,CAC3B,MAAMO,EAAcP,EACdQ,EAAaD,EAAYD,GAC/B,MAAO,KACuB,mBAAfE,EAA2BA,MACrB,MAEzB,IAAWR,EAEP,OADAA,EAAIS,QAAUH,EACP,KACHN,EAAIS,QAAU,OAGvB,CACCT,IAEJ,OAAWU,EAAgB,KAAA,CACnB,WAAID,GACA,OAAOR,EAAOQ,OAClB,EACA,WAAIA,CAASE,GACTV,EAAOQ,QAAUE,EACbR,EAAWM,UACXN,EAAWM,UACXN,EAAWM,aAAU,GAEZ,MAATE,IAAeR,EAAWM,QAAUL,EAAUO,GACtD,IACA,CACJP,GAER","x_google_ignoreList":[0]}

package/dist/utils/flex/flex.d.ts

@@ -1,15 +1,29 @@
 import { VariantProps } from 'class-variance-authority';
+export declare const FLEX_BASIS_CSS_VALUES: {
+    readonly maxContent: "max-content";
+    readonly minContent: "min-content";
+    readonly fitContent: "fit-content";
+    readonly content: "content";
+    readonly inherit: "inherit";
+    readonly initial: "initial";
+    readonly revert: "revert";
+    readonly revertLayer: "revert-layer";
+    readonly unset: "unset";
+};
+export type FlexBasisToken = keyof typeof FLEX_BASIS_CSS_VALUES;
+export declare const isFlexBasisToken: (value: unknown) => value is FlexBasisToken;
+export declare const resolveFlexBasisCssValue: (value: FlexBasisToken | string | number) => string;
 export declare const flexVariants: (props?: ({
     display?: "flex" | "inline-flex" | null | undefined;
     alignItems?: "center" | "end" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "selfCenter" | null | undefined;
-    justifyContent?: "left" | "right" | "inherit" | "center" | "end" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
+    justifyContent?: "left" | "right" | "inherit" | "center" | "end" | "initial" | "start" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | null | undefined;
     flexWrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
-    flexGrow?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
-    flexShrink?: 0 | 1 | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | null | undefined;
+    flexGrow?: 0 | 1 | "inherit" | "initial" | "revert" | "unset" | "revertLayer" | null | undefined;
+    flexShrink?: 0 | 1 | "inherit" | "initial" | "revert" | "unset" | "revertLayer" | null | undefined;
     flexDirection?: "row" | "rowReverse" | "column" | "columnReverse" | null | undefined;
-    alignSelf?: "inherit" | "center" | "end" | "auto" | "baseline" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "normal" | "revert" | "revertLayer" | "unset" | null | undefined;
-    alignContent?: "inherit" | "center" | "end" | "baseline" | "initial" | "start" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "revert" | "revertLayer" | "unset" | "firstBaseline" | "lastBaseline" | "safeCenter" | "unsafeCenter" | null | undefined;
-    flexBasis?: "content" | "inherit" | "initial" | "revert" | "revertLayer" | "unset" | "maxContent" | "minContent" | "fitContent" | null | undefined;
+    alignSelf?: "inherit" | "center" | "end" | "auto" | "baseline" | "initial" | "start" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "normal" | null | undefined;
+    alignContent?: "inherit" | "center" | "end" | "baseline" | "initial" | "start" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "firstBaseline" | "lastBaseline" | "safeCenter" | "unsafeCenter" | null | undefined;
+    flexBasis?: "content" | "inherit" | "initial" | "revert" | "unset" | "maxContent" | "minContent" | "fitContent" | "revertLayer" | null | undefined;
     gap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
     rowGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
     columnGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;

package/dist/utils/flex/flex.js

@@ -1,2 +1,2 @@
-import"../../index-CCUt_dAN.js";import{b as e,f as r}from"../../flex-BJOhaXnU.js";export{e as flexArgTypes,r as flexVariants};
+import"../../index-CCUt_dAN.js";import{F as s,b as e,f as a,i,r as l}from"../../flex-BfhdHBb6.js";export{s as FLEX_BASIS_CSS_VALUES,e as flexArgTypes,a as flexVariants,i as isFlexBasisToken,l as resolveFlexBasisCssValue};
 //# sourceMappingURL=flex.js.map

package/dist/utils/index.d.ts

@@ -1,3 +1,5 @@
 export { useBreakpoint } from './breakpoint/hooks/useBreakpoint';
 export type { Breakpoint } from './breakpoint/theme/breakpoints';
 export { BREAKPOINTS } from './breakpoint/theme/breakpoints';
+export { useFitCount } from './layout/hooks/useFitCount';
+export type { UseFitCountOptions, UseFitCountResult, } from './layout/hooks/useFitCount';

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-import{useBreakpoint as o}from"./breakpoint/hooks/useBreakpoint.js";import{BREAKPOINTS as r}from"./breakpoint/theme/breakpoints.js";export{r as BREAKPOINTS,o as useBreakpoint};
+import{useBreakpoint as o}from"./breakpoint/hooks/useBreakpoint.js";import{BREAKPOINTS as t}from"./breakpoint/theme/breakpoints.js";import{useFitCount as r}from"./layout/hooks/useFitCount.js";export{t as BREAKPOINTS,o as useBreakpoint,r as useFitCount};
 //# sourceMappingURL=index.js.map

package/dist/utils/layout/hooks/useFitCount.d.ts

@@ -0,0 +1,74 @@
+import { RefObject } from 'react';
+export interface UseFitCountOptions<TContainer extends HTMLElement, TMeasure extends HTMLElement> {
+    /**
+     * Ref for the element whose available width should be measured.
+     */
+    containerRef: RefObject<TContainer>;
+    /**
+     * Ref for a representative item used to measure item width.
+     */
+    measureRef?: RefObject<TMeasure>;
+    /**
+     * Selector used to find the container that provides the gap styles.
+     * Looked up within containerRef.
+     */
+    measureContainerSelector?: string;
+    /**
+     * Selector used to find the representative item used for width measurement.
+     * Looked up within the measure container first, then within containerRef.
+     */
+    measureItemSelector?: string;
+    /**
+     * Selector used to find the element whose content-box width should be used
+     * as the available width for fit calculations.
+     * Looked up within containerRef.
+     */
+    availableWidthSelector?: string;
+    /**
+     * Total number of items that may be displayed.
+     */
+    itemCount: number;
+    /**
+     * Minimum number of items that should fit.
+     * @default 1
+     */
+    minFitCount?: number;
+    /**
+     * Maximum number of items that should fit.
+     * Defaults to itemCount.
+     */
+    maxFitCount?: number;
+    /**
+     * Fallback horizontal gap (px) to use when computed gap resolves to 0.
+     * @default 0
+     */
+    fallbackGap?: number;
+}
+export interface UseFitCountResult {
+    /**
+     * Number of whole items that fit in the available width.
+     */
+    fitCount: number;
+    /**
+     * Exact (possibly decimal) number of items that fit in the container width.
+     * Useful for fixed-width carousel items that should not scale.
+     */
+    itemsPerPage: number;
+    /**
+     * Resolved horizontal gap between items in pixels.
+     */
+    gap: number;
+    /**
+     * Whether the total number of items exceeds the fit count.
+     */
+    isOverflowing: boolean;
+    /**
+     * Whether an initial measurement has completed.
+     */
+    isReady: boolean;
+    /**
+     * Triggers a manual recalculation.
+     */
+    recalculate: () => void;
+}
+export declare const useFitCount: <TContainer extends HTMLElement, TMeasure extends HTMLElement>({ containerRef, measureRef, measureContainerSelector, measureItemSelector, availableWidthSelector, itemCount, minFitCount, maxFitCount, fallbackGap, }: UseFitCountOptions<TContainer, TMeasure>) => UseFitCountResult;

package/dist/utils/layout/hooks/useFitCount.js

@@ -0,0 +1,2 @@
+import{useRef as e,useState as t,useCallback as r,useEffect as n,useLayoutEffect as o}from"react";const i="undefined"!=typeof window?o:n,u=({containerRef:o,measureRef:u,measureContainerSelector:l,measureItemSelector:a,availableWidthSelector:c,itemCount:d,minFitCount:s=1,maxFitCount:f,fallbackGap:p=0})=>{const m=e(0),w=e(0),[h,y]=t(()=>0===d?0:Math.max(s,1)),[g,S]=t(()=>0===d?0:Math.max(s,1)),[v,b]=t(0),[C,R]=t(!1),q=r(e=>{const t=e.getBoundingClientRect().width||e.clientWidth||e.offsetWidth;if("undefined"==typeof window)return t;const r=window.getComputedStyle(e),n=t-(parseFloat(r.paddingLeft||"0")||0)-(parseFloat(r.paddingRight||"0")||0)-(parseFloat(r.borderLeftWidth||"0")||0)-(parseFloat(r.borderRightWidth||"0")||0);return n>0?n:t},[]),F=r(()=>{if(0===d)return y(0),S(0),b(0),void R(!0);const e=o.current;if(!e)return;const t=(l?e?.querySelector(l):null)??u?.current?.parentElement??null,r=(c?e.querySelector(c):null)??t??e,n=u?.current??(a?t?.querySelector(a)??e?.querySelector(a):null)??null;let i=q(r);i<=0&&r!==e&&(i=q(e));const h=n?.getBoundingClientRect().width||n?.offsetWidth||m.current,g=t&&"undefined"!=typeof window?parseFloat(window.getComputedStyle(t).columnGap||window.getComputedStyle(t).gap||"0")||0:w.current,v=g>0?g:p;if(n&&h>0&&(m.current=h),t&&(w.current=v),h<=0)return;if(i<=0||h<=0)return;const C=(i+v)/(h+v),F=Math.floor((i+v)/(h+v)),M=Math.min(f??d,Math.max(s,C,1)),x=Math.min(f??d,Math.max(s,F,1));y(e=>e===x?e:x),S(e=>e===M?e:M),b(e=>e===v?e:v),R(!0)},[o,d,f,l,a,c,u,s,p,q]);return i(()=>{F()},[F]),n(()=>{if("undefined"==typeof window)return;const e=()=>{F()};return window.addEventListener("resize",e,{passive:!0}),()=>{window.removeEventListener("resize",e)}},[F]),n(()=>{const e=o.current,t=(l?e?.querySelector(l):null)??u?.current?.parentElement??null,r=(c?e?.querySelector(c):null)??t??null,n=u?.current??(a?t?.querySelector(a)??e?.querySelector(a):null)??null;if(!e||"undefined"==typeof ResizeObserver)return;const i=new ResizeObserver(()=>{F()});return i.observe(e),n&&i.observe(n),t&&t!==n&&i.observe(t),r&&r!==e&&r!==t&&r!==n&&i.observe(r),()=>{i.disconnect()}},[o,l,a,c,u,F]),{fitCount:h,itemsPerPage:g,gap:v,isOverflowing:d>h,isReady:C,recalculate:F}};export{u as useFitCount};
+//# sourceMappingURL=useFitCount.js.map

package/dist/utils/layout/hooks/useFitCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFitCount.js","sources":["../../../../src/utils/layout/hooks/useFitCount.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nconst useIsomorphicLayoutEffect =\n  typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n\nexport interface UseFitCountOptions<\n  TContainer extends HTMLElement,\n  TMeasure extends HTMLElement,\n> {\n  /**\n   * Ref for the element whose available width should be measured.\n   */\n  containerRef: RefObject<TContainer>;\n  /**\n   * Ref for a representative item used to measure item width.\n   */\n  measureRef?: RefObject<TMeasure>;\n  /**\n   * Selector used to find the container that provides the gap styles.\n   * Looked up within containerRef.\n   */\n  measureContainerSelector?: string;\n  /**\n   * Selector used to find the representative item used for width measurement.\n   * Looked up within the measure container first, then within containerRef.\n   */\n  measureItemSelector?: string;\n  /**\n   * Selector used to find the element whose content-box width should be used\n   * as the available width for fit calculations.\n   * Looked up within containerRef.\n   */\n  availableWidthSelector?: string;\n  /**\n   * Total number of items that may be displayed.\n   */\n  itemCount: number;\n  /**\n   * Minimum number of items that should fit.\n   * @default 1\n   */\n  minFitCount?: number;\n  /**\n   * Maximum number of items that should fit.\n   * Defaults to itemCount.\n   */\n  maxFitCount?: number;\n  /**\n   * Fallback horizontal gap (px) to use when computed gap resolves to 0.\n   * @default 0\n   */\n  fallbackGap?: number;\n}\n\nexport interface UseFitCountResult {\n  /**\n   * Number of whole items that fit in the available width.\n   */\n  fitCount: number;\n  /**\n   * Exact (possibly decimal) number of items that fit in the container width.\n   * Useful for fixed-width carousel items that should not scale.\n   */\n  itemsPerPage: number;\n  /**\n   * Resolved horizontal gap between items in pixels.\n   */\n  gap: number;\n  /**\n   * Whether the total number of items exceeds the fit count.\n   */\n  isOverflowing: boolean;\n  /**\n   * Whether an initial measurement has completed.\n   */\n  isReady: boolean;\n  /**\n   * Triggers a manual recalculation.\n   */\n  recalculate: () => void;\n}\n\nexport const useFitCount = <\n  TContainer extends HTMLElement,\n  TMeasure extends HTMLElement,\n>({\n  containerRef,\n  measureRef,\n  measureContainerSelector,\n  measureItemSelector,\n  availableWidthSelector,\n  itemCount,\n  minFitCount = 1,\n  maxFitCount,\n  fallbackGap = 0,\n}: UseFitCountOptions<TContainer, TMeasure>): UseFitCountResult => {\n  const lastMeasuredItemWidthRef = useRef(0);\n  const lastMeasuredGapRef = useRef(0);\n  const [fitCount, setFitCount] = useState(() =>\n    itemCount === 0 ? 0 : Math.max(minFitCount, 1),\n  );\n  const [itemsPerPage, setItemsPerPage] = useState(() =>\n    itemCount === 0 ? 0 : Math.max(minFitCount, 1),\n  );\n  const [gap, setGap] = useState(0);\n  const [isReady, setIsReady] = useState(false);\n\n  const getContentBoxWidth = useCallback((element: HTMLElement): number => {\n    const rectWidth =\n      element.getBoundingClientRect().width ||\n      element.clientWidth ||\n      element.offsetWidth;\n\n    if (typeof window === 'undefined') {\n      return rectWidth;\n    }\n\n    const computedStyle = window.getComputedStyle(element);\n    const paddingLeft = parseFloat(computedStyle.paddingLeft || '0') || 0;\n    const paddingRight = parseFloat(computedStyle.paddingRight || '0') || 0;\n    const borderLeft = parseFloat(computedStyle.borderLeftWidth || '0') || 0;\n    const borderRight = parseFloat(computedStyle.borderRightWidth || '0') || 0;\n    const contentWidth =\n      rectWidth - paddingLeft - paddingRight - borderLeft - borderRight;\n\n    return contentWidth > 0 ? contentWidth : rectWidth;\n  }, []);\n\n  const recalculate = useCallback(() => {\n    if (itemCount === 0) {\n      setFitCount(0);\n      setItemsPerPage(0);\n      setGap(0);\n      setIsReady(true);\n      return;\n    }\n\n    const container = containerRef.current;\n    if (!container) {\n      return;\n    }\n\n    const measureContainer =\n      (measureContainerSelector\n        ? container?.querySelector<HTMLElement>(measureContainerSelector)\n        : null) ??\n      measureRef?.current?.parentElement ??\n      null;\n    const availableWidthElement =\n      (availableWidthSelector\n        ? container.querySelector<HTMLElement>(availableWidthSelector)\n        : null) ??\n      measureContainer ??\n      container;\n    const measureItem =\n      measureRef?.current ??\n      (measureItemSelector\n        ? (measureContainer?.querySelector<TMeasure>(measureItemSelector) ??\n          container?.querySelector<TMeasure>(measureItemSelector))\n        : null) ??\n      null;\n\n    let availableWidth = getContentBoxWidth(availableWidthElement);\n\n    if (availableWidth <= 0 && availableWidthElement !== container) {\n      availableWidth = getContentBoxWidth(container);\n    }\n\n    const itemWidth =\n      measureItem?.getBoundingClientRect().width ||\n      measureItem?.offsetWidth ||\n      lastMeasuredItemWidthRef.current;\n    const measuredGap = measureContainer\n      ? typeof window !== 'undefined'\n        ? parseFloat(\n            window.getComputedStyle(measureContainer).columnGap ||\n              window.getComputedStyle(measureContainer).gap ||\n              '0',\n          ) || 0\n        : lastMeasuredGapRef.current\n      : lastMeasuredGapRef.current;\n    const resolvedGap = measuredGap > 0 ? measuredGap : fallbackGap;\n\n    if (measureItem && itemWidth > 0) {\n      lastMeasuredItemWidthRef.current = itemWidth;\n    }\n\n    if (measureContainer) {\n      lastMeasuredGapRef.current = resolvedGap;\n    }\n\n    if (itemWidth <= 0) {\n      return;\n    }\n\n    if (availableWidth <= 0 || itemWidth <= 0) {\n      return;\n    }\n\n    const rawItemsPerPage =\n      (availableWidth + resolvedGap) / (itemWidth + resolvedGap);\n\n    const rawFitCount = Math.floor(\n      (availableWidth + resolvedGap) / (itemWidth + resolvedGap),\n    );\n    const clampedItemsPerPage = Math.min(\n      maxFitCount ?? itemCount,\n      Math.max(minFitCount, rawItemsPerPage, 1),\n    );\n    const clampedFitCount = Math.min(\n      maxFitCount ?? itemCount,\n      Math.max(minFitCount, rawFitCount, 1),\n    );\n\n    setFitCount((previousFitCount) =>\n      previousFitCount === clampedFitCount ? previousFitCount : clampedFitCount,\n    );\n    setItemsPerPage((previousItemsPerPage) =>\n      previousItemsPerPage === clampedItemsPerPage\n        ? previousItemsPerPage\n        : clampedItemsPerPage,\n    );\n    setGap((previousGap) =>\n      previousGap === resolvedGap ? previousGap : resolvedGap,\n    );\n    setIsReady(true);\n  }, [\n    containerRef,\n    itemCount,\n    maxFitCount,\n    measureContainerSelector,\n    measureItemSelector,\n    availableWidthSelector,\n    measureRef,\n    minFitCount,\n    fallbackGap,\n    getContentBoxWidth,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    recalculate();\n  }, [recalculate]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    const handleWindowResize = () => {\n      recalculate();\n    };\n\n    window.addEventListener('resize', handleWindowResize, { passive: true });\n\n    return () => {\n      window.removeEventListener('resize', handleWindowResize);\n    };\n  }, [recalculate]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    const measureContainer =\n      (measureContainerSelector\n        ? container?.querySelector<HTMLElement>(measureContainerSelector)\n        : null) ??\n      measureRef?.current?.parentElement ??\n      null;\n    const availableWidthElement =\n      (availableWidthSelector\n        ? container?.querySelector<HTMLElement>(availableWidthSelector)\n        : null) ??\n      measureContainer ??\n      null;\n    const measureItem =\n      measureRef?.current ??\n      (measureItemSelector\n        ? (measureContainer?.querySelector<TMeasure>(measureItemSelector) ??\n          container?.querySelector<TMeasure>(measureItemSelector))\n        : null) ??\n      null;\n\n    if (!container || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      recalculate();\n    });\n\n    resizeObserver.observe(container);\n    if (measureItem) {\n      resizeObserver.observe(measureItem);\n    }\n\n    if (measureContainer && measureContainer !== measureItem) {\n      resizeObserver.observe(measureContainer);\n    }\n\n    if (\n      availableWidthElement &&\n      availableWidthElement !== container &&\n      availableWidthElement !== measureContainer &&\n      availableWidthElement !== measureItem\n    ) {\n      resizeObserver.observe(availableWidthElement);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [\n    containerRef,\n    measureContainerSelector,\n    measureItemSelector,\n    availableWidthSelector,\n    measureRef,\n    recalculate,\n  ]);\n\n  return {\n    fitCount,\n    itemsPerPage,\n    gap,\n    isOverflowing: itemCount > fitCount,\n    isReady,\n    recalculate,\n  };\n};\n"],"names":["useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useFitCount","containerRef","measureRef","measureContainerSelector","measureItemSelector","availableWidthSelector","itemCount","minFitCount","maxFitCount","fallbackGap","lastMeasuredItemWidthRef","useRef","lastMeasuredGapRef","fitCount","setFitCount","useState","Math","max","itemsPerPage","setItemsPerPage","gap","setGap","isReady","setIsReady","getContentBoxWidth","useCallback","element","rectWidth","getBoundingClientRect","width","clientWidth","offsetWidth","computedStyle","getComputedStyle","contentWidth","parseFloat","paddingLeft","paddingRight","borderLeftWidth","borderRightWidth","recalculate","container","current","measureContainer","querySelector","parentElement","availableWidthElement","measureItem","availableWidth","itemWidth","measuredGap","columnGap","resolvedGap","rawItemsPerPage","rawFitCount","floor","clampedItemsPerPage","min","clampedFitCount","previousFitCount","previousItemsPerPage","previousGap","handleWindowResize","addEventListener","passive","removeEventListener","ResizeObserver","resizeObserver","observe","disconnect","isOverflowing"],"mappings":"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"}

package/dist/utils/margin/margin.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputType } from 'storybook/internal/types';
+export declare const marginVariants: (props?: ({
+    margin?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginX?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginY?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginTop?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginRight?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginBottom?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    marginLeft?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "auto" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type MarginVariants = VariantProps<typeof marginVariants>;
+export declare const marginArgTypes: Record<string, InputType>;

package/dist/utils/margin/margin.js

@@ -0,0 +1,2 @@
+import"../../index-CCUt_dAN.js";import{b as r,m as a}from"../../margin-CCJx_ENX.js";export{r as marginArgTypes,a as marginVariants};
+//# sourceMappingURL=margin.js.map

package/dist/utils/margin/margin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/utils/margin/margin.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/position/position.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const positionVariants: (props?: ({
-    position?: "inherit" | "fixed" | "initial" | "revert" | "revertLayer" | "unset" | "absolute" | "static" | "relative" | "sticky" | null | undefined;
+    position?: "inherit" | "fixed" | "initial" | "revert" | "unset" | "revertLayer" | "absolute" | "static" | "relative" | "sticky" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type PositionVariants = VariantProps<typeof positionVariants>;
 export declare const positionOptions: PositionVariants['position'][];

package/dist/utils/stories/DraggableContainer.js

@@ -1,8 +1,8 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as r}from"react";import '../../assets/skeleton.css';import '../../assets/global.css';/* empty css                   */import"../../components/Accordion/Accordion.js";import"../../components/AviosCurrencySymbol/AviosCurrencySymbol.js";import"../../components/BannerSectionContent/BannerSectionContent.js";import"../../components/BannerSectionPlectrum/BannerSectionPlectrum.js";import{Box as i}from"../../components/Box/Box.js";import"../../components/BoxLink/BoxLink.js";import"../../components/BoxLink/BoxLinkContext.js";import"../../components/Breadcrumbs/Breadcrumbs.js";import"../../components/Button/Button.js";import"../../components/Calendar/Calendar.js";import"../../components/CalendarRange/CalendarRange.js";import"../../components/CalloutBanner/CalloutBanner.js";import"../../components/CardSection/CardSection.js";import"../../IconButton.module-C7YCy-MU.js";import"../../components/Carousel/CarouselButton/CarouselButton.js";import"@react-aria/focus";import"@react-aria/interactions";import"react-aria-components";import"../../components/CheckboxGroup/CheckboxGroup.js";import"../../components/ClearFieldButton/ClearFieldButton.js";import"../../components/ComboBox/ComboBox.js";import"../../components/DatePicker/DatePickerContext.js";import"../../DateField-rBq9QuR6.js";import"../../components/IconButton/IconButton.js";import"@react-aria/datepicker";import"@react-aria/overlays";import{Paragraph as s}from"../../components/Paragraph/Paragraph.js";import{Heading as m}from"../../components/Heading/Heading.js";import"../../components/DetailsDisclosure/DetailsDisclosure.js";import"../../components/Dialog/Dialog.js";import"../../components/Link/Link.js";import"../../components/Fieldset/Fieldset.js";import"../../components/Grid/Grid.js";import"../../components/Image/Image.js";import"../../components/IntroSection/IntroSection.js";import"../../components/Label/Label.js";import"../../components/ListBox/ListBox.js";import"../../components/Menu/Menu.js";import"../../components/MonthYearField/MonthYearField.js";import"../../components/NumberField/NumberField.js";import"../../components/PasswordField/PasswordField.js";import"../../components/PhoneNumberField/PhoneNumberField.js";import"../phoneNumber/phoneNumber.js";import"../../components/ProductTile/ProductTile.js";import"../../components/RadioGroup/RadioGroup.js";import"../../components/Section/Section.js";import"../../components/SelectCard/SelectCard.js";import"../../components/SelectNative/SelectNative.js";/* empty css                     */import"../../components/SubHeading/SubHeading.js";import"../../components/Tabs/Tabs.js";import"../../components/TextField/TextField.js";import"../../components/TextAreaField/TextAreaField.js";const a=({children:a,initialWidth:c=500,minWidth:p=300,maxWidth:d=800,title:l="Draggable Container",description:u="Drag the right edge to resize and see scroll behavior"})=>{const[j,b]=t(c),[x,h]=t(!1),g=n(null),C=n(0),B=n(c),v=o=>{if(!x)return;const e=o.clientX-C.current,t=Math.max(p,Math.min(d,B.current+e));b(t)},y=()=>{h(!1)};return r(()=>{if(x)return document.addEventListener("mousemove",v),document.addEventListener("mouseup",y),document.body.style.cursor="ew-resize",document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",y),document.body.style.cursor="",document.body.style.userSelect=""}},[x]),/* @__PURE__ */o("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as r}from"react";import '../../assets/skeleton.css';import '../../assets/global.css';/* empty css                   */import"../../components/Accordion/Accordion.js";import"../../components/AviosCurrencySymbol/AviosCurrencySymbol.js";import"../../components/BannerSectionContent/BannerSectionContent.js";import"../../components/BannerSectionPlectrum/BannerSectionPlectrum.js";import{Box as i}from"../../components/Box/Box.js";import"../../components/BoxLink/BoxLink.js";import"../../components/BoxLink/BoxLinkContext.js";import"../../components/Breadcrumbs/Breadcrumbs.js";import"../../components/Button/Button.js";import"../../components/Calendar/Calendar.js";import"../../components/CalendarRange/CalendarRange.js";import"../../components/CalloutBanner/CalloutBanner.js";import"../../components/CardSection/CardSection.js";import"../../IconButton.module-C7YCy-MU.js";import"../../components/Carousel/CarouselButton/CarouselButton.js";import"@react-aria/focus";import"@react-aria/interactions";import"../../components/CategoryTileGroup/CategoryTileGroup.js";import"../../components/Checkbox/Checkbox.js";import"../../components/CheckboxGroup/CheckboxGroup.js";import"../../components/ClearFieldButton/ClearFieldButton.js";import"../../components/ComboBox/ComboBox.js";import"../../components/CreditCardNumberField/CreditCardNumberField.js";import"../../components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";import"../../DateField-rBq9QuR6.js";import"../../components/DatePicker/DatePicker.js";import"../../components/DateRangePicker/DateRangePicker.js";import{Heading as s}from"../../components/Heading/Heading.js";import"../../components/DetailsDisclosure/DetailsDisclosure.js";import"../../components/Dialog/Dialog.js";import"../../components/Link/Link.js";import"react-aria-components";import"../../components/FieldHeader/FieldHeader.js";import"../../components/Fieldset/Fieldset.js";import"../../components/Form/Form.js";import"../../components/Grid/Grid.js";import"../../components/IconButton/IconButton.js";import"../../components/Image/Image.js";import"../../components/IntroSection/IntroSection.js";import"../../components/Label/Label.js";import"../../components/ListBox/ListBox.js";import"../../components/Menu/Menu.js";import"../../components/MonthYearField/MonthYearField.js";import"../../components/NumberField/NumberField.js";import{Paragraph as m}from"../../components/Paragraph/Paragraph.js";import"../../components/PasswordField/PasswordField.js";import"../../components/PhoneNumberField/PhoneNumberField.js";import"../phoneNumber/phoneNumber.js";import"@react-aria/overlays";import"../../components/ProductTile/ProductTile.js";import"../../components/Radio/Radio.js";import"../../components/RadioGroup/RadioGroup.js";import"../../components/SearchField/SearchField.js";import"../../components/Section/Section.js";import"../../components/SelectCard/SelectCard.js";import"../../components/SelectNative/SelectNative.js";/* empty css                     */import"../../components/Slider/Slider.js";import"../../components/SubHeading/SubHeading.js";import"../../components/Tabs/Tabs.js";import"../../components/TextField/TextField.js";import"../../components/TextAreaField/TextAreaField.js";const a=({children:a,initialWidth:c=500,minWidth:p=300,maxWidth:d=800,title:l="Draggable Container",description:u="Drag the right edge to resize and see scroll behavior"})=>{const[j,b]=t(c),[h,g]=t(!1),C=n(null),x=n(0),y=n(c),B=o=>{if(!h)return;const e=o.clientX-x.current,t=Math.max(p,Math.min(d,y.current+e));b(t)},F=()=>{g(!1)};return r(()=>{if(h)return document.addEventListener("mousemove",B),document.addEventListener("mouseup",F),document.body.style.cursor="ew-resize",document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",F),document.body.style.cursor="",document.body.style.userSelect=""}},[h]),/* @__PURE__ */o("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[
 /* @__PURE__ */o(i,{justifyContent:"center",maxWidth:"600px",flexDirection:"column",children:[
-/* @__PURE__ */e(m,{as:"h3",size:"sm",foregroundColor:"accentSecondary",children:l}),
-/* @__PURE__ */e(i,{children:/* @__PURE__ */e(s,{children:u})})]}),
-/* @__PURE__ */o("div",{ref:g,style:{width:`${j}px`,border:"var(--alto-sem-border-width-sm) dashed var(--alto-sem-color-border-secondary)",borderRadius:"var(--alto-sem-radius-xs)",padding:"var(--alto-sem-space-lg)",position:"relative",transition:x?"none":"width 0.1s ease"},children:[a,
-/* @__PURE__ */e("button",{"aria-label":"Draggable handle",onMouseDown:o=>{h(!0),C.current=o.clientX,B.current=j,o.preventDefault()},style:{position:"absolute",top:0,right:"-3px",bottom:0,width:"6px",cursor:"ew-resize",background:x?"#3498db":"transparent",borderRadius:"0 8px 8px 0",zIndex:10,transition:"background-color 0.2s ease",border:"none",padding:0},onMouseEnter:o=>{x||(o.currentTarget.style.background="rgba(52, 152, 219, 0.3)")},onMouseLeave:o=>{x||(o.currentTarget.style.background="transparent")}}),
-/* @__PURE__ */e("div",{style:{position:"absolute",top:"50%",right:"-1px",transform:"translateY(-50%)",width:"2px",height:"40px",background:x?"#3498db":"#bdc3c7",borderRadius:"1px",opacity:x?1:.6,transition:"all 0.2s ease",pointerEvents:"none"}})]})]})};export{a as DraggableContainer};
+/* @__PURE__ */e(s,{as:"h3",size:"sm",foregroundColor:"accentSecondary",children:l}),
+/* @__PURE__ */e(i,{children:/* @__PURE__ */e(m,{children:u})})]}),
+/* @__PURE__ */o("div",{ref:C,style:{width:`${j}px`,border:"var(--alto-sem-border-width-sm) dashed var(--alto-sem-color-border-secondary)",borderRadius:"var(--alto-sem-radius-xs)",padding:"var(--alto-sem-space-lg)",position:"relative",transition:h?"none":"width 0.1s ease"},children:[a,
+/* @__PURE__ */e("button",{"aria-label":"Draggable handle",onMouseDown:o=>{g(!0),x.current=o.clientX,y.current=j,o.preventDefault()},style:{position:"absolute",top:0,right:"-3px",bottom:0,width:"6px",cursor:"ew-resize",background:h?"#3498db":"transparent",borderRadius:"0 8px 8px 0",zIndex:10,transition:"background-color 0.2s ease",border:"none",padding:0},onMouseEnter:o=>{h||(o.currentTarget.style.background="rgba(52, 152, 219, 0.3)")},onMouseLeave:o=>{h||(o.currentTarget.style.background="transparent")}}),
+/* @__PURE__ */e("div",{style:{position:"absolute",top:"50%",right:"-1px",transform:"translateY(-50%)",width:"2px",height:"40px",background:h?"#3498db":"#bdc3c7",borderRadius:"1px",opacity:h?1:.6,transition:"all 0.2s ease",pointerEvents:"none"}})]})]})};export{a as DraggableContainer};
 //# sourceMappingURL=DraggableContainer.js.map

package/dist/utils/stories/DraggableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableContainer.js","sources":["../../../src/utils/stories/DraggableContainer.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { Box, Paragraph, Heading } from '../../components';\n\nexport const DraggableContainer = ({\n  children,\n  initialWidth = 500,\n  minWidth = 300,\n  maxWidth = 800,\n  title = 'Draggable Container',\n  description = 'Drag the right edge to resize and see scroll behavior',\n}: {\n  children: React.ReactNode;\n  initialWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  title?: string;\n  description?: string;\n}) => {\n  const [width, setWidth] = useState(initialWidth);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dragStartX = useRef<number>(0);\n  const dragStartWidth = useRef<number>(initialWidth);\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    setIsDragging(true);\n    dragStartX.current = e.clientX;\n    dragStartWidth.current = width;\n    e.preventDefault();\n  };\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!isDragging) return;\n\n    const deltaX = e.clientX - dragStartX.current;\n    const newWidth = Math.max(\n      minWidth,\n      Math.min(maxWidth, dragStartWidth.current + deltaX),\n    );\n    setWidth(newWidth);\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n  };\n\n  useEffect(() => {\n    if (isDragging) {\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      document.body.style.cursor = 'ew-resize';\n      document.body.style.userSelect = 'none';\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      };\n    }\n  }, [isDragging]);\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: '16px',\n      }}\n    >\n      <Box justifyContent=\"center\" maxWidth=\"600px\" flexDirection=\"column\">\n        <Heading as=\"h3\" size=\"sm\" foregroundColor=\"accentSecondary\">\n          {title}\n        </Heading>\n        <Box>\n          <Paragraph>{description}</Paragraph>\n        </Box>\n      </Box>\n\n      <div\n        ref={containerRef}\n        style={{\n          width: `${width}px`,\n          border:\n            'var(--alto-sem-border-width-sm) dashed var(--alto-sem-color-border-secondary)',\n          borderRadius: 'var(--alto-sem-radius-xs)',\n          padding: 'var(--alto-sem-space-lg)',\n          position: 'relative',\n          transition: isDragging ? 'none' : 'width 0.1s ease',\n        }}\n      >\n        {children}\n\n        {/* Drag Handle */}\n        <button\n          aria-label=\"Draggable handle\"\n          onMouseDown={handleMouseDown}\n          style={{\n            position: 'absolute',\n            top: 0,\n            right: '-3px',\n            bottom: 0,\n            width: '6px',\n            cursor: 'ew-resize',\n            background: isDragging ? '#3498db' : 'transparent',\n            borderRadius: '0 8px 8px 0',\n            zIndex: 10,\n            transition: 'background-color 0.2s ease',\n            border: 'none',\n            padding: 0,\n          }}\n          onMouseEnter={(e) => {\n            if (!isDragging) {\n              e.currentTarget.style.background = 'rgba(52, 152, 219, 0.3)';\n            }\n          }}\n          onMouseLeave={(e) => {\n            if (!isDragging) {\n              e.currentTarget.style.background = 'transparent';\n            }\n          }}\n        />\n\n        {/* Resize indicator */}\n        <div\n          style={{\n            position: 'absolute',\n            top: '50%',\n            right: '-1px',\n            transform: 'translateY(-50%)',\n            width: '2px',\n            height: '40px',\n            background: isDragging ? '#3498db' : '#bdc3c7',\n            borderRadius: '1px',\n            opacity: isDragging ? 1 : 0.6,\n            transition: 'all 0.2s ease',\n            pointerEvents: 'none',\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["DraggableContainer","children","initialWidth","minWidth","maxWidth","title","description","width","setWidth","useState","isDragging","setIsDragging","containerRef","useRef","dragStartX","dragStartWidth","handleMouseMove","e","deltaX","clientX","current","newWidth","Math","max","min","handleMouseUp","useEffect","document","addEventListener","body","style","cursor","userSelect","removeEventListener","jsxs","display","flexDirection","alignItems","gap","Box","justifyContent","jsx","Heading","as","size","foregroundColor","Paragraph","ref","border","borderRadius","padding","position","transition","onMouseDown","preventDefault","top","right","bottom","background","zIndex","onMouseEnter","currentTarget","onMouseLeave","transform","height","opacity","pointerEvents"],"mappings":"8qFAGO,MAAMA,EAAqB,EAChCC,WACAC,eAAe,IACfC,WAAW,IACXC,WAAW,IACXC,QAAQ,sBACRC,cAAc,4DASd,MAAOC,EAAOC,GAAYC,EAASP,IAC5BQ,EAAYC,GAAiBF,GAAS,GACvCG,EAAeC,EAAuB,MACtCC,EAAaD,EAAe,GAC5BE,EAAiBF,EAAeX,GAShCc,EAAmBC,IACvB,IAAKP,EAAY,OAEjB,MAAMQ,EAASD,EAAEE,QAAUL,EAAWM,QAChCC,EAAWC,KAAKC,IACpBpB,EACAmB,KAAKE,IAAIpB,EAAUW,EAAeK,QAAUF,IAE9CV,EAASa,IAGLI,EAAgB,KACpBd,GAAc,IAmBhB,OAhBAe,EAAU,KACR,GAAIhB,EAMF,OALAiB,SAASC,iBAAiB,YAAaZ,GACvCW,SAASC,iBAAiB,UAAWH,GACrCE,SAASE,KAAKC,MAAMC,OAAS,YAC7BJ,SAASE,KAAKC,MAAME,WAAa,OAE1B,KACLL,SAASM,oBAAoB,YAAajB,GAC1CW,SAASM,oBAAoB,UAAWR,GACxCE,SAASE,KAAKC,MAAMC,OAAS,GAC7BJ,SAASE,KAAKC,MAAME,WAAa,KAGpC,CAACtB,mBAGFwB,EAAC,MAAA,CACCJ,MAAO,CACLK,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,IAAK,QAGPrC,SAAA;eAAAiC,EAACK,GAAIC,eAAe,SAASpC,SAAS,QAAQgC,cAAc,SAC1DnC,SAAA;eAAAwC,EAACC,GAAQC,GAAG,KAAKC,KAAK,KAAKC,gBAAgB,kBACxC5C,SAAAI;eAEHoC,EAACF,EAAA,CACCtC,wBAAAwC,EAACK,EAAA,CAAW7C;eAIhBiC,EAAC,MAAA,CACCa,IAAKnC,EACLkB,MAAO,CACLvB,MAAO,GAAGA,MACVyC,OACE,gFACFC,aAAc,4BACdC,QAAS,2BACTC,SAAU,WACVC,WAAY1C,EAAa,OAAS,mBAGnCT,SAAA,CAAAA;eAGDwC,EAAC,SAAA,CACC,aAAW,mBACXY,YAzEiBpC,IACvBN,GAAc,GACdG,EAAWM,QAAUH,EAAEE,QACvBJ,EAAeK,QAAUb,EACzBU,EAAEqC,kBAsEIxB,MAAO,CACLqB,SAAU,WACVI,IAAK,EACLC,MAAO,OACPC,OAAQ,EACRlD,MAAO,MACPwB,OAAQ,YACR2B,WAAYhD,EAAa,UAAY,cACrCuC,aAAc,cACdU,OAAQ,GACRP,WAAY,6BACZJ,OAAQ,OACRE,QAAS,GAEXU,aAAe3C,IACRP,IACHO,EAAE4C,cAAc/B,MAAM4B,WAAa,4BAGvCI,aAAe7C,IACRP,IACHO,EAAE4C,cAAc/B,MAAM4B,WAAa;eAMzCjB,EAAC,MAAA,CACCX,MAAO,CACLqB,SAAU,WACVI,IAAK,MACLC,MAAO,OACPO,UAAW,mBACXxD,MAAO,MACPyD,OAAQ,OACRN,WAAYhD,EAAa,UAAY,UACrCuC,aAAc,MACdgB,QAASvD,EAAa,EAAI,GAC1B0C,WAAY,gBACZc,cAAe"}
+{"version":3,"file":"DraggableContainer.js","sources":["../../../src/utils/stories/DraggableContainer.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\nimport { Box, Paragraph, Heading } from '../../components';\n\nexport const DraggableContainer = ({\n  children,\n  initialWidth = 500,\n  minWidth = 300,\n  maxWidth = 800,\n  title = 'Draggable Container',\n  description = 'Drag the right edge to resize and see scroll behavior',\n}: {\n  children: React.ReactNode;\n  initialWidth?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  title?: string;\n  description?: string;\n}) => {\n  const [width, setWidth] = useState(initialWidth);\n  const [isDragging, setIsDragging] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const dragStartX = useRef<number>(0);\n  const dragStartWidth = useRef<number>(initialWidth);\n\n  const handleMouseDown = (e: React.MouseEvent) => {\n    setIsDragging(true);\n    dragStartX.current = e.clientX;\n    dragStartWidth.current = width;\n    e.preventDefault();\n  };\n\n  const handleMouseMove = (e: MouseEvent) => {\n    if (!isDragging) return;\n\n    const deltaX = e.clientX - dragStartX.current;\n    const newWidth = Math.max(\n      minWidth,\n      Math.min(maxWidth, dragStartWidth.current + deltaX),\n    );\n    setWidth(newWidth);\n  };\n\n  const handleMouseUp = () => {\n    setIsDragging(false);\n  };\n\n  useEffect(() => {\n    if (isDragging) {\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      document.body.style.cursor = 'ew-resize';\n      document.body.style.userSelect = 'none';\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.body.style.cursor = '';\n        document.body.style.userSelect = '';\n      };\n    }\n  }, [isDragging]);\n\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: '16px',\n      }}\n    >\n      <Box justifyContent=\"center\" maxWidth=\"600px\" flexDirection=\"column\">\n        <Heading as=\"h3\" size=\"sm\" foregroundColor=\"accentSecondary\">\n          {title}\n        </Heading>\n        <Box>\n          <Paragraph>{description}</Paragraph>\n        </Box>\n      </Box>\n\n      <div\n        ref={containerRef}\n        style={{\n          width: `${width}px`,\n          border:\n            'var(--alto-sem-border-width-sm) dashed var(--alto-sem-color-border-secondary)',\n          borderRadius: 'var(--alto-sem-radius-xs)',\n          padding: 'var(--alto-sem-space-lg)',\n          position: 'relative',\n          transition: isDragging ? 'none' : 'width 0.1s ease',\n        }}\n      >\n        {children}\n\n        {/* Drag Handle */}\n        <button\n          aria-label=\"Draggable handle\"\n          onMouseDown={handleMouseDown}\n          style={{\n            position: 'absolute',\n            top: 0,\n            right: '-3px',\n            bottom: 0,\n            width: '6px',\n            cursor: 'ew-resize',\n            background: isDragging ? '#3498db' : 'transparent',\n            borderRadius: '0 8px 8px 0',\n            zIndex: 10,\n            transition: 'background-color 0.2s ease',\n            border: 'none',\n            padding: 0,\n          }}\n          onMouseEnter={(e) => {\n            if (!isDragging) {\n              e.currentTarget.style.background = 'rgba(52, 152, 219, 0.3)';\n            }\n          }}\n          onMouseLeave={(e) => {\n            if (!isDragging) {\n              e.currentTarget.style.background = 'transparent';\n            }\n          }}\n        />\n\n        {/* Resize indicator */}\n        <div\n          style={{\n            position: 'absolute',\n            top: '50%',\n            right: '-1px',\n            transform: 'translateY(-50%)',\n            width: '2px',\n            height: '40px',\n            background: isDragging ? '#3498db' : '#bdc3c7',\n            borderRadius: '1px',\n            opacity: isDragging ? 1 : 0.6,\n            transition: 'all 0.2s ease',\n            pointerEvents: 'none',\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["DraggableContainer","children","initialWidth","minWidth","maxWidth","title","description","width","setWidth","useState","isDragging","setIsDragging","containerRef","useRef","dragStartX","dragStartWidth","handleMouseMove","e","deltaX","clientX","current","newWidth","Math","max","min","handleMouseUp","useEffect","document","addEventListener","body","style","cursor","userSelect","removeEventListener","jsxs","display","flexDirection","alignItems","gap","Box","justifyContent","jsx","Heading","as","size","foregroundColor","Paragraph","ref","border","borderRadius","padding","position","transition","onMouseDown","preventDefault","top","right","bottom","background","zIndex","onMouseEnter","currentTarget","onMouseLeave","transform","height","opacity","pointerEvents"],"mappings":"8qGAGO,MAAMA,EAAqB,EAChCC,WACAC,eAAe,IACfC,WAAW,IACXC,WAAW,IACXC,QAAQ,sBACRC,cAAc,4DASd,MAAOC,EAAOC,GAAYC,EAASP,IAC5BQ,EAAYC,GAAiBF,GAAS,GACvCG,EAAeC,EAAuB,MACtCC,EAAaD,EAAe,GAC5BE,EAAiBF,EAAeX,GAShCc,EAAmBC,IACvB,IAAKP,EAAY,OAEjB,MAAMQ,EAASD,EAAEE,QAAUL,EAAWM,QAChCC,EAAWC,KAAKC,IACpBpB,EACAmB,KAAKE,IAAIpB,EAAUW,EAAeK,QAAUF,IAE9CV,EAASa,IAGLI,EAAgB,KACpBd,GAAc,IAmBhB,OAhBAe,EAAU,KACR,GAAIhB,EAMF,OALAiB,SAASC,iBAAiB,YAAaZ,GACvCW,SAASC,iBAAiB,UAAWH,GACrCE,SAASE,KAAKC,MAAMC,OAAS,YAC7BJ,SAASE,KAAKC,MAAME,WAAa,OAE1B,KACLL,SAASM,oBAAoB,YAAajB,GAC1CW,SAASM,oBAAoB,UAAWR,GACxCE,SAASE,KAAKC,MAAMC,OAAS,GAC7BJ,SAASE,KAAKC,MAAME,WAAa,KAGpC,CAACtB,mBAGFwB,EAAC,MAAA,CACCJ,MAAO,CACLK,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,IAAK,QAGPrC,SAAA;eAAAiC,EAACK,GAAIC,eAAe,SAASpC,SAAS,QAAQgC,cAAc,SAC1DnC,SAAA;eAAAwC,EAACC,GAAQC,GAAG,KAAKC,KAAK,KAAKC,gBAAgB,kBACxC5C,SAAAI;eAEHoC,EAACF,EAAA,CACCtC,wBAAAwC,EAACK,EAAA,CAAW7C;eAIhBiC,EAAC,MAAA,CACCa,IAAKnC,EACLkB,MAAO,CACLvB,MAAO,GAAGA,MACVyC,OACE,gFACFC,aAAc,4BACdC,QAAS,2BACTC,SAAU,WACVC,WAAY1C,EAAa,OAAS,mBAGnCT,SAAA,CAAAA;eAGDwC,EAAC,SAAA,CACC,aAAW,mBACXY,YAzEiBpC,IACvBN,GAAc,GACdG,EAAWM,QAAUH,EAAEE,QACvBJ,EAAeK,QAAUb,EACzBU,EAAEqC,kBAsEIxB,MAAO,CACLqB,SAAU,WACVI,IAAK,EACLC,MAAO,OACPC,OAAQ,EACRlD,MAAO,MACPwB,OAAQ,YACR2B,WAAYhD,EAAa,UAAY,cACrCuC,aAAc,cACdU,OAAQ,GACRP,WAAY,6BACZJ,OAAQ,OACRE,QAAS,GAEXU,aAAe3C,IACRP,IACHO,EAAE4C,cAAc/B,MAAM4B,WAAa,4BAGvCI,aAAe7C,IACRP,IACHO,EAAE4C,cAAc/B,MAAM4B,WAAa;eAMzCjB,EAAC,MAAA,CACCX,MAAO,CACLqB,SAAU,WACVI,IAAK,MACLC,MAAO,OACPO,UAAW,mBACXxD,MAAO,MACPyD,OAAQ,OACRN,WAAYhD,EAAa,UAAY,UACrCuC,aAAc,MACdgB,QAASvD,EAAa,EAAI,GAC1B0C,WAAY,gBACZc,cAAe"}

package/dist/utils/stories/IntroSectionWithCategoryTileGroup.d.ts

@@ -0,0 +1,3 @@
+export declare const categoryTileTitles: string[];
+export declare function IntroSectionWithCategoryTileGroupStory(): import("react/jsx-runtime").JSX.Element;
+export declare const introSectionWithCategoryTileGroupCode = "function Example() {\n  return (\n    <IntroSection\n      alignContent={{ base: 'start', md: 'center' }}\n      paddingTop={{ base: 'sm', md: 'xl' }}\n      paddingBottom={{ base: 'sm', md: 'xl' }}\n    >\n      <IntroSection.Header\n        title=\"Plan your next trip with Avios\"\n        subtitle=\"Choose how you'd like to collect and spend your rewards\"\n      />\n      <IntroSection.Actions>\n        <CategoryTileGroup aria-label=\"Travel categories\">\n          {[\n            'Flights',\n            'Hotels',\n            'Car hire',\n            'Experiences',\n            'Airport transfers',\n            'Travel insurance',\n            'Airport lounges',\n            'Holiday packages',\n            'Cruises',\n            'Rail travel',\n            'Dining rewards',\n            'Shopping partners',\n          ].map((title) => (\n            <CategoryTileGroup.Tile\n              key={title}\n              href=\"#\"\n              media={<Image src={flightsPictogram} alt=\"\" />}\n              title={title}\n            />\n          ))}\n        </CategoryTileGroup>\n      </IntroSection.Actions>\n    </IntroSection>\n  );\n}\n";

package/dist/utils/stories/IntroSectionWithCategoryTileGroup.js

@@ -0,0 +1,5 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Image as t}from"../../components/Image/Image.js";import{CategoryTileGroup as i}from"../../components/CategoryTileGroup/CategoryTileGroup.js";import{IntroSection as r}from"../../components/IntroSection/IntroSection.js";const o=["Flights","Hotels","Car hire","Experiences","Airport transfers","Travel insurance","Airport lounges","Holiday packages","Cruises","Rail travel","Dining rewards","Shopping partners"];function a(){/* @__PURE__ */
+return e(r,{paddingTop:{base:"sm",md:"xl"},paddingBottom:{base:"sm",md:"xl"},children:[
+/* @__PURE__ */n(r.Header,{title:"Plan your next trip with Avios",subtitle:"Choose how you'd like to collect and spend your rewards"}),
+/* @__PURE__ */n(r.Actions,{children:/* @__PURE__ */n(i,{"aria-label":"Travel categories",children:o.map(e=>/* @__PURE__ */n(i.Tile,{href:"#",media:/* @__PURE__ */n(t,{src:"data:image/svg+xml,%3csvg%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M45.0702%2069.1138C61.7135%2069.1138%2075.2084%2055.5346%2075.2084%2038.7872C75.2084%2022.0398%2061.7135%208.46045%2045.0702%208.46045C28.4268%208.46045%2014.9319%2022.0398%2014.9319%2038.7872C14.9319%2055.5346%2028.4268%2069.1138%2045.0702%2069.1138Z'%20fill='%238EBEFF'/%3e%3cpath%20d='M52.9135%2044.0488C50.1656%2049.6238%2051.9456%2056.5534%2052.5241%2057.5385C53.1583%2058.6356%2054.1261%2058.8259%2054.7937%2058.8819C56.5626%2059.0162%2063.1042%2057.5385%2067.3986%2051.8292C67.4764%2051.7396%2067.532%2051.6389%2067.5877%2051.5493C68.0994%2050.6649%2068.0216%2049.6126%2067.3874%2048.8066C63.9386%2044.3958%2058.2759%2042.8173%2055.4834%2042.571C54.4265%2042.4815%2053.403%2043.0636%2052.9358%2044.0488'%20fill='%2300A173'/%3e%3cmask%20id='mask0_34428_1618'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='37'%20y='7'%20width='34'%20height='34'%3e%3cpath%20d='M70.5579%207.68799H37.6829V40.2312H70.5579V7.68799Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_34428_1618)'%3e%3cpath%20d='M45.0699%208.46045C44.191%208.46045%2043.3232%208.49404%2042.4555%208.5724C41.7101%209.07617%2041.0759%209.78144%2040.6532%2010.6322C35.1573%2021.7487%2038.7174%2035.563%2039.8744%2037.5333C41.1538%2039.7275%2043.0562%2040.1081%2044.3912%2040.2089C44.5025%2040.2089%2044.6249%2040.2201%2044.7584%2040.2201H44.9586C49.1529%2040.1641%2061.3795%2036.9848%2069.512%2026.1594C69.6455%2025.9803%2069.7679%2025.79%2069.8903%2025.5885C70.4465%2024.6257%2070.6468%2023.5734%2070.5244%2022.5435C65.1843%2014.0803%2055.7723%208.46045%2045.0699%208.46045Z'%20fill='%2300A173'/%3e%3c/g%3e%3cpath%20d='M42.3779%2063.539L35.5692%2039.9068L43.4236%2032.2944C45.2815%2030.4808%2045.3594%2027.4806%2043.5237%2025.6447C41.6658%2023.8087%2038.6732%2023.8311%2036.882%2025.723L29.3613%2033.6266L5.87599%2026.7753L1.06988%2031.6115L21.429%2042.0003L12.0393%2051.9524L4.71892%2050.1389L0.791748%2054.0906L11.027%2058.3111L15.1878%2068.5767L19.1484%2064.6249L17.3238%2057.2588L27.2475%2047.8104L37.5829%2068.3416L42.3556%2063.5055V63.5278L42.3779%2063.539Z'%20fill='%23011DAC'/%3e%3c/svg%3e",alt:""}),title:e},e))})})]})}const s="function Example() {\n  return (\n    <IntroSection\n      alignContent={{ base: 'start', md: 'center' }}\n      paddingTop={{ base: 'sm', md: 'xl' }}\n      paddingBottom={{ base: 'sm', md: 'xl' }}\n    >\n      <IntroSection.Header\n        title=\"Plan your next trip with Avios\"\n        subtitle=\"Choose how you'd like to collect and spend your rewards\"\n      />\n      <IntroSection.Actions>\n        <CategoryTileGroup aria-label=\"Travel categories\">\n          {[\n            'Flights',\n            'Hotels',\n            'Car hire',\n            'Experiences',\n            'Airport transfers',\n            'Travel insurance',\n            'Airport lounges',\n            'Holiday packages',\n            'Cruises',\n            'Rail travel',\n            'Dining rewards',\n            'Shopping partners',\n          ].map((title) => (\n            <CategoryTileGroup.Tile\n              key={title}\n              href=\"#\"\n              media={<Image src={flightsPictogram} alt=\"\" />}\n              title={title}\n            />\n          ))}\n        </CategoryTileGroup>\n      </IntroSection.Actions>\n    </IntroSection>\n  );\n}\n";export{a as IntroSectionWithCategoryTileGroupStory,o as categoryTileTitles,s as introSectionWithCategoryTileGroupCode};
+//# sourceMappingURL=IntroSectionWithCategoryTileGroup.js.map

package/dist/utils/stories/IntroSectionWithCategoryTileGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntroSectionWithCategoryTileGroup.js","sources":["../../../.storybook/assets/images/categoryTileExampleImg.svg","../../../src/utils/stories/IntroSectionWithCategoryTileGroup.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='76'%20height='76'%20viewBox='0%200%2076%2076'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M45.0702%2069.1138C61.7135%2069.1138%2075.2084%2055.5346%2075.2084%2038.7872C75.2084%2022.0398%2061.7135%208.46045%2045.0702%208.46045C28.4268%208.46045%2014.9319%2022.0398%2014.9319%2038.7872C14.9319%2055.5346%2028.4268%2069.1138%2045.0702%2069.1138Z'%20fill='%238EBEFF'/%3e%3cpath%20d='M52.9135%2044.0488C50.1656%2049.6238%2051.9456%2056.5534%2052.5241%2057.5385C53.1583%2058.6356%2054.1261%2058.8259%2054.7937%2058.8819C56.5626%2059.0162%2063.1042%2057.5385%2067.3986%2051.8292C67.4764%2051.7396%2067.532%2051.6389%2067.5877%2051.5493C68.0994%2050.6649%2068.0216%2049.6126%2067.3874%2048.8066C63.9386%2044.3958%2058.2759%2042.8173%2055.4834%2042.571C54.4265%2042.4815%2053.403%2043.0636%2052.9358%2044.0488'%20fill='%2300A173'/%3e%3cmask%20id='mask0_34428_1618'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='37'%20y='7'%20width='34'%20height='34'%3e%3cpath%20d='M70.5579%207.68799H37.6829V40.2312H70.5579V7.68799Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_34428_1618)'%3e%3cpath%20d='M45.0699%208.46045C44.191%208.46045%2043.3232%208.49404%2042.4555%208.5724C41.7101%209.07617%2041.0759%209.78144%2040.6532%2010.6322C35.1573%2021.7487%2038.7174%2035.563%2039.8744%2037.5333C41.1538%2039.7275%2043.0562%2040.1081%2044.3912%2040.2089C44.5025%2040.2089%2044.6249%2040.2201%2044.7584%2040.2201H44.9586C49.1529%2040.1641%2061.3795%2036.9848%2069.512%2026.1594C69.6455%2025.9803%2069.7679%2025.79%2069.8903%2025.5885C70.4465%2024.6257%2070.6468%2023.5734%2070.5244%2022.5435C65.1843%2014.0803%2055.7723%208.46045%2045.0699%208.46045Z'%20fill='%2300A173'/%3e%3c/g%3e%3cpath%20d='M42.3779%2063.539L35.5692%2039.9068L43.4236%2032.2944C45.2815%2030.4808%2045.3594%2027.4806%2043.5237%2025.6447C41.6658%2023.8087%2038.6732%2023.8311%2036.882%2025.723L29.3613%2033.6266L5.87599%2026.7753L1.06988%2031.6115L21.429%2042.0003L12.0393%2051.9524L4.71892%2050.1389L0.791748%2054.0906L11.027%2058.3111L15.1878%2068.5767L19.1484%2064.6249L17.3238%2057.2588L27.2475%2047.8104L37.5829%2068.3416L42.3556%2063.5055V63.5278L42.3779%2063.539Z'%20fill='%23011DAC'/%3e%3c/svg%3e\"","import Image from '../../components/Image';\nimport { CategoryTileGroup } from '../../components/CategoryTileGroup/CategoryTileGroup';\nimport { IntroSection } from '../../components/IntroSection/IntroSection';\nimport flightsPictogram from '../../../.storybook/assets/images/categoryTileExampleImg.svg';\n\nexport const categoryTileTitles = [\n  'Flights',\n  'Hotels',\n  'Car hire',\n  'Experiences',\n  'Airport transfers',\n  'Travel insurance',\n  'Airport lounges',\n  'Holiday packages',\n  'Cruises',\n  'Rail travel',\n  'Dining rewards',\n  'Shopping partners',\n];\n\nexport function IntroSectionWithCategoryTileGroupStory() {\n  return (\n    <IntroSection\n      paddingTop={{ base: 'sm', md: 'xl' }}\n      paddingBottom={{ base: 'sm', md: 'xl' }}\n    >\n      <IntroSection.Header\n        title=\"Plan your next trip with Avios\"\n        subtitle=\"Choose how you'd like to collect and spend your rewards\"\n      />\n      <IntroSection.Actions>\n        <CategoryTileGroup aria-label=\"Travel categories\">\n          {categoryTileTitles.map((title) => (\n            <CategoryTileGroup.Tile\n              key={title}\n              href=\"#\"\n              media={<Image src={flightsPictogram} alt=\"\" />}\n              title={title}\n            />\n          ))}\n        </CategoryTileGroup>\n      </IntroSection.Actions>\n    </IntroSection>\n  );\n}\n\nexport const introSectionWithCategoryTileGroupCode = `function Example() {\n  return (\n    <IntroSection\n      alignContent={{ base: 'start', md: 'center' }}\n      paddingTop={{ base: 'sm', md: 'xl' }}\n      paddingBottom={{ base: 'sm', md: 'xl' }}\n    >\n      <IntroSection.Header\n        title=\"Plan your next trip with Avios\"\n        subtitle=\"Choose how you'd like to collect and spend your rewards\"\n      />\n      <IntroSection.Actions>\n        <CategoryTileGroup aria-label=\"Travel categories\">\n          {[\n            'Flights',\n            'Hotels',\n            'Car hire',\n            'Experiences',\n            'Airport transfers',\n            'Travel insurance',\n            'Airport lounges',\n            'Holiday packages',\n            'Cruises',\n            'Rail travel',\n            'Dining rewards',\n            'Shopping partners',\n          ].map((title) => (\n            <CategoryTileGroup.Tile\n              key={title}\n              href=\"#\"\n              media={<Image src={flightsPictogram} alt=\"\" />}\n              title={title}\n            />\n          ))}\n        </CategoryTileGroup>\n      </IntroSection.Actions>\n    </IntroSection>\n  );\n}\n`;\n"],"names":["categoryTileTitles","IntroSectionWithCategoryTileGroupStory","jsxs","IntroSection","paddingTop","base","md","paddingBottom","children","jsx","Header","title","subtitle","Actions","CategoryTileGroup","map","Tile","href","media","Image","src","alt","introSectionWithCategoryTileGroupCode"],"mappings":"mRAAA,MCKaA,EAAqB,CAChC,UACA,SACA,WACA,cACA,oBACA,mBACA,kBACA,mBACA,UACA,cACA,iBACA,qBAGK,SAASC;AACd,OACEC,EAACC,EAAA,CACCC,WAAY,CAAEC,KAAM,KAAMC,GAAI,MAC9BC,cAAe,CAAEF,KAAM,KAAMC,GAAI,MAEjCE,SAAA;eAAAC,EAACN,EAAaO,OAAb,CACCC,MAAM,iCACNC,SAAS;eAEXH,EAACN,EAAaU,QAAb,CACCL,wBAAAC,EAACK,EAAA,CAAkB,aAAW,oBAC3BN,SAAAR,EAAmBe,IAAKJ,kBACvBF,EAACK,EAAkBE,KAAlB,CAECC,KAAK,IACLC,uBAAQC,EAAA,CAAMC,IDpCb,2rECoCoCC,IAAI,KACzCV,SAHKA,UAUnB,CAEO,MAAMW,EAAwC"}