@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0

package/ui/buttons/Button.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.type.js","names":[],"sources":["../../../lib/ui/buttons/Button.type.ts"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { IconicNames } from '@clubmed/trident-icons';\nimport type { Colors } from '../types/Colors';\nimport type { PropsWithChildren } from 'react';\n\nexport interface ButtonProps extends PropsWithChildren {\n  color?: Colors;\n  icon?: IconicNames;\n  iconWidth?: string;\n  size?: 'small' | 'medium' | 'large';\n  theme?: 'outline' | 'solid';\n  variant?: 'circle' | 'pill';\n}\n\ntype Params = {\n  color: ButtonProps['color'];\n  size: ButtonProps['size'];\n  theme: ButtonProps['theme'];\n  variant: ButtonProps['variant'];\n};\n\nexport const BUTTON_COLORS = {\n  black: 'button-black',\n  green: 'button-green',\n  lavender: 'button-lavender',\n  lightSand: 'button-lightSand',\n  marygold: 'button-marygold',\n  pearl: 'button-pearl',\n  orange: 'button-orange',\n  red: 'button-red',\n  saffron: 'button-saffron',\n  sand: 'button-sand',\n  sienna: 'button-sienna',\n  ultramarine: 'button-ultramarine',\n  verdigris: 'button-verdigris',\n  wave: 'button-wave',\n  white: 'button-white',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst colorGuard = (color: string | undefined): color is keyof typeof BUTTON_COLORS => {\n  return color != undefined && color in BUTTON_COLORS;\n};\n\nconst getButtonColor = (color: string | undefined) => {\n  if (colorGuard(color)) {\n    return BUTTON_COLORS[color];\n  }\n\n  return BUTTON_COLORS.saffron;\n};\n\nexport const BUTTON_THEMES = {\n  outline: 'button-outline',\n  solid: 'button-solid',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst themeGuard = (color: string | undefined): color is keyof typeof BUTTON_THEMES => {\n  return color != undefined && color in BUTTON_THEMES;\n};\n\nconst getButtonTheme = (theme: string | undefined) => {\n  if (themeGuard(theme)) {\n    return BUTTON_THEMES[theme];\n  }\n\n  return BUTTON_THEMES.solid;\n};\n\nexport const BUTTON_VARIANTS = {\n  circle: 'button-circle',\n  pill: 'button-pill',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst variantGuard = (color: string | undefined): color is keyof typeof BUTTON_VARIANTS => {\n  return color != undefined && color in BUTTON_VARIANTS;\n};\n\nconst getButtonVariant = (variant: string | undefined) => {\n  if (variantGuard(variant)) {\n    return BUTTON_VARIANTS[variant];\n  }\n\n  return BUTTON_VARIANTS.pill;\n};\n\nexport const BUTTON_SIZES = {\n  small: 'button-small',\n  medium: 'button-medium',\n  large: 'button-large',\n  primary: 'button-medium',\n  secondary: 'button-secondary',\n  tertiary: 'button-tertiary',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst sizeGuard = (color: string | undefined): color is keyof typeof BUTTON_SIZES => {\n  return color != undefined && color in BUTTON_SIZES;\n};\n\nconst getButtonSize = (size: ButtonProps['size']) => {\n  if (sizeGuard(size)) {\n    return BUTTON_SIZES[size];\n  }\n\n  return BUTTON_SIZES.medium;\n};\n\nexport const getButtonClasses = ({ color, size, theme, variant }: Params) => {\n  /* keep the \"flex\" class outside of \"button-*\" so that it can be overridden in responsive */\n  return clsx(\n    'flex',\n    'button',\n    getButtonTheme(theme),\n    getButtonColor(color),\n    getButtonVariant(variant),\n    getButtonSize(size),\n  );\n};\n"],"mappings":";;AAsBA,IAAa,IAAgB;CAC3B,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,MAAM;CACN,QAAQ;CACR,aAAa;CACb,WAAW;CACX,MAAM;CACN,OAAO;CACR,EAEK,KAAc,MACX,KAAS,QAAa,KAAS,GAGlC,KAAkB,MAClB,EAAW,EAAM,GACZ,EAAc,KAGhB,EAAc,SAGV,IAAgB;CAC3B,SAAS;CACT,OAAO;CACR,EAEK,KAAc,MACX,KAAS,QAAa,KAAS,GAGlC,KAAkB,MAClB,EAAW,EAAM,GACZ,EAAc,KAGhB,EAAc,OAGV,IAAkB;CAC7B,QAAQ;CACR,MAAM;CACP,EAEK,KAAgB,MACb,KAAS,QAAa,KAAS,GAGlC,KAAoB,MACpB,EAAa,EAAQ,GAChB,EAAgB,KAGlB,EAAgB,MAGZ,IAAe;CAC1B,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,WAAW;CACX,UAAU;CACX,EAEK,KAAa,MACV,KAAS,QAAa,KAAS,GAGlC,KAAiB,MACjB,EAAU,EAAK,GACV,EAAa,KAGf,EAAa,QAGT,KAAoB,EAAE,UAAO,SAAM,UAAO,iBAE9C,EACL,QACA,UACA,EAAe,EAAM,EACrB,EAAe,EAAM,EACrB,EAAiB,EAAQ,EACzB,EAAc,EAAK,CACpB"}
+{"version":3,"file":"Button.type.js","names":[],"sources":["../../../lib/ui/buttons/Button.type.ts"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { IconicNames } from '@clubmed/trident-icons';\nimport type { Colors } from '../types/Colors';\nimport type { PropsWithChildren } from 'react';\n\nexport interface ButtonProps extends PropsWithChildren {\n  color?: Colors;\n  icon?: IconicNames;\n  iconWidth?: string;\n  size?: 'small' | 'medium' | 'large' | 'primary' | 'secondary' | 'tertiary';\n  theme?: 'outline' | 'solid';\n  variant?: 'circle' | 'pill';\n}\n\ntype Params = {\n  color: ButtonProps['color'];\n  size: ButtonProps['size'];\n  theme: ButtonProps['theme'];\n  variant: ButtonProps['variant'];\n};\n\nexport const BUTTON_COLORS = {\n  black: 'button-black',\n  green: 'button-green',\n  lavender: 'button-lavender',\n  lightSand: 'button-lightSand',\n  marygold: 'button-marygold',\n  pearl: 'button-pearl',\n  orange: 'button-orange',\n  red: 'button-red',\n  saffron: 'button-saffron',\n  sand: 'button-sand',\n  sienna: 'button-sienna',\n  ultramarine: 'button-ultramarine',\n  verdigris: 'button-verdigris',\n  wave: 'button-wave',\n  white: 'button-white',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst colorGuard = (color: string | undefined): color is keyof typeof BUTTON_COLORS => {\n  return color != undefined && color in BUTTON_COLORS;\n};\n\nconst getButtonColor = (color: string | undefined) => {\n  if (colorGuard(color)) {\n    return BUTTON_COLORS[color];\n  }\n\n  return BUTTON_COLORS.saffron;\n};\n\nexport const BUTTON_THEMES = {\n  outline: 'button-outline',\n  solid: 'button-solid',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst themeGuard = (color: string | undefined): color is keyof typeof BUTTON_THEMES => {\n  return color != undefined && color in BUTTON_THEMES;\n};\n\nconst getButtonTheme = (theme: string | undefined) => {\n  if (themeGuard(theme)) {\n    return BUTTON_THEMES[theme];\n  }\n\n  return BUTTON_THEMES.solid;\n};\n\nexport const BUTTON_VARIANTS = {\n  circle: 'button-circle',\n  pill: 'button-pill',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst variantGuard = (color: string | undefined): color is keyof typeof BUTTON_VARIANTS => {\n  return color != undefined && color in BUTTON_VARIANTS;\n};\n\nconst getButtonVariant = (variant: string | undefined) => {\n  if (variantGuard(variant)) {\n    return BUTTON_VARIANTS[variant];\n  }\n\n  return BUTTON_VARIANTS.pill;\n};\n\nexport const BUTTON_SIZES = {\n  small: 'button-small',\n  medium: 'button-medium',\n  large: 'button-large',\n  primary: 'button-medium',\n  secondary: 'button-secondary',\n  tertiary: 'button-tertiary',\n} as const satisfies Record<string, `button-${string}`>;\n\nconst sizeGuard = (color: string | undefined): color is keyof typeof BUTTON_SIZES => {\n  return color != undefined && color in BUTTON_SIZES;\n};\n\nconst getButtonSize = (size: ButtonProps['size']) => {\n  if (sizeGuard(size)) {\n    return BUTTON_SIZES[size];\n  }\n\n  return BUTTON_SIZES.medium;\n};\n\nexport const getButtonClasses = ({ color, size, theme, variant }: Params) => {\n  /* keep the \"flex\" class outside of \"button-*\" so that it can be overridden in responsive */\n  return clsx(\n    'flex',\n    'button',\n    'outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2',\n    getButtonTheme(theme),\n    getButtonColor(color),\n    getButtonVariant(variant),\n    getButtonSize(size),\n  );\n};\n"],"mappings":";;AAsBA,IAAa,IAAgB;CAC3B,OAAO;CACP,OAAO;CACP,UAAU;CACV,WAAW;CACX,UAAU;CACV,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,MAAM;CACN,QAAQ;CACR,aAAa;CACb,WAAW;CACX,MAAM;CACN,OAAO;CACR,EAEK,KAAc,MACX,KAAS,QAAa,KAAS,GAGlC,KAAkB,MAClB,EAAW,EAAM,GACZ,EAAc,KAGhB,EAAc,SAGV,IAAgB;CAC3B,SAAS;CACT,OAAO;CACR,EAEK,KAAc,MACX,KAAS,QAAa,KAAS,GAGlC,KAAkB,MAClB,EAAW,EAAM,GACZ,EAAc,KAGhB,EAAc,OAGV,IAAkB;CAC7B,QAAQ;CACR,MAAM;CACP,EAEK,KAAgB,MACb,KAAS,QAAa,KAAS,GAGlC,KAAoB,MACpB,EAAa,EAAQ,GAChB,EAAgB,KAGlB,EAAgB,MAGZ,IAAe;CAC1B,OAAO;CACP,QAAQ;CACR,OAAO;CACP,SAAS;CACT,WAAW;CACX,UAAU;CACX,EAEK,KAAa,MACV,KAAS,QAAa,KAAS,GAGlC,KAAiB,MACjB,EAAU,EAAK,GACV,EAAa,KAGf,EAAa,QAGT,KAAoB,EAAE,UAAO,SAAM,UAAO,iBAE9C,EACL,QACA,UACA,0FACA,EAAe,EAAM,EACrB,EAAe,EAAM,EACrB,EAAiB,EAAQ,EACzB,EAAc,EAAK,CACpB"}

package/ui/buttons/ButtonContent.js

@@ -1,7 +1,7 @@
-import { Icon as e } from "@clubmed/trident-icons";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Icon as r } from "@clubmed/trident-icons";
 //#region lib/ui/buttons/ButtonContent.tsx
-var i = ({ children: i, icon: a, iconType: o, iconWidth: s }) => /* @__PURE__ */ r(t, { children: [i, a && /* @__PURE__ */ n(e, {
+var i = ({ children: i, icon: a, iconType: o, iconWidth: s }) => /* @__PURE__ */ n(e, { children: [i, a && /* @__PURE__ */ t(r, {
 	name: a,
 	width: s ?? "24px",
 	type: o

package/ui/carousel/Carousel.context.d.ts

@@ -0,0 +1,27 @@
+import { default as useEmblaCarousel } from 'embla-carousel-react';
+import { ComponentPropsWithoutRef, FunctionComponent } from 'react';
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugins = UseCarouselParameters[1];
+interface CarouselContextProps {
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    inViews: number[];
+    isRTL: boolean;
+    items: number;
+    options?: CarouselOptions;
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    scrollProgress: number;
+    snapped: number[];
+}
+interface CarouselProviderProps extends ComponentPropsWithoutRef<'div'> {
+    options?: CarouselOptions;
+    plugins?: CarouselPlugins;
+    scrollValue?: number;
+}
+export declare const CarouselProvider: FunctionComponent<CarouselProviderProps>;
+export declare const useCarousel: () => CarouselContextProps;
+export {};

package/ui/carousel/Carousel.context.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../../chunks/Carousel.context.js";
+export { t as CarouselProvider, e as useCarousel };

package/ui/carousel/Carousel.d.ts

@@ -0,0 +1,3 @@
+import { ComponentProps, FunctionComponent } from 'react';
+import { CarouselProvider } from './Carousel.context';
+export declare const Carousel: FunctionComponent<ComponentProps<typeof CarouselProvider>>;

package/ui/carousel/Carousel.js

@@ -0,0 +1,12 @@
+"use client";
+import { t as e } from "../../chunks/Carousel.context.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/ui/carousel/Carousel.tsx
+var n = ({ children: n, ...r }) => /* @__PURE__ */ t(e, {
+	...r,
+	children: n
+});
+//#endregion
+export { n as Carousel };
+
+//# sourceMappingURL=Carousel.js.map

package/ui/carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":[],"sources":["../../../lib/ui/carousel/Carousel.tsx"],"sourcesContent":["'use client';\nimport type { ComponentProps, FunctionComponent } from 'react';\n\nimport { CarouselProvider } from './Carousel.context';\n\nexport const Carousel: FunctionComponent<ComponentProps<typeof CarouselProvider>> = ({\n  children,\n  ...props\n}) => {\n  return <CarouselProvider {...props}>{children}</CarouselProvider>;\n};\n"],"mappings":";;;;AAKA,IAAa,KAAwE,EACnF,aACA,GAAG,QAEI,kBAAC,GAAD;CAAkB,GAAI;CAAQ;CAA4B,CAAA"}

package/ui/carousel/CarouselBody.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps, FunctionComponent } from 'react';
+interface Props extends ComponentProps<'div'> {
+    scrollClassName?: string;
+}
+export declare const CarouselBody: FunctionComponent<Props>;
+export {};

package/ui/carousel/CarouselBody.js

@@ -0,0 +1,21 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { n as t } from "../../chunks/Carousel.context.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/ui/carousel/CarouselBody.tsx
+var r = ({ children: r, className: i, scrollClassName: a, ...o }) => {
+	let { canScrollPrev: s, canScrollNext: c, carouselRef: l, options: u } = t(), d = !s && !c;
+	return /* @__PURE__ */ n("div", {
+		...o,
+		className: e(i, "overflow-hidden"),
+		ref: l,
+		children: /* @__PURE__ */ n("div", {
+			className: e(a, "grid", u?.axis === "y" ? "grid-flow-row" : "grid-flow-col", { "transform-none!": d }),
+			children: r
+		})
+	});
+};
+//#endregion
+export { r as CarouselBody };
+
+//# sourceMappingURL=CarouselBody.js.map

package/ui/carousel/CarouselBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselBody.js","names":[],"sources":["../../../lib/ui/carousel/CarouselBody.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, FunctionComponent } from 'react';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends ComponentProps<'div'> {\n  scrollClassName?: string;\n}\n\nexport const CarouselBody: FunctionComponent<Props> = ({\n  children,\n  className,\n  scrollClassName,\n  ...attrs\n}) => {\n  const { canScrollPrev, canScrollNext, carouselRef, options } = useCarousel();\n\n  const noScroll = !canScrollPrev && !canScrollNext;\n\n  return (\n    <div {...attrs} className={clsx(className, 'overflow-hidden')} ref={carouselRef}>\n      <div\n        className={clsx(\n          scrollClassName,\n          'grid',\n          options?.axis === 'y' ? 'grid-flow-row' : 'grid-flow-col',\n          {\n            'transform-none!': noScroll,\n          },\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;AAUA,IAAa,KAA0C,EACrD,aACA,cACA,oBACA,GAAG,QACC;CACJ,IAAM,EAAE,kBAAe,kBAAe,gBAAa,eAAY,GAAa,EAEtE,IAAW,CAAC,KAAiB,CAAC;AAEpC,QACE,kBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,EAAK,GAAW,kBAAkB;EAAE,KAAK;YAClE,kBAAC,OAAD;GACE,WAAW,EACT,GACA,QACA,GAAS,SAAS,MAAM,kBAAkB,iBAC1C,EACE,mBAAmB,GACpB,CACF;GAEA;GACG,CAAA;EACF,CAAA"}

package/ui/carousel/CarouselItem.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+interface Props {
+    index: number;
+}
+export declare const CarouselItem: FunctionComponent<PropsWithChildren<Props>>;
+export {};

package/ui/carousel/CarouselItem.js

@@ -0,0 +1,21 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { n as t } from "../../chunks/Carousel.context.js";
+import { cloneElement as n, isValidElement as r } from "react";
+//#region lib/ui/carousel/CarouselItem.tsx
+var i = ({ children: i, index: a }) => {
+	let { canScrollPrev: o, canScrollNext: s, inViews: c = [], snapped: l = [] } = t(), u = c.includes(a), d = l.includes(a), f = r(i) ? {
+		"aria-hidden": !u,
+		className: e(i?.props?.className, "group/carousel-item", {
+			"is-visible": u,
+			"is-snapped": d
+		}),
+		inert: !u,
+		tabIndex: o || s ? -1 : void 0
+	} : void 0;
+	return r(i) ? n(i, f) : i;
+};
+//#endregion
+export { i as CarouselItem };
+
+//# sourceMappingURL=CarouselItem.js.map

package/ui/carousel/CarouselItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselItem.js","names":[],"sources":["../../../lib/ui/carousel/CarouselItem.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { FunctionComponent, PropsWithChildren } from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props {\n  index: number;\n}\n\nexport const CarouselItem: FunctionComponent<PropsWithChildren<Props>> = ({ children, index }) => {\n  const { canScrollPrev, canScrollNext, inViews = [], snapped = [] } = useCarousel();\n\n  const isVisible = inViews.includes(index);\n  const isSnapped = snapped.includes(index);\n\n  const props = isValidElement<{ className?: string }>(children)\n    ? {\n        'aria-hidden': !isVisible,\n        className: clsx(children?.props?.className, 'group/carousel-item', {\n          'is-visible': isVisible,\n          'is-snapped': isSnapped,\n        }),\n        inert: !isVisible,\n        tabIndex: canScrollPrev || canScrollNext ? -1 : undefined,\n      }\n    : undefined;\n\n  return isValidElement(children) ? cloneElement(children, props) : children;\n};\n"],"mappings":";;;;;AAWA,IAAa,KAA6D,EAAE,aAAU,eAAY;CAChG,IAAM,EAAE,kBAAe,kBAAe,aAAU,EAAE,EAAE,aAAU,EAAE,KAAK,GAAa,EAE5E,IAAY,EAAQ,SAAS,EAAM,EACnC,IAAY,EAAQ,SAAS,EAAM,EAEnC,IAAQ,EAAuC,EAAS,GAC1D;EACE,eAAe,CAAC;EAChB,WAAW,EAAK,GAAU,OAAO,WAAW,uBAAuB;GACjE,cAAc;GACd,cAAc;GACf,CAAC;EACF,OAAO,CAAC;EACR,UAAU,KAAiB,IAAgB,KAAK,KAAA;EACjD,GACD,KAAA;AAEJ,QAAO,EAAe,EAAS,GAAG,EAAa,GAAU,EAAM,GAAG"}

package/ui/carousel/CarouselNext.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import { ArrowButton } from '../buttons/ArrowButton';
+interface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {
+    icon?: ComponentProps<typeof ArrowButton>['icon'];
+    label: string;
+}
+export declare const CarouselNext: ({ className, label, onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/ui/carousel/CarouselNext.js

@@ -0,0 +1,23 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { ArrowButton as t } from "../buttons/ArrowButton.js";
+import { n } from "../../chunks/Carousel.context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/ui/carousel/CarouselNext.tsx
+var i = ({ className: i, label: a, onClick: o, ...s }) => {
+	let { canScrollNext: c, scrollNext: l } = n();
+	return /* @__PURE__ */ r(t, {
+		icon: "ArrowDefaultRight",
+		...s,
+		className: e("pointer-events-auto", i),
+		disabled: !c,
+		onClick: (e) => {
+			l(), o?.(e);
+		},
+		children: a
+	});
+};
+//#endregion
+export { i as CarouselNext };
+
+//# sourceMappingURL=CarouselNext.js.map

package/ui/carousel/CarouselNext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselNext.js","names":[],"sources":["../../../lib/ui/carousel/CarouselNext.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, MouseEvent } from 'react';\n\nimport { ArrowButton } from '../buttons/ArrowButton';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {\n  icon?: ComponentProps<typeof ArrowButton>['icon'];\n  label: string;\n}\n\nexport const CarouselNext = ({ className, label, onClick, ...props }: Props) => {\n  const { canScrollNext, scrollNext } = useCarousel();\n\n  return (\n    <ArrowButton\n      icon=\"ArrowDefaultRight\"\n      {...props}\n      className={clsx('pointer-events-auto', className)}\n      disabled={!canScrollNext}\n      onClick={(e: MouseEvent<HTMLButtonElement>) => {\n        scrollNext();\n        onClick?.(e as never);\n      }}\n    >\n      {label}\n    </ArrowButton>\n  );\n};\n"],"mappings":";;;;;;AAaA,IAAa,KAAgB,EAAE,cAAW,UAAO,YAAS,GAAG,QAAmB;CAC9E,IAAM,EAAE,kBAAe,kBAAe,GAAa;AAEnD,QACE,kBAAC,GAAD;EACE,MAAK;EACL,GAAI;EACJ,WAAW,EAAK,uBAAuB,EAAU;EACjD,UAAU,CAAC;EACX,UAAU,MAAqC;AAE7C,GADA,GAAY,EACZ,IAAU,EAAW;;YAGtB;EACW,CAAA"}

package/ui/carousel/CarouselPrevious.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import { ArrowButton } from '../buttons/ArrowButton';
+interface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {
+    icon?: ComponentProps<typeof ArrowButton>['icon'];
+    label: string;
+}
+export declare const CarouselPrevious: ({ className, label, onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/ui/carousel/CarouselPrevious.js

@@ -0,0 +1,23 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { ArrowButton as t } from "../buttons/ArrowButton.js";
+import { n } from "../../chunks/Carousel.context.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/ui/carousel/CarouselPrevious.tsx
+var i = ({ className: i, label: a, onClick: o, ...s }) => {
+	let { canScrollPrev: c, scrollPrev: l } = n();
+	return /* @__PURE__ */ r(t, {
+		icon: "ArrowDefaultLeft",
+		...s,
+		className: e("pointer-events-auto", i),
+		disabled: !c,
+		onClick: (e) => {
+			l(), o?.(e);
+		},
+		children: a
+	});
+};
+//#endregion
+export { i as CarouselPrevious };
+
+//# sourceMappingURL=CarouselPrevious.js.map

package/ui/carousel/CarouselPrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselPrevious.js","names":[],"sources":["../../../lib/ui/carousel/CarouselPrevious.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, MouseEvent } from 'react';\n\nimport { ArrowButton } from '../buttons/ArrowButton';\n\nimport { useCarousel } from './Carousel.context';\n\ninterface Props extends Omit<ComponentProps<typeof ArrowButton>, 'icon'> {\n  icon?: ComponentProps<typeof ArrowButton>['icon'];\n  label: string;\n}\n\nexport const CarouselPrevious = ({ className, label, onClick, ...props }: Props) => {\n  const { canScrollPrev, scrollPrev } = useCarousel();\n\n  return (\n    <ArrowButton\n      icon=\"ArrowDefaultLeft\"\n      {...props}\n      className={clsx('pointer-events-auto', className)}\n      disabled={!canScrollPrev}\n      onClick={(e: MouseEvent<HTMLButtonElement>) => {\n        scrollPrev();\n        onClick?.(e as never);\n      }}\n    >\n      {label}\n    </ArrowButton>\n  );\n};\n"],"mappings":";;;;;;AAaA,IAAa,KAAoB,EAAE,cAAW,UAAO,YAAS,GAAG,QAAmB;CAClF,IAAM,EAAE,kBAAe,kBAAe,GAAa;AAEnD,QACE,kBAAC,GAAD;EACE,MAAK;EACL,GAAI;EACJ,WAAW,EAAK,uBAAuB,EAAU;EACjD,UAAU,CAAC;EACX,UAAU,MAAqC;AAE7C,GADA,GAAY,EACZ,IAAU,EAAW;;YAGtB;EACW,CAAA"}

package/ui/contexts/TridentUIConfig.js

@@ -1,4 +1,4 @@
-import { r as e, t } from "../../chunks/chunk.js";
+import { o as e, t } from "../../chunks/chunk.js";
 import { createContext as n, useContext as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region ../../node_modules/.pnpm/lodash@4.17.23/node_modules/lodash/isArray.js

package/ui/criteria/Birthdate.d.ts

@@ -0,0 +1,13 @@
+import { FunctionComponent } from 'react';
+interface BirthdateProps {
+    label: string;
+    invalidDateErrorMessage: string;
+    minDateErrorMessage: string;
+    maxDateErrorMessage: string;
+    min: Date;
+    max: Date;
+    value: Date | null | undefined;
+    onChange: (event: Event, value: Date | null) => void;
+}
+export declare const Birthdate: FunctionComponent<BirthdateProps>;
+export {};

package/ui/criteria/Birthdate.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/Birthdate.js";
+export { e as Birthdate };

package/ui/criteria/CriteriaDates.d.ts

@@ -0,0 +1,32 @@
+import { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';
+import { Datepicker } from '../Datepicker';
+export interface CriteriaDatesReinsuranceProps {
+    className?: string;
+    labels: {
+        disclaimer: string;
+    };
+}
+export declare const CriteriaDatesReinsurance: FunctionComponent<CriteriaDatesReinsuranceProps>;
+interface DatepickerLabels {
+    seeNextMonth: string;
+    seePreviousMonth: string;
+}
+interface PriceLegendLabels {
+    bestPrice: string;
+    lastAvailabilities: string;
+    notAvailable: string;
+    priceLegend: string;
+    availableSeason?: string;
+}
+export interface CriteriaDatesLabels extends DatepickerLabels {
+    availableSeason?: string;
+}
+export type CriteriaDatesLabelsWithPriceLegend = CriteriaDatesLabels & PriceLegendLabels;
+export interface CriteriaDatesProps extends ComponentProps<typeof Datepicker> {
+    className?: string;
+    labels: CriteriaDatesLabels | CriteriaDatesLabelsWithPriceLegend;
+    showPriceLegend?: boolean;
+    title?: string;
+}
+export declare const CriteriaDates: FunctionComponent<PropsWithChildren<CriteriaDatesProps>>;
+export {};

package/ui/criteria/CriteriaDates.js

@@ -0,0 +1,76 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { Chip as t } from "../Chip.js";
+import { t as n } from "../../chunks/Datepicker.js";
+import { CriteriaSection as r } from "./CriteriaSection.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/ui/criteria/CriteriaDates.tsx
+var o = ({ className: n, labels: r }) => r.disclaimer ? /* @__PURE__ */ a("p", {
+	className: e("text-b3 flex items-start justify-center gap-20 text-start text-black md:items-center md:gap-8", n),
+	children: [/* @__PURE__ */ i(t, {
+		color: "sienna",
+		icon: "New",
+		size: "size-32",
+		theme: "solid"
+	}), r.disclaimer]
+}) : null, s = ({ customClass: t, label: n }) => /* @__PURE__ */ a("p", {
+	className: "flex items-center gap-4",
+	role: "listitem",
+	children: [/* @__PURE__ */ i("span", { className: e("size-27", t) }), n]
+}), c = ({ className: t, showPriceLegend: o, labels: c, children: l, title: u, ...d }) => {
+	let f = o && "priceLegend" in c, p = f ? {
+		green: c.bestPrice,
+		orange: c.lastAvailabilities,
+		outline: c.availableSeason
+	} : void 0, m = f && /* @__PURE__ */ a("div", {
+		"aria-labelledby": "price-legend-title",
+		className: "text-b4 flex flex-wrap items-center justify-center gap-x-20 gap-y-12",
+		role: "region",
+		children: [/* @__PURE__ */ i("p", {
+			className: "w-full text-center font-semibold md:w-auto",
+			id: "price-legend-title",
+			children: c.priceLegend
+		}), /* @__PURE__ */ a("div", {
+			"aria-label": c.priceLegend,
+			className: "flex items-center justify-center gap-12",
+			role: "list",
+			children: [
+				/* @__PURE__ */ i(s, {
+					customClass: "bg-green rounded-pill",
+					label: c.bestPrice
+				}),
+				/* @__PURE__ */ i(s, {
+					customClass: "bg-orange rounded-8",
+					label: c.lastAvailabilities
+				}),
+				/* @__PURE__ */ i(s, {
+					customClass: "bg-sand rounded-8 diagonal-line",
+					label: c.notAvailable
+				}),
+				c.availableSeason && /* @__PURE__ */ i(s, {
+					customClass: "rounded-8 border border-black",
+					label: c.availableSeason
+				})
+			]
+		})]
+	});
+	return /* @__PURE__ */ a(r, {
+		className: e("!gap-y-12 md:!gap-y-20", t),
+		title: u,
+		children: [m, /* @__PURE__ */ a("div", {
+			className: "flex flex-col",
+			children: [/* @__PURE__ */ i(n, {
+				...d,
+				labels: {
+					seeNextMonth: c.seeNextMonth,
+					seePreviousMonth: c.seePreviousMonth
+				},
+				statusLabels: p
+			}), l]
+		})]
+	});
+};
+//#endregion
+export { c as CriteriaDates, o as CriteriaDatesReinsurance };
+
+//# sourceMappingURL=CriteriaDates.js.map

package/ui/criteria/CriteriaDates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriteriaDates.js","names":[],"sources":["../../../lib/ui/criteria/CriteriaDates.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { ComponentProps, FunctionComponent, PropsWithChildren } from 'react';\n\nimport { Chip } from '../Chip';\nimport { Datepicker } from '../Datepicker';\nimport { CriteriaSection } from './CriteriaSection';\n\nexport interface CriteriaDatesReinsuranceProps {\n  className?: string;\n  labels: { disclaimer: string };\n}\n\nexport const CriteriaDatesReinsurance: FunctionComponent<CriteriaDatesReinsuranceProps> = ({\n  className,\n  labels,\n}) => {\n  if (!labels.disclaimer) return null;\n\n  return (\n    <p\n      className={clsx(\n        'text-b3 flex items-start justify-center gap-20 text-start text-black md:items-center md:gap-8',\n        className,\n      )}\n    >\n      <Chip color=\"sienna\" icon=\"New\" size=\"size-32\" theme=\"solid\" />\n      {labels.disclaimer}\n    </p>\n  );\n};\n\ninterface DatepickerLabels {\n  seeNextMonth: string;\n  seePreviousMonth: string;\n}\n\ninterface PriceLegendLabels {\n  bestPrice: string;\n  lastAvailabilities: string;\n  notAvailable: string;\n  priceLegend: string;\n  availableSeason?: string;\n}\n\nexport interface CriteriaDatesLabels extends DatepickerLabels {\n  availableSeason?: string;\n}\n\nexport type CriteriaDatesLabelsWithPriceLegend = CriteriaDatesLabels & PriceLegendLabels;\n\nexport interface CriteriaDatesProps extends ComponentProps<typeof Datepicker> {\n  className?: string;\n  labels: CriteriaDatesLabels | CriteriaDatesLabelsWithPriceLegend;\n  showPriceLegend?: boolean;\n  title?: string;\n}\n\nconst LegendItem: FunctionComponent<{ customClass: string; label: string }> = ({\n  customClass,\n  label,\n}) => (\n  <p className=\"flex items-center gap-4\" role=\"listitem\">\n    <span className={clsx('size-27', customClass)} />\n    {label}\n  </p>\n);\n\nexport const CriteriaDates: FunctionComponent<PropsWithChildren<CriteriaDatesProps>> = ({\n  className,\n  showPriceLegend,\n  labels,\n  children,\n  title,\n  ...datepickerProps\n}) => {\n  const hasPriceLegend = showPriceLegend && 'priceLegend' in labels;\n\n  const statusLabels = hasPriceLegend\n    ? {\n        green: labels.bestPrice,\n        orange: labels.lastAvailabilities,\n        outline: labels.availableSeason,\n      }\n    : undefined;\n\n  const priceLegend = hasPriceLegend && (\n    <div\n      aria-labelledby=\"price-legend-title\"\n      className=\"text-b4 flex flex-wrap items-center justify-center gap-x-20 gap-y-12\"\n      role=\"region\"\n    >\n      <p className=\"w-full text-center font-semibold md:w-auto\" id=\"price-legend-title\">\n        {labels.priceLegend}\n      </p>\n      <div\n        aria-label={labels.priceLegend}\n        className=\"flex items-center justify-center gap-12\"\n        role=\"list\"\n      >\n        <LegendItem customClass=\"bg-green rounded-pill\" label={labels.bestPrice} />\n        <LegendItem customClass=\"bg-orange rounded-8\" label={labels.lastAvailabilities} />\n        <LegendItem customClass=\"bg-sand rounded-8 diagonal-line\" label={labels.notAvailable} />\n        {labels.availableSeason && (\n          <LegendItem customClass=\"rounded-8 border border-black\" label={labels.availableSeason} />\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <CriteriaSection className={clsx('!gap-y-12 md:!gap-y-20', className)} title={title}>\n      {priceLegend}\n      <div className=\"flex flex-col\">\n        <Datepicker\n          {...datepickerProps}\n          labels={{\n            seeNextMonth: labels.seeNextMonth,\n            seePreviousMonth: labels.seePreviousMonth,\n          }}\n          statusLabels={statusLabels}\n        />\n        {children}\n      </div>\n    </CriteriaSection>\n  );\n};\n"],"mappings":";;;;;;;AAaA,IAAa,KAA8E,EACzF,cACA,gBAEK,EAAO,aAGV,kBAAC,KAAD;CACE,WAAW,EACT,iGACA,EACD;WAJH,CAME,kBAAC,GAAD;EAAM,OAAM;EAAS,MAAK;EAAM,MAAK;EAAU,OAAM;EAAU,CAAA,EAC9D,EAAO,WAAA;KAVmB,MAyC3B,KAAyE,EAC7E,gBACA,eAEA,kBAAC,KAAD;CAAG,WAAU;CAA0B,MAAK;WAA5C,CACE,kBAAC,QAAD,EAAM,WAAW,EAAK,WAAW,EAAY,EAAI,CAAA,EAChD,EAAA;IAIQ,KAA2E,EACtF,cACA,oBACA,WACA,aACA,UACA,GAAG,QACC;CACJ,IAAM,IAAiB,KAAmB,iBAAiB,GAErD,IAAe,IACjB;EACE,OAAO,EAAO;EACd,QAAQ,EAAO;EACf,SAAS,EAAO;EACjB,GACD,KAAA,GAEE,IAAc,KAClB,kBAAC,OAAD;EACE,mBAAgB;EAChB,WAAU;EACV,MAAK;YAHP,CAKE,kBAAC,KAAD;GAAG,WAAU;GAA6C,IAAG;aAC1D,EAAO;GACN,CAAA,EACJ,kBAAC,OAAD;GACE,cAAY,EAAO;GACnB,WAAU;GACV,MAAK;aAHP;IAKE,kBAAC,GAAD;KAAY,aAAY;KAAwB,OAAO,EAAO;KAAa,CAAA;IAC3E,kBAAC,GAAD;KAAY,aAAY;KAAsB,OAAO,EAAO;KAAsB,CAAA;IAClF,kBAAC,GAAD;KAAY,aAAY;KAAkC,OAAO,EAAO;KAAgB,CAAA;IACvF,EAAO,mBACN,kBAAC,GAAD;KAAY,aAAY;KAAgC,OAAO,EAAO;KAAmB,CAAA;;;;AAMjG,QACE,kBAAC,GAAD;EAAiB,WAAW,EAAK,0BAA0B,EAAU;EAAS;YAA9E,CACG,GACD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACE,GAAI;IACJ,QAAQ;KACN,cAAc,EAAO;KACrB,kBAAkB,EAAO;KAC1B;IACa;IACd,CAAA,EACD,EAAA"}

package/ui/criteria/CriteriaParticipants.d.ts

@@ -0,0 +1,106 @@
+import { Dispatch, FunctionComponent } from 'react';
+export interface ParticipantsLimitContact {
+    description: string | null;
+    href: string;
+    icon: string;
+    target: string;
+    title: string;
+}
+export interface ParticipantsLimitLabels {
+    expand: string;
+    reduce: string;
+}
+export interface ParticipantsLimit {
+    title: string;
+    description: string;
+    contacts: ParticipantsLimitContact[];
+    labels: ParticipantsLimitLabels;
+}
+export interface CriteriaParticipantsLabels {
+    addAdult: string;
+    addChild: string;
+    adults: string;
+    adultsDescription?: string | null;
+    children: string;
+    childrenAgeLimit: string;
+    childBirthdate: string;
+    childBirthdateInvalidDateError: string;
+    childBirthdateMaxAgeError: string;
+    childBirthdateMinAgeError: string;
+    limit?: ParticipantsLimit;
+    removeAdult: string;
+    removeChild: string;
+    /** Label for the "Enter date of birth" toggle. When omitted the age entry section is hidden. */
+    enterDateOfBirth?: string;
+    /** Question shown above per-child age inputs in year mode */
+    ageQuestion?: string;
+    /** "Year" tab label in the year/months toggle */
+    ageYear?: string;
+    /** "Months" tab label in the year/months toggle */
+    ageMonths?: string;
+    /** "Apply" button label for confirming a child's age */
+    ageApply?: string;
+    /** "Participant Details" section title. When omitted the summary section is hidden. */
+    participantDetails?: string;
+    /** Template for adult chip labels – use {n} for 1-based index, e.g. "Adult {n}" */
+    adultLabel?: string;
+    /** Template for child chip labels – use {n} for 1-based index, e.g. "Child {n}" */
+    childLabel?: string;
+    /** aria-label for chip remove buttons */
+    removeParticipant?: string;
+    /** "Reset" link label */
+    reset?: string;
+    /** "Continue" button label */
+    apply?: string;
+}
+export type CriteriaParticipantsAction = {
+    type: 'adultsCount';
+    payload: number;
+} | {
+    type: 'childrenCount';
+    payload: number;
+} | {
+    type: 'birthdate';
+    payload: {
+        date: Date | null;
+        index: number;
+    };
+} | {
+    type: 'childAge';
+    payload: {
+        index: number;
+        value: number | null;
+        unit: 'year' | 'month';
+    };
+};
+export interface CriteriaParticipantsProps {
+    labels: CriteriaParticipantsLabels;
+    title?: string;
+    /** card (default): white outer card with sand inner. flat: no background, fields rendered directly */
+    variant?: 'card' | 'flat';
+    adultsCount: number;
+    minAdults?: number;
+    maxAdults?: number;
+    withChildren?: boolean;
+    childrenCount: number;
+    minChildren?: number;
+    maxChildren?: number;
+    /** Total adults + children at which the limit banner appears (default 6) */
+    maxTotalParticipants?: number;
+    minAuthorizedBirthdate?: Date;
+    maxAuthorizedBirthdate: Date;
+    birthdates: Array<Date | null | undefined>;
+    /** Applied child ages for year/month mode. One entry per child. */
+    childAges?: Array<{
+        value: number;
+        unit: 'year' | 'month';
+    } | null | undefined>;
+    className?: string;
+    onChange: Dispatch<CriteriaParticipantsAction>;
+    onLimitDisplay?: () => void;
+    onReset?: () => void;
+    onApply?: () => void;
+    /** Controls the children age-entry UX and when onChange fires */
+    childrenFlow?: 'birthdate-only' | 'age-or-birthdate' | 'age-or-birthdate-with-apply';
+}
+export declare const CriteriaParticipants: FunctionComponent<CriteriaParticipantsProps>;

package/ui/criteria/CriteriaParticipants.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/CriteriaParticipants.js";
+export { e as CriteriaParticipants };

package/ui/criteria/CriteriaSection.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+export interface CriteriaSectionProps {
+    className?: string;
+    title?: string;
+}
+export declare const CriteriaSection: ({ children, className, title, }: PropsWithChildren<CriteriaSectionProps>) => import("react/jsx-runtime").JSX.Element;

package/ui/criteria/CriteriaSection.js

@@ -0,0 +1,15 @@
+"use client";
+import { t as e } from "../../chunks/clsx.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/ui/criteria/CriteriaSection.tsx
+var r = ({ children: r, className: i, title: a }) => /* @__PURE__ */ n("div", {
+	className: e("rounded-16 bg-lightSand space-y-20 p-20", i),
+	children: [a && /* @__PURE__ */ t("p", {
+		className: "text-b2 font-semibold",
+		children: a
+	}), r]
+});
+//#endregion
+export { r as CriteriaSection };
+
+//# sourceMappingURL=CriteriaSection.js.map

package/ui/criteria/CriteriaSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CriteriaSection.js","names":[],"sources":["../../../lib/ui/criteria/CriteriaSection.tsx"],"sourcesContent":["'use client';\nimport clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nexport interface CriteriaSectionProps {\n  className?: string;\n  title?: string;\n}\n\nexport const CriteriaSection = ({\n  children,\n  className,\n  title,\n}: PropsWithChildren<CriteriaSectionProps>) => (\n  <div className={clsx('rounded-16 bg-lightSand space-y-20 p-20', className)}>\n    {title && <p className=\"text-b2 font-semibold\">{title}</p>}\n    {children}\n  </div>\n);\n"],"mappings":";;;;AASA,IAAa,KAAmB,EAC9B,aACA,cACA,eAEA,kBAAC,OAAD;CAAK,WAAW,EAAK,2CAA2C,EAAU;WAA1E,CACG,KAAS,kBAAC,KAAD;EAAG,WAAU;YAAyB;EAAU,CAAA,EACzD,EAAA"}

package/ui/criteria/CriteriaTransports.d.ts

@@ -0,0 +1,53 @@
+import { FunctionComponent } from 'react';
+import { RadioSelectOption } from '../forms/RadioSelect';
+export interface Airport {
+    code: string;
+    name: string;
+}
+export interface CriteriaTransportsLabels {
+    toggleLabel: string;
+    topCitiesLabel: string;
+    otherCitiesLabel: string;
+    clubMedTransportTitle: string;
+    clubMedTransportDescription: string;
+    reset?: string;
+    apply?: string;
+}
+export interface CriteriaTransportsB2BLabels {
+    roundTripLabel: string;
+    oneWayLabel: string;
+    cabinClassLabel: string;
+    departureDateLabel: string;
+}
+export interface CriteriaTransportsProps {
+    labels: CriteriaTransportsLabels;
+    title?: string;
+    /** card (default): white outer card with sand inner. flat: no background, fields rendered directly */
+    variant?: 'card' | 'flat';
+    /** Switches between B2C (default) and B2B mode. B2B mode adds flight type, cabin class, and departure selectors. */
+    mode?: 'b2c' | 'b2b';
+    enabled: boolean;
+    topCities: Airport[];
+    otherCities: Airport[];
+    selectedAirportCode?: string | null;
+    className?: string;
+    onToggle: (enabled: boolean) => void;
+    onSelect: (code: string | null) => void;
+    onReset?: () => void;
+    onApply?: () => void;
+    b2bLabels?: CriteriaTransportsB2BLabels;
+    /** Currently selected flight type (B2B mode). Defaults to 'roundtrip'. */
+    flightType?: 'roundtrip' | 'oneway';
+    onFlightTypeChange?: (type: 'roundtrip' | 'oneway') => void;
+    /** Currently selected cabin class value (B2B mode). */
+    cabinClass?: string;
+    /** Options for the cabin class RadioSelect (B2B mode). */
+    cabinClassOptions?: RadioSelectOption<string>[];
+    onCabinClassChange?: (event: Event, value: string) => void;
+    /** Controlled value for the departure airport TextField; also used to filter the airport list. */
+    departureQuery?: string;
+    onDepartureQueryChange?: (event: Event, value: string) => void;
+    /** Error message shown in B2B mode when a prerequisite (e.g. resort selection) is missing. */
+    error?: string;
+}
+export declare const CriteriaTransports: FunctionComponent<CriteriaTransportsProps>;