@alto-avios/alto-ui 5.2.0 → 5.4.0

package/dist/flex-BfhdHBb6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-BfhdHBb6.js","sources":["../src/utils/flex/flex.ts"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport styles from './flex.module.css';\n\nexport const FLEX_BASIS_CSS_VALUES = {\n  maxContent: 'max-content',\n  minContent: 'min-content',\n  fitContent: 'fit-content',\n  content: 'content',\n  inherit: 'inherit',\n  initial: 'initial',\n  revert: 'revert',\n  revertLayer: 'revert-layer',\n  unset: 'unset',\n} as const;\n\nexport type FlexBasisToken = keyof typeof FLEX_BASIS_CSS_VALUES;\n\nexport const isFlexBasisToken = (value: unknown): value is FlexBasisToken => {\n  return (\n    typeof value === 'string' &&\n    Object.prototype.hasOwnProperty.call(FLEX_BASIS_CSS_VALUES, value)\n  );\n};\n\nexport const resolveFlexBasisCssValue = (\n  value: FlexBasisToken | string | number,\n) => {\n  if (typeof value === 'number') {\n    return value === 0 ? '0' : `${value}px`;\n  }\n\n  return isFlexBasisToken(value) ? FLEX_BASIS_CSS_VALUES[value] : value;\n};\n\nexport const flexVariants = cva('', {\n  variants: {\n    display: {\n      flex: styles['flex'],\n      'inline-flex': styles['flex--inline'],\n    },\n    alignItems: {\n      start: styles['flex-align-items--start'],\n      flexStart: styles['flex-align-items--flex-start'],\n      center: styles['flex-align-items--center'],\n      flexEnd: styles['flex-align-items--flex-end'],\n      end: styles['flex-align-items--end'],\n      stretch: styles['flex-align-items--stretch'],\n      selfStart: styles['flex-align-items--self-start'],\n      selfEnd: styles['flex-align-items--self-end'],\n      selfCenter: styles['flex-align-items--self-center'],\n    },\n    justifyContent: {\n      flexStart: styles['flex-justify-content--flex-start'],\n      start: styles['flex-justify-content--start'],\n      center: styles['flex-justify-content--center'],\n      flexEnd: styles['flex-justify-content--flex-end'],\n      end: styles['flex-justify-content--end'],\n      spaceBetween: styles['flex-justify-content--space-between'],\n      spaceAround: styles['flex-justify-content--space-around'],\n      spaceEvenly: styles['flex-justify-content--space-evenly'],\n      left: styles['flex-justify-content--left'],\n      right: styles['flex-justify-content--right'],\n      normal: styles['flex-justify-content--normal'],\n      stretch: styles['flex-justify-content--stretch'],\n      inherit: styles['flex-justify-content--inherit'],\n      initial: styles['flex-justify-content--initial'],\n      revert: styles['flex-justify-content--revert'],\n      revertLayer: styles['flex-justify-content--revert-layer'],\n      unset: styles['flex-justify-content--unset'],\n    },\n    flexWrap: {\n      wrap: styles['flex-wrap--wrap'],\n      nowrap: styles['flex-wrap--nowrap'],\n      wrapReverse: styles['flex-wrap--wrap-reverse'],\n    },\n    flexGrow: {\n      0: styles['flex-grow--0'],\n      1: styles['flex-grow--1'],\n      inherit: styles['flex-grow--inherit'],\n      initial: styles['flex-grow--initial'],\n      revert: styles['flex-grow--revert'],\n      revertLayer: styles['flex-grow--revert-layer'],\n      unset: styles['flex-grow--unset'],\n    },\n    flexShrink: {\n      0: styles['flex-shrink--0'],\n      1: styles['flex-shrink--1'],\n      inherit: styles['flex-shrink--inherit'],\n      initial: styles['flex-shrink--initial'],\n      revert: styles['flex-shrink--revert'],\n      revertLayer: styles['flex-shrink--revert-layer'],\n      unset: styles['flex-shrink--unset'],\n    },\n    flexDirection: {\n      row: styles['flex-direction--row'],\n      rowReverse: styles['flex-direction--row-reverse'],\n      column: styles['flex-direction--column'],\n      columnReverse: styles['flex-direction--column-reverse'],\n    },\n    alignSelf: {\n      auto: styles['flex-align-self--auto'],\n      normal: styles['flex-align-self--normal'],\n      start: styles['flex-align-self--start'],\n      end: styles['flex-align-self--end'],\n      center: styles['flex-align-self--center'],\n      flexStart: styles['flex-align-self--flex-start'],\n      flexEnd: styles['flex-align-self--flex-end'],\n      selfStart: styles['flex-align-self--self-start'],\n      selfEnd: styles['flex-align-self--self-end'],\n      baseline: styles['flex-align-self--baseline'],\n      stretch: styles['flex-align-self--stretch'],\n      inherit: styles['flex-align-self--inherit'],\n      initial: styles['flex-align-self--initial'],\n      revert: styles['flex-align-self--revert'],\n      revertLayer: styles['flex-align-self--revert-layer'],\n      unset: styles['flex-align-self--unset'],\n    },\n    alignContent: {\n      normal: styles['flex-align-content--normal'],\n      start: styles['flex-align-content--start'],\n      center: styles['flex-align-content--center'],\n      end: styles['flex-align-content--end'],\n      flexStart: styles['flex-align-content--flex-start'],\n      flexEnd: styles['flex-align-content--flex-end'],\n      baseline: styles['flex-align-content--baseline'],\n      firstBaseline: styles['flex-align-content--first-baseline'],\n      lastBaseline: styles['flex-align-content--last-baseline'],\n      spaceBetween: styles['flex-align-content--space-between'],\n      spaceAround: styles['flex-align-content--space-around'],\n      spaceEvenly: styles['flex-align-content--space-evenly'],\n      stretch: styles['flex-align-content--stretch'],\n      safeCenter: styles['flex-align-content--safe-center'],\n      unsafeCenter: styles['flex-align-content--unsafe-center'],\n      inherit: styles['flex-align-content--inherit'],\n      initial: styles['flex-align-content--initial'],\n      revert: styles['flex-align-content--revert'],\n      revertLayer: styles['flex-align-content--revert-layer'],\n      unset: styles['flex-align-content--unset'],\n    },\n    flexBasis: {\n      maxContent: styles['flex-basis--max-content'],\n      minContent: styles['flex-basis--min-content'],\n      fitContent: styles['flex-basis--fit-content'],\n      content: styles['flex-basis--content'],\n      inherit: styles['flex-basis--inherit'],\n      initial: styles['flex-basis--initial'],\n      revert: styles['flex-basis--revert'],\n      revertLayer: styles['flex-basis--revert-layer'],\n      unset: styles['flex-basis--unset'],\n    },\n    gap: {\n      '5xs': styles['flex-gap--5xs'],\n      '4xs': styles['flex-gap--4xs'],\n      '3xs': styles['flex-gap--3xs'],\n      '2xs': styles['flex-gap--2xs'],\n      xs: styles['flex-gap--xs'],\n      sm: styles['flex-gap--sm'],\n      md: styles['flex-gap--md'],\n      lg: styles['flex-gap--lg'],\n      xl: styles['flex-gap--xl'],\n      '2xl': styles['flex-gap--2xl'],\n      '3xl': styles['flex-gap--3xl'],\n      '4xl': styles['flex-gap--4xl'],\n      '5xl': styles['flex-gap--5xl'],\n      '6xl': styles['flex-gap--6xl'],\n    },\n    rowGap: {\n      '5xs': styles['flex-row-gap--5xs'],\n      '4xs': styles['flex-row-gap--4xs'],\n      '3xs': styles['flex-row-gap--3xs'],\n      '2xs': styles['flex-row-gap--2xs'],\n      xs: styles['flex-row-gap--xs'],\n      sm: styles['flex-row-gap--sm'],\n      md: styles['flex-row-gap--md'],\n      lg: styles['flex-row-gap--lg'],\n      xl: styles['flex-row-gap--xl'],\n      '2xl': styles['flex-row-gap--2xl'],\n      '3xl': styles['flex-row-gap--3xl'],\n      '4xl': styles['flex-row-gap--4xl'],\n      '5xl': styles['flex-row-gap--5xl'],\n      '6xl': styles['flex-row-gap--6xl'],\n    },\n    columnGap: {\n      '5xs': styles['flex-column-gap--5xs'],\n      '4xs': styles['flex-column-gap--4xs'],\n      '3xs': styles['flex-column-gap--3xs'],\n      '2xs': styles['flex-column-gap--2xs'],\n      xs: styles['flex-column-gap--xs'],\n      sm: styles['flex-column-gap--sm'],\n      md: styles['flex-column-gap--md'],\n      lg: styles['flex-column-gap--lg'],\n      xl: styles['flex-column-gap--xl'],\n      '2xl': styles['flex-column-gap--2xl'],\n      '3xl': styles['flex-column-gap--3xl'],\n      '4xl': styles['flex-column-gap--4xl'],\n      '5xl': styles['flex-column-gap--5xl'],\n      '6xl': styles['flex-column-gap--6xl'],\n    },\n  },\n  defaultVariants: {\n    display: 'flex',\n    alignItems: 'stretch',\n    justifyContent: 'flexStart',\n  },\n});\n\nexport type FlexVariants = VariantProps<typeof flexVariants>;\n\nexport const flexArgTypes = {\n  display: {\n    control: 'select',\n    options: ['flex', 'inline-flex'],\n    description: 'CSS display property for flex container',\n    table: {\n      type: { summary: 'flex | inline-flex' },\n      category: 'Layout',\n    },\n  },\n  flexDirection: {\n    control: 'select',\n    options: ['row', 'row-reverse', 'column', 'column-reverse'],\n    description: '**[Responsive]** Defines the direction of flex items',\n    table: {\n      type: { summary: 'row | row-reverse | column | column-reverse' },\n      category: 'Layout',\n    },\n  },\n  flexWrap: {\n    control: 'select',\n    options: ['wrap', 'nowrap', 'wrapReverse'],\n    description: 'Controls whether flex items wrap onto multiple lines',\n    table: {\n      type: { summary: 'wrap | nowrap | wrapReverse' },\n      category: 'Layout',\n    },\n  },\n  justifyContent: {\n    control: 'select',\n    options: [\n      'flexStart',\n      'start',\n      'center',\n      'flexEnd',\n      'end',\n      'spaceBetween',\n      'spaceAround',\n      'spaceEvenly',\n      'left',\n      'right',\n      'normal',\n      'stretch',\n      'inherit',\n      'initial',\n      'revert',\n      'revertLayer',\n      'unset',\n    ],\n    description: '**[Responsive]** Aligns flex items along the main axis',\n    table: {\n      type: { summary: 'JustifyContent' },\n      category: 'Layout',\n    },\n  },\n  alignItems: {\n    control: 'select',\n    options: [\n      'start',\n      'flexStart',\n      'center',\n      'flexEnd',\n      'end',\n      'stretch',\n      'selfStart',\n      'selfEnd',\n      'selfCenter',\n    ],\n    description: '**[Responsive]** Aligns flex items along the cross axis',\n    table: {\n      type: { summary: 'AlignItems' },\n      category: 'Layout',\n    },\n  },\n  alignContent: {\n    control: 'select',\n    options: [\n      'normal',\n      'start',\n      'center',\n      'end',\n      'flexStart',\n      'flexEnd',\n      'baseline',\n      'firstBaseline',\n      'lastBaseline',\n      'spaceBetween',\n      'spaceAround',\n      'spaceEvenly',\n      'stretch',\n      'safeCenter',\n      'unsafeCenter',\n      'inherit',\n      'initial',\n      'revert',\n      'revertLayer',\n      'unset',\n    ],\n    description:\n      'Aligns flex lines when there is extra space in the cross axis',\n    table: {\n      type: { summary: 'AlignContent' },\n      category: 'Layout',\n    },\n  },\n  alignSelf: {\n    control: 'select',\n    options: [\n      'auto',\n      'normal',\n      'start',\n      'end',\n      'center',\n      'flexStart',\n      'flexEnd',\n      'selfStart',\n      'selfEnd',\n      'baseline',\n      'stretch',\n      'inherit',\n      'initial',\n      'revert',\n      'revertLayer',\n      'unset',\n    ],\n    description: 'Overrides align-items for individual flex items',\n    table: {\n      type: { summary: 'AlignSelf' },\n      category: 'Layout',\n    },\n  },\n  gap: {\n    control: 'select',\n    options: [\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    ],\n    description:\n      '**[Responsive]** Gap between flex items (both row and column)',\n    table: {\n      type: { summary: 'GapSize' },\n      category: 'Layout',\n    },\n  },\n  rowGap: {\n    control: 'select',\n    options: [\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    ],\n    description: '**[Responsive]** Gap between flex rows',\n    table: {\n      type: { summary: 'GapSize' },\n      category: 'Layout',\n    },\n  },\n  columnGap: {\n    control: 'select',\n    options: [\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    ],\n    description: '**[Responsive]** Gap between flex columns',\n    table: {\n      type: { summary: 'GapSize' },\n      category: 'Layout',\n    },\n  },\n  flexGrow: {\n    control: 'select',\n    options: [0, 1, 'inherit', 'initial', 'revert', 'revertLayer', 'unset'],\n    description: 'Defines the ability for a flex item to grow',\n    table: {\n      type: {\n        summary: '0 | 1 | inherit | initial | revert | revertLayer | unset',\n      },\n      category: 'Layout',\n    },\n  },\n  flexShrink: {\n    control: 'select',\n    options: [0, 1, 'inherit', 'initial', 'revert', 'revertLayer', 'unset'],\n    description: 'Defines the ability for a flex item to shrink',\n    table: {\n      type: {\n        summary: '0 | 1 | inherit | initial | revert | revertLayer | unset',\n      },\n      category: 'Layout',\n    },\n  },\n  flexBasis: {\n    control: 'select',\n    options: [\n      'maxContent',\n      'minContent',\n      'fitContent',\n      'content',\n      'inherit',\n      'initial',\n      'revert',\n      'revertLayer',\n      'unset',\n    ],\n    description:\n      '**[Responsive]** Defines the default size of a flex item before remaining space is distributed. Accepts predefined flex-basis tokens and arbitrary CSS values (e.g. \"200px\", \"30%\", \"clamp(200px, 50vw, 400px)\").',\n    table: {\n      type: { summary: 'FlexBasis' },\n      category: 'Layout',\n    },\n  },\n};\n"],"names":["FLEX_BASIS_CSS_VALUES","maxContent","minContent","fitContent","content","inherit","initial","revert","revertLayer","unset","isFlexBasisToken","value","Object","prototype","hasOwnProperty","call","resolveFlexBasisCssValue","flexVariants","cva","variants","display","flex","styles","alignItems","start","flexStart","center","flexEnd","end","stretch","selfStart","selfEnd","selfCenter","justifyContent","spaceBetween","spaceAround","spaceEvenly","left","right","normal","flexWrap","wrap","nowrap","wrapReverse","flexGrow","flexShrink","flexDirection","row","rowReverse","column","columnReverse","alignSelf","auto","baseline","alignContent","firstBaseline","lastBaseline","safeCenter","unsafeCenter","flexBasis","gap","xs","sm","md","lg","xl","rowGap","columnGap","defaultVariants","flexArgTypes","control","options","description","table","type","summary","category"],"mappings":"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WAGdrD,WAAY,CACV+C,QAAS,SACTC,QAAS,CACP,QACA,YACA,SACA,UACA,MACA,UACA,YACA,UACA,cAEFC,YAAa,0DACbC,MAAO,CACLC,KAAM,CAAEC,QAAS,cACjBC,SAAU,WAGdtB,aAAc,CACZgB,QAAS,SACTC,QAAS,CACP,SACA,QACA,SACA,MACA,YACA,UACA,WACA,gBACA,eACA,eACA,cACA,cACA,UACA,aACA,eACA,UACA,UACA,SACA,cACA,SAEFC,YACE,gEACFC,MAAO,CACLC,KAAM,CAAEC,QAAS,gBACjBC,SAAU,WAGdzB,UAAW,CACTmB,QAAS,SACTC,QAAS,CACP,OACA,SACA,QACA,MACA,SACA,YACA,UACA,YACA,UACA,WACA,UACA,UACA,UACA,SACA,cACA,SAEFC,YAAa,kDACbC,MAAO,CACLC,KAAM,CAAEC,QAAS,aACjBC,SAAU,WAGdhB,IAAK,CACHU,QAAS,SACTC,QAAS,CACP,MACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,OAEFC,YACE,gEACFC,MAAO,CACLC,KAAM,CAAEC,QAAS,WACjBC,SAAU,WAGdV,OAAQ,CACNI,QAAS,SACTC,QAAS,CACP,MACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,OAEFC,YAAa,yCACbC,MAAO,CACLC,KAAM,CAAEC,QAAS,WACjBC,SAAU,WAGdT,UAAW,CACTG,QAAS,SACTC,QAAS,CACP,MACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,OAEFC,YAAa,4CACbC,MAAO,CACLC,KAAM,CAAEC,QAAS,WACjBC,SAAU,WAGdhC,SAAU,CACR0B,QAAS,SACTC,QAAS,CAAC,EAAG,EAAG,UAAW,UAAW,SAAU,cAAe,SAC/DC,YAAa,8CACbC,MAAO,CACLC,KAAM,CACJC,QAAS,4DAEXC,SAAU,WAGd/B,WAAY,CACVyB,QAAS,SACTC,QAAS,CAAC,EAAG,EAAG,UAAW,UAAW,SAAU,cAAe,SAC/DC,YAAa,gDACbC,MAAO,CACLC,KAAM,CACJC,QAAS,4DAEXC,SAAU,WAGdjB,UAAW,CACTW,QAAS,SACTC,QAAS,CACP,aACA,aACA,aACA,UACA,UACA,UACA,SACA,cACA,SAEFC,YACE,oNACFC,MAAO,CACLC,KAAM,CAAEC,QAAS,aACjBC,SAAU"}

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 m}from"./components/AviosBadge/AviosBadge.js";import{AviosCurrencySymbol as n}from"./components/AviosCurrencySymbol/AviosCurrencySymbol.js";import{Badge as s}from"./components/Badge/Badge.js";import{Box as i}from"./components/Box/Box.js";import{Breadcrumbs as p}from"./components/Breadcrumbs/Breadcrumbs.js";import{Button as a}from"./components/Button/Button.js";import{ButtonGroup as c}from"./components/ButtonGroup/ButtonGroup.js";import{Calendar as d}from"./components/Calendar/Calendar.js";import{CalendarRange as l}from"./components/CalendarRange/CalendarRange.js";import{CalloutBanner as f}from"./components/CalloutBanner/CalloutBanner.js";import{default as j}from"./components/CardSection/CardSection.js";import{Carousel as u}from"./components/Carousel/Carousel.js";import{Checkbox as g}from"./components/Checkbox/Checkbox.js";import{CheckboxGroup as C}from"./components/CheckboxGroup/CheckboxGroup.js";import{ClearFieldButton as F}from"./components/ClearFieldButton/ClearFieldButton.js";import{ComboBox as B}from"./components/ComboBox/ComboBox.js";import{CreditCardNumberField as b}from"./components/CreditCardNumberField/CreditCardNumberField.js";import{CreditCardSecurityCodeField as S}from"./components/CreditCardSecurityCodeField/CreditCardSecurityCodeField.js";import{Currency as k}from"./components/Currency/Currency.js";import{D as T}from"./DateField-rBq9QuR6.js";import{DatePicker as h}from"./components/DatePicker/DatePicker.js";import{DateRangePicker as y}from"./components/DateRangePicker/DateRangePicker.js";import{DestinationHeading as x}from"./components/DestinationHeading/DestinationHeading.js";import{DetailsDisclosure as D}from"./components/DetailsDisclosure/DetailsDisclosure.js";import{Dialog as L}from"./components/Dialog/Dialog.js";import{ErrorSummary as P}from"./components/ErrorSummary/ErrorSummary.js";import{Eyebrow as v}from"./components/Eyebrow/Eyebrow.js";import{default as I}from"./components/FieldDescription/FieldDescription.js";import{FieldError as A}from"./components/FieldError/FieldError.js";import{FieldHeader as H}from"./components/FieldHeader/FieldHeader.js";import{FieldLabel as N}from"./components/FieldLabel/FieldLabel.js";import{default as G}from"./components/Fieldset/Fieldset.js";import{FieldsetHeader as R}from"./components/FieldsetHeader/FieldsetHeader.js";import{Form as w}from"./components/Form/Form.js";import{Grid as E}from"./components/Grid/Grid.js";import{Heading as M}from"./components/Heading/Heading.js";import{Icon as V}from"./components/Icon/Icon.js";import{IconBackdrop as Y}from"./components/IconBackdrop/IconBackdrop.js";import{IconButton as q}from"./components/IconButton/IconButton.js";import{Image as z}from"./components/Image/Image.js";import{Label as J}from"./components/Label/Label.js";import{default as K}from"./components/Link/Link.js";import{ListBox as O}from"./components/ListBox/ListBox.js";import{ListBoxItem as Q}from"./components/ListBoxItem/ListBoxItem.js";import{default as U}from"./components/LoadingSpinner/LoadingSpinner.js";import{Menu as W}from"./components/Menu/Menu.js";import{MonthYearField as X}from"./components/MonthYearField/MonthYearField.js";import{NumberField as Z}from"./components/NumberField/NumberField.js";import{Paragraph as $}from"./components/Paragraph/Paragraph.js";import{PhoneNumberField as _}from"./components/PhoneNumberField/PhoneNumberField.js";import"./utils/phoneNumber/phoneNumber.js";import{Popover as oo}from"./components/Popover/Popover.js";import{PasswordField as eo}from"./components/PasswordField/PasswordField.js";import{Radio as ro}from"./components/Radio/Radio.js";import{RadioGroup as to}from"./components/RadioGroup/RadioGroup.js";import{SearchField as mo}from"./components/SearchField/SearchField.js";import{default as no}from"./components/Section/Section.js";import{default as so}from"./components/SelectCard/SelectCard.js";import{default as io}from"./components/SelectNative/SelectNative.js";import{SkeletonLoader as po}from"./components/SkeletonLoader/SkeletonLoader.js";import{Slider as ao}from"./components/Slider/Slider.js";import{Spacer as co}from"./components/Spacer/Spacer.js";import{SubHeading as lo}from"./components/SubHeading/SubHeading.js";import{Switch as fo}from"./components/Switch/Switch.js";import{Tab as jo,TabList as uo,Tabs as go,useTabsContext as Co}from"./components/Tabs/Tabs.js";import{T as Fo}from"./TabPanel-C7ANBbTA.js";import{Tag as Bo}from"./components/Tag/Tag.js";import{TagGroup as bo}from"./components/TagGroup/TagGroup.js";import{TextField as So}from"./components/TextField/TextField.js";import{TextAreaField as ko}from"./components/TextAreaField/TextAreaField.js";import{default as To}from"./components/ToggleButton/ToggleButton.js";import{default as ho}from"./components/ToggleIconButton/ToggleIconButton.js";import{Tooltip as yo}from"./components/Tooltip/Tooltip.js";import{VisuallyHidden as xo}from"./components/VisuallyHidden/VisuallyHidden.js";import{useBreakpoint as Do}from"./utils/breakpoint/hooks/useBreakpoint.js";import{BREAKPOINTS as Lo}from"./utils/breakpoint/theme/breakpoints.js";export{o as Accordion,e as AccordionGroup,m as AviosBadge,t as AviosCurrency,r as AviosCurrencyBadge,n as AviosCurrencySymbol,Lo as BREAKPOINTS,s as Badge,i as Box,p as Breadcrumbs,a as Button,c as ButtonGroup,d as Calendar,l as CalendarRange,f as CalloutBanner,j as CardSection,u as Carousel,g as Checkbox,C as CheckboxGroup,F as ClearFieldButton,B as ComboBox,b as CreditCardNumberField,S as CreditCardSecurityCodeField,k as Currency,T as DateField,h as DatePicker,y as DateRangePicker,x as DestinationHeading,D as DetailsDisclosure,L as Dialog,P as ErrorSummary,v as Eyebrow,I as FieldDescription,A as FieldError,H as FieldHeader,N as FieldLabel,G as Fieldset,R as FieldsetHeader,w as Form,E as Grid,M as Heading,V as Icon,Y as IconBackdrop,q as IconButton,z as Image,J as Label,K as Link,O as ListBox,Q as ListBoxItem,U as LoadingSpinner,W as Menu,X as MonthYearField,Z as NumberField,$ as Paragraph,eo as PasswordField,_ as PhoneNumberField,oo as Popover,ro as Radio,to as RadioGroup,mo as SearchField,no as Section,so as SelectCard,io as SelectNative,po as SkeletonLoader,ao as Slider,co as Spacer,lo as SubHeading,fo as Switch,jo as Tab,uo as TabList,Fo as TabPanel,go as Tabs,Bo as Tag,bo as TagGroup,ko as TextAreaField,So as TextField,To as ToggleButton,ho as ToggleIconButton,yo as Tooltip,xo as VisuallyHidden,Do as useBreakpoint,Co 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 e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as n}from"react";import '../../assets/skeleton.css';import '../../assets/global.css';/* empty css                   */import"../../components/Accordion/Accordion.js";import"../../components/AviosCurrencySymbol/AviosCurrencySymbol.js";import{Box as s}from"../../components/Box/Box.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 i}from"../../components/Paragraph/Paragraph.js";import{Heading as a}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/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/PhoneNumberField/PhoneNumberField.js";import"../phoneNumber/phoneNumber.js";import"../../components/PasswordField/PasswordField.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 m=({children:m,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[b,j]=t(c),[h,g]=t(!1),x=r(null),v=r(0),C=r(c),y=e=>{if(!h)return;const o=e.clientX-v.current,t=Math.max(p,Math.min(d,C.current+o));j(t)},B=()=>{g(!1)};return n(()=>{if(h)return document.addEventListener("mousemove",y),document.addEventListener("mouseup",B),document.body.style.cursor="ew-resize",document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",B),document.body.style.cursor="",document.body.style.userSelect=""}},[h]),/* @__PURE__ */e("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[
-/* @__PURE__ */e(s,{justifyContent:"center",maxWidth:"600px",flexDirection:"column",children:[
-/* @__PURE__ */o(a,{as:"h3",size:"sm",foregroundColor:"accentSecondary",children:l}),
-/* @__PURE__ */o(s,{children:/* @__PURE__ */o(i,{children:u})})]}),
-/* @__PURE__ */e("div",{ref:x,style:{width:`${b}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:[m,
-/* @__PURE__ */o("button",{"aria-label":"Draggable handle",onMouseDown:e=>{g(!0),v.current=e.clientX,C.current=b,e.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:e=>{h||(e.currentTarget.style.background="rgba(52, 152, 219, 0.3)")},onMouseLeave:e=>{h||(e.currentTarget.style.background="transparent")}}),
-/* @__PURE__ */o("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{m as DraggableContainer};
+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(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