@public-ui/sample-react 3.0.7-rc.0 → 3.0.7-rc.6

package/src/components/table/with-footer.tsx

@@ -1,6 +1,6 @@
+import { KolTableStateful } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-import { KolTableStateful } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 
 export const TableWithFooter: FC = () => (

package/src/components/table/with-pagination.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 
 import { KolTableStateful } from '@public-ui/react-v19';
 
-import { DATE_FORMATTER } from './formatter';
 import { SampleDescription } from '../SampleDescription';
+import { DATE_FORMATTER } from './formatter';
 import type { Data } from './test-data';
 import { DATA } from './test-data';
 

package/src/components/tabs/align.tsx

@@ -1,9 +1,9 @@
 import type { FC } from 'react';
 import React from 'react';
 
+import type { AlignPropType } from '@public-ui/components';
 import { KolHeading, KolTabs } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
-import type { AlignPropType } from '@public-ui/components';
 
 const tabs = [
 	{

package/src/components/tabs/create-button.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
-import type { FC } from 'react';
 import { KolTabs } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React, { useState } from 'react';
 import { SampleDescription } from '../SampleDescription';
 
 export const CreateButton: FC = () => {

package/src/components/tabs/routes.ts

@@ -1,9 +1,9 @@
 import { Routes } from '../../shares/types';
-import { TabsBasic } from './basic';
 import { TabsAlign } from './align';
-import { TabsIconsOnly } from './icons-only';
+import { TabsBasic } from './basic';
 import { TabsBehavior } from './behavior';
 import { CreateButton } from './create-button';
+import { TabsIconsOnly } from './icons-only';
 
 export const TABS_ROUTES: Routes = {
 	tabs: {

package/src/components/textarea/basic.tsx

@@ -2,8 +2,8 @@ import type { FC } from 'react';
 import React from 'react';
 
 import { FormWrap } from '../FormWrap';
-import { TextareaVariants } from './partials/variants';
 import { SampleDescription } from '../SampleDescription';
+import { TextareaVariants } from './partials/variants';
 
 export const TextareaBasic: FC = () => (
 	<>

package/src/components/textarea/partials/cases.tsx

@@ -1,6 +1,6 @@
-import React, { forwardRef } from 'react';
-import { KolTextarea } from '@public-ui/react-v19';
 import type { Components } from '@public-ui/components';
+import { KolTextarea } from '@public-ui/react-v19';
+import React, { forwardRef } from 'react';
 
 import { ERROR_MSG, HINT_MSG } from '../../../shares/constants';
 

package/src/components/textarea/routes.ts

@@ -1,9 +1,9 @@
 import { Routes } from '../../shares/types';
 import { TextareaAdjustHeight } from './adjust-height';
 import { TextareaBasic } from './basic';
-import { TextareaWithCounter } from './with-counter';
 import { TextareaResize } from './resize';
 import { TextareaRows } from './rows';
+import { TextareaWithCounter } from './with-counter';
 
 export const TEXTAREA_ROUTES: Routes = {
 	textarea: {

package/src/components/toast/basic.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
+import type { AlertTypePropType } from '@public-ui/components';
 import { ToasterService } from '@public-ui/components';
 import { KolButton } from '@public-ui/react-v19';
-import type { AlertTypePropType, AlertVariantPropType } from '@public-ui/components';
 
 import { getRoot } from '../../shares/react-roots';
 import { SampleDescription } from '../SampleDescription';
@@ -13,7 +13,6 @@ import type { FC } from 'react';
 export const ToastBasic: FC = () => {
 	const [searchParams] = useSearchParams();
 	const defaultType = searchParams.get('type') as AlertTypePropType;
-	const defaultVariant = searchParams.get('variant') as AlertVariantPropType;
 	const toaster = ToasterService.getInstance(document);
 	const handleButtonClickSimple = () => {
 		void toaster.enqueue({
@@ -26,38 +25,15 @@ export const ToastBasic: FC = () => {
 		});
 	};
 
-	const handleButtonClickVariantMessage = () => {
-		void toaster.enqueue({
-			description: 'Toasty',
-			label: `Toast with variant 'msg'`,
-			type: 'warning',
-			variant: 'msg',
-		});
-	};
-
 	useEffect(() => {
-		if (defaultType && defaultVariant) {
-			void toaster.enqueue({
-				description: 'Toasty',
-				label: `Toast with variant 'msg'`,
-				type: defaultType,
-				variant: defaultVariant,
-			});
-		} else if (defaultType) {
+		if (defaultType) {
 			void toaster.enqueue({
 				description: 'Toasty',
-				label: `Initial Toast`,
+				label: `Toast with type '${defaultType}'`,
 				type: defaultType,
 			});
-		} else if (defaultVariant) {
-			void toaster.enqueue({
-				description: 'Toasty',
-				label: `Initial Toast`,
-				type: 'default',
-				variant: defaultVariant,
-			});
 		}
-	}, [defaultType, defaultVariant]);
+	}, [defaultType, toaster]);
 
 	const handleButtonClickComplex = () => {
 		void toaster.enqueue({
@@ -102,19 +78,13 @@ export const ToastBasic: FC = () => {
 			<SampleDescription>
 				<p>This sample demonstrates the toast service with all its options.</p>
 			</SampleDescription>
-
 			<section className="grid gap-4">
-				<section className="flex gap-2">
+				<div className="flex flex-wrap gap-2">
 					<KolButton _label="Show simple toast" _on={{ onClick: handleButtonClickSimple }}></KolButton>
-					<KolButton _label="Show toast with alert variant 'msg'" _on={{ onClick: handleButtonClickVariantMessage }}></KolButton>
 					<KolButton _label="Show complex toast" _on={{ onClick: handleButtonClickComplex }}></KolButton>
-				</section>
-				<section className="flex gap-2">
 					<KolButton _label="Show toast and close after 2 seconds" _on={{ onClick: () => void handleButtonClickOpenAndClose() }}></KolButton>
-				</section>
-				<section className="flex gap-2">
 					<KolButton _label="Close all toasts" _on={{ onClick: closeAll }}></KolButton>
-				</section>
+				</div>
 			</section>
 		</>
 	);

package/src/components/toast/configurator.tsx

@@ -0,0 +1,84 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { useSearchParams } from 'react-router-dom';
+
+import type { AlertTypePropType } from '@public-ui/components';
+import { ToasterService } from '@public-ui/components';
+import { KolButton, KolInputRadio } from '@public-ui/react-v19';
+
+import { SampleDescription } from '../SampleDescription';
+
+import type { FC } from 'react';
+
+const toastTypes = ['default', 'info', 'success', 'warning', 'error'] as const;
+const toastTypeOptions = toastTypes.map((type) => ({
+	label: type,
+	value: type,
+}));
+
+const isAlertType = (value: unknown): value is AlertTypePropType => {
+	return typeof value === 'string' && toastTypes.includes(value as AlertTypePropType);
+};
+
+export const ToastConfigurator: FC = () => {
+	const [searchParams] = useSearchParams();
+	const queryType = searchParams.get('type');
+	const defaultType = isAlertType(queryType) ? queryType : undefined;
+	const [selectedType, setSelectedType] = useState<AlertTypePropType>(() => defaultType ?? 'default');
+	const toaster = useMemo<ToasterService>(() => ToasterService.getInstance(document), []);
+
+	useEffect(() => {
+		toastTypes.forEach((type) => {
+			void toaster.enqueue({
+				description: 'Toasty',
+				label: `Toast with type '${type}'`,
+				type,
+			});
+		});
+
+		return () => {
+			toaster.closeAll();
+		};
+	}, [toaster]);
+
+	useEffect(() => {
+		if (defaultType) {
+			setSelectedType(defaultType);
+		}
+	}, [defaultType]);
+
+	const handleTypeChange = (_: Event, value: unknown) => {
+		if (isAlertType(value)) {
+			setSelectedType(value);
+		}
+	};
+
+	const handleConfiguredToast = () => {
+		void toaster.enqueue({
+			description: 'Toasty',
+			label: `Toast with type '${selectedType}'`,
+			type: selectedType,
+		});
+	};
+
+	const closeAll = () => {
+		toaster.closeAll();
+	};
+
+	return (
+		<>
+			<SampleDescription>
+				<p>
+					This sample demonstrates the toast service with all its options. Use the configuration below to choose a toast type and open a toast with the card
+					variant.
+				</p>
+			</SampleDescription>
+			<section className="grid gap-4">
+				<KolInputRadio _orientation="horizontal" _label="Toast type" _value={selectedType} _options={toastTypeOptions} _on={{ onChange: handleTypeChange }} />
+				<div className="flex flex-wrap gap-2">
+					<KolButton _label={`Open ${selectedType} toast`} _on={{ onClick: handleConfiguredToast }}></KolButton>
+					<KolButton _label="Close all toasts" _on={{ onClick: closeAll }}></KolButton>
+				</div>
+			</section>
+		</>
+	);
+};

package/src/components/toast/routes.ts

@@ -1,8 +1,10 @@
 import { Routes } from '../../shares/types';
 import { ToastBasic } from './basic';
+import { ToastConfigurator } from './configurator';
 
 export const TOAST_ROUTES: Routes = {
 	toast: {
 		basic: ToastBasic,
+		configurator: ToastConfigurator,
 	},
 };

package/src/components/toolbar/basic.tsx

@@ -1,6 +1,6 @@
+import { KolHeading, KolToolbar } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-import { KolHeading, KolToolbar } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 
 export const ToolbarBasic: FC = () => {

package/src/components/toolbar/disabled.tsx

@@ -1,6 +1,6 @@
+import { KolToolbar } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-import { KolToolbar } from '@public-ui/react-v19';
 import { SampleDescription } from '../SampleDescription';
 
 export const ToolbarDisabled: FC = () => {

package/src/components/tree/basic.tsx

@@ -1,9 +1,9 @@
+import { KolButton, KolTree, KolTreeItem } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React, { useContext, useState } from 'react';
-import { KolButton, KolTree, KolTreeItem } from '@public-ui/react-v19';
-import { getRandomEmoji } from '../../shares/randomEmoji';
 import { useParams } from 'react-router';
 import { HideMenusContext } from '../../shares/HideMenusContext';
+import { getRandomEmoji } from '../../shares/randomEmoji';
 import { SampleDescription } from '../SampleDescription';
 
 export const TreeBasic: FC = () => {

package/src/scenarios/appointment-form/AppointmentForm.tsx

@@ -1,5 +1,5 @@
 import { Formik } from 'formik';
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import * as Yup from 'yup';
 
 import { KolLink, KolTabs } from '@public-ui/react-v19';
@@ -10,8 +10,8 @@ import { DistrictForm } from './DistrictForm';
 import { PersonalInformationForm } from './PersonalInformationForm';
 import { Summary } from './Summary';
 
-import type { FormikHelpers, FormikProps } from 'formik';
 import type { Iso8601 } from '@public-ui/components';
+import type { FormikHelpers, FormikProps } from 'formik';
 import { SampleDescription } from '../../components/SampleDescription';
 // export interface FormProps {}
 export interface FormValues {

package/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx

@@ -1,13 +1,13 @@
 import { Field, useFormikContext } from 'formik';
-import React, { useEffect, useState, useRef, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import { KolButton, KolForm, KolHeading, KolInputDate, KolInputRadio, KolSpin } from '@public-ui/react-v19';
 
 import { fetchAvailableTimes } from './appointmentService';
 
-import type { FormValues } from './AppointmentForm';
-import type { FieldProps, FieldInputProps } from 'formik';
 import type { Option } from '@public-ui/components';
+import type { FieldInputProps, FieldProps } from 'formik';
+import type { FormValues } from './AppointmentForm';
 import { createErrorList, focusErrorList } from './formUtils';
 
 export function AvailableAppointmentsForm() {

package/src/scenarios/appointment-form/DistrictForm.tsx

@@ -1,5 +1,5 @@
 import { Field, useFormikContext } from 'formik';
-import React, { useState, useRef } from 'react';
+import React, { useRef, useState } from 'react';
 
 import { KolButton, KolForm, KolHeading, KolSelect } from '@public-ui/react-v19';
 

package/src/scenarios/appointment-form/PersonalInformationForm.tsx

@@ -1,5 +1,5 @@
 import { Field, useFormikContext } from 'formik';
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 import { KolButton, KolForm, KolHeading, KolInputEmail, KolInputText, KolSelect } from '@public-ui/react-v19';
 

package/src/scenarios/change-tabindex.tsx

@@ -1,32 +1,32 @@
 /* eslint-disable jsx-a11y/tabindex-no-positive */
 
-import { SampleDescription } from '../components/SampleDescription';
+import type { Option, StencilUnknown } from '@public-ui/components';
 import {
 	KolButton,
 	KolButtonLink,
 	KolCard,
 	KolCombobox,
 	KolInputCheckbox,
+	KolInputColor,
 	KolInputDate,
 	KolInputEmail,
 	KolInputFile,
-	KolInputColor,
 	KolInputNumber,
 	KolInputPassword,
 	KolInputRadio,
 	KolInputRange,
 	KolInputText,
-	KolLinkButton,
 	KolLink,
+	KolLinkButton,
 	KolSingleSelect,
 	KolSplitButton,
 	KolTextarea,
 } from '@public-ui/react-v19';
-import React from 'react';
 import type { FC } from 'react';
+import React from 'react';
+import { SampleDescription } from '../components/SampleDescription';
 import { ERROR_MSG, HINT_MSG } from '../shares/constants';
 import { COUNTRY_OPTIONS, COUNTRY_SUGGESTIONS } from '../shares/country';
-import type { Option, StencilUnknown } from '@public-ui/components';
 
 export const ChangeTabindex: FC = () => {
 	return (

package/src/scenarios/focus-elements.tsx

@@ -1,3 +1,4 @@
+import type { FocusableElement } from '@public-ui/components';
 import {
 	KolAccordion,
 	KolAlert,
@@ -23,11 +24,9 @@ import {
 	KolTextarea,
 } from '@public-ui/react-v19';
 import type { FC, ForwardRefRenderFunction } from 'react';
-import { useMemo } from 'react';
-import React, { forwardRef, useLayoutEffect, useRef } from 'react';
+import React, { forwardRef, useLayoutEffect, useMemo, useRef } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { SampleDescription } from '../components/SampleDescription';
-import type { FocusableElement } from '@public-ui/components';
 
 const getFocusElements = () => {
 	const focusElements = new Map<string, ForwardRefRenderFunction<any, any>>();

package/src/scenarios/horizontal-scrollbar-advanced/TableHorizontalScrollbarAdvanced.tsx

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { KolTableStateful, KolTabs, KolNav } from '@public-ui/react-v19';
 import type { KoliBriTableHeaders, TabButtonProps } from '@public-ui/components';
+import { KolNav, KolTableStateful, KolTabs } from '@public-ui/react-v19';
+import * as React from 'react';
 import { SampleDescription } from '../../components/SampleDescription';
 import { LINKS } from '../../components/nav/links';
 import DATA from './databasedata.json';

package/src/scenarios/input-group-with-error.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
-import type { FC } from 'react';
+import type { SelectOption } from '@public-ui/components';
 import { KolAlert, KolInputCheckbox, KolInputText, KolSelect } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
 import { SampleDescription } from '../components/SampleDescription';
-import type { SelectOption } from '@public-ui/components';
 
 export const InputGroupWithError: FC = () => {
 	const phoneError = true;

package/src/scenarios/inputs-get-value.tsx

@@ -5,6 +5,7 @@ import {
 	KolButton,
 	KolButtonLink,
 	KolCard,
+	KolCombobox,
 	KolInputCheckbox,
 	KolInputColor,
 	KolInputDate,
@@ -17,15 +18,14 @@ import {
 	KolInputText,
 	KolSelect,
 	KolSingleSelect,
-	KolCombobox,
 	KolTextarea,
 } from '@public-ui/react-v19';
 
 import { SampleDescription } from '../components/SampleDescription';
 import { COUNTRY_SUGGESTIONS } from '../shares/country';
 
-import type { HTMLStencilElement } from '@stencil/core/internal';
 import type { W3CInputValue } from '@public-ui/components';
+import type { HTMLStencilElement } from '@stencil/core/internal';
 
 const EventTargetContext = createContext<EventTarget | undefined>(undefined);
 const EventLoggerActiveContext = createContext<boolean>(false);

package/src/scenarios/react-hook-form/basic.tsx

@@ -1,24 +1,24 @@
-import type { FC } from 'react';
-import React from 'react';
-import type { SubmitHandler, FieldErrors } from 'react-hook-form';
-import { useForm } from 'react-hook-form';
 import {
-	KolInputTextController,
-	KolInputPasswordController,
+	KolComboboxController,
+	KolInputCheckboxController,
+	KolInputColorController,
+	KolInputDateController,
 	KolInputEmailController,
+	KolInputFileController,
 	KolInputNumberController,
+	KolInputPasswordController,
+	KolInputRadioController,
 	KolInputRangeController,
-	KolInputDateController,
-	KolInputColorController,
-	KolInputFileController,
-	KolTextareaController,
-	KolComboboxController,
+	KolInputTextController,
 	KolSelectController,
 	KolSingleSelectController,
-	KolInputRadioController,
-	KolInputCheckboxController,
+	KolTextareaController,
 } from '@public-ui/react-hook-form-adapter';
 import { KolButton } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React from 'react';
+import type { FieldErrors, SubmitHandler } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
 
 import { SampleDescription } from '../../components/SampleDescription';
 import { COUNTRY_SUGGESTIONS } from '../../shares/country';

package/src/scenarios/routes.ts

@@ -3,16 +3,16 @@ import { ChangeTabindex } from './change-tabindex';
 import { CustomTooltipWidth } from './custom-tooltip-width';
 import { DisabledInteractiveElements } from './disabled-interactive-elements';
 import { FocusElements } from './focus-elements';
+import { TableHorizontalScrollAdvanced } from './horizontal-scrollbar-advanced';
 import { InputGroupWithError } from './input-group-with-error';
 import { InputsGetValue } from './inputs-get-value';
 import { PerformanceTest } from './performance-test';
+import { RHFBasic } from './react-hook-form/basic';
 import { SameHeightOfAllInteractiveElements } from './same-height-of-all-interactive-elements';
-import { StaticForm } from './static-form';
 import { SampleFormWithValidation } from './sample-form-with-validation';
-import { TableHorizontalScrollAdvanced } from './horizontal-scrollbar-advanced';
+import { StaticForm } from './static-form';
 import { ToolbarItemOrder } from './toolbar-item-order';
 import { TooltipPositioning } from './tooltip-positioning';
-import { RHFBasic } from './react-hook-form/basic';
 
 export const SCENARIO_ROUTES: Routes = {
 	scenarios: {

package/src/scenarios/sample-form-with-validation.tsx

@@ -1,10 +1,14 @@
+import { zodResolver } from '@hookform/resolvers/zod';
 import React from 'react';
-import { useForm } from 'react-hook-form';
 import type { FieldError } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
+import { useForm } from 'react-hook-form';
 import { z } from 'zod';
 
 import {
+	KolAlert,
+	KolButton,
+	KolCombobox,
+	KolHeading,
 	KolInputCheckbox,
 	KolInputColor,
 	KolInputDate,
@@ -14,19 +18,15 @@ import {
 	KolInputRadio,
 	KolInputRange,
 	KolInputText,
+	KolLink,
 	KolSelect,
 	KolSingleSelect,
-	KolCombobox,
 	KolTextarea,
-	KolButton,
-	KolHeading,
-	KolAlert,
-	KolLink,
 } from '@public-ui/react-v19';
 
 import { SampleDescription } from '../components/SampleDescription';
-import { COUNTRY_SUGGESTIONS } from '../shares/country';
 import { useToasterService } from '../hooks/useToasterService';
+import { COUNTRY_SUGGESTIONS } from '../shares/country';
 
 const formSchema = z.object({
 	date: z.preprocess(

package/src/scenarios/static-form.tsx

@@ -1,5 +1,7 @@
 import {
 	KolButton,
+	KolCombobox,
+	KolHeading,
 	KolInputCheckbox,
 	KolInputColor,
 	KolInputDate,
@@ -12,9 +14,7 @@ import {
 	KolInputText,
 	KolSelect,
 	KolSingleSelect,
-	KolCombobox,
 	KolTextarea,
-	KolHeading,
 } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';

package/src/scenarios/toolbar-item-order.tsx

@@ -1,7 +1,7 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import type { FC } from 'react';
 import type { ToolbarItemsPropType } from '@public-ui/components';
 import { KolHeading, KolToolbar } from '@public-ui/react-v19';
+import type { FC } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 
 export const ToolbarItemOrder: FC = () => {
 	const [isSubmitting, setIsSubmitting] = useState(false);

package/src/scenarios/tooltip-positioning.tsx

@@ -1,6 +1,6 @@
+import { KolPopoverButton } from '@public-ui/react-v19';
 import type { FC } from 'react';
 import React from 'react';
-import { KolPopoverButton } from '@public-ui/react-v19';
 import { SampleDescription } from '../components/SampleDescription';
 
 export const TooltipPositioning: FC = () => {

package/src/shares/routes.ts

@@ -7,6 +7,7 @@ import { BREADCRUMB_ROUTES } from '../components/breadcrumb/routes';
 import { BUTTON_LINK_ROUTES } from '../components/button-link/routes';
 import { BUTTON_ROUTES } from '../components/button/routes';
 import { CARD_ROUTES } from '../components/card/routes';
+import { COMBOBOX_ROUTES } from '../components/combobox/routes';
 import { DETAILS_ROUTES } from '../components/details/routes';
 import { DRAWER_ROUTES } from '../components/drawer/routes';
 import { FORM_ROUTES } from '../components/form/routes';
@@ -33,8 +34,8 @@ import { PAGINATION_ROUTES } from '../components/pagination/routes';
 import { POPOVER_BUTTON_ROUTES } from '../components/popover-button/routes';
 import { PROGRESS_ROUTES } from '../components/progress/routes';
 import { QUOTE_ROUTES } from '../components/quote/routes';
-import { SCENARIO_ROUTES } from '../scenarios/routes';
 import { SELECT_ROUTES } from '../components/select/routes';
+import { SINGLE_SELECT_ROUTES } from '../components/single-select/routes';
 import { SKIP_NAV_ROUTES } from '../components/skip-nav/routes';
 import { SPIN_ROUTES } from '../components/spin/routes';
 import { SPLIT_BUTTON_ROUTES } from '../components/split-button/routes';
@@ -43,11 +44,10 @@ import { TABS_ROUTES } from '../components/tabs/routes';
 import { TEXTAREA_ROUTES } from '../components/textarea/routes';
 import { TOAST_ROUTES } from '../components/toast/routes';
 import { TOOLBAR_ROUTES } from '../components/toolbar/routes';
+import { TREE_ROUTES } from '../components/tree/routes';
 import { VERSION_ROUTES } from '../components/version/routes';
+import { SCENARIO_ROUTES } from '../scenarios/routes';
 import { Routes } from './types';
-import { TREE_ROUTES } from '../components/tree/routes';
-import { COMBOBOX_ROUTES } from '../components/combobox/routes';
-import { SINGLE_SELECT_ROUTES } from '../components/single-select/routes';
 
 export const ROUTES: Routes = {
 	...HANDOUT_ROUTES,

package/src/shares/store.ts

@@ -1,7 +1,7 @@
 import { Option } from '@public-ui/components';
 import PackageJson from '@public-ui/components/package.json';
 
-import { isTheme, Store, ThemeAndUnstyled, THEME_OPTIONS } from './theme';
+import { isTheme, Store, THEME_OPTIONS, ThemeAndUnstyled } from './theme';
 
 const STORE_IDENTIFIER = `public-ui.v${PackageJson.version}`;
 

package/dist/assets/Alert-qJPuIv8b-Cf1Dz4Bo.js

@@ -1,4 +0,0 @@
-import{_ as p}from"./tslib.es6-CxX45GIN-BAJoBDh7.js";import{V as v,h as a,W as f,e as C,X as L,i as k,Y as E,F as S}from"./index-Cuz1_aaZ.js";import{c as y}from"./clsx-eK3rPvPS-BT_IL7Fz.js";import{t as s}from"./i18n-CdSCDnmA-D_Ak1YX2.js";import{K as T}from"./Heading-CMd-jtC1-BWK_kciH.js";/*!
- * KoliBri - The accessible HTML-Standard
- */const O=s("kol-error"),B=s("kol-info"),M=s("kol-warning"),I=s("kol-success"),K=s("kol-message"),n=({ariaLabel:e,icon:o})=>a(S,null,a("span",{class:"visually-hidden"},e),a(k,{class:E,_label:"",_icons:o})),N=({type:e,label:o})=>{switch(e){case"error":return a(n,{ariaLabel:O,icon:"codicon codicon-error",label:o});case"info":return a(n,{ariaLabel:B,icon:"codicon codicon-info",label:o});case"warning":return a(n,{ariaLabel:M,icon:"codicon codicon-warning",label:o});case"success":return a(n,{ariaLabel:I,icon:"codicon codicon-pass",label:o});default:return a(n,{ariaLabel:K,icon:"codicon codicon-comment",label:o})}},R=s("kol-close-alert"),w=()=>{if(typeof navigator>"u"||typeof navigator.vibrate!="function")return;const e=navigator.userActivation;if((e?.isActive||e?.hasBeenActive)&&matchMedia("(any-pointer: coarse)").matches)try{navigator.vibrate([100,75,100,75,100])}catch{}},x=(e,o)=>{const{class:c={},alert:d=!1,hasCloser:u=!1,label:t,level:_=0,type:r="default",variant:i="msg",onAlertTimeout:l,onCloserClick:m}=e,b=p(e,["class","alert","hasCloser","label","level","type","variant","onAlertTimeout","onCloserClick"]);d&&(w(),setTimeout(()=>{l?.()},1e4));const g=v("kol-alert",{hasCloser:!!u,[`type-${r}`]:!0,[`variant-${i}`]:!0}),h=v("kol-alert","heading",{[`h${_}`]:!0}),A=Object.assign({class:y(c,g),role:d?r==="error"?"alert":"status":void 0},b);return a("div",Object.assign({},A,{"data-testid":"alert"}),a("div",{class:"kol-alert__container"},a(N,{label:t,type:r}),a("div",{class:"kol-alert__container-content"},t&&a(T,{class:h,level:_,id:"heading"},t),i==="msg"&&a("span",{class:f,"aria-describedby":t?"heading":void 0},o)),u&&a(C,{class:L,"data-testid":"alert-close-button",_ariaDescription:t?.trim()||"",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-close"}},_label:R,_on:{onClick:m},_tooltipAlign:"left"})),i==="card"&&a("div",{class:f,"aria-describedby":t?"heading":void 0},o))};export{x as K};
-//# sourceMappingURL=Alert-qJPuIv8b-Cf1Dz4Bo.js.map