@db-ux/react-core-components 4.11.1 → 4.12.1

package/dist/index.js

@@ -1,75 +1,97 @@
-import { addAttributeToChildren as e, cls as t, delay as n, getBoolean as r, getBooleanAsString as i, getHideProp as a, getInputValue as o, getNotificationRole as s, getNumber as c, getOptionKey as l, getSearchInput as u, getStep as d, hasVoiceOver as f, isArrayOfStrings as p, isIOSSafari as m, isKeyboardEvent as h, stringPropVisible as g, uuid as _ } from "./utils/index.js";
-import v from "./components/accordion-item/accordion-item.js";
-import y from "./components/accordion/accordion.js";
-import { AccordionBehaviorList as b, AccordionVariantList as x } from "./components/accordion/model.js";
-import { COLOR as S, COLORS as C, COLORS_SIMPLE as w, COLOR_CONST as T, COLOR_SIMPLE as E, DB_UX_LOCAL_STORAGE_FRAMEWORK as D, DB_UX_LOCAL_STORAGE_MODE as O, DEFAULT_BACK as k, DEFAULT_BURGER_MENU as A, DEFAULT_CLOSE_BUTTON as j, DEFAULT_DATALIST_ID_SUFFIX as M, DEFAULT_ICON as N, DEFAULT_ID as P, DEFAULT_INVALID_MESSAGE as F, DEFAULT_INVALID_MESSAGE_ID_SUFFIX as I, DEFAULT_LABEL as L, DEFAULT_LABEL_ID_SUFFIX as R, DEFAULT_MESSAGE as z, DEFAULT_MESSAGE_ID_SUFFIX as B, DEFAULT_PLACEHOLDER as V, DEFAULT_PLACEHOLDER_ID_SUFFIX as H, DEFAULT_REMOVE as U, DEFAULT_ROWS as W, DEFAULT_SELECTED as G, DEFAULT_SELECT_ID_SUFFIX as K, DEFAULT_VALID_MESSAGE as q, DEFAULT_VALID_MESSAGE_ID_SUFFIX as J, DEFAULT_VIEWPORT as Y, DENSITIES as X, DENSITY as Z, DENSITY_CONST as Q, DESKTOP_VIEWPORT as $, SEMANTIC as ee, SEMANTICS as te, TESTING_VIEWPORTS as ne } from "./shared/constants.js";
-import re from "./components/badge/badge.js";
-import { BadgePlacementList as ie } from "./components/badge/model.js";
-import ae from "./components/brand/brand.js";
-import oe from "./components/button/button.js";
-import { ButtonTypeList as se, ButtonVariantList as ce } from "./components/button/model.js";
-import le from "./components/card/card.js";
-import { CardBehaviorList as ue, CardElevationLevelList as de } from "./components/card/model.js";
-import fe from "./components/infotext/infotext.js";
-import pe from "./components/checkbox/checkbox.js";
-import me from "./components/custom-button/custom-button.js";
-import { DocumentClickListener as he } from "./utils/document-click-listener.js";
-import { DocumentScrollListener as ge } from "./utils/document-scroll-listener.js";
-import { getFloatingProps as _e, handleDataOutside as ve, handleFixedDropdown as ye, handleFixedPopover as be } from "./utils/floating-components.js";
-import xe from "./components/custom-select-dropdown/custom-select-dropdown.js";
-import Se from "./components/custom-select-list-item/custom-select-list-item.js";
-import Ce from "./components/custom-select-list/custom-select-list.js";
-import we from "./components/input/input.js";
-import Te from "./components/tooltip/tooltip.js";
-import Ee from "./components/tag/tag.js";
-import De from "./components/custom-select/custom-select.js";
-import { CustomSelectDropdownWidthList as Oe } from "./components/custom-select-dropdown/model.js";
-import ke from "./components/custom-select-form-field/custom-select-form-field.js";
-import { CustomSelectListItemTypeList as Ae } from "./components/custom-select-list-item/model.js";
-import { SelectedTypeList as je } from "./components/custom-select/model.js";
-import Me from "./components/divider/divider.js";
-import { DividerMarginList as Ne, DividerVariantList as Pe } from "./components/divider/model.js";
-import Fe from "./components/drawer/drawer.js";
-import { DrawerBackdropList as Ie, DrawerDirectionList as Le, DrawerPositionList as Re, DrawerVariantList as ze } from "./components/drawer/model.js";
-import { NavigationItemSafeTriangle as Be, isEventTargetNavigationItem as Ve } from "./utils/navigation.js";
-import He from "./components/header/header.js";
-import Ue from "./components/icon/icon.js";
-import { IconWeightList as We } from "./components/icon/model.js";
-import { InputTypeList as Ge } from "./components/input/model.js";
-import Ke from "./components/link/link.js";
-import { LinkContentList as qe, LinkSizeList as Je, LinkVariantList as Ye } from "./components/link/model.js";
-import Xe from "./components/navigation/navigation.js";
-import Ze from "./components/navigation-item/navigation-item.js";
-import Qe from "./components/notification/notification.js";
-import { NotificationAriaLiveList as $e, NotificationLinkVariantList as et, NotificationVariantList as tt } from "./components/notification/model.js";
-import nt from "./components/page/page.js";
-import { PageDocumentOverflowList as rt, PageVariantList as it } from "./components/page/model.js";
-import at from "./components/popover/popover.js";
-import ot from "./components/radio/radio.js";
-import st from "./components/section/section.js";
-import ct from "./components/select/select.js";
-import lt from "./components/stack/stack.js";
-import { StackAlignmentList as ut, StackDirectionList as dt, StackJustifyContentList as ft, StackVariantList as pt } from "./components/stack/model.js";
-import mt from "./components/switch/switch.js";
-import ht from "./components/tab-item/tab-item.js";
-import gt from "./components/tab-list/tab-list.js";
-import _t from "./components/tab-panel/tab-panel.js";
-import vt from "./components/table-data-cell/table-data-cell.js";
-import yt from "./components/table-header-cell/table-header-cell.js";
-import bt from "./components/table-row/table-row.js";
-import xt from "./components/table-body/table-body.js";
-import St from "./components/table-footer/table-footer.js";
-import Ct from "./components/table-head/table-head.js";
-import wt from "./components/table/table.js";
-import Tt from "./components/table-caption/table-caption.js";
-import { DBTableHeaderCellScopeList as Et } from "./components/table-header-cell/model.js";
-import { DBTableRowSubHeaderEmphasisList as Dt } from "./components/table-row/model.js";
-import { DBTableColumnsSizeList as Ot, DBTableDividerList as kt, DBTableMobileVariantList as At, DBTableRowSizeList as jt, DBTableStickyHeaderList as Mt, DBTableVariantList as Nt } from "./components/table/model.js";
-import Pt from "./components/tabs/tabs.js";
-import { TabsBehaviorList as Ft, TabsInitialSelectedModeList as It } from "./components/tabs/model.js";
-import { TagBehaviorList as Lt } from "./components/tag/model.js";
-import Rt from "./components/textarea/textarea.js";
-import { TextareaResizeList as zt, TextareaWrapList as Bt } from "./components/textarea/model.js";
-import { TooltipVariantList as Vt } from "./components/tooltip/model.js";
-import { AlignmentList as Ht, AutoCompleteList as Ut, EmphasisList as Wt, FieldSizingList as Gt, GapSpacingList as Kt, LabelVariantHorizontalList as qt, LabelVariantList as Jt, LinkReferrerPolicyList as Yt, LinkTargetList as Xt, MarginList as Zt, MaxWidthList as Qt, OrientationList as $t, PlacementHorizontalList as en, PlacementList as tn, PlacementVerticalList as nn, PopoverDelayList as rn, PopoverWidthList as an, SemanticList as on, SizeList as sn, SpacingList as cn, ValidationList as ln, WidthList as un } from "./shared/model.js";
-export { b as AccordionBehaviorList, x as AccordionVariantList, Ht as AlignmentList, Ut as AutoCompleteList, ie as BadgePlacementList, se as ButtonTypeList, ce as ButtonVariantList, S as COLOR, C as COLORS, w as COLORS_SIMPLE, T as COLOR_CONST, E as COLOR_SIMPLE, ue as CardBehaviorList, de as CardElevationLevelList, Oe as CustomSelectDropdownWidthList, Ae as CustomSelectListItemTypeList, y as DBAccordion, v as DBAccordionItem, re as DBBadge, ae as DBBrand, oe as DBButton, le as DBCard, pe as DBCheckbox, me as DBCustomButton, De as DBCustomSelect, xe as DBCustomSelectDropdown, ke as DBCustomSelectFormField, Ce as DBCustomSelectList, Se as DBCustomSelectListItem, Me as DBDivider, Fe as DBDrawer, He as DBHeader, Ue as DBIcon, fe as DBInfotext, we as DBInput, Ke as DBLink, Xe as DBNavigation, Ze as DBNavigationItem, Qe as DBNotification, nt as DBPage, at as DBPopover, ot as DBRadio, st as DBSection, ct as DBSelect, lt as DBStack, mt as DBSwitch, ht as DBTabItem, gt as DBTabList, _t as DBTabPanel, wt as DBTable, xt as DBTableBody, Tt as DBTableCaption, Ot as DBTableColumnsSizeList, vt as DBTableDataCell, kt as DBTableDividerList, St as DBTableFooter, Ct as DBTableHead, yt as DBTableHeaderCell, Et as DBTableHeaderCellScopeList, At as DBTableMobileVariantList, bt as DBTableRow, jt as DBTableRowSizeList, Dt as DBTableRowSubHeaderEmphasisList, Mt as DBTableStickyHeaderList, Nt as DBTableVariantList, Pt as DBTabs, Ee as DBTag, Rt as DBTextarea, Te as DBTooltip, D as DB_UX_LOCAL_STORAGE_FRAMEWORK, O as DB_UX_LOCAL_STORAGE_MODE, k as DEFAULT_BACK, A as DEFAULT_BURGER_MENU, j as DEFAULT_CLOSE_BUTTON, M as DEFAULT_DATALIST_ID_SUFFIX, N as DEFAULT_ICON, P as DEFAULT_ID, F as DEFAULT_INVALID_MESSAGE, I as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, L as DEFAULT_LABEL, R as DEFAULT_LABEL_ID_SUFFIX, z as DEFAULT_MESSAGE, B as DEFAULT_MESSAGE_ID_SUFFIX, V as DEFAULT_PLACEHOLDER, H as DEFAULT_PLACEHOLDER_ID_SUFFIX, U as DEFAULT_REMOVE, W as DEFAULT_ROWS, G as DEFAULT_SELECTED, K as DEFAULT_SELECT_ID_SUFFIX, q as DEFAULT_VALID_MESSAGE, J as DEFAULT_VALID_MESSAGE_ID_SUFFIX, Y as DEFAULT_VIEWPORT, X as DENSITIES, Z as DENSITY, Q as DENSITY_CONST, $ as DESKTOP_VIEWPORT, Ne as DividerMarginList, Pe as DividerVariantList, he as DocumentClickListener, ge as DocumentScrollListener, Ie as DrawerBackdropList, Le as DrawerDirectionList, Re as DrawerPositionList, ze as DrawerVariantList, Wt as EmphasisList, Gt as FieldSizingList, Kt as GapSpacingList, We as IconWeightList, Ge as InputTypeList, qt as LabelVariantHorizontalList, Jt as LabelVariantList, qe as LinkContentList, Yt as LinkReferrerPolicyList, Je as LinkSizeList, Xt as LinkTargetList, Ye as LinkVariantList, Zt as MarginList, Qt as MaxWidthList, Be as NavigationItemSafeTriangle, $e as NotificationAriaLiveList, et as NotificationLinkVariantList, tt as NotificationVariantList, $t as OrientationList, rt as PageDocumentOverflowList, it as PageVariantList, en as PlacementHorizontalList, tn as PlacementList, nn as PlacementVerticalList, rn as PopoverDelayList, an as PopoverWidthList, ee as SEMANTIC, te as SEMANTICS, je as SelectedTypeList, on as SemanticList, sn as SizeList, cn as SpacingList, ut as StackAlignmentList, dt as StackDirectionList, ft as StackJustifyContentList, pt as StackVariantList, ne as TESTING_VIEWPORTS, Ft as TabsBehaviorList, It as TabsInitialSelectedModeList, Lt as TagBehaviorList, zt as TextareaResizeList, Bt as TextareaWrapList, Vt as TooltipVariantList, ln as ValidationList, un as WidthList, e as addAttributeToChildren, t as cls, n as delay, r as getBoolean, i as getBooleanAsString, _e as getFloatingProps, a as getHideProp, o as getInputValue, s as getNotificationRole, c as getNumber, l as getOptionKey, u as getSearchInput, d as getStep, ve as handleDataOutside, ye as handleFixedDropdown, be as handleFixedPopover, f as hasVoiceOver, p as isArrayOfStrings, Ve as isEventTargetNavigationItem, m as isIOSSafari, h as isKeyboardEvent, g as stringPropVisible, _ as uuid };
+export * from './components/accordion/index.js';
+export * from './components/accordion-item/index.js';
+export * from './components/accordion-item/model.js';
+export * from './components/accordion/model.js';
+export * from './components/badge/index.js';
+export * from './components/badge/model.js';
+export * from './components/brand/index.js';
+export * from './components/brand/model.js';
+export * from './components/button/index.js';
+export * from './components/button/model.js';
+export * from './components/card/index.js';
+export * from './components/card/model.js';
+export * from './components/checkbox/index.js';
+export * from './components/checkbox/model.js';
+export * from './components/custom-button/index.js';
+export * from './components/custom-button/model.js';
+export * from './components/custom-select/index.js';
+export * from './components/custom-select-dropdown/index.js';
+export * from './components/custom-select-dropdown/model.js';
+export * from './components/custom-select-form-field/index.js';
+export * from './components/custom-select-form-field/model.js';
+export * from './components/custom-select-list/index.js';
+export * from './components/custom-select-list-item/index.js';
+export * from './components/custom-select-list-item/model.js';
+export * from './components/custom-select-list/model.js';
+export * from './components/custom-select/model.js';
+export * from './components/divider/index.js';
+export * from './components/divider/model.js';
+export * from './components/drawer/index.js';
+export * from './components/drawer/model.js';
+export * from './components/header/index.js';
+export * from './components/header/model.js';
+export * from './components/icon/index.js';
+export * from './components/icon/model.js';
+export * from './components/infotext/index.js';
+export * from './components/infotext/model.js';
+export * from './components/input/index.js';
+export * from './components/input/model.js';
+export * from './components/link/index.js';
+export * from './components/link/model.js';
+export * from './components/navigation/index.js';
+export * from './components/navigation-item/index.js';
+export * from './components/navigation-item/model.js';
+export * from './components/navigation/model.js';
+export * from './components/notification/index.js';
+export * from './components/notification/model.js';
+export * from './components/page/index.js';
+export * from './components/page/model.js';
+export * from './components/popover/index.js';
+export * from './components/popover/model.js';
+export * from './components/radio/index.js';
+export * from './components/radio/model.js';
+export * from './components/section/index.js';
+export * from './components/section/model.js';
+export * from './components/select/index.js';
+export * from './components/select/model.js';
+export * from './components/stack/index.js';
+export * from './components/stack/model.js';
+export * from './components/switch/index.js';
+export * from './components/switch/model.js';
+export * from './components/tab-item/index.js';
+export * from './components/tab-item/model.js';
+export * from './components/tab-list/index.js';
+export * from './components/tab-list/model.js';
+export * from './components/tab-panel/index.js';
+export * from './components/tab-panel/model.js';
+export * from './components/table/index.js';
+export * from './components/table-body/index.js';
+export * from './components/table-body/model.js';
+export * from './components/table-caption/index.js';
+export * from './components/table-caption/model.js';
+export * from './components/table-data-cell/index.js';
+export * from './components/table-data-cell/model.js';
+export * from './components/table-footer/index.js';
+export * from './components/table-footer/model.js';
+export * from './components/table-head/index.js';
+export * from './components/table-head/model.js';
+export * from './components/table-header-cell/index.js';
+export * from './components/table-header-cell/model.js';
+export * from './components/table-row/index.js';
+export * from './components/table-row/model.js';
+export * from './components/table/model.js';
+export * from './components/tabs/index.js';
+export * from './components/tabs/model.js';
+export * from './components/tag/index.js';
+export * from './components/tag/model.js';
+export * from './components/textarea/index.js';
+export * from './components/textarea/model.js';
+export * from './components/tooltip/index.js';
+export * from './components/tooltip/model.js';
+export * from './shared/constants.js';
+export * from './shared/model.js';
+export * from './utils/document-click-listener.js';
+export * from './utils/document-scroll-listener.js';
+export * from './utils/floating-components.js';
+export * from './utils/index.js';
+export * from './utils/navigation.js';

package/dist/shared/constants.js

@@ -1,32 +1,100 @@
-//#region src/shared/constants.ts
-var e = "OVERWRITE_DEFAULT_ID", t = "LABEL SHOULD BE SET", n = " ", r = "MESSAGE SHOULD BE SET", i = "-label", a = "-select", o = "-message", s = "-valid-message", c = "-invalid-message", l = "-placeholder", u = "-datalist", d = "TODO: Add a validMessage", f = "TODO: Add an invalidMessage", p = "Remove", m = "Back", h = "Selected", g = "BurgerMenu", _ = "brand", v = 4, y = "Close", b = "density", x = "color", S = /* @__PURE__ */ function(e) {
-	return e.FUNCTIONAL = "functional", e.REGULAR = "regular", e.EXPRESSIVE = "expressive", e;
-}({}), C = Object.entries(S).map(([, e]) => e), w = /* @__PURE__ */ function(e) {
-	return e.PRIMARY = "primary", e;
-}({}), T = /* @__PURE__ */ function(e) {
-	return e.NEUTRAL_BG_LEVEL_1 = "neutral-bg-basic-level-1", e.NEUTRAL_BG_LEVEL_2 = "neutral-bg-basic-level-2", e.NEUTRAL_BG_LEVEL_3 = "neutral-bg-basic-level-3", e.NEUTRAL_BG_TRANSPARENT_SEMI = "neutral-bg-basic-transparent-semi", e.NEUTRAL_BG_TRANSPARENT_FULL = "neutral-bg-basic-transparent-full", e.BRAND_BG_LEVEL_1 = "brand-bg-basic-level-1", e.BRAND_BG_LEVEL_2 = "brand-bg-basic-level-2", e.BRAND_BG_LEVEL_3 = "brand-bg-basic-level-3", e.BRAND_BG_TRANSPARENT_SEMI = "brand-bg-basic-transparent-semi", e.BRAND_BG_TRANSPARENT_FULL = "brand-bg-basic-transparent-full", e.SUCCESSFUL_BG_LEVEL_1 = "successful-bg-basic-level-1", e.SUCCESSFUL_BG_LEVEL_2 = "successful-bg-basic-level-2", e.SUCCESSFUL_BG_LEVEL_3 = "successful-bg-basic-level-3", e.SUCCESSFUL_BG_TRANSPARENT_SEMI = "successful-bg-basic-transparent-semi", e.SUCCESSFUL_BG_TRANSPARENT_FULL = "successful-bg-basic-transparent-full", e.CRITICAL_BG_LEVEL_1 = "critical-bg-basic-level-1", e.CRITICAL_BG_LEVEL_2 = "critical-bg-basic-level-2", e.CRITICAL_BG_LEVEL_3 = "critical-bg-basic-level-3", e.CRITICAL_BG_TRANSPARENT_SEMI = "critical-bg-basic-transparent-semi", e.CRITICAL_BG_TRANSPARENT_Full = "critical-bg-basic-transparent-full", e.WARNING_BG_LEVEL_1 = "warning-bg-basic-level-1", e.WARNING_BG_LEVEL_2 = "warning-bg-basic-level-2", e.WARNING_BG_LEVEL_3 = "warning-bg-basic-level-3", e.WARNING_BG_TRANSPARENT_SEMI = "warning-bg-basic-transparent-semi", e.WARNING_BG_TRANSPARENT_FULL = "warning-bg-basic-transparent-full", e.INFORMATIONAL_BG_LEVEL_1 = "informational-bg-basic-level-1", e.INFORMATIONAL_BG_LEVEL_2 = "informational-bg-basic-level-2", e.INFORMATIONAL_BG_LEVEL_3 = "informational-bg-basic-level-3", e.INFORMATIONAL_BG_TRANSPARENT_SEMI = "informational-bg-basic-transparent-semi", e.INFORMATIONAL_BG_TRANSPARENT_FULL = "informational-bg-basic-transparent-full", e;
-}({}), E = Object.entries(T).map(([, e]) => e), D = Object.entries(w).map(([, e]) => e), O = /* @__PURE__ */ function(e) {
-	return e.CRITICAL = "critical", e.INFORMATIONAL = "informational", e.WARNING = "warning", e.SUCCESSFUL = "successful", e;
-}({}), k = Object.entries(O).map(([, e]) => e), A = {
-	width: 390,
-	height: 884
-}, j = {
-	width: 1920,
-	height: 1280
-}, M = [
-	{
-		name: "desktop",
-		...j
-	},
-	{
-		name: "tablet",
-		width: 768,
-		height: 1024
-	},
-	{
-		name: "mobile",
-		...A
-	}
-], N = "db-ux-framework", P = "db-ux-mode";
-//#endregion
-export { T as COLOR, E as COLORS, D as COLORS_SIMPLE, x as COLOR_CONST, w as COLOR_SIMPLE, N as DB_UX_LOCAL_STORAGE_FRAMEWORK, P as DB_UX_LOCAL_STORAGE_MODE, m as DEFAULT_BACK, g as DEFAULT_BURGER_MENU, y as DEFAULT_CLOSE_BUTTON, u as DEFAULT_DATALIST_ID_SUFFIX, _ as DEFAULT_ICON, e as DEFAULT_ID, f as DEFAULT_INVALID_MESSAGE, c as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, t as DEFAULT_LABEL, i as DEFAULT_LABEL_ID_SUFFIX, r as DEFAULT_MESSAGE, o as DEFAULT_MESSAGE_ID_SUFFIX, n as DEFAULT_PLACEHOLDER, l as DEFAULT_PLACEHOLDER_ID_SUFFIX, p as DEFAULT_REMOVE, v as DEFAULT_ROWS, h as DEFAULT_SELECTED, a as DEFAULT_SELECT_ID_SUFFIX, d as DEFAULT_VALID_MESSAGE, s as DEFAULT_VALID_MESSAGE_ID_SUFFIX, A as DEFAULT_VIEWPORT, C as DENSITIES, S as DENSITY, b as DENSITY_CONST, j as DESKTOP_VIEWPORT, O as SEMANTIC, k as SEMANTICS, M as TESTING_VIEWPORTS };
+export const DEFAULT_ID = 'OVERWRITE_DEFAULT_ID';
+export const DEFAULT_LABEL = 'LABEL SHOULD BE SET';
+export const DEFAULT_PLACEHOLDER = ' ';
+export const DEFAULT_MESSAGE = 'MESSAGE SHOULD BE SET';
+export const DEFAULT_LABEL_ID_SUFFIX = '-label';
+export const DEFAULT_SELECT_ID_SUFFIX = '-select';
+export const DEFAULT_MESSAGE_ID_SUFFIX = '-message';
+export const DEFAULT_VALID_MESSAGE_ID_SUFFIX = '-valid-message';
+export const DEFAULT_INVALID_MESSAGE_ID_SUFFIX = '-invalid-message';
+export const DEFAULT_PLACEHOLDER_ID_SUFFIX = '-placeholder';
+export const DEFAULT_DATALIST_ID_SUFFIX = '-datalist';
+export const DEFAULT_VALID_MESSAGE = 'TODO: Add a validMessage';
+export const DEFAULT_INVALID_MESSAGE = 'TODO: Add an invalidMessage';
+export const DEFAULT_REMOVE = 'Remove';
+export const DEFAULT_BACK = 'Back';
+export const DEFAULT_SELECTED = 'Selected';
+export const DEFAULT_BURGER_MENU = 'BurgerMenu';
+export const DEFAULT_ICON = 'brand';
+export const DEFAULT_ROWS = 4;
+export const DEFAULT_CLOSE_BUTTON = 'Close';
+export const DENSITY_CONST = 'density';
+export const COLOR_CONST = 'color';
+export var DENSITY;
+(function (DENSITY) {
+    DENSITY["FUNCTIONAL"] = "functional";
+    DENSITY["REGULAR"] = "regular";
+    DENSITY["EXPRESSIVE"] = "expressive";
+})(DENSITY || (DENSITY = {}));
+export const DENSITIES = Object.entries(DENSITY).map(([, value]) => value);
+export var COLOR_SIMPLE;
+(function (COLOR_SIMPLE) {
+    COLOR_SIMPLE["PRIMARY"] = "primary";
+})(COLOR_SIMPLE || (COLOR_SIMPLE = {}));
+export var COLOR;
+(function (COLOR) {
+    COLOR["NEUTRAL_BG_LEVEL_1"] = "neutral-bg-basic-level-1";
+    COLOR["NEUTRAL_BG_LEVEL_2"] = "neutral-bg-basic-level-2";
+    COLOR["NEUTRAL_BG_LEVEL_3"] = "neutral-bg-basic-level-3";
+    COLOR["NEUTRAL_BG_TRANSPARENT_SEMI"] = "neutral-bg-basic-transparent-semi";
+    COLOR["NEUTRAL_BG_TRANSPARENT_FULL"] = "neutral-bg-basic-transparent-full";
+    COLOR["BRAND_BG_LEVEL_1"] = "brand-bg-basic-level-1";
+    COLOR["BRAND_BG_LEVEL_2"] = "brand-bg-basic-level-2";
+    COLOR["BRAND_BG_LEVEL_3"] = "brand-bg-basic-level-3";
+    COLOR["BRAND_BG_TRANSPARENT_SEMI"] = "brand-bg-basic-transparent-semi";
+    COLOR["BRAND_BG_TRANSPARENT_FULL"] = "brand-bg-basic-transparent-full";
+    COLOR["SUCCESSFUL_BG_LEVEL_1"] = "successful-bg-basic-level-1";
+    COLOR["SUCCESSFUL_BG_LEVEL_2"] = "successful-bg-basic-level-2";
+    COLOR["SUCCESSFUL_BG_LEVEL_3"] = "successful-bg-basic-level-3";
+    COLOR["SUCCESSFUL_BG_TRANSPARENT_SEMI"] = "successful-bg-basic-transparent-semi";
+    COLOR["SUCCESSFUL_BG_TRANSPARENT_FULL"] = "successful-bg-basic-transparent-full";
+    COLOR["CRITICAL_BG_LEVEL_1"] = "critical-bg-basic-level-1";
+    COLOR["CRITICAL_BG_LEVEL_2"] = "critical-bg-basic-level-2";
+    COLOR["CRITICAL_BG_LEVEL_3"] = "critical-bg-basic-level-3";
+    COLOR["CRITICAL_BG_TRANSPARENT_SEMI"] = "critical-bg-basic-transparent-semi";
+    COLOR["CRITICAL_BG_TRANSPARENT_Full"] = "critical-bg-basic-transparent-full";
+    COLOR["WARNING_BG_LEVEL_1"] = "warning-bg-basic-level-1";
+    COLOR["WARNING_BG_LEVEL_2"] = "warning-bg-basic-level-2";
+    COLOR["WARNING_BG_LEVEL_3"] = "warning-bg-basic-level-3";
+    COLOR["WARNING_BG_TRANSPARENT_SEMI"] = "warning-bg-basic-transparent-semi";
+    COLOR["WARNING_BG_TRANSPARENT_FULL"] = "warning-bg-basic-transparent-full";
+    COLOR["INFORMATIONAL_BG_LEVEL_1"] = "informational-bg-basic-level-1";
+    COLOR["INFORMATIONAL_BG_LEVEL_2"] = "informational-bg-basic-level-2";
+    COLOR["INFORMATIONAL_BG_LEVEL_3"] = "informational-bg-basic-level-3";
+    COLOR["INFORMATIONAL_BG_TRANSPARENT_SEMI"] = "informational-bg-basic-transparent-semi";
+    COLOR["INFORMATIONAL_BG_TRANSPARENT_FULL"] = "informational-bg-basic-transparent-full";
+})(COLOR || (COLOR = {}));
+export const COLORS = Object.entries(COLOR).map(([, value]) => value);
+export const COLORS_SIMPLE = Object.entries(COLOR_SIMPLE).map(([, value]) => value);
+export var SEMANTIC;
+(function (SEMANTIC) {
+    SEMANTIC["CRITICAL"] = "critical";
+    SEMANTIC["INFORMATIONAL"] = "informational";
+    SEMANTIC["WARNING"] = "warning";
+    SEMANTIC["SUCCESSFUL"] = "successful";
+})(SEMANTIC || (SEMANTIC = {}));
+export const SEMANTICS = Object.entries(SEMANTIC).map(([, value]) => value);
+export const DEFAULT_VIEWPORT = {
+    width: 390,
+    height: 884
+};
+export const DESKTOP_VIEWPORT = {
+    width: 1920,
+    height: 1280
+};
+/**
+ * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT
+ */
+export const TESTING_VIEWPORTS = [{
+        name: 'desktop',
+        ...DESKTOP_VIEWPORT
+    }, {
+        name: 'tablet',
+        width: 768,
+        height: 1024
+    }, {
+        name: 'mobile',
+        ...DEFAULT_VIEWPORT
+    }];
+export const DB_UX_LOCAL_STORAGE_FRAMEWORK = 'db-ux-framework';
+export const DB_UX_LOCAL_STORAGE_MODE = 'db-ux-mode';

package/dist/shared/examples/index.js

@@ -0,0 +1,4 @@
+/**
+ * A mock function for examples
+ */
+export const fn = () => { };

package/dist/shared/figma.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/model.js

@@ -1,77 +1,22 @@
-//#region src/shared/model.ts
-var e = [
-	"adaptive",
-	"neutral",
-	"critical",
-	"informational",
-	"warning",
-	"successful"
-], t = [
-	"medium",
-	"small",
-	"large",
-	"none"
-], n = [
-	"medium",
-	"small",
-	"large",
-	"none"
-], r = [
-	"left",
-	"right",
-	"left-start",
-	"left-end",
-	"right-start",
-	"right-end"
-], i = [
-	"top",
-	"bottom",
-	"top-start",
-	"top-end",
-	"bottom-start",
-	"bottom-end"
-], a = [...r, ...i], o = [
-	"none",
-	"3x-large",
-	"2x-large",
-	"x-large",
-	"large",
-	"medium",
-	"small",
-	"x-small",
-	"2x-small",
-	"3x-small"
-], s = ["horizontal", "vertical"], c = ["full", "auto"], l = [
-	"full",
-	"medium",
-	"large",
-	"small"
-], u = [
-	"none",
-	"slow",
-	"fast"
-], d = ["auto", "fixed"], f = ["small", "medium"], p = ["weak", "strong"], m = [
-	"invalid",
-	"valid",
-	"no-validation"
-], h = ["fixed", "content"], g = ["above", "floating"], _ = ["leading", "trailing"], v = /* @__PURE__ */ "off.on.name.honorific-prefix.given-name.additional-name.family-name.honorific-suffix.nickname.email.username.new-password.current-password.one-time-code.organization-title.organization.street-address.shipping.billing.address-line1.address-line2.address-line3.address-level4.address-level3.address-level2.address-level1.country.country-name.postal-code.cc-name.cc-given-name.cc-additional-name.cc-family-name.cc-number.cc-exp.cc-exp-month.cc-exp-year.cc-csc.cc-type.transaction-currency.transaction-amount.language.bday.bday-day.bday-month.bday-year.sex.tel.tel-country-code.tel-national.tel-area-code.tel-local.tel-extension.impp.url.photo.webauthn".split("."), y = [
-	"_self",
-	"_blank",
-	"_parent",
-	"_top"
-], b = [
-	"no-referrer",
-	"no-referrer-when-downgrade",
-	"origin",
-	"origin-when-cross-origin",
-	"same-origin",
-	"strict-origin",
-	"strict-origin-when-cross-origin",
-	"unsafe-url"
-], x = [
-	"start",
-	"center",
-	"end"
-];
-//#endregion
-export { x as AlignmentList, v as AutoCompleteList, p as EmphasisList, h as FieldSizingList, o as GapSpacingList, _ as LabelVariantHorizontalList, g as LabelVariantList, b as LinkReferrerPolicyList, y as LinkTargetList, n as MarginList, l as MaxWidthList, s as OrientationList, r as PlacementHorizontalList, a as PlacementList, i as PlacementVerticalList, u as PopoverDelayList, d as PopoverWidthList, e as SemanticList, f as SizeList, t as SpacingList, m as ValidationList, c as WidthList };
+export const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'];
+export const SpacingList = ['medium', 'small', 'large', 'none'];
+export const MarginList = ['medium', 'small', 'large', 'none'];
+export const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'];
+export const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'];
+export const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList];
+export const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'];
+export const OrientationList = ['horizontal', 'vertical'];
+export const WidthList = ['full', 'auto'];
+export const MaxWidthList = ['full', 'medium', 'large', 'small'];
+export const PopoverDelayList = ['none', 'slow', 'fast'];
+export const PopoverWidthList = ['auto', 'fixed'];
+export const SizeList = ['small', 'medium'];
+export const EmphasisList = ['weak', 'strong'];
+export const ValidationList = ['invalid', 'valid', 'no-validation'];
+export const FieldSizingList = ['fixed', 'content'];
+export const LabelVariantList = ['above', 'floating'];
+export const LabelVariantHorizontalList = ['leading', 'trailing'];
+export const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'];
+export const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
+export const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
+export const AlignmentList = ['start', 'center', 'end'];

package/dist/shared/showcase/show-code-link.js

@@ -0,0 +1,51 @@
+const LOCALHOST_STORYBOOK_PORT_MAP = {
+    react: '6005',
+    angular: '6006',
+    vue: '6007',
+    html: '6001'
+};
+const DEFAULT_FRAMEWORK = 'react';
+const NON_COMPONENT_ROUTE_SEGMENTS = new Set(['docs', 'overview']);
+/**
+ * Builds the Storybook docs path for a component route.
+ * @param pathname - URL pathname (e.g., "/docs/components/my-button")
+ * @returns Storybook docs path or undefined when no component segment is available
+ */
+function buildStorybookDocsPathname(pathname) {
+    const segments = pathname.split('/').filter(Boolean);
+    const componentsIndex = segments.indexOf('components');
+    const routeSegments = segments.slice(componentsIndex + 1);
+    if (componentsIndex === -1 || routeSegments.length === 0) {
+        return undefined;
+    }
+    let componentName = routeSegments.at(-1);
+    if (componentName && NON_COMPONENT_ROUTE_SEGMENTS.has(componentName) && routeSegments.length > 1) {
+        componentName = routeSegments.at(-2);
+    }
+    if (!componentName) {
+        return undefined;
+    }
+    const normalizedComponentName = componentName.replace(/-/g, '');
+    return `/docs/components-db${normalizedComponentName}`;
+}
+/**
+ * Resolves the framework-specific Storybook URL for the current component page.
+ * @param currentUrl - Current page URL
+ * @param frameworkRaw - Framework name ('react', 'angular', 'vue', 'html')
+ * @returns Storybook URL or undefined when the component route cannot be determined
+ */
+export function getShowCodeHref(currentUrl, frameworkRaw) {
+    const framework = (frameworkRaw || DEFAULT_FRAMEWORK).toLowerCase();
+    const url = new URL(currentUrl);
+    const componentsIndex = url.pathname.indexOf('/components/');
+    const docsPath = buildStorybookDocsPathname(url.pathname);
+    if (componentsIndex === -1 || !docsPath) {
+        return undefined;
+    }
+    if (url.hostname === 'localhost' || url.hostname === '127.0.0.1') {
+        const port = LOCALHOST_STORYBOOK_PORT_MAP[framework] || LOCALHOST_STORYBOOK_PORT_MAP[DEFAULT_FRAMEWORK];
+        return `${url.protocol}//${url.hostname}:${port}/?path=${docsPath}`;
+    }
+    const basePath = url.pathname.slice(0, componentsIndex);
+    return `${url.origin}${basePath}/${framework}-storybook?path=${docsPath}`;
+}

package/dist/utils/document-click-listener.js

@@ -1,26 +1,29 @@
-import { uuid as e } from "./index.js";
-//#region src/utils/document-click-listener.ts
-var t = class t {
-	static {
-		this.callbacks = {};
-	}
-	static {
-		this._instance = null;
-	}
-	static runCallbacks(e) {
-		for (let n of Object.values(t.callbacks)) typeof n == "function" && n(e);
-	}
-	constructor() {
-		if (t._instance) return t._instance;
-		t._instance = this, self.document && self.document.addEventListener("click", (e) => t.runCallbacks(e));
-	}
-	addCallback(n) {
-		let r = e();
-		return t.callbacks[r] = n, r;
-	}
-	removeCallback(e) {
-		delete t.callbacks[e];
-	}
-};
-//#endregion
-export { t as DocumentClickListener };
+import { uuid } from './index.js';
+export class DocumentClickListener {
+    static callbacks = {};
+    static _instance = null;
+    static runCallbacks(event) {
+        for (const callback of Object.values(DocumentClickListener.callbacks)) {
+            if (typeof callback === 'function') {
+                callback(event);
+            }
+        }
+    }
+    constructor() {
+        if (DocumentClickListener._instance) {
+            return DocumentClickListener._instance;
+        }
+        DocumentClickListener._instance = this;
+        if (self.document) {
+            self.document.addEventListener('click', event => DocumentClickListener.runCallbacks(event));
+        }
+    }
+    addCallback(callback) {
+        const callbackID = uuid();
+        DocumentClickListener.callbacks[callbackID] = callback;
+        return callbackID;
+    }
+    removeCallback(id) {
+        delete DocumentClickListener.callbacks[id];
+    }
+}