@bspk/ui 1.1.34 → 1.3.0

package/dist/utils/snackbarContext.d.ts

@@ -0,0 +1,38 @@
+export interface SnackbarData {
+    /** Automatically set unique identifier. */
+    id: string;
+    /** The main body text of the snackbar */
+    text: string;
+    /**
+     * The variant of the snackbar.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'error' | 'success' | 'warning';
+    /** Time in milliseconds after which the snackbar will auto dismiss. You can also set a default at the UIProvider */
+    timeout?: number | null;
+    /** Optional action button */
+    button?: {
+        /**
+         * The button text
+         *
+         * @default 'dismiss'
+         */
+        label: string;
+        /**
+         * Either 'close' or a callback function that is called when the button is clicked. If 'close' is provided the
+         * snackbar will close when the button is clicked.
+         *
+         * @default 'close'
+         */
+        onClick: 'close' | (() => void);
+    };
+}
+export type SnackbarInput = Omit<SnackbarData, 'id'>;
+export type SnackbarContextProps = {
+    snackbars: SnackbarData[];
+    sendSnackbar: (data: Omit<SnackbarData, 'id'>) => void;
+    clearSnackbar: (id: SnackbarData['id']) => void;
+    clearAll: () => void;
+};
+export declare const SnackbarContext: import("react").Context<SnackbarContextProps | undefined>;

package/dist/utils/snackbarContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const SnackbarContext = createContext(undefined);
+//# sourceMappingURL=snackbarContext.js.map

package/dist/utils/snackbarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbarContext.js","sourceRoot":"","sources":["../../src/utils/snackbarContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA0CtC,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAC"}

package/dist/utils/uiContext.d.ts

@@ -1,10 +1,16 @@
+import { AriaAttributes } from 'react';
 export declare const COLOR_THEMES: readonly ["light", "dark"];
 export type ColorTheme = (typeof COLOR_THEMES)[number];
+export type AriaLiveMessage = {
+    message: string;
+    live?: Exclude<AriaAttributes['aria-live'], 'off' | undefined>;
+};
 export type UIContextProps = {
     theme: ColorTheme;
     setTheme: (theme: ColorTheme) => void;
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
+    sendAriaLiveMessage: (message: string, live?: AriaLiveMessage['live']) => void;
 };
 export declare const UIContext: import("react").Context<UIContextProps | undefined>;

package/dist/utils/uiContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"uiContext.js","sourceRoot":"","sources":["../../src/utils/uiContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAYvD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAA6B,SAAS,CAAC,CAAC"}
+{"version":3,"file":"uiContext.js","sourceRoot":"","sources":["../../src/utils/uiContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAevD,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAA6B,SAAS,CAAC,CAAC"}

package/dist/utils/useIds.d.ts

@@ -0,0 +1,4 @@
+/** A hook that generates unique IDs for a list of items. */
+export declare function useIds<T>(prefix: string, items: T[]): (T & {
+    id: string;
+})[];

package/dist/utils/useIds.js

@@ -0,0 +1,11 @@
+import { useMemo } from 'react';
+/** A hook that generates unique IDs for a list of items. */
+export function useIds(prefix, items) {
+    return useMemo(() => items.map((item, index) => ({
+        ...item,
+        id: item && typeof item === 'object' && 'id' in item && item.id
+            ? String(item.id)
+            : `${prefix}-item-${index}`,
+    })), [items, prefix]);
+}
+//# sourceMappingURL=useIds.js.map

package/dist/utils/useIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIds.js","sourceRoot":"","sources":["../../src/utils/useIds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,4DAA4D;AAC5D,MAAM,UAAU,MAAM,CAAI,MAAc,EAAE,KAAU;IAChD,OAAO,OAAO,CACV,GAAG,EAAE,CACD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACxB,GAAG,IAAI;QACP,EAAE,EACE,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,EAAE;YACvD,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YACjB,CAAC,CAAC,GAAG,MAAM,SAAS,KAAK,EAAE;KACtC,CAAC,CAAC,EACP,CAAC,KAAK,EAAE,MAAM,CAAC,CAClB,CAAC;AACN,CAAC"}

package/meta.ts

@@ -14,13 +14,19 @@ import { fileURLToPath } from 'url';
 
 import * as TJS from 'typescript-json-schema';
 
-import { ComponentMeta, TypeProperty, UtilityMeta, TypeMeta, ComponentPhase } from './meta-types';
+import {
+    ComponentMeta,
+    TypeProperty,
+    UtilityMeta,
+    TypeMeta,
+    ComponentPhase,
+    COMPONENT_PHASE_ORDER,
+} from './src/types/meta';
 
 const RESET = '\x1b[0m';
 const BLUE = '\x1b[34m';
 const GREEN = '\x1b[32m';
 const ORANGE = '\x1b[38;5;208m';
-const YELLOW = '\x1b[33m';
 
 function getArgValue(name: string, defaultValue: string = ''): string {
     const arg = process.argv.find((arg2) => arg2.startsWith(`${name}=`));
@@ -31,6 +37,7 @@ const outDirectory = getArgValue('out');
 const uiHash = getArgValue('hash');
 const build = getArgValue('build', '0');
 const target = getArgValue('target');
+const mode = getArgValue('mode', 'production');
 
 if (!outDirectory) {
     console.error('Please provide a path to the meta file.');
@@ -162,11 +169,6 @@ function generateComponentMeta({
         return null;
     }
 
-    if (!content.includes(".bspkName = '")) {
-        console.warn(`No bspkName found for component ${name} for ${componentFile}`);
-        return null;
-    }
-
     const componentDoc = [...(jsDocs || [])].find((doc) => doc.name === name);
 
     if (!componentDoc) {
@@ -207,21 +209,12 @@ function generateComponentMeta({
         usage,
         css,
         hasTouchTarget: css.includes('data-touch-target'),
-        phase: (COMPONENT_PHASES.includes(componentDoc.phase as ComponentPhase)
+        phase: (COMPONENT_PHASE_ORDER.includes(componentDoc.phase as ComponentPhase)
             ? componentDoc.phase
             : 'Backlog') as ComponentPhase,
     } as ComponentMeta;
 }
 
-const COMPONENT_PHASES: ComponentPhase[] = [
-    'AccessibilityReview',
-    'Backlog',
-    'DesignReview',
-    'ProductionReady',
-    'Utility',
-    'WorkInProgress',
-] as const;
-
 async function generateUtilityMeta(utilityFile: string): Promise<UtilityMeta | null> {
     const content = fs.readFileSync(utilityFile, 'utf-8');
 
@@ -289,7 +282,8 @@ function generateTypes() {
                 '-/hooks/*': ['src/hooks/*'],
                 '-/styles/*': ['src/styles/*'],
                 '-/utils/*': ['src/utils/*'],
-                '-': ['src/index.ts'],
+                '-/types/*': ['src/types/*'],
+                '-/constants/*': ['src/constants/*'],
             },
         },
         rootPath,
@@ -513,14 +507,7 @@ async function createMeta() {
 
     const uiVersion = `${execSync('npm view @bspk/ui version', { encoding: 'utf-8' }).trim()}`;
 
-    let mode = 'production';
-
-    if (uiHash === 'local' || process.env.DEV_GIT_TOKEN) {
-        mode = 'development';
-        console.info(`${ORANGE}Development meta build.${RESET}`);
-    } else {
-        console.info(`${YELLOW}Production meta build.${RESET}`);
-    }
+    console.info(`${ORANGE}${mode} meta build.${RESET}`);
 
     const metaJsonPath = path.join(outDirectory, 'data.json');
 
@@ -552,12 +539,12 @@ async function createMeta() {
             `export const componentsMeta = meta.componentsMeta as ComponentMeta[];
 export const utilitiesMeta = meta.utilitiesMeta as UtilityMeta[];
 export const typesMeta = meta.typesMeta as TypeMeta[];
-export const MODE = meta.MODE as 'development' | 'production';
+export const MODE = meta.MODE as 'development' | 'production' | 'test';
 export const UI_HASH = meta.UI_HASH as string;
 export const VERSION = meta.VERSION as string;
 export const BUILD = meta.BUILD as string;`,
 
-            fs.readFileSync(path.resolve(__dirname, 'meta-types.ts'), { encoding: 'utf-8' }),
+            fs.readFileSync(path.resolve(__dirname, './src/types/meta.ts'), { encoding: 'utf-8' }),
 
             `export type MetaComponentName = '${metaComponentNames.join("' | '")}';`,
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@bspk/ui",
-    "version": "1.1.34",
+    "version": "1.3.0",
     "license": "CC-BY-4.0",
     "type": "module",
     "files": [
@@ -9,187 +9,232 @@
         "README.md",
         "LICENSE",
         "meta.ts",
-        "meta-types.ts",
         "build.ts",
-        "tsconfig.json"
+        "tsconfig.json",
+        "tsconfig.build.json"
     ],
+    "bin": {
+        "ui": "./.scripts/index.ts"
+    },
     "scripts": {
         "sass": "npx sass --no-source-map --silence-deprecation=mixed-decls src:dist",
         "build": "npx tsx build.ts",
         "lint:css": "npx stylelint '**/*.scss'",
+        "lint:css:fix": "npx stylelint '**/*.scss' --fix",
         "lint": "eslint && tsc --noEmit && stylelint '**/*.scss'",
         "lint:fix": "eslint --fix",
         "semantic-release": "semantic-release",
-        "test": "jest",
+        "test": "NODE_NO_WARNINGS=1 node --experimental-vm-modules ./node_modules/.bin/jest",
         "prepare": "husky",
         "pre:commit": "tsx .scripts/pre-commit.ts",
-        "tsc": "npx tsc && npx tsc-alias",
         "meta": "tsx meta.ts",
         "pretty": "npx prettier --write src/",
         "newc": "tsx .scripts/tasks/new-component.ts",
-        "pr-check": "npx tsx .scripts/tasks/lint-components.ts && npm run lint && npm run lint:css && npx tsx .scripts/check-css-vars.ts &&  npm run build"
+        "create:tests": "tsx .scripts/tasks/create-tests.ts",
+        "clean": "tsx .scripts/clean.ts",
+        "pr-check": "npx tsx .scripts/tasks/lint-components.ts && npm run lint && npm run lint:css && npx tsx .scripts/check-css-vars.ts && npm run build && npm run test"
     },
     "static-exports": {
-        "./*": "./dist/*.js",
-        ".": "./dist/index.js"
+        "./*": "./dist/*.js"
     },
     "exports": {
         "./*": "./dist/*.js",
-        ".": "./dist/index.js",
-        "./Avatar/*": "./dist/components/Avatar/*.js",
+        "./Accordion": "./dist/components/Accordion/index.js",
+        "./Accordion/*": "./dist/components/Accordion/*.js",
         "./Avatar": "./dist/components/Avatar/index.js",
-        "./AvatarGroup/*": "./dist/components/AvatarGroup/*.js",
+        "./Avatar/*": "./dist/components/Avatar/*.js",
         "./AvatarGroup": "./dist/components/AvatarGroup/index.js",
-        "./Badge/*": "./dist/components/Badge/*.js",
+        "./AvatarGroup/*": "./dist/components/AvatarGroup/*.js",
         "./Badge": "./dist/components/Badge/index.js",
-        "./BannerAlert/*": "./dist/components/BannerAlert/*.js",
+        "./Badge/*": "./dist/components/Badge/*.js",
+        "./BadgeDot": "./dist/components/BadgeDot/index.js",
+        "./BadgeDot/*": "./dist/components/BadgeDot/*.js",
         "./BannerAlert": "./dist/components/BannerAlert/index.js",
-        "./Breadcrumb/*": "./dist/components/Breadcrumb/*.js",
+        "./BannerAlert/*": "./dist/components/BannerAlert/*.js",
+        "./BottomNavigation": "./dist/components/BottomNavigation/index.js",
+        "./BottomNavigation/*": "./dist/components/BottomNavigation/*.js",
         "./Breadcrumb": "./dist/components/Breadcrumb/index.js",
-        "./Button/*": "./dist/components/Button/*.js",
+        "./Breadcrumb/*": "./dist/components/Breadcrumb/*.js",
         "./Button": "./dist/components/Button/index.js",
-        "./Card/*": "./dist/components/Card/*.js",
+        "./Button/*": "./dist/components/Button/*.js",
+        "./ButtonDock": "./dist/components/ButtonDock/index.js",
+        "./ButtonDock/*": "./dist/components/ButtonDock/*.js",
+        "./CalendarPicker": "./dist/components/CalendarPicker/index.js",
+        "./CalendarPicker/*": "./dist/components/CalendarPicker/*.js",
         "./Card": "./dist/components/Card/index.js",
-        "./Checkbox/*": "./dist/components/Checkbox/*.js",
+        "./Card/*": "./dist/components/Card/*.js",
+        "./Carousel": "./dist/components/Carousel/index.js",
+        "./Carousel/*": "./dist/components/Carousel/*.js",
         "./Checkbox": "./dist/components/Checkbox/index.js",
-        "./CheckboxGroup/*": "./dist/components/CheckboxGroup/*.js",
+        "./Checkbox/*": "./dist/components/Checkbox/*.js",
         "./CheckboxGroup": "./dist/components/CheckboxGroup/index.js",
-        "./CheckboxOption/*": "./dist/components/CheckboxOption/*.js",
+        "./CheckboxGroup/*": "./dist/components/CheckboxGroup/*.js",
         "./CheckboxOption": "./dist/components/CheckboxOption/index.js",
-        "./Chip/*": "./dist/components/Chip/*.js",
-        "./Chip": "./dist/components/Chip/index.js",
-        "./ChipAssist/*": "./dist/components/ChipAssist/*.js",
+        "./CheckboxOption/*": "./dist/components/CheckboxOption/*.js",
         "./ChipAssist": "./dist/components/ChipAssist/index.js",
-        "./ChipFilter/*": "./dist/components/ChipFilter/*.js",
+        "./ChipAssist/*": "./dist/components/ChipAssist/*.js",
         "./ChipFilter": "./dist/components/ChipFilter/index.js",
-        "./ChipGroup/*": "./dist/components/ChipGroup/*.js",
+        "./ChipFilter/*": "./dist/components/ChipFilter/*.js",
         "./ChipGroup": "./dist/components/ChipGroup/index.js",
-        "./ChipInput/*": "./dist/components/ChipInput/*.js",
+        "./ChipGroup/*": "./dist/components/ChipGroup/*.js",
         "./ChipInput": "./dist/components/ChipInput/index.js",
-        "./ChipSuggestion/*": "./dist/components/ChipSuggestion/*.js",
+        "./ChipInput/*": "./dist/components/ChipInput/*.js",
         "./ChipSuggestion": "./dist/components/ChipSuggestion/index.js",
-        "./ChipUtility/*": "./dist/components/ChipUtility/*.js",
+        "./ChipSuggestion/*": "./dist/components/ChipSuggestion/*.js",
         "./ChipUtility": "./dist/components/ChipUtility/index.js",
-        "./Combobox/*": "./dist/components/Combobox/*.js",
-        "./Combobox": "./dist/components/Combobox/index.js",
-        "./Dialog/*": "./dist/components/Dialog/*.js",
+        "./ChipUtility/*": "./dist/components/ChipUtility/*.js",
+        "./DateField": "./dist/components/DateField/index.js",
+        "./DateField/*": "./dist/components/DateField/*.js",
+        "./DateInput": "./dist/components/DateInput/index.js",
+        "./DateInput/*": "./dist/components/DateInput/*.js",
         "./Dialog": "./dist/components/Dialog/index.js",
-        "./Divider/*": "./dist/components/Divider/*.js",
+        "./Dialog/*": "./dist/components/Dialog/*.js",
         "./Divider": "./dist/components/Divider/index.js",
-        "./EmptyState/*": "./dist/components/EmptyState/*.js",
+        "./Divider/*": "./dist/components/Divider/*.js",
+        "./Drawer": "./dist/components/Drawer/index.js",
+        "./Drawer/*": "./dist/components/Drawer/*.js",
         "./EmptyState": "./dist/components/EmptyState/index.js",
-        "./ExamplePlaceholder/*": "./dist/components/ExamplePlaceholder/*.js",
+        "./EmptyState/*": "./dist/components/EmptyState/*.js",
         "./ExamplePlaceholder": "./dist/components/ExamplePlaceholder/index.js",
-        "./Fab/*": "./dist/components/Fab/*.js",
+        "./ExamplePlaceholder/*": "./dist/components/ExamplePlaceholder/*.js",
         "./Fab": "./dist/components/Fab/index.js",
-        "./FormField/*": "./dist/components/FormField/*.js",
+        "./Fab/*": "./dist/components/Fab/*.js",
+        "./FileUpload": "./dist/components/FileUpload/index.js",
+        "./FileUpload/*": "./dist/components/FileUpload/*.js",
+        "./FileUploadItem": "./dist/components/FileUploadItem/index.js",
+        "./FileUploadItem/*": "./dist/components/FileUploadItem/*.js",
         "./FormField": "./dist/components/FormField/index.js",
-        "./Img/*": "./dist/components/Img/*.js",
+        "./FormField/*": "./dist/components/FormField/*.js",
         "./Img": "./dist/components/Img/index.js",
-        "./InlineAlert/*": "./dist/components/InlineAlert/*.js",
+        "./Img/*": "./dist/components/Img/*.js",
         "./InlineAlert": "./dist/components/InlineAlert/index.js",
-        "./Layout/*": "./dist/components/Layout/*.js",
+        "./InlineAlert/*": "./dist/components/InlineAlert/*.js",
         "./Layout": "./dist/components/Layout/index.js",
-        "./Link/*": "./dist/components/Link/*.js",
+        "./Layout/*": "./dist/components/Layout/*.js",
         "./Link": "./dist/components/Link/index.js",
-        "./ListItem/*": "./dist/components/ListItem/*.js",
+        "./Link/*": "./dist/components/Link/*.js",
         "./ListItem": "./dist/components/ListItem/index.js",
-        "./Listbox/*": "./dist/components/Listbox/*.js",
-        "./Listbox": "./dist/components/Listbox/index.js",
-        "./Menu/*": "./dist/components/Menu/*.js",
+        "./ListItem/*": "./dist/components/ListItem/*.js",
+        "./ListItemMenu": "./dist/components/ListItemMenu/index.js",
+        "./ListItemMenu/*": "./dist/components/ListItemMenu/*.js",
         "./Menu": "./dist/components/Menu/index.js",
-        "./MenuButton/*": "./dist/components/MenuButton/*.js",
+        "./Menu/*": "./dist/components/Menu/*.js",
         "./MenuButton": "./dist/components/MenuButton/index.js",
-        "./Modal/*": "./dist/components/Modal/*.js",
+        "./MenuButton/*": "./dist/components/MenuButton/*.js",
         "./Modal": "./dist/components/Modal/index.js",
-        "./NumberField/*": "./dist/components/NumberField/*.js",
+        "./Modal/*": "./dist/components/Modal/*.js",
         "./NumberField": "./dist/components/NumberField/index.js",
-        "./NumberInput/*": "./dist/components/NumberInput/*.js",
+        "./NumberField/*": "./dist/components/NumberField/*.js",
         "./NumberInput": "./dist/components/NumberInput/index.js",
-        "./PhoneNumberField/*": "./dist/components/PhoneNumberField/*.js",
+        "./NumberInput/*": "./dist/components/NumberInput/*.js",
+        "./OTPInput": "./dist/components/OTPInput/index.js",
+        "./OTPInput/*": "./dist/components/OTPInput/*.js",
+        "./PageControl": "./dist/components/PageControl/index.js",
+        "./PageControl/*": "./dist/components/PageControl/*.js",
+        "./Pagination": "./dist/components/Pagination/index.js",
+        "./Pagination/*": "./dist/components/Pagination/*.js",
+        "./PasswordField": "./dist/components/PasswordField/index.js",
+        "./PasswordField/*": "./dist/components/PasswordField/*.js",
+        "./PasswordInput": "./dist/components/PasswordInput/index.js",
+        "./PasswordInput/*": "./dist/components/PasswordInput/*.js",
         "./PhoneNumberField": "./dist/components/PhoneNumberField/index.js",
-        "./PhoneNumberInput/*": "./dist/components/PhoneNumberInput/*.js",
+        "./PhoneNumberField/*": "./dist/components/PhoneNumberField/*.js",
         "./PhoneNumberInput": "./dist/components/PhoneNumberInput/index.js",
-        "./Popover/*": "./dist/components/Popover/*.js",
+        "./PhoneNumberInput/*": "./dist/components/PhoneNumberInput/*.js",
         "./Popover": "./dist/components/Popover/index.js",
-        "./Portal/*": "./dist/components/Portal/*.js",
+        "./Popover/*": "./dist/components/Popover/*.js",
         "./Portal": "./dist/components/Portal/index.js",
-        "./ProgressBar/*": "./dist/components/ProgressBar/*.js",
+        "./Portal/*": "./dist/components/Portal/*.js",
         "./ProgressBar": "./dist/components/ProgressBar/index.js",
-        "./ProgressCircle/*": "./dist/components/ProgressCircle/*.js",
+        "./ProgressBar/*": "./dist/components/ProgressBar/*.js",
         "./ProgressCircle": "./dist/components/ProgressCircle/index.js",
-        "./ProgressionStepper/*": "./dist/components/ProgressionStepper/*.js",
+        "./ProgressCircle/*": "./dist/components/ProgressCircle/*.js",
         "./ProgressionStepper": "./dist/components/ProgressionStepper/index.js",
-        "./ProgressionStepperBar/*": "./dist/components/ProgressionStepperBar/*.js",
+        "./ProgressionStepper/*": "./dist/components/ProgressionStepper/*.js",
         "./ProgressionStepperBar": "./dist/components/ProgressionStepperBar/index.js",
-        "./Radio/*": "./dist/components/Radio/*.js",
+        "./ProgressionStepperBar/*": "./dist/components/ProgressionStepperBar/*.js",
         "./Radio": "./dist/components/Radio/index.js",
-        "./RadioGroup/*": "./dist/components/RadioGroup/*.js",
+        "./Radio/*": "./dist/components/Radio/*.js",
         "./RadioGroup": "./dist/components/RadioGroup/index.js",
-        "./RadioOption/*": "./dist/components/RadioOption/*.js",
+        "./RadioGroup/*": "./dist/components/RadioGroup/*.js",
         "./RadioOption": "./dist/components/RadioOption/index.js",
-        "./Scrim/*": "./dist/components/Scrim/*.js",
+        "./RadioOption/*": "./dist/components/RadioOption/*.js",
+        "./Rating": "./dist/components/Rating/index.js",
+        "./Rating/*": "./dist/components/Rating/*.js",
         "./Scrim": "./dist/components/Scrim/index.js",
-        "./SearchBar/*": "./dist/components/SearchBar/*.js",
+        "./Scrim/*": "./dist/components/Scrim/*.js",
         "./SearchBar": "./dist/components/SearchBar/index.js",
-        "./SegmentedControl/*": "./dist/components/SegmentedControl/*.js",
+        "./SearchBar/*": "./dist/components/SearchBar/*.js",
         "./SegmentedControl": "./dist/components/SegmentedControl/index.js",
-        "./Select/*": "./dist/components/Select/*.js",
+        "./SegmentedControl/*": "./dist/components/SegmentedControl/*.js",
         "./Select": "./dist/components/Select/index.js",
-        "./SelectField/*": "./dist/components/SelectField/*.js",
+        "./Select/*": "./dist/components/Select/*.js",
         "./SelectField": "./dist/components/SelectField/index.js",
-        "./Skeleton/*": "./dist/components/Skeleton/*.js",
+        "./SelectField/*": "./dist/components/SelectField/*.js",
         "./Skeleton": "./dist/components/Skeleton/index.js",
-        "./SkeletonText/*": "./dist/components/SkeletonText/*.js",
+        "./Skeleton/*": "./dist/components/Skeleton/*.js",
         "./SkeletonText": "./dist/components/SkeletonText/index.js",
-        "./StylesProviderAnywhere/*": "./dist/components/StylesProviderAnywhere/*.js",
+        "./SkeletonText/*": "./dist/components/SkeletonText/*.js",
+        "./Slider": "./dist/components/Slider/index.js",
+        "./Slider/*": "./dist/components/Slider/*.js",
+        "./Snackbar": "./dist/components/Snackbar/index.js",
+        "./Snackbar/*": "./dist/components/Snackbar/*.js",
+        "./SnackbarProvider": "./dist/components/SnackbarProvider/index.js",
+        "./SnackbarProvider/*": "./dist/components/SnackbarProvider/*.js",
         "./StylesProviderAnywhere": "./dist/components/StylesProviderAnywhere/index.js",
-        "./StylesProviderBetterHomesGardens/*": "./dist/components/StylesProviderBetterHomesGardens/*.js",
+        "./StylesProviderAnywhere/*": "./dist/components/StylesProviderAnywhere/*.js",
         "./StylesProviderBetterHomesGardens": "./dist/components/StylesProviderBetterHomesGardens/index.js",
-        "./StylesProviderCartus/*": "./dist/components/StylesProviderCartus/*.js",
+        "./StylesProviderBetterHomesGardens/*": "./dist/components/StylesProviderBetterHomesGardens/*.js",
         "./StylesProviderCartus": "./dist/components/StylesProviderCartus/index.js",
-        "./StylesProviderCentury21/*": "./dist/components/StylesProviderCentury21/*.js",
+        "./StylesProviderCartus/*": "./dist/components/StylesProviderCartus/*.js",
         "./StylesProviderCentury21": "./dist/components/StylesProviderCentury21/index.js",
-        "./StylesProviderColdwellBanker/*": "./dist/components/StylesProviderColdwellBanker/*.js",
+        "./StylesProviderCentury21/*": "./dist/components/StylesProviderCentury21/*.js",
         "./StylesProviderColdwellBanker": "./dist/components/StylesProviderColdwellBanker/index.js",
-        "./StylesProviderCorcoran/*": "./dist/components/StylesProviderCorcoran/*.js",
+        "./StylesProviderColdwellBanker/*": "./dist/components/StylesProviderColdwellBanker/*.js",
         "./StylesProviderCorcoran": "./dist/components/StylesProviderCorcoran/index.js",
-        "./StylesProviderDenaliBoss/*": "./dist/components/StylesProviderDenaliBoss/*.js",
+        "./StylesProviderCorcoran/*": "./dist/components/StylesProviderCorcoran/*.js",
+        "./StylesProviderDemo": "./dist/components/StylesProviderDemo/index.js",
+        "./StylesProviderDemo/*": "./dist/components/StylesProviderDemo/*.js",
         "./StylesProviderDenaliBoss": "./dist/components/StylesProviderDenaliBoss/index.js",
-        "./StylesProviderEra/*": "./dist/components/StylesProviderEra/*.js",
+        "./StylesProviderDenaliBoss/*": "./dist/components/StylesProviderDenaliBoss/*.js",
         "./StylesProviderEra": "./dist/components/StylesProviderEra/index.js",
-        "./StylesProviderSothebys/*": "./dist/components/StylesProviderSothebys/*.js",
+        "./StylesProviderEra/*": "./dist/components/StylesProviderEra/*.js",
         "./StylesProviderSothebys": "./dist/components/StylesProviderSothebys/index.js",
-        "./Switch/*": "./dist/components/Switch/*.js",
+        "./StylesProviderSothebys/*": "./dist/components/StylesProviderSothebys/*.js",
         "./Switch": "./dist/components/Switch/index.js",
-        "./SwitchOption/*": "./dist/components/SwitchOption/*.js",
+        "./Switch/*": "./dist/components/Switch/*.js",
         "./SwitchOption": "./dist/components/SwitchOption/index.js",
-        "./TabGroup/*": "./dist/components/TabGroup/*.js",
+        "./SwitchOption/*": "./dist/components/SwitchOption/*.js",
         "./TabGroup": "./dist/components/TabGroup/index.js",
-        "./Table/*": "./dist/components/Table/*.js",
+        "./TabGroup/*": "./dist/components/TabGroup/*.js",
         "./Table": "./dist/components/Table/index.js",
-        "./Tag/*": "./dist/components/Tag/*.js",
+        "./Table/*": "./dist/components/Table/*.js",
+        "./TabList": "./dist/components/TabList/index.js",
+        "./TabList/*": "./dist/components/TabList/*.js",
         "./Tag": "./dist/components/Tag/index.js",
-        "./TextField/*": "./dist/components/TextField/*.js",
-        "./TextField": "./dist/components/TextField/index.js",
-        "./TextInput/*": "./dist/components/TextInput/*.js",
-        "./TextInput": "./dist/components/TextInput/index.js",
-        "./Textarea/*": "./dist/components/Textarea/*.js",
+        "./Tag/*": "./dist/components/Tag/*.js",
         "./Textarea": "./dist/components/Textarea/index.js",
-        "./TextareaField/*": "./dist/components/TextareaField/*.js",
+        "./Textarea/*": "./dist/components/Textarea/*.js",
         "./TextareaField": "./dist/components/TextareaField/index.js",
-        "./ToggleOption/*": "./dist/components/ToggleOption/*.js",
+        "./TextareaField/*": "./dist/components/TextareaField/*.js",
+        "./TextField": "./dist/components/TextField/index.js",
+        "./TextField/*": "./dist/components/TextField/*.js",
+        "./TextInput": "./dist/components/TextInput/index.js",
+        "./TextInput/*": "./dist/components/TextInput/*.js",
+        "./TimeInput": "./dist/components/TimeInput/index.js",
+        "./TimeInput/*": "./dist/components/TimeInput/*.js",
         "./ToggleOption": "./dist/components/ToggleOption/index.js",
-        "./Tooltip/*": "./dist/components/Tooltip/*.js",
+        "./ToggleOption/*": "./dist/components/ToggleOption/*.js",
         "./Tooltip": "./dist/components/Tooltip/index.js",
-        "./TopNavigation/*": "./dist/components/TopNavigation/*.js",
+        "./Tooltip/*": "./dist/components/Tooltip/*.js",
         "./TopNavigation": "./dist/components/TopNavigation/index.js",
-        "./Truncated/*": "./dist/components/Truncated/*.js",
+        "./TopNavigation/*": "./dist/components/TopNavigation/*.js",
         "./Truncated": "./dist/components/Truncated/index.js",
-        "./Txt/*": "./dist/components/Txt/*.js",
+        "./Truncated/*": "./dist/components/Truncated/*.js",
         "./Txt": "./dist/components/Txt/index.js",
-        "./UIProvider/*": "./dist/components/UIProvider/*.js",
-        "./UIProvider": "./dist/components/UIProvider/index.js"
+        "./Txt/*": "./dist/components/Txt/*.js",
+        "./UIProvider": "./dist/components/UIProvider/index.js",
+        "./UIProvider/*": "./dist/components/UIProvider/*.js"
     },
     "publishConfig": {
         "access": "public"
@@ -198,13 +243,14 @@
         "node": ">=20"
     },
     "dependencies": {
-        "@bspk/styles": "^1.0.1",
+        "@bspk/icons": "^1.0.5",
+        "@bspk/styles": "^1.0.2",
         "@floating-ui/dom": "^1.6.13",
+        "date-fns": "^4.1.0",
         "focus-trap-react": "^11.0.1",
         "libphonenumber-js": "^1.12.9"
     },
     "peerDependencies": {
-        "@bspk/icons": "^1.0.3",
         "react": "^18.3.1",
         "react-dom": "^18.3.1"
     },
@@ -216,9 +262,13 @@
         "@semantic-release/git": "^10.0.1",
         "@semantic-release/github": "^11.0.2",
         "@semantic-release/npm": "^12.0.1",
+        "@testing-library/jest-dom": "^6.8.0",
+        "@testing-library/react": "^16.3.0",
+        "@testing-library/user-event": "^14.6.1",
         "@types/eslint-config-prettier": "^6.11.3",
         "@types/eslint-plugin-jsx-a11y": "^6.10.0",
         "@types/jest": "^29.5.14",
+        "@types/jest-axe": "^3.5.9",
         "@types/node": "^22.10.2",
         "@types/react": "^18.3.12",
         "@types/react-dom": "^18.3.5",
@@ -232,15 +282,18 @@
         "eslint-plugin-react-hooks": "^5.0.0",
         "globals": "^15.12.0",
         "husky": "^9.1.7",
-        "jest": "^29.7.0",
+        "identity-obj-proxy": "^3.0.0",
+        "inquirer": "^12.9.6",
+        "jest": "^30.0.0",
+        "jest-axe": "^10.0.0",
+        "jest-environment-jsdom": "^30.1.2",
         "prettier-plugin-jsdoc": "^1.3.0",
         "sass": "^1.89.2",
         "semantic-release": "^24.2.0",
         "stylelint": "^16.19.1",
         "stylelint-config-standard": "^38.0.0",
         "stylelint-config-standard-scss": "^14.0.0",
-        "ts-jest": "^29.2.5",
-        "tsc-alias": "^1.8.16",
+        "ts-jest": "^29.4.3",
         "tslib": "^2.8.1",
         "tsx": "^4.19.4",
         "typescript": "5.6.3",

package/src/components/Accordion/Accordion.rtl.test.tsx

@@ -0,0 +1,17 @@
+import { Accordion } from './Accordion';
+import { presets } from './AccordionExample';
+import { hasNoBasicA11yIssues } from '-/rtl/hasNoBasicA11yIssues';
+import { render } from '-/rtl/util';
+
+describe('Accordion (RTL)', () => {
+    presets.forEach((preset) => {
+        it(`has no basic a11y issues - ${preset.label}`, hasNoBasicA11yIssues(<Accordion {...preset.propState} />));
+    });
+
+    it('renders its sections', () => {
+        const { getByText } = render(<Accordion {...presets[0].propState} />);
+
+        expect(getByText('Section 2')).toBeInTheDocument();
+        expect(getByText('Section 3')).toBeInTheDocument();
+    });
+});