@alto-avios/alto-ui 5.7.1 → 5.8.0

package/dist/components/Grid/Grid.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { SpaceToken } from '../../utils/spaceToken/spaceToken';
 import { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';
+import { ResponsiveProp } from '../../utils/breakpoint/responsive';
 type AutoFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense';
 type AlignContentValue = 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
 type JustifyContentValue = 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
@@ -10,21 +11,23 @@ export type PolymorphicProps<E extends ValidElements> = {
 } & Omit<React.ComponentPropsWithRef<E>, 'as'>;
 export interface GridCellBaseProps {
     /**
-     * Number of columns/rows this cell should span
+     * **[Responsive]** Number of columns/rows this cell should span
      * Can be a single number for column span or an object for both
      */
-    span?: number | {
-        column?: number;
-        row?: number;
+    span?: ResponsiveProp<number> | {
+        column?: ResponsiveProp<number>;
+        row?: ResponsiveProp<number>;
     };
     /**
      * Named grid area for placing the cell
+     * Takes precedence over `column` / `row` props if both are set
      */
     area?: string;
     /**
-     * Column number where the cell will be placed
+     * **[Responsive]** Short-hand property to specify a cell's size and location within the Grid's columns.
+     * Accepts any valid value for CSS `grid-column`. Takes precedence over `span` prop if both are set
      */
-    column?: string | number;
+    column?: ResponsiveProp<string | number>;
     /**
      * Starting column for the cell
      */
@@ -34,9 +37,10 @@ export interface GridCellBaseProps {
      */
     columnEnd?: number;
     /**
-     * Row number where the cell will be placed
+     * **[Responsive]** Short-hand property to specify a cell's size and location within the Grid's rows.
+     * Accepts any valid value for CSS `grid-row`. Takes precedence over `span` prop if both are set
      */
-    row?: string | number;
+    row?: ResponsiveProp<string | number>;
     /**
      * Starting row for the cell
      */

package/dist/components/Grid/Grid.js

@@ -1,4 +1,4 @@
-import{jsx as r}from"react/jsx-runtime";import{getSpaceValue as n}from"../../utils/spaceToken/spaceToken.js";import{responsiveToCssVars as l}from"../../utils/breakpoint/responsiveToCssVars.js";import '../../assets/Grid.css';const i={grid:"_grid_7s7nz_1"},e=({as:n,span:l,area:e,column:o,columnStart:a,columnEnd:t,row:s,rowStart:d,rowEnd:m,children:u,style:g,...p})=>{const c=n||"div",f={...e&&{gridArea:e},...!e&&{...o&&{gridColumn:o},...a&&{gridColumnStart:a},...t&&{gridColumnEnd:t},...s&&{gridRow:s},...d&&{gridRowStart:d},...m&&{gridRowEnd:m}},...l?"number"==typeof l?{gridColumn:`span ${l}`}:{...l.column&&{gridColumn:`span ${l.column}`},...l.row&&{gridRow:`span ${l.row}`}}:{},...g};/* @__PURE__ */
-return r(c,{className:i.gridCell,style:f,...p,children:u})},o=({id:e,isInline:o=!1,alignContent:a,justifyContent:t,autoColumns:s,autoFlow:d,columns:m,rows:u,templateColumns:g,templateRows:p,gap:c,rowGap:f,columnGap:w,children:C,style:v,...x})=>{const y={display:o?"inline-grid":"grid",gridAutoColumns:s,gridAutoFlow:d,justifyContent:t,...null!=m?l(m,{varPrefix:"--grid-template-columns",normalise:r=>`repeat(${r}, 1fr)`}):g?l(g,{varPrefix:"--grid-template-columns",normalise:r=>r}):{},...null!=u?l(u,{varPrefix:"--grid-template-rows",normalise:r=>`repeat(${r}, 1fr)`}):p?l(p,{varPrefix:"--grid-template-rows",normalise:r=>r}):{},...l(c??(null==f&&null==w?"default":void 0)??null,{varPrefix:"--grid-gap",normalise:r=>n(r)}),...l(f??null,{varPrefix:"--grid-row-gap",normalise:r=>n(r)}),...l(w??null,{varPrefix:"--grid-column-gap",normalise:r=>n(r)}),...l(a??null,{varPrefix:"--grid-align-content",normalise:r=>r}),...v};/* @__PURE__ */
-return r("div",{id:e,className:i.grid,style:y,...x,children:C})},a=r=>"string"==typeof r&&["div","span"].includes(r);o.Cell=e;export{o as Grid,e as GridCell,o as default,a as isValidElement};
+import{jsx as r}from"react/jsx-runtime";import{getSpaceValue as e}from"../../utils/spaceToken/spaceToken.js";import{responsiveToCssVars as i}from"../../utils/breakpoint/responsiveToCssVars.js";import '../../assets/Grid.css';const l="_grid_1ejgf_1",n="_grid-cell_1ejgf_353",o=({as:e,span:l,area:o,column:a,columnStart:t,columnEnd:s,row:d,rowStart:m,rowEnd:u,children:g,style:c,...p})=>{const f=e||"div",v={...o&&{gridArea:o},...(()=>{if(!l)return{};if("number"==typeof l||"object"==typeof l&&"base"in l)return i(l,{varPrefix:"--grid-cell-grid-column",normalise:r=>`span ${r}`});return{..."column"in l?i(l.column,{varPrefix:"--grid-cell-grid-column",normalise:r=>`span ${r}`}):{},..."row"in l?i(l.row,{varPrefix:"--grid-cell-grid-row",normalise:r=>`span ${r}`}):{}}})(),...!o&&{...a&&i(a,{varPrefix:"--grid-cell-grid-column",normalise:r=>`${r}`}),...t&&{gridColumnStart:t},...s&&{gridColumnEnd:s},...d&&i(d,{varPrefix:"--grid-cell-grid-row",normalise:r=>`${r}`}),...m&&{gridRowStart:m},...u&&{gridRowEnd:u}},...c};/* @__PURE__ */
+return r(f,{className:n,style:v,...p,children:g})},a=({id:n,isInline:o=!1,alignContent:a,justifyContent:t,autoColumns:s,autoFlow:d,columns:m,rows:u,templateColumns:g,templateRows:c,gap:p,rowGap:f,columnGap:v,children:w,style:x,...P})=>{const y={display:o?"inline-grid":"grid",gridAutoColumns:s,gridAutoFlow:d,justifyContent:t,...null!=m?i(m,{varPrefix:"--grid-template-columns",normalise:r=>`repeat(${r}, 1fr)`}):g?i(g,{varPrefix:"--grid-template-columns",normalise:r=>r}):{},...null!=u?i(u,{varPrefix:"--grid-template-rows",normalise:r=>`repeat(${r}, 1fr)`}):c?i(c,{varPrefix:"--grid-template-rows",normalise:r=>r}):{},...i(p??(null==f&&null==v?"default":void 0)??null,{varPrefix:"--grid-gap",normalise:r=>e(r)}),...i(f??null,{varPrefix:"--grid-row-gap",normalise:r=>e(r)}),...i(v??null,{varPrefix:"--grid-column-gap",normalise:r=>e(r)}),...i(a??null,{varPrefix:"--grid-align-content",normalise:r=>r}),...x};/* @__PURE__ */
+return r("div",{id:n,className:l,style:y,...P,children:w})},t=r=>"string"==typeof r&&["div","span"].includes(r);a.Cell=o;export{a as Grid,o as GridCell,a as default,t as isValidElement};
 //# sourceMappingURL=Grid.js.map

package/dist/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Grid.module.css';\nimport { SpaceToken, getSpaceValue } from '../../utils/spaceToken/spaceToken';\nimport { responsiveToCssVars } from '../../utils/breakpoint/responsiveToCssVars';\nimport { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';\n\ntype AutoFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\ntype AlignContentValue =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\ntype JustifyContentValue =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\n// Define valid HTML elements for polymorphic prop\ntype ValidElements = 'div' | 'span';\n\n// Helper type for polymorphic components\nexport type PolymorphicProps<E extends ValidElements> = {\n  as?: E;\n} & Omit<React.ComponentPropsWithRef<E>, 'as'>;\n\n// GridCell Types and Component\nexport interface GridCellBaseProps {\n  /**\n   * Number of columns/rows this cell should span\n   * Can be a single number for column span or an object for both\n   */\n  span?: number | { column?: number; row?: number };\n  /**\n   * Named grid area for placing the cell\n   */\n  area?: string;\n  /**\n   * Column number where the cell will be placed\n   */\n  column?: string | number;\n  /**\n   * Starting column for the cell\n   */\n  columnStart?: number;\n  /**\n   * Ending column for spanning multiple columns\n   */\n  columnEnd?: number;\n  /**\n   * Row number where the cell will be placed\n   */\n  row?: string | number;\n  /**\n   * Starting row for the cell\n   */\n  rowStart?: number;\n  /**\n   * Ending row for spanning multiple rows\n   */\n  rowEnd?: number;\n  /**\n   * The content of the grid cell\n   */\n  children: React.ReactNode;\n  /**\n   * @internal\n   * Additional CSS properties to apply to the grid cell\n   */\n  style?: React.CSSProperties;\n}\n\nexport type GridCellProps<E extends ValidElements = 'div'> = GridCellBaseProps &\n  PolymorphicProps<E>;\n\nexport const GridCell = <E extends ValidElements = 'div'>({\n  as,\n  span,\n  area,\n  column,\n  columnStart,\n  columnEnd,\n  row,\n  rowStart,\n  rowEnd,\n  children,\n  style,\n  ...rest\n}: GridCellProps<E>) => {\n  // Determine the HTML element to render\n  const Component = (as || 'div') as React.ElementType;\n\n  // Handle the span prop logic\n  const getSpanStyles = () => {\n    if (!span) return {};\n\n    if (typeof span === 'number') {\n      return { gridColumn: `span ${span}` };\n    }\n\n    return {\n      ...(span.column && { gridColumn: `span ${span.column}` }),\n      ...(span.row && { gridRow: `span ${span.row}` }),\n    };\n  };\n\n  const gridCellStyle: React.CSSProperties = {\n    // Grid area takes precedence over individual positioning\n    ...(area && { gridArea: area }),\n\n    // If no area is specified, use individual positioning props\n    ...(!area && {\n      ...(column && { gridColumn: column }),\n      ...(columnStart && { gridColumnStart: columnStart }),\n      ...(columnEnd && { gridColumnEnd: columnEnd }),\n      ...(row && { gridRow: row }),\n      ...(rowStart && { gridRowStart: rowStart }),\n      ...(rowEnd && { gridRowEnd: rowEnd }),\n    }),\n\n    // Apply span styles\n    ...getSpanStyles(),\n\n    // Apply any custom styles\n    ...style,\n  };\n\n  return (\n    <Component className={styles.gridCell} style={gridCellStyle} {...rest}>\n      {children}\n    </Component>\n  );\n};\n\n// Grid Types and Component\nexport interface GridBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Optional unique identifier for the grid\n   */\n  id?: string;\n  /**\n   * Sets the display to inline-grid if true, and grid if false\n   * @default false\n   */\n  isInline?: boolean;\n  /**\n   * **[Responsive]** Controls the vertical alignment of the content within the grid\n   */\n  alignContent?: AlignContentValue;\n  /**\n   * **[Responsive]** Controls the horizontal alignment of the content within the grid\n   */\n  justifyContent?: JustifyContentValue;\n  /**\n   * Determines how columns are automatically created in the grid\n   * e.g., \"minmax(100px, 1fr)\" or \"200px\"\n   */\n  autoColumns?: string;\n  /**\n   * Sets the flow direction and behavior of the grid's auto-placement\n   */\n  autoFlow?: AutoFlowValue;\n  /**\n   * **[Responsive]** Number of columns to create (generates equal-width columns)\n   * Takes precedence over templateColumns if both are provided\n   */\n  columns?: number;\n  /**\n   * **[Responsive]** Number of rows to create (generates equal-height rows)\n   * Takes precedence over templateRows if both are provided\n   */\n  rows?: number;\n  /**\n   * **[Responsive]** Defines the columns of the grid using CSS grid-template-columns syntax\n   * e.g. \"1fr 1fr 1fr\" or \"200px 1fr 200px\"\n   */\n  templateColumns?: string;\n  /**\n   * **[Responsive]**  Defines the rows of the grid using CSS grid-template-rows syntax\n   * e.g. \"auto auto\" or \"100px 1fr\"\n   */\n  templateRows?: string;\n  /**\n   * **[Responsive]** Controls the overall space between grid cells\n   * @default 'default'\n   */\n  gap?: SpaceToken;\n  /**\n   * **[Responsive]** Controls the vertical space between rows\n   * @default 'default'\n   */\n  rowGap?: SpaceToken;\n  /**\n   * **[Responsive]** Controls the horizontal space between columns\n   * @default 'default'\n   */\n  columnGap?: SpaceToken;\n  /**\n   * The content of the grid\n   */\n  children?: React.ReactNode;\n  /**\n   * @internal\n   * Additional CSS properties to apply to the grid\n   */\n  style?: React.CSSProperties;\n}\n\ntype ResponsivePropKeys =\n  | 'columns'\n  | 'rows'\n  | 'gap'\n  | 'rowGap'\n  | 'columnGap'\n  | 'alignContent'\n  | 'templateColumns'\n  | 'templateRows';\n\nexport type GridProps = WithResponsiveProps<GridBaseProps, ResponsivePropKeys>;\n\nexport const Grid = ({\n  id,\n  isInline = false,\n  alignContent,\n  justifyContent,\n  autoColumns,\n  autoFlow,\n  columns,\n  rows,\n  templateColumns,\n  templateRows,\n  gap,\n  rowGap,\n  columnGap,\n  children,\n  style,\n  ...rest\n}: GridProps) => {\n  /**\n   * Responsive Props\n   */\n  // columns take precedence over templateColumns\n  const templateColumnsVars =\n    columns != null\n      ? responsiveToCssVars(columns, {\n          varPrefix: '--grid-template-columns',\n          normalise: (val) => `repeat(${val}, 1fr)`,\n        })\n      : templateColumns\n        ? responsiveToCssVars(templateColumns, {\n            varPrefix: '--grid-template-columns',\n            normalise: (val) => val,\n          })\n        : {};\n\n  const templateRowsVars =\n    rows != null\n      ? responsiveToCssVars(rows, {\n          varPrefix: '--grid-template-rows',\n          normalise: (val) => `repeat(${val}, 1fr)`,\n        })\n      : templateRows\n        ? responsiveToCssVars(templateRows, {\n            varPrefix: '--grid-template-rows',\n            normalise: (val) => val,\n          })\n        : {};\n\n  // Preserve \"default\" behaviour: if no gap/rowGap/columnGap, use 'default' at base\n  const resolvedGap: typeof gap =\n    gap ?? (rowGap == null && columnGap == null ? 'default' : undefined);\n\n  const gapVars = responsiveToCssVars(resolvedGap ?? null, {\n    varPrefix: '--grid-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  const rowGapVars = responsiveToCssVars(rowGap ?? null, {\n    varPrefix: '--grid-row-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  const columnGapVars = responsiveToCssVars(columnGap ?? null, {\n    varPrefix: '--grid-column-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  // Responsive alignContent via CSS vars\n\n  const alignContentVars = responsiveToCssVars(alignContent ?? null, {\n    varPrefix: '--grid-align-content',\n    normalise: (val) => val,\n  });\n\n  const gridStyle: React.CSSProperties = {\n    display: isInline ? 'inline-grid' : 'grid',\n    gridAutoColumns: autoColumns,\n    gridAutoFlow: autoFlow,\n    justifyContent: justifyContent,\n    ...templateColumnsVars,\n    ...templateRowsVars,\n    ...gapVars,\n    ...rowGapVars,\n    ...columnGapVars,\n    ...alignContentVars,\n    ...style,\n  };\n\n  return (\n    <div id={id} className={styles.grid} style={gridStyle} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nconst isValidElement = (value: unknown): value is ValidElements => {\n  const validElements: ValidElements[] = ['div', 'span'];\n  return (\n    typeof value === 'string' && validElements.includes(value as ValidElements)\n  );\n};\n\nGrid.Cell = GridCell;\n\nexport { isValidElement };\nexport default Grid;\n"],"names":["GridCell","as","span","area","column","columnStart","columnEnd","row","rowStart","rowEnd","children","style","rest","Component","gridCellStyle","gridArea","gridColumn","gridColumnStart","gridColumnEnd","gridRow","gridRowStart","gridRowEnd","jsx","className","styles","gridCell","Grid","id","isInline","alignContent","justifyContent","autoColumns","autoFlow","columns","rows","templateColumns","templateRows","gap","rowGap","columnGap","gridStyle","display","gridAutoColumns","gridAutoFlow","responsiveToCssVars","varPrefix","normalise","val","token","getSpaceValue","grid","isValidElement","value","includes","Cell"],"mappings":"gOAkFaA,EAAW,EACtBC,KACAC,OACAC,OACAC,SACAC,cACAC,YACAC,MACAC,WACAC,SACAC,WACAC,WACGC,MAGH,MAAMC,EAAaZ,GAAM,MAgBnBa,EAAqC,IAErCX,GAAQ,CAAEY,SAAUZ,OAGnBA,GAAQ,IACPC,GAAU,CAAEY,WAAYZ,MACxBC,GAAe,CAAEY,gBAAiBZ,MAClCC,GAAa,CAAEY,cAAeZ,MAC9BC,GAAO,CAAEY,QAASZ,MAClBC,GAAY,CAAEY,aAAcZ,MAC5BC,GAAU,CAAEY,WAAYZ,OAvBzBP,EAEe,iBAATA,EACF,CAAEc,WAAY,QAAQd,KAGxB,IACDA,EAAKE,QAAU,CAAEY,WAAY,QAAQd,EAAKE,aAC1CF,EAAKK,KAAO,CAAEY,QAAS,QAAQjB,EAAKK,QARxB,CAAA,KA8BfI;AAGL,OACEW,EAACT,GAAUU,UAAWC,EAAOC,SAAUd,MAAOG,KAAmBF,EAC9DF,cA2FMgB,EAAO,EAClBC,KACAC,YAAW,EACXC,eACAC,iBACAC,cACAC,WACAC,UACAC,OACAC,kBACAC,eACAC,MACAC,SACAC,YACA7B,WACAC,WACGC,MAMH,MAoDM4B,EAAiC,CACrCC,QAASb,EAAW,cAAgB,OACpCc,gBAAiBX,EACjBY,aAAcX,EACdF,oBAvDW,MAAXG,EACIW,EAAoBX,EAAS,CAC3BY,UAAW,0BACXC,UAAYC,GAAQ,UAAUA,YAEhCZ,EACES,EAAoBT,EAAiB,CACnCU,UAAW,0BACXC,UAAYC,GAAQA,IAEtB,CAAA,KAGE,MAARb,EACIU,EAAoBV,EAAM,CACxBW,UAAW,uBACXC,UAAYC,GAAQ,UAAUA,YAEhCX,EACEQ,EAAoBR,EAAc,CAChCS,UAAW,uBACXC,UAAYC,GAAQA,IAEtB,CAAA,KAMQH,EAFdP,IAAkB,MAAVC,GAA+B,MAAbC,EAAoB,eAAY,IAET,KAAM,CACvDM,UAAW,aACXC,UAAYE,GAAUC,EAAcD,QAGnBJ,EAAoBN,GAAU,KAAM,CACrDO,UAAW,iBACXC,UAAYE,GAAUC,EAAcD,QAGhBJ,EAAoBL,GAAa,KAAM,CAC3DM,UAAW,oBACXC,UAAYE,GAAUC,EAAcD,QAKbJ,EAAoBf,GAAgB,KAAM,CACjEgB,UAAW,uBACXC,UAAYC,GAAQA,OAcjBpC;AAGL,OACEW,EAAC,MAAA,CAAIK,KAAQJ,UAAWC,EAAO0B,KAAMvC,MAAO6B,KAAe5B,EACxDF,cAKDyC,EAAkBC,GAGH,iBAAVA,GAF8B,CAAC,MAAO,QAEFC,SAASD,GAIxD1B,EAAK4B,KAAOtD"}
+{"version":3,"file":"Grid.js","sources":["../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Grid.module.css';\nimport { SpaceToken, getSpaceValue } from '../../utils/spaceToken/spaceToken';\nimport { responsiveToCssVars } from '../../utils/breakpoint/responsiveToCssVars';\nimport { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';\nimport { ResponsiveProp } from '../../utils/breakpoint/responsive';\n\ntype AutoFlowValue = 'row' | 'column' | 'dense' | 'row dense' | 'column dense';\ntype AlignContentValue =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\ntype JustifyContentValue =\n  | 'start'\n  | 'end'\n  | 'center'\n  | 'stretch'\n  | 'space-around'\n  | 'space-between'\n  | 'space-evenly';\n\n// Define valid HTML elements for polymorphic prop\ntype ValidElements = 'div' | 'span';\n\n// Helper type for polymorphic components\nexport type PolymorphicProps<E extends ValidElements> = {\n  as?: E;\n} & Omit<React.ComponentPropsWithRef<E>, 'as'>;\n\n// GridCell Types and Component\nexport interface GridCellBaseProps {\n  /**\n   * **[Responsive]** Number of columns/rows this cell should span\n   * Can be a single number for column span or an object for both\n   */\n  span?:\n    | ResponsiveProp<number>\n    | { column?: ResponsiveProp<number>; row?: ResponsiveProp<number> };\n  /**\n   * Named grid area for placing the cell\n   * Takes precedence over `column` / `row` props if both are set\n   */\n  area?: string;\n  /**\n   * **[Responsive]** Short-hand property to specify a cell's size and location within the Grid's columns.\n   * Accepts any valid value for CSS `grid-column`. Takes precedence over `span` prop if both are set\n   */\n  column?: ResponsiveProp<string | number>;\n  /**\n   * Starting column for the cell\n   */\n  columnStart?: number;\n  /**\n   * Ending column for spanning multiple columns\n   */\n  columnEnd?: number;\n  /**\n   * **[Responsive]** Short-hand property to specify a cell's size and location within the Grid's rows.\n   * Accepts any valid value for CSS `grid-row`. Takes precedence over `span` prop if both are set\n   */\n  row?: ResponsiveProp<string | number>;\n  /**\n   * Starting row for the cell\n   */\n  rowStart?: number;\n  /**\n   * Ending row for spanning multiple rows\n   */\n  rowEnd?: number;\n  /**\n   * The content of the grid cell\n   */\n  children: React.ReactNode;\n  /**\n   * @internal\n   * Additional CSS properties to apply to the grid cell\n   */\n  style?: React.CSSProperties;\n}\n\nexport type GridCellProps<E extends ValidElements = 'div'> = GridCellBaseProps &\n  PolymorphicProps<E>;\n\nexport const GridCell = <E extends ValidElements = 'div'>({\n  as,\n  span,\n  area,\n  column,\n  columnStart,\n  columnEnd,\n  row,\n  rowStart,\n  rowEnd,\n  children,\n  style,\n  ...rest\n}: GridCellProps<E>) => {\n  // Determine the HTML element to render\n  const Component = (as || 'div') as React.ElementType;\n\n  // Handle the span prop logic\n  const getSpanVars = () => {\n    if (!span) return {};\n\n    if (\n      typeof span === 'number' ||\n      (typeof span === 'object' && 'base' in span)\n    ) {\n      return responsiveToCssVars(span as number, {\n        varPrefix: '--grid-cell-grid-column',\n        normalise: (value) => `span ${value}`,\n      });\n    }\n\n    const columnVars =\n      'column' in span\n        ? responsiveToCssVars(span.column, {\n            varPrefix: '--grid-cell-grid-column',\n            normalise: (value) => `span ${value}`,\n          })\n        : {};\n\n    const rowVars =\n      'row' in span\n        ? responsiveToCssVars(span.row, {\n            varPrefix: '--grid-cell-grid-row',\n            normalise: (value) => `span ${value}`,\n          })\n        : {};\n\n    return { ...columnVars, ...rowVars };\n  };\n\n  const gridCellStyle = {\n    // Grid area takes precedence over individual positioning\n    ...(area && { gridArea: area }),\n\n    // Apply span styles\n    ...getSpanVars(),\n\n    // If no area is specified, use individual positioning props\n    ...(!area && {\n      ...(column &&\n        responsiveToCssVars(column, {\n          varPrefix: '--grid-cell-grid-column',\n          normalise: (value) => `${value}`,\n        })),\n      ...(columnStart && { gridColumnStart: columnStart }),\n      ...(columnEnd && { gridColumnEnd: columnEnd }),\n      ...(row &&\n        responsiveToCssVars(row, {\n          varPrefix: '--grid-cell-grid-row',\n          normalise: (value) => `${value}`,\n        })),\n      ...(rowStart && { gridRowStart: rowStart }),\n      ...(rowEnd && { gridRowEnd: rowEnd }),\n    }),\n\n    // Apply any custom styles\n    ...style,\n  };\n\n  return (\n    <Component className={styles['grid-cell']} style={gridCellStyle} {...rest}>\n      {children}\n    </Component>\n  );\n};\n\n// Grid Types and Component\nexport interface GridBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Optional unique identifier for the grid\n   */\n  id?: string;\n  /**\n   * Sets the display to inline-grid if true, and grid if false\n   * @default false\n   */\n  isInline?: boolean;\n  /**\n   * **[Responsive]** Controls the vertical alignment of the content within the grid\n   */\n  alignContent?: AlignContentValue;\n  /**\n   * **[Responsive]** Controls the horizontal alignment of the content within the grid\n   */\n  justifyContent?: JustifyContentValue;\n  /**\n   * Determines how columns are automatically created in the grid\n   * e.g., \"minmax(100px, 1fr)\" or \"200px\"\n   */\n  autoColumns?: string;\n  /**\n   * Sets the flow direction and behavior of the grid's auto-placement\n   */\n  autoFlow?: AutoFlowValue;\n  /**\n   * **[Responsive]** Number of columns to create (generates equal-width columns)\n   * Takes precedence over templateColumns if both are provided\n   */\n  columns?: number;\n  /**\n   * **[Responsive]** Number of rows to create (generates equal-height rows)\n   * Takes precedence over templateRows if both are provided\n   */\n  rows?: number;\n  /**\n   * **[Responsive]** Defines the columns of the grid using CSS grid-template-columns syntax\n   * e.g. \"1fr 1fr 1fr\" or \"200px 1fr 200px\"\n   */\n  templateColumns?: string;\n  /**\n   * **[Responsive]**  Defines the rows of the grid using CSS grid-template-rows syntax\n   * e.g. \"auto auto\" or \"100px 1fr\"\n   */\n  templateRows?: string;\n  /**\n   * **[Responsive]** Controls the overall space between grid cells\n   * @default 'default'\n   */\n  gap?: SpaceToken;\n  /**\n   * **[Responsive]** Controls the vertical space between rows\n   * @default 'default'\n   */\n  rowGap?: SpaceToken;\n  /**\n   * **[Responsive]** Controls the horizontal space between columns\n   * @default 'default'\n   */\n  columnGap?: SpaceToken;\n  /**\n   * The content of the grid\n   */\n  children?: React.ReactNode;\n  /**\n   * @internal\n   * Additional CSS properties to apply to the grid\n   */\n  style?: React.CSSProperties;\n}\n\ntype ResponsivePropKeys =\n  | 'columns'\n  | 'rows'\n  | 'gap'\n  | 'rowGap'\n  | 'columnGap'\n  | 'alignContent'\n  | 'templateColumns'\n  | 'templateRows';\n\nexport type GridProps = WithResponsiveProps<GridBaseProps, ResponsivePropKeys>;\n\nexport const Grid = ({\n  id,\n  isInline = false,\n  alignContent,\n  justifyContent,\n  autoColumns,\n  autoFlow,\n  columns,\n  rows,\n  templateColumns,\n  templateRows,\n  gap,\n  rowGap,\n  columnGap,\n  children,\n  style,\n  ...rest\n}: GridProps) => {\n  /**\n   * Responsive Props\n   */\n  // columns take precedence over templateColumns\n  const templateColumnsVars =\n    columns != null\n      ? responsiveToCssVars(columns, {\n          varPrefix: '--grid-template-columns',\n          normalise: (val) => `repeat(${val}, 1fr)`,\n        })\n      : templateColumns\n        ? responsiveToCssVars(templateColumns, {\n            varPrefix: '--grid-template-columns',\n            normalise: (val) => val,\n          })\n        : {};\n\n  const templateRowsVars =\n    rows != null\n      ? responsiveToCssVars(rows, {\n          varPrefix: '--grid-template-rows',\n          normalise: (val) => `repeat(${val}, 1fr)`,\n        })\n      : templateRows\n        ? responsiveToCssVars(templateRows, {\n            varPrefix: '--grid-template-rows',\n            normalise: (val) => val,\n          })\n        : {};\n\n  // Preserve \"default\" behaviour: if no gap/rowGap/columnGap, use 'default' at base\n  const resolvedGap: typeof gap =\n    gap ?? (rowGap == null && columnGap == null ? 'default' : undefined);\n\n  const gapVars = responsiveToCssVars(resolvedGap ?? null, {\n    varPrefix: '--grid-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  const rowGapVars = responsiveToCssVars(rowGap ?? null, {\n    varPrefix: '--grid-row-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  const columnGapVars = responsiveToCssVars(columnGap ?? null, {\n    varPrefix: '--grid-column-gap',\n    normalise: (token) => getSpaceValue(token as SpaceToken),\n  });\n\n  // Responsive alignContent via CSS vars\n\n  const alignContentVars = responsiveToCssVars(alignContent ?? null, {\n    varPrefix: '--grid-align-content',\n    normalise: (val) => val,\n  });\n\n  const gridStyle: React.CSSProperties = {\n    display: isInline ? 'inline-grid' : 'grid',\n    gridAutoColumns: autoColumns,\n    gridAutoFlow: autoFlow,\n    justifyContent: justifyContent,\n    ...templateColumnsVars,\n    ...templateRowsVars,\n    ...gapVars,\n    ...rowGapVars,\n    ...columnGapVars,\n    ...alignContentVars,\n    ...style,\n  };\n\n  return (\n    <div id={id} className={styles.grid} style={gridStyle} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nconst isValidElement = (value: unknown): value is ValidElements => {\n  const validElements: ValidElements[] = ['div', 'span'];\n  return (\n    typeof value === 'string' && validElements.includes(value as ValidElements)\n  );\n};\n\nGrid.Cell = GridCell;\n\nexport { isValidElement };\nexport default Grid;\n"],"names":["GridCell","as","span","area","column","columnStart","columnEnd","row","rowStart","rowEnd","children","style","rest","Component","gridCellStyle","gridArea","responsiveToCssVars","varPrefix","normalise","value","getSpanVars","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","jsx","className","styles","Grid","id","isInline","alignContent","justifyContent","autoColumns","autoFlow","columns","rows","templateColumns","templateRows","gap","rowGap","columnGap","gridStyle","display","gridAutoColumns","gridAutoFlow","val","token","getSpaceValue","isValidElement","includes","Cell"],"mappings":"kPAwFaA,EAAW,EACtBC,KACAC,OACAC,OACAC,SACAC,cACAC,YACAC,MACAC,WACAC,SACAC,WACAC,WACGC,MAGH,MAAMC,EAAaZ,GAAM,MAmCnBa,EAAgB,IAEhBX,GAAQ,CAAEY,SAAUZ,MAlCN,MAClB,IAAKD,EAAM,MAAO,CAAA,EAElB,GACkB,iBAATA,GACU,iBAATA,GAAqB,SAAUA,EAEvC,OAAOc,EAAoBd,EAAgB,CACzCe,UAAW,0BACXC,UAAYC,GAAU,QAAQA,MAoBlC,MAAO,IAfL,WAAYjB,EACRc,EAAoBd,EAAKE,OAAQ,CAC/Ba,UAAW,0BACXC,UAAYC,GAAU,QAAQA,MAEhC,CAAA,KAGJ,QAASjB,EACLc,EAAoBd,EAAKK,IAAK,CAC5BU,UAAW,uBACXC,UAAYC,GAAU,QAAQA,MAEhC,CAAA,IAUHC,OAGEjB,GAAQ,IACPC,GACFY,EAAoBZ,EAAQ,CAC1Ba,UAAW,0BACXC,UAAYC,GAAU,GAAGA,SAEzBd,GAAe,CAAEgB,gBAAiBhB,MAClCC,GAAa,CAAEgB,cAAehB,MAC9BC,GACFS,EAAoBT,EAAK,CACvBU,UAAW,uBACXC,UAAYC,GAAU,GAAGA,SAEzBX,GAAY,CAAEe,aAAcf,MAC5BC,GAAU,CAAEe,WAAYf,OAI3BE;AAGL,OACEc,EAACZ,EAAA,CAAUa,UAAWC,EAAqBhB,MAAOG,KAAmBF,EAClEF,cA2FMkB,EAAO,EAClBC,KACAC,YAAW,EACXC,eACAC,iBACAC,cACAC,WACAC,UACAC,OACAC,kBACAC,eACAC,MACAC,SACAC,YACA/B,WACAC,WACGC,MAMH,MAoDM8B,EAAiC,CACrCC,QAASb,EAAW,cAAgB,OACpCc,gBAAiBX,EACjBY,aAAcX,EACdF,oBAvDW,MAAXG,EACInB,EAAoBmB,EAAS,CAC3BlB,UAAW,0BACXC,UAAY4B,GAAQ,UAAUA,YAEhCT,EACErB,EAAoBqB,EAAiB,CACnCpB,UAAW,0BACXC,UAAY4B,GAAQA,IAEtB,CAAA,KAGE,MAARV,EACIpB,EAAoBoB,EAAM,CACxBnB,UAAW,uBACXC,UAAY4B,GAAQ,UAAUA,YAEhCR,EACEtB,EAAoBsB,EAAc,CAChCrB,UAAW,uBACXC,UAAY4B,GAAQA,IAEtB,CAAA,KAMQ9B,EAFduB,IAAkB,MAAVC,GAA+B,MAAbC,EAAoB,eAAY,IAET,KAAM,CACvDxB,UAAW,aACXC,UAAY6B,GAAUC,EAAcD,QAGnB/B,EAAoBwB,GAAU,KAAM,CACrDvB,UAAW,iBACXC,UAAY6B,GAAUC,EAAcD,QAGhB/B,EAAoByB,GAAa,KAAM,CAC3DxB,UAAW,oBACXC,UAAY6B,GAAUC,EAAcD,QAKb/B,EAAoBe,GAAgB,KAAM,CACjEd,UAAW,uBACXC,UAAY4B,GAAQA,OAcjBnC;AAGL,OACEc,EAAC,MAAA,CAAII,KAAQH,UAAWC,EAAahB,MAAO+B,KAAe9B,EACxDF,cAKDuC,EAAkB9B,GAGH,iBAAVA,GAF8B,CAAC,MAAO,QAEF+B,SAAS/B,GAIxDS,EAAKuB,KAAOnD"}

package/dist/components/Heading/Heading.d.ts

@@ -4,7 +4,7 @@ import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor
 import { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';
 declare const heading: (props?: ({
     size?: "lg" | "sm" | "xs" | "xl" | "md" | "xxs" | null | undefined;
-    textAlign?: "center" | "end" | "start" | null | undefined;
+    textAlign?: "center" | "start" | "end" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type HeadingVariants = VariantProps<typeof heading>;

package/dist/components/Paragraph/Paragraph.d.ts

@@ -4,7 +4,7 @@ import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor
 import { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';
 declare const paragraph: (props?: ({
     size?: "lg" | "sm" | "xs" | "md" | null | undefined;
-    textAlign?: "center" | "end" | "start" | null | undefined;
+    textAlign?: "center" | "start" | "end" | null | undefined;
     fontWeight?: "default" | "bold" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Spacer/Spacer.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 export declare const spacerVariants: (props?: ({
-    w?: 0 | "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | null | undefined;
-    h?: 0 | "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | null | undefined;
+    w?: 0 | "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | null | undefined;
+    h?: 0 | "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | null | undefined;
     inline?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SpacerVariants = VariantProps<typeof spacerVariants>;

package/dist/components/SubHeading/SubHeading.d.ts

@@ -4,7 +4,7 @@ import { ForegroundVariants } from '../../utils/foregroundColour/foregroundColor
 import { WithResponsiveProps } from '../../utils/breakpoint/responsiveSSR';
 declare const subHeading: (props?: ({
     size?: "sm" | "xs" | null | undefined;
-    textAlign?: "center" | "end" | "start" | null | undefined;
+    textAlign?: "center" | "start" | "end" | null | undefined;
     truncate?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type SubHeadingVariants = VariantProps<typeof subHeading>;

package/dist/components/Tabs/Tab.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"react-aria-components";import"../Heading/Heading.js";import"../Icon/Icon.js";import{Tab as o,Tab as t}from"./Tabs.js";import"../../utils/focus/focusStyles.js";import"../../TabPanel-C7ANBbTA.js";export{o as Tab,t as default};
+import"react/jsx-runtime";import"react-aria-components";import"../Heading/Heading.js";import"../Icon/Icon.js";import{Tab as o,Tab as t}from"./Tabs.js";import"../../utils/focus/focusStyles.js";import"../../TabPanel-DDYn4r31.js";export{o as Tab,t as default};
 //# sourceMappingURL=Tab.js.map

package/dist/components/Tabs/TabList.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"react";import"react-aria-components";import"../../index-CCUt_dAN.js";import"../Carousel/CarouselButton/CarouselButton.js";import{TabList as o,TabList as t}from"./Tabs.js";import"../../utils/carousel/hooks/useCarousel.js";import"../../TabPanel-C7ANBbTA.js";export{o as TabList,t as default};
+import"react/jsx-runtime";import"react";import"react-aria-components";import"../../index-CCUt_dAN.js";import"../Carousel/CarouselButton/CarouselButton.js";import{TabList as o,TabList as t}from"./Tabs.js";import"../../utils/carousel/hooks/useCarousel.js";import"../../TabPanel-DDYn4r31.js";export{o as TabList,t as default};
 //# sourceMappingURL=TabList.js.map

package/dist/components/Tabs/TabPanel.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import"react-aria-components";import{T as a,T as r}from"../../TabPanel-C7ANBbTA.js";export{a as TabPanel,r as default};
+import"react/jsx-runtime";import"react-aria-components";import{T as a,T as r}from"../../TabPanel-DDYn4r31.js";export{a as TabPanel,r as default};
 //# sourceMappingURL=TabPanel.js.map

package/dist/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import i,{useRef as l,useCallback as s,createContext as r,useContext as n}from"react";import{TabList as o,Tab as c,Tabs as d}from"react-aria-components";import{c as u}from"../../index-CCUt_dAN.js";import{s as f,T as h}from"../../TabPanel-C7ANBbTA.js";import{CarouselButton as m}from"../Carousel/CarouselButton/CarouselButton.js";import{Heading as y}from"../Heading/Heading.js";import{Icon as b}from"../Icon/Icon.js";import{focusStyleVariants as g}from"../../utils/focus/focusStyles.js";import{useCarousel as S}from"../../utils/carousel/hooks/useCarousel.js";const p=u(f.tabList,{variants:{fillContainer:{true:f.fillContainer,false:void 0},hasScrollButtons:{true:f.hasScrollButtons,false:void 0}},defaultVariants:{fillContainer:!1,hasScrollButtons:!1}}),v=({children:t,className:r})=>{const n=N(),{styleVariant:c,align:d,fillContainer:u,focusStyle:h}=n,y=l(null),b="contained"===c?"shapeElevated":"gradient",{scrollerRef:g,setScrollerRef:v,canScrollLeft:C,canScrollRight:V,isOverflowing:w,isItemFullyVisible:B,scrollToItem:x,prevArrowProps:T,nextArrowProps:j,arrowsVisible:D,dragProps:L}=S({arrowStyleVariant:b,focusStyle:h,mouseDragging:!1,hideDisabledArrows:!0}),P=g,$=!u&&w&&D,z=i.Children.count(t),K=s(()=>{if(!P.current||!C)return;const e=P.current;B(0)?e.scrollBy({left:-.6*e.clientWidth,behavior:"smooth"}):x(0)},[C,B,x,P]),A=s(()=>{if(!P.current||!V)return;const e=P.current;B(z-1)?e.scrollBy({left:.6*e.clientWidth,behavior:"smooth"}):x(z-1)},[V,B,z,x,P]),I=r?`${p({fillContainer:u,hasScrollButtons:$})} ${r}`:p({fillContainer:u,hasScrollButtons:$});/* @__PURE__ */
+import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import i,{useRef as l,useCallback as s,createContext as r,useContext as n}from"react";import{TabList as o,Tab as c,Tabs as d}from"react-aria-components";import{c as u}from"../../index-CCUt_dAN.js";import{s as f,T as h}from"../../TabPanel-DDYn4r31.js";import{CarouselButton as m}from"../Carousel/CarouselButton/CarouselButton.js";import{Heading as y}from"../Heading/Heading.js";import{Icon as b}from"../Icon/Icon.js";import{focusStyleVariants as g}from"../../utils/focus/focusStyles.js";import{useCarousel as S}from"../../utils/carousel/hooks/useCarousel.js";const p=u(f.tabList,{variants:{fillContainer:{true:f.fillContainer,false:void 0},hasScrollButtons:{true:f.hasScrollButtons,false:void 0}},defaultVariants:{fillContainer:!1,hasScrollButtons:!1}}),v=({children:t,className:r})=>{const n=N(),{styleVariant:c,align:d,fillContainer:u,focusStyle:h}=n,y=l(null),b="contained"===c?"shapeElevated":"gradient",{scrollerRef:g,setScrollerRef:v,canScrollLeft:C,canScrollRight:V,isOverflowing:w,isItemFullyVisible:B,scrollToItem:x,prevArrowProps:T,nextArrowProps:j,arrowsVisible:D,dragProps:L}=S({arrowStyleVariant:b,focusStyle:h,mouseDragging:!1,hideDisabledArrows:!0}),P=g,$=!u&&w&&D,z=i.Children.count(t),K=s(()=>{if(!P.current||!C)return;const e=P.current;B(0)?e.scrollBy({left:-.6*e.clientWidth,behavior:"smooth"}):x(0)},[C,B,x,P]),A=s(()=>{if(!P.current||!V)return;const e=P.current;B(z-1)?e.scrollBy({left:.6*e.clientWidth,behavior:"smooth"}):x(z-1)},[V,B,z,x,P]),I=r?`${p({fillContainer:u,hasScrollButtons:$})} ${r}`:p({fillContainer:u,hasScrollButtons:$});/* @__PURE__ */
 return e("div",{className:f.tabListContainer,ref:y,"data-has-scroll-buttons":$?"true":void 0,"data-style-variant":c,children:[$&&!T.hidden&&/* @__PURE__ */a(m,{dir:"prev",variant:T.styleVariant,size:T.size,focusStyle:T.focusStyle,hideDisabledArrow:T.hidden,isDisabled:T.disabled,className:f.scrollButtonPrev,onClick:K,standalone:!0}),
 /* @__PURE__ */a(o,{ref:v,className:I,"data-style-variant":c,"data-align":d,...L,children:t}),$&&!j.hidden&&/* @__PURE__ */a(m,{dir:"next",variant:j.styleVariant,size:j.size,focusStyle:j.focusStyle,hideDisabledArrow:j.hidden,isDisabled:j.disabled,className:f.scrollButtonNext,onClick:A,standalone:!0})]})},C=({id:i,children:l,iconName:s,href:r,isDisabled:n,className:o})=>{const d=N(),{styleVariant:u,focusStyle:h,headingLevel:m}=d,S=o?`${f.tab} ${g({focusStyle:h})} ${o}`:`${f.tab} ${g({focusStyle:h})}`;/* @__PURE__ */
 return a(c,{id:i,href:r,className:S,"data-has-icon":s?"true":void 0,"data-focus-style":"white"===h?"white":void 0,isDisabled:n,children:/* @__PURE__ */a("span",{className:f.tabText,children:(()=>{const i=/* @__PURE__ */e(t,{children:[s&&/* @__PURE__ */a(b,{iconName:s,iconSize:"heading"===u?"1.5x":"1x",padding:"square","aria-hidden":"true"}),l]});return"heading"===u?/* @__PURE__ */a(y,{as:m,size:"sm",children:i}):i})()})})},V=u(f.tabs,{variants:{styleVariant:{line:f.line,pill:f.pill,contained:f.contained,heading:f.heading},align:{start:f.alignStart,center:f.alignCenter}},defaultVariants:{styleVariant:"line",align:"start"}}),w=r(null),N=()=>{const e=n(w);if(!e)throw new Error("Tab components must be used within a Tabs component");return e},B=({children:t,styleVariant:i="line",align:l="start",fillContainer:s=!1,focusStyle:r="default",headingLevel:n="h3",selectedKey:o,defaultSelectedKey:c,disabledKeys:u,onSelectionChange:m,routes:y})=>{const b={styleVariant:i,align:l,fillContainer:s,focusStyle:r,headingLevel:n};/* @__PURE__ */

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import{Tab as a,TabList as o,Tabs as r,useTabsContext as s}from"./Tabs.js";import{T as e}from"../../TabPanel-C7ANBbTA.js";export{a as Tab,o as TabList,e as TabPanel,r as default,s as useTabsContext};
+import{Tab as a,TabList as o,Tabs as r,useTabsContext as s}from"./Tabs.js";import{T as e}from"../../TabPanel-DDYn4r31.js";export{a as Tab,o as TabList,e as TabPanel,r as default,s as useTabsContext};
 //# sourceMappingURL=index.js.map

package/dist/components/index.d.ts

@@ -1,5 +1,7 @@
 export { default as Accordion, AccordionGroup } from './Accordion';
 export type * from './Accordion';
+export { default as AppBannerSection } from './AppBannerSection';
+export type * from './AppBannerSection';
 export { default as AviosCurrencyBadge } from './AviosCurrencyBadge';
 export type * from './AviosCurrencyBadge';
 export { default as AviosCurrency } from './AviosCurrency';

package/dist/components/index.js

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

package/dist/index.js

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

package/dist/utils/border/border.d.ts

@@ -1,24 +1,24 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const borderVariants: (props?: ({
-    borderRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "3xs" | "4xs" | "5xs" | "6xs" | "card" | null | undefined;
+    borderRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "card" | null | undefined;
     borderWidth?: "lg" | "sm" | "xs" | "xl" | "none" | "md" | null | undefined;
     borderStyle?: "none" | "solid" | "dashed" | null | undefined;
     borderColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
     borderTopWidth?: "lg" | "sm" | "xs" | "xl" | "none" | "md" | null | undefined;
-    borderTopRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "3xs" | "4xs" | "5xs" | "6xs" | "card" | null | undefined;
+    borderTopRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "card" | null | undefined;
     borderTopStyle?: "none" | "solid" | "dashed" | null | undefined;
     borderTopColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
     borderRightWidth?: "lg" | "sm" | "xs" | "xl" | "none" | "md" | null | undefined;
-    borderRightRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "3xs" | "4xs" | "5xs" | "6xs" | "card" | null | undefined;
+    borderRightRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "card" | null | undefined;
     borderRightStyle?: "none" | "solid" | "dashed" | null | undefined;
     borderRightColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
     borderBottomWidth?: "lg" | "sm" | "xs" | "xl" | "none" | "md" | null | undefined;
-    borderBottomRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "3xs" | "4xs" | "5xs" | "6xs" | "card" | null | undefined;
+    borderBottomRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "card" | null | undefined;
     borderBottomStyle?: "none" | "solid" | "dashed" | null | undefined;
     borderBottomColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
     borderLeftWidth?: "lg" | "sm" | "xs" | "xl" | "none" | "md" | null | undefined;
-    borderLeftRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "3xs" | "4xs" | "5xs" | "6xs" | "card" | null | undefined;
+    borderLeftRadius?: "lg" | "sm" | "xs" | "2xs" | "xl" | "none" | "circle" | "md" | "5xs" | "4xs" | "3xs" | "6xs" | "card" | null | undefined;
     borderLeftStyle?: "none" | "solid" | "dashed" | null | undefined;
     borderLeftColour?: "secondary" | "none" | "white" | "critical" | "warning" | "caution" | "success" | "tertiary" | "accent" | "information" | "inverse" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -15,18 +15,18 @@ export declare const isFlexBasisToken: (value: unknown) => value is FlexBasisTok
 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" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | null | undefined;
+    alignItems?: "center" | "start" | "end" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "selfCenter" | null | undefined;
+    justifyContent?: "left" | "right" | "inherit" | "center" | "start" | "end" | "initial" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | null | undefined;
     flexWrap?: "wrap" | "nowrap" | "wrapReverse" | 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" | "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;
+    alignSelf?: "inherit" | "center" | "start" | "end" | "initial" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "selfStart" | "selfEnd" | "normal" | "auto" | "baseline" | null | undefined;
+    alignContent?: "inherit" | "center" | "start" | "end" | "initial" | "revert" | "unset" | "revertLayer" | "flexStart" | "flexEnd" | "stretch" | "spaceBetween" | "spaceAround" | "spaceEvenly" | "normal" | "baseline" | "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;
+    gap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    rowGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    columnGap?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type FlexVariants = VariantProps<typeof flexVariants>;
 export declare const flexArgTypes: {

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

@@ -1,13 +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;
+    margin?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginX?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginY?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginTop?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginRight?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginBottom?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | null | undefined;
+    marginLeft?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | "auto" | 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/padding/padding.d.ts

@@ -1,13 +1,13 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputType } from 'storybook/internal/types';
 export declare const paddingVariants: (props?: ({
-    padding?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingX?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingY?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingTop?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingRight?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingBottom?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
-    paddingLeft?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "3xs" | "4xs" | "5xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    padding?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingX?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingY?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingTop?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingRight?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingBottom?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
+    paddingLeft?: "lg" | "sm" | "xs" | "2xs" | "xl" | "2xl" | "none" | "md" | "5xs" | "4xs" | "3xs" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type PaddingVariants = VariantProps<typeof paddingVariants>;
 export declare const paddingArgTypes: Record<string, InputType>;

package/dist/utils/stories/DraggableContainer.js

@@ -1,4 +1,4 @@
-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"../../components/DateField/DateField.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/SegmentedControl/SegmentedControl.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:p=500,minWidth:c=300,maxWidth:d=800,title:l="Draggable Container",description:u="Drag the right edge to resize and see scroll behavior"})=>{const[j,b]=t(p),[g,C]=t(!1),h=n(null),x=n(0),S=n(p),y=o=>{if(!g)return;const e=o.clientX-x.current,t=Math.max(c,Math.min(d,S.current+e));b(t)},F=()=>{C(!1)};return r(()=>{if(g)return document.addEventListener("mousemove",y),document.addEventListener("mouseup",F),document.body.style.cursor="ew-resize",document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",F),document.body.style.cursor="",document.body.style.userSelect=""}},[g]),/* @__PURE__ */o("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as r}from"react";import '../../assets/skeleton.css';import '../../assets/global.css';/* empty css                   */import"../../components/Accordion/Accordion.js";import"../../components/AppBannerSection/AppBannerSection.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"../../components/DateField/DateField.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/SegmentedControl/SegmentedControl.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:p=500,minWidth:c=300,maxWidth:d=800,title:l="Draggable Container",description:u="Drag the right edge to resize and see scroll behavior"})=>{const[j,b]=t(p),[g,C]=t(!1),h=n(null),x=n(0),S=n(p),B=o=>{if(!g)return;const e=o.clientX-x.current,t=Math.max(c,Math.min(d,S.current+e));b(t)},y=()=>{C(!1)};return r(()=>{if(g)return document.addEventListener("mousemove",B),document.addEventListener("mouseup",y),document.body.style.cursor="ew-resize",document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",B),document.removeEventListener("mouseup",y),document.body.style.cursor="",document.body.style.userSelect=""}},[g]),/* @__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})})]}),

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alto-avios/alto-ui",
-  "version": "5.7.1",
+  "version": "5.8.0",
   "description": "A react component library for Alto Design System",
   "author": {
     "name": "Ian Caldwell IAGL",

package/dist/TabPanel-C7ANBbTA.js

@@ -1,3 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{TabPanel as _}from"react-aria-components";import './assets/TabPanel.css';const a={tabs:"_tabs_4rgdj_1",tab:"_tab_4rgdj_1",tabText:"_tabText_4rgdj_18",tabList:"_tabList_4rgdj_32",fillContainer:"_fillContainer_4rgdj_38",contained:"_contained_4rgdj_39",alignStart:"_alignStart_4rgdj_48",alignCenter:"_alignCenter_4rgdj_52",line:"_line_4rgdj_99",pill:"_pill_4rgdj_151",heading:"_heading_4rgdj_196",tabPanel:"_tabPanel_4rgdj_242",tabListContainer:"_tabListContainer_4rgdj_255",scrollButtonPrev:"_scrollButtonPrev_4rgdj_268",scrollButtonNext:"_scrollButtonNext_4rgdj_269",hasScrollButtons:"_hasScrollButtons_4rgdj_335"},r=({id:r,children:n,className:e})=>{const l=e?`${a.tabPanel} ${e}`:a.tabPanel;/* @__PURE__ */
-return t(_,{id:String(r),className:l,children:n})};export{r as T,a as s};
-//# sourceMappingURL=TabPanel-C7ANBbTA.js.map