@mrfylke/contact-form 0.1.3

package/lib/components/icon/icon-wrapper.d.ts

@@ -0,0 +1,30 @@
+import { IconName } from "../../modules/config";
+export type IconProps = {
+    /** Name of the icon to display */
+    icon: IconName;
+    /** Size of the icon */
+    size?: 'small' | 'normal' | 'large';
+    /** Additional CSS class */
+    className?: string;
+    /** Accessibility role */
+    role?: string;
+    /** Alt text for accessibility */
+    alt?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+};
+/**
+ * Icon component that renders icons from the configured icon set.
+ * This is the main icon component consumers should use.
+ *
+ * @example
+ * ```tsx
+ * <Icon icon="transportation/BusFill" size="normal" alt="Bus" />
+ * ```
+ */
+export declare function Icon({ icon, size, className, role, alt, style, }: IconProps): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Helper function to get size in pixels based on size prop
+ */
+export declare function getIconSize(size: 'small' | 'normal' | 'large'): number;
+//# sourceMappingURL=icon-wrapper.d.ts.map

package/lib/components/icon/icon-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACpB,kCAAkC;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EACI,IAAI,EACJ,IAAe,EACf,SAAS,EACT,IAAY,EACZ,GAAQ,EACR,KAAK,GACR,EAAE,SAAS,kDAkBhC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAWtE"}

package/lib/components/icon/icon-wrapper.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = Icon;
+exports.getIconSize = getIconSize;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const config_1 = require("../../modules/config");
+/**
+ * Icon component that renders icons from the configured icon set.
+ * This is the main icon component consumers should use.
+ *
+ * @example
+ * ```tsx
+ * <Icon icon="transportation/BusFill" size="normal" alt="Bus" />
+ * ```
+ */
+function Icon({ icon, size = 'normal', className, role = 'img', alt = '', style, }) {
+    const icons = (0, config_1.useIconConfig)();
+    const IconComponent = icons[icon];
+    if (!IconComponent) {
+        console.warn(`Icon "${icon}" not found in icon set`);
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(IconComponent, { size: size, className: className, role: role, alt: alt, style: style }));
+}
+/**
+ * Helper function to get size in pixels based on size prop
+ */
+function getIconSize(size) {
+    switch (size) {
+        case 'small':
+            return 20;
+        case 'normal':
+            return 24;
+        case 'large':
+            return 32;
+        default:
+            return 24;
+    }
+}

package/lib/components/icon/illustration.d.ts

@@ -0,0 +1,7 @@
+import { Illustrations } from './generated-icons';
+export type IllustrationProps = Omit<React.JSX.IntrinsicElements['img'], 'src'> & {
+    image: Illustrations;
+    alt: string;
+};
+export declare function Illustration({ image, ...props }: IllustrationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=illustration.d.ts.map

package/lib/components/icon/illustration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustration.d.ts","sourceRoot":"","sources":["../../../src/components/icon/illustration.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAChC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAClC,KAAK,CACR,GAAG;IACA,KAAK,EAAE,aAAa,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,2CAiBhE"}

package/lib/components/icon/illustration.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Illustration = Illustration;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const generated_icons_1 = require("./generated-icons");
+const theme_1 = require("../../modules/theme");
+function Illustration({ image, ...props }) {
+    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const currentIcon = generated_icons_1.icons['illustration'][image];
+    if (!currentIcon.darkable) {
+        const totalPath = `/assets/${currentIcon.relative}`;
+        // eslint-disable-next-line
+        return (0, jsx_runtime_1.jsx)("img", { src: totalPath, ...props });
+    }
+    else {
+        const totalPath = `/assets/${specifyDarkOrLight(currentIcon.relative, isDarkMode)}`;
+        // eslint-disable-next-line
+        return (0, jsx_runtime_1.jsx)("img", { src: totalPath, ...props });
+    }
+}
+function specifyDarkOrLight(src, isDarkMode) {
+    const paths = src?.replace(/\/(dark|light)\//, '/').split('/') ?? [];
+    const darkModeString = isDarkMode ? 'dark' : 'light';
+    return [...paths.slice(0, -1), darkModeString, paths.slice(-1)].join('/');
+}

package/lib/components/icon/image.d.ts

@@ -0,0 +1,7 @@
+import { Images } from './generated-icons';
+type ColorImageProps = Omit<React.JSX.IntrinsicElements['img'], 'src'> & {
+    image: Images;
+};
+export declare function Image({ image, ...props }: ColorImageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=image.d.ts.map

package/lib/components/icon/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/icon/image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAGhD,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IACrE,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,KAAK,CAAC,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,2CAmBvD"}

package/lib/components/icon/image.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = Image;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const generated_icons_1 = require("./generated-icons");
+const theme_1 = require("../../modules/theme");
+function Image({ image, ...props }) {
+    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const extras = { role: 'none', alt: '' };
+    const currentIcon = generated_icons_1.icons['images'][image];
+    if (!currentIcon.darkable) {
+        const totalPath = `/assets/${currentIcon.relative}`;
+        // eslint-disable-next-line
+        return (0, jsx_runtime_1.jsx)("img", { ...extras, src: totalPath, ...props });
+    }
+    else {
+        const totalPath = `/assets/${specifyDarkOrLight(currentIcon.relative, isDarkMode)}`;
+        // eslint-disable-next-line
+        return (0, jsx_runtime_1.jsx)("img", { ...extras, src: totalPath, ...props });
+    }
+}
+function specifyDarkOrLight(src, isDarkMode) {
+    const paths = src?.replace(/\/(dark|light)\//, '/').split('/') ?? [];
+    const darkModeString = isDarkMode ? 'dark' : 'light';
+    return [...paths.slice(0, -1), darkModeString, paths.slice(-1)].join('/');
+}

package/lib/components/icon/index.d.ts

@@ -0,0 +1,6 @@
+export * from './color-icon';
+export * from './image';
+export * from './mono-icon';
+export * from './checkbox-icon';
+export type * from './generated-icons';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,mBAAmB,CAAC"}

package/lib/components/icon/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./color-icon"), exports);
+__exportStar(require("./image"), exports);
+__exportStar(require("./mono-icon"), exports);
+__exportStar(require("./checkbox-icon"), exports);

package/lib/components/icon/mono-icon-new.d.ts

@@ -0,0 +1,32 @@
+import { InteractiveColor, InteractiveState } from "@atb-as/theme";
+import { IconName } from "../../modules/config";
+export type MonoIconOverrideMode = 'none' | 'dark' | 'light';
+export type SizeProps = 'small' | 'normal' | 'large';
+export type MonoIconProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'> & {
+    /**
+     * Size for icon
+     * @default normal
+     */
+    size?: SizeProps;
+    /**
+     * What icon to show
+     */
+    icon: IconName;
+    /**
+     * Whether or not to override darkmode/light mode
+     * @default none
+     */
+    overrideMode?: MonoIconOverrideMode;
+    /**
+     * Used to override light- or dark mode icon color when MonoIcon is used with an interactive component
+     */
+    interactiveColor?: InteractiveColor;
+    interactiveState?: InteractiveState;
+};
+/**
+ * MonoIcon component - renders icons with dark/light mode support.
+ * This is a wrapper around the Icon component that adds theme-aware styling.
+ */
+export declare function MonoIcon({ icon, size, overrideMode, interactiveColor, interactiveState, className, style, ...props }: MonoIconProps): import("react/jsx-runtime").JSX.Element;
+export default MonoIcon;
+//# sourceMappingURL=mono-icon-new.d.ts.map

package/lib/components/icon/mono-icon-new.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mono-icon-new.d.ts","sourceRoot":"","sources":["../../../src/components/icon/mono-icon-new.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEjE,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACI,IAAI,EACJ,IAAe,EACf,YAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACX,EAAE,aAAa,2CA+BxC;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/mono-icon-new.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonoIcon = MonoIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icon_wrapper_1 = require("./icon-wrapper");
+const theme_1 = require("../../modules/theme");
+const color_1 = require("../../utils/color");
+/**
+ * MonoIcon component - renders icons with dark/light mode support.
+ * This is a wrapper around the Icon component that adds theme-aware styling.
+ */
+function MonoIcon({ icon, size = 'normal', overrideMode = 'none', interactiveColor, interactiveState, className, style, ...props }) {
+    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    // Determine the color mode to use
+    const interactiveOverrideColor = useInteractiveThemeColor(interactiveColor, interactiveState);
+    // Apply dark/light mode styling if needed
+    const colorFilter = getColorFilter(overrideMode, interactiveOverrideColor, isDarkMode);
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: className, style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            filter: colorFilter,
+            ...style,
+        }, children: (0, jsx_runtime_1.jsx)(icon_wrapper_1.Icon, { icon: icon, size: size }) }));
+}
+exports.default = MonoIcon;
+/**
+ * Get CSS filter to apply for dark/light mode
+ */
+function getColorFilter(overrideMode, interactiveOverride, isDarkMode) {
+    const mode = overrideMode !== 'none' ? overrideMode : interactiveOverride;
+    if (mode === 'none') {
+        return isDarkMode ? 'invert(1)' : undefined;
+    }
+    return mode === 'dark' ? 'invert(1)' : undefined;
+}
+function useInteractiveThemeColor(interactiveColor, interactiveState) {
+    if (!interactiveColor)
+        return 'none';
+    if (!interactiveState)
+        return (0, color_1.colorToOverrideMode)(interactiveColor.default.foreground.primary);
+    return (0, color_1.colorToOverrideMode)(interactiveColor[interactiveState].foreground.primary);
+}

package/lib/components/icon/mono-icon.d.ts

@@ -0,0 +1,29 @@
+import { MonoIcons } from './generated-icons';
+import { SizeProps } from './utils';
+import { InteractiveColor, InteractiveState } from "@atb-as/theme";
+export type MonoIconOverrideMode = 'none' | 'dark' | 'light';
+export type { SizeProps };
+export type MonoIconProps = Omit<React.JSX.IntrinsicElements['img'], 'src'> & {
+    /**
+     * Size for icon
+     * @default normal
+     */
+    size?: SizeProps;
+    /**
+     * What icon to show
+     */
+    icon: MonoIcons;
+    /**
+     * Whether or not to override darkmode/light mode
+     * @default none
+     */
+    overrideMode?: MonoIconOverrideMode;
+    /**
+     * Used to override light- or dark mode icon color when MonoIcon is used with an interactive component
+     */
+    interactiveColor?: InteractiveColor;
+    interactiveState?: InteractiveState;
+};
+export declare function MonoIcon({ icon, size, overrideMode, interactiveColor, interactiveState, ...props }: MonoIconProps): import("react/jsx-runtime").JSX.Element;
+export default MonoIcon;
+//# sourceMappingURL=mono-icon.d.ts.map

package/lib/components/icon/mono-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mono-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/mono-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAQ,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,SAAS,EAAU,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AAIhF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,YAAY,EAAC,SAAS,EAAC,CAAC;AACxB,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACvC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACI,IAAI,EACJ,IAAe,EACf,YAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACX,EAAE,aAAa,2CAqBxC;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/mono-icon.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MonoIcon = MonoIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const generated_icons_1 = require("./generated-icons");
+const utils_1 = require("./utils");
+const theme_1 = require("../../modules/theme");
+const color_1 = require("../../utils/color");
+function MonoIcon({ icon, size = 'normal', overrideMode = 'none', interactiveColor, interactiveState, ...props }) {
+    const [isDarkMode] = (0, theme_1.useDarkMode)();
+    const currentIcon = generated_icons_1.icons['mono'][icon];
+    const interactiveOverrideColor = useInteractiveThemeColor(interactiveColor, interactiveState);
+    const darkModeString = colorToMode(overrideMode) ??
+        colorToMode(interactiveOverrideColor) ??
+        (isDarkMode ? 'dark' : 'light');
+    const totalPath = `/assets/${insertMode(currentIcon.relative, darkModeString)}`;
+    const wh = (0, utils_1.useSize)(size);
+    return (
+    // eslint-disable-next-line
+    (0, jsx_runtime_1.jsx)("img", { src: totalPath, width: wh, height: wh, role: "none", alt: "", ...props }));
+}
+exports.default = MonoIcon;
+function insertMode(relative, mode) {
+    // Match planner-web and generate-assets "all" output: mono files live under
+    // /assets/mono/light/... and /assets/mono/dark/...
+    return relative.replace('mono/', `mono/${mode}/`);
+}
+function colorToMode(color) {
+    if (color == 'none')
+        return undefined;
+    return color == 'dark' ? 'dark' : 'light';
+}
+function useInteractiveThemeColor(interactiveColor, interactiveState) {
+    if (!interactiveColor)
+        return 'none';
+    if (!interactiveState)
+        return (0, color_1.colorToOverrideMode)(interactiveColor.default.foreground.primary);
+    return (0, color_1.colorToOverrideMode)(interactiveColor[interactiveState].foreground.primary);
+}

package/lib/components/icon/utils.d.ts

@@ -0,0 +1,3 @@
+export type SizeProps = 'xSmall' | 'small' | 'normal' | 'large';
+export declare function useSize(size: SizeProps): number;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/icon/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/icon/utils.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAShE,wBAAgB,OAAO,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAE/C"}

package/lib/components/icon/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSize = useSize;
+const SIZE_MAP = {
+    xSmall: 16,
+    small: 20,
+    normal: 24,
+    large: 32,
+};
+function useSize(size) {
+    return SIZE_MAP[size] || SIZE_MAP.normal;
+}

package/lib/components/index.d.ts

@@ -0,0 +1,3 @@
+export { FieldWrapperWithError, FileInput, Fieldset, Input, Radio, Select, Textarea, SearchableSelect, getLineOptions, getStopOptions, DateSelector, TimeSelector, } from './form';
+export { SectionCard } from './section-card';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionCard = exports.TimeSelector = exports.DateSelector = exports.getStopOptions = exports.getLineOptions = exports.SearchableSelect = exports.Textarea = exports.Select = exports.Radio = exports.Input = exports.Fieldset = exports.FileInput = exports.FieldWrapperWithError = void 0;
+var form_1 = require("./form");
+Object.defineProperty(exports, "FieldWrapperWithError", { enumerable: true, get: function () { return form_1.FieldWrapperWithError; } });
+Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () { return form_1.FileInput; } });
+Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return form_1.Fieldset; } });
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return form_1.Input; } });
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return form_1.Radio; } });
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return form_1.Select; } });
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return form_1.Textarea; } });
+Object.defineProperty(exports, "SearchableSelect", { enumerable: true, get: function () { return form_1.SearchableSelect; } });
+Object.defineProperty(exports, "getLineOptions", { enumerable: true, get: function () { return form_1.getLineOptions; } });
+Object.defineProperty(exports, "getStopOptions", { enumerable: true, get: function () { return form_1.getStopOptions; } });
+Object.defineProperty(exports, "DateSelector", { enumerable: true, get: function () { return form_1.DateSelector; } });
+Object.defineProperty(exports, "TimeSelector", { enumerable: true, get: function () { return form_1.TimeSelector; } });
+var section_card_1 = require("./section-card");
+Object.defineProperty(exports, "SectionCard", { enumerable: true, get: function () { return section_card_1.SectionCard; } });

package/lib/components/loading/index.d.ts

@@ -0,0 +1,15 @@
+import { ColorIconProps } from "../icon";
+export type LoadingProps = {
+    /**
+     * Loading text string.
+     * @example Loading tickets
+     */
+    text: string;
+    testID?: string;
+};
+export declare function Loading({ text, testID }: LoadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingIcon({ size, a11yText, }: {
+    size?: ColorIconProps['size'];
+    a11yText?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/loading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/loading/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,cAAc,EAAC,MAAM,SAAS,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG;IACvB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,EAAE,YAAY,2CAkBnD;AAED,wBAAgB,WAAW,CAAC,EACI,IAAI,EACJ,QAAQ,GACX,EAAE;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,2CAYA"}

package/lib/components/loading/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = Loading;
+exports.LoadingIcon = LoadingIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const loading_module_css_1 = __importDefault(require("./loading.module.css"));
+const translations_1 = require("../../translations");
+const icon_1 = require("../icon");
+function Loading({ text, testID }) {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: loading_module_css_1.default.loading, role: "status", "aria-live": "assertive", "data-testid": testID, children: [(0, jsx_runtime_1.jsx)(icon_1.ColorIcon, { icon: "status/Spinner", className: loading_module_css_1.default.loading__icon, alt: t(translations_1.ComponentText.Loading.alt) }), (0, jsx_runtime_1.jsx)("p", { children: text })] }));
+}
+function LoadingIcon({ size, a11yText, }) {
+    const { t } = (0, translations_1.useTranslation)();
+    return ((0, jsx_runtime_1.jsx)(icon_1.ColorIcon, { icon: "status/Spinner", size: size, role: "status", className: loading_module_css_1.default.loading__icon, alt: a11yText ?? t(translations_1.ComponentText.Loading.alt) }));
+}

package/lib/components/loading/loading.module.css

@@ -0,0 +1,17 @@
+.loading {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: token('spacing.medium');
+}
+
+.loading__icon {
+    display: block;
+    animation: loading-circle 1s ease-in-out infinite;
+}
+
+@keyframes loading-circle {
+    to {
+        transform: rotate(360deg);
+    }
+}

package/lib/components/section-card/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SectionCard } from './section-card';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/section-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/section-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,gBAAgB,CAAC"}

package/lib/components/section-card/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionCard = void 0;
+var section_card_1 = require("./section-card");
+Object.defineProperty(exports, "SectionCard", { enumerable: true, get: function () { return __importDefault(section_card_1).default; } });

package/lib/components/section-card/section-card.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export type SectionCardProps = PropsWithChildren<{
+    title: string;
+}>;
+export declare const SectionCard: ({ title, children }: SectionCardProps) => import("react/jsx-runtime").JSX.Element;
+export default SectionCard;
+//# sourceMappingURL=section-card.d.ts.map

package/lib/components/section-card/section-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-card.d.ts","sourceRoot":"","sources":["../../../src/components/section-card/section-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,GAAI,qBAAmB,gBAAgB,4CAO9D,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/section-card/section-card.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const typography_1 = require("../typography");
+const section_card_module_css_1 = __importDefault(require("./section-card.module.css"));
+const SectionCard = ({ title, children }) => {
+    return ((0, jsx_runtime_1.jsxs)("section", { className: section_card_module_css_1.default.container, children: [(0, jsx_runtime_1.jsx)(typography_1.Typo.h3, { textType: "heading__m", children: title }), children] }));
+};
+exports.SectionCard = SectionCard;
+exports.default = exports.SectionCard;

package/lib/components/section-card/section-card.module.css

@@ -0,0 +1,15 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    padding: token('spacing.xLarge');
+    padding-bottom: token('spacing.medium');
+    margin: token('spacing.large');
+    margin-top: 0px;
+    border-radius: token('border.radius.regular');
+    color: token('color.foreground.dynamic.primary');
+    background-color: token('color.background.neutral.0.background');
+}
+
+.container > * + * {
+    margin-top: token('spacing.medium');
+}

package/lib/components/typography/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { TextNames } from '@atb-as/theme';
+type BaseTypographyInternal<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<{
+    textType: TextNames;
+    as?: E;
+    testID?: string;
+}>;
+export type BaseTypographyProps<E extends React.ElementType> = BaseTypographyInternal<E> & Omit<React.ComponentProps<E>, keyof BaseTypographyInternal>;
+declare const __DEFAULT_ELEMENT__ = "span";
+export default function BaseTypography<E extends React.ElementType = typeof __DEFAULT_ELEMENT__>({ as, textType, testID, className, children, ...props }: BaseTypographyProps<E>): import("react/jsx-runtime").JSX.Element;
+export declare const Typo: {
+    span: (props: BaseTypographyProps<"div" | "p" | "span" | "h2" | "h3">) => import("react/jsx-runtime").JSX.Element;
+    div: (props: BaseTypographyProps<"div" | "p" | "span" | "h2" | "h3">) => import("react/jsx-runtime").JSX.Element;
+    p: (props: BaseTypographyProps<"div" | "p" | "span" | "h2" | "h3">) => import("react/jsx-runtime").JSX.Element;
+    h2: (props: BaseTypographyProps<"div" | "p" | "span" | "h2" | "h3">) => import("react/jsx-runtime").JSX.Element;
+    h3: (props: BaseTypographyProps<"div" | "p" | "span" | "h2" | "h3">) => import("react/jsx-runtime").JSX.Element;
+};
+export { screenReaderPause } from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAG7C,KAAK,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IACvE,KAAK,CAAC,iBAAiB,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEP,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACvD,sBAAsB,CAAC,CAAC,CAAC,GACzB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,sBAAsB,CAAC,CAAC;AAEhE,QAAA,MAAM,mBAAmB,SAAS,CAAC;AAEnC,MAAM,CAAC,OAAO,UAAU,cAAc,CAClC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,mBAAmB,EAC1D,EACI,EAAE,EACF,QAAQ,EACR,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAY1B;AAWD,eAAO,MAAM,IAAI;kBALmB,mBAAmB,oCAAY;iBAA/B,mBAAmB,oCAAY;eAA/B,mBAAmB,oCAAY;gBAA/B,mBAAmB,oCAAY;gBAA/B,mBAAmB,oCAAY;CAWlE,CAAC;AAEF,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC"}

package/lib/components/typography/index.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.screenReaderPause = exports.Typo = void 0;
+exports.default = BaseTypography;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utils/css");
+const __DEFAULT_ELEMENT__ = 'span';
+function BaseTypography({ as, textType, testID, className, children, ...props }) {
+    const Component = as || __DEFAULT_ELEMENT__;
+    const extraClass = `typo-${textType}`;
+    return ((0, jsx_runtime_1.jsx)(Component, { ...props, className: (0, css_1.and)(extraClass, className), "data-testid": testID ? testID : undefined, children: children }));
+}
+const supportedTypes = ['div', 'p', 'span', 'h2', 'h3'];
+function createConstructor(key) {
+    return function TypoType(props) {
+        return (0, jsx_runtime_1.jsx)(BaseTypography, { as: key, ...props });
+    };
+}
+exports.Typo = {
+    span: createConstructor('span'),
+    div: createConstructor('div'),
+    p: createConstructor('p'),
+    h2: createConstructor('h2'),
+    h3: createConstructor('h3'),
+};
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "screenReaderPause", { enumerable: true, get: function () { return utils_1.screenReaderPause; } });

package/lib/components/typography/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const screenReaderPause = ".\n";
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/typography/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/typography/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAAQ,CAAC"}

package/lib/components/typography/utils.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.screenReaderPause = void 0;
+exports.screenReaderPause = '.\n';