@odx/websites-react 0.0.1

package/dist/components/actions/formField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/actions/formField/index.js

@@ -0,0 +1,2 @@
+export * from './FormField';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/formField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/actions/link/Link.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type LinkComponent, type LinkComponentProps } from '../../../utils';
+import { SvgIconComponent, type SvgIconProps } from '../../images-icons/svg-icon';
+import { BodyTextProps } from '../../typography/bodyText';
+declare const linkVariants: (props?: ({
+    variant?: "inline" | "standalone" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface LinkProps extends LinkComponentProps, LinkComponent, VariantProps<typeof linkVariants> {
+    disabled?: boolean;
+    icon?: SvgIconComponent;
+    iconRight?: boolean;
+    iconProps?: SvgIconProps;
+    size?: BodyTextProps['variant'];
+}
+export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>, VariantProps<typeof linkListVariants> {
+}
+declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const linkListVariants: (props?: ({
+    direction?: "col" | "row" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const LinkList: React.FC<LinkListProps>;
+export { Link, LinkList };
+//# sourceMappingURL=Link.d.ts.map

package/dist/components/actions/link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAEL,gBAAgB,EAChB,KAAK,YAAY,EAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AASlE,QAAA,MAAM,YAAY;;;mFAahB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,kBAAkB,EACxB,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C,QAAA,MAAM,IAAI,kGA6CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CASrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/actions/link/Link.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+import { SvgIcon, } from '../../images-icons/svg-icon';
+import { BodyText } from '../../typography/bodyText';
+// TODO: missing Color-token
+const linkClasses = `
+  align-baseline text-draeger-air-blue gap-x-3 outline-inherit transition-colors duration-150
+  active:text-[#0052BD] visited:text-[#0075EB] focus-visible:outline
+`;
+const linkVariants = cva(linkClasses, {
+    variants: {
+        variant: {
+            standalone: 'flex items-center hover:underline underline-offset-2',
+            inline: 'inline-flex underline underline-offset-4',
+        },
+        disabled: {
+            true: 'text-draeger-cool-gray-250 cursor-not-allowed active:text-draeger-cool-gray-250 visited:text-draeger-cool-gray-250 hover:no-underline',
+        },
+    },
+    defaultVariants: {
+        variant: 'standalone',
+    },
+});
+const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, size, href, icon, iconProps, iconRight = false, ...props }, ref) => {
+    const LinkComp = LinkComponent ? LinkComponent : 'a';
+    return (_jsx(BodyText, { variant: size, asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(linkVariants({ variant, disabled, className })), ...props, children: [icon && (_jsx(SvgIcon, { className: cn('pt-px', iconRight && 'order-1', iconProps?.className), icon: icon, size: "sm", square: true, ...iconProps })), _jsx("span", { children: children })] }) }));
+});
+Link.displayName = 'Link';
+const linkListVariants = cva('flex', {
+    variants: {
+        direction: {
+            row: 'flex-row gap-x-5',
+            col: 'flex-col gap-y-2',
+        },
+    },
+    defaultVariants: {
+        direction: 'col',
+    },
+});
+const LinkList = ({ direction, children, className, ...props }) => (_jsx("div", { className: cn(linkListVariants({ direction, className })), ...props, children: children }));
+export { Link, LinkList };
+//# sourceMappingURL=Link.js.map

package/dist/components/actions/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAElE,4BAA4B;AAE5B,MAAM,WAAW,GAAG;;;CAGnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,sDAAsD;YAClE,MAAM,EAAE,0CAA0C;SACnD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,uIAAuI;SAC9I;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;KACtB;CACF,CAAC,CAAC;AAiBH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,kBAC9B,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC,CAAC,KACvD,KAAK,aAER,IAAI,IAAI,CACP,KAAC,OAAO,IACN,SAAS,EAAE,EAAE,CACX,OAAO,EACP,SAAS,IAAI,SAAS,EACtB,SAAS,EAAE,SAAS,CACrB,EACD,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,IAAI,EACT,MAAM,WACF,SAAS,GACb,CACH,EACD,yBAAO,QAAQ,GAAQ,IACd,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,EAAE;IACnC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,kBAAkB;YACvB,GAAG,EAAE,kBAAkB;SACxB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KAAM,KAAK,YACpE,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/actions/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/actions/link/index.js

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/actions/multiSelector/MultiSelector.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface SelectorOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface MultiSelectorProps {
+    options: SelectorOption[];
+    selected: SelectorOption[];
+    onChange: (value: SelectorOption[]) => void;
+    label?: string;
+    placeholder: string;
+    className?: string;
+    filterFunction?: (option: SelectorOption, query: string) => boolean;
+}
+declare const MultiSelector: React.FC<MultiSelectorProps>;
+export { MultiSelector };
+//# sourceMappingURL=MultiSelector.d.ts.map

package/dist/components/actions/multiSelector/MultiSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiSelector/MultiSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACrE;AA+BD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiF/C,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/dist/components/actions/multiSelector/MultiSelector.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Combobox } from '@headlessui/react';
+import { Checkbox } from '../checkbox';
+import { cn } from '../../../utils';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { IconChevronDown } from '../../../icons';
+import { Button } from '../button';
+const ComboboxOption = ({ option }) => (_jsx(Combobox.Option, { disabled: option.disabled, value: option, children: ({ selected, focus, disabled }) => (_jsxs("div", { className: cn('flex px-3 py-2 cursor-pointer', focus && 'bg-draeger-pale-blue', disabled && 'cursor-default'), children: [_jsx(Checkbox, { disabled: disabled, checked: selected }), _jsx("span", { className: cn('block ml-3', disabled && 'opacity-70'), children: option.label })] })) }));
+const inputWrapperClasses = "flex px-4 py-2.5 w-full before:border-2 before:border-draeger-dark-blue before:content-[''] before:absolute before:top-0 before:bottom-0 before:left-0 before:w-full before:-z-10 group-data-[headlessui-state=open]:before:border-4 group-data-[headlessui-state=open]:before:border-b-0";
+const defaultFilterFunction = ({ label }, query) => label.toLowerCase().includes(query.toLowerCase());
+const MultiSelector = ({ options, selected, onChange, label, placeholder, className, filterFunction, }) => {
+    const [query, setQuery] = React.useState('');
+    const inputRef = React.useRef(null);
+    const id = React.useId();
+    const filteredOptions = query === ''
+        ? options
+        : options.filter(option => (filterFunction ?? defaultFilterFunction)(option, query));
+    const triggerButtonMouseDownHandler = (e) => {
+        e.preventDefault();
+        if (!inputRef.current)
+            return;
+        const dataOpenAttribute = inputRef.current.getAttribute('data-open');
+        if (dataOpenAttribute === null)
+            inputRef.current.focus();
+        else
+            inputRef.current.blur();
+    };
+    const inputPlaceholder = selected.length > 0 ? `${placeholder} (${selected.length})` : placeholder;
+    return (_jsxs(Combobox, { as: "div", className: cn('relative group font-text text-draeger-dark-blue', className), value: selected, onChange: onChange, immediate: true, multiple: true, children: [_jsxs("div", { className: inputWrapperClasses, children: [_jsx("label", { className: "absolute px-1 text-base -top-3 bg-draeger-white", htmlFor: id, children: label }), _jsx(Combobox.Input, { className: "w-full text-lg outline-none placeholder:text-draeger-dark-gray", onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), placeholder: inputPlaceholder, ref: inputRef, id: id }), _jsx(Button, { onMouseDownCapture: triggerButtonMouseDownHandler, className: "h-auto px-0", variant: "ghost-inherit", size: "sm", children: _jsx(SvgIcon, { className: "cursor-pointer group-data-[headlessui-state=open]:rotate-180", icon: IconChevronDown, size: 'md' }) })] }), _jsx(Combobox.Options, { className: "absolute z-10 w-full overflow-auto border-4 border-t-0 max-h-48 bg-draeger-white border-draeger-dark-blue", children: filteredOptions.map(option => (_jsx(ComboboxOption, { option: option }, option.label))) })] }));
+};
+export { MultiSelector };
+//# sourceMappingURL=MultiSelector.js.map

package/dist/components/actions/multiSelector/MultiSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelector.js","sourceRoot":"","sources":["../../../../src/components/actions/multiSelector/MultiSelector.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/multiSelector/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MultiSelector';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/multiSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/actions/multiSelector/index.js

@@ -0,0 +1,2 @@
+export * from './MultiSelector';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/multiSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/multiSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/actions/phoneInput/PhoneInput.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { type FormFieldWrapperVariants } from '../formField';
+export type CountriesByCode = Record<string, string>;
+export type PhonePrefixByCode = Record<keyof CountriesByCode, string>;
+export interface PhoneInputProps extends FormFieldWrapperVariants {
+    invalid?: boolean;
+    disabled?: boolean;
+    helperText?: string;
+    className?: string;
+    required?: boolean;
+    onChange: (value: string) => void;
+    value: string;
+    wrapperClassName?: string;
+    countriesByCode: CountriesByCode;
+    phonePrefixByCode: PhonePrefixByCode;
+    countrySelectLabel: string;
+    phoneNumberInputLabel: string;
+}
+declare const PhoneInput: React.FC<PhoneInputProps>;
+export { PhoneInput };
+//# sourceMappingURL=PhoneInput.d.ts.map

package/dist/components/actions/phoneInput/PhoneInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AACrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,eAAe,EAAE,MAAM,CAAC,CAAC;AACtE,MAAM,WAAW,eAAgB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,eAAe,CAAC;IACjC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;CAC/B;AAyBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+GzC,CAAC;AAGF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/actions/phoneInput/PhoneInput.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+import { FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
+import { SelectPrimitive } from '../select';
+import { IconFeedbackWarning } from '../../../icons';
+import { useFieldId } from '../../../hooks';
+import { TextInputPrimitive } from '../text-input';
+const getCountriesOptions = (countriesByCode) => Object.keys(countriesByCode).map(code => ({
+    value: code,
+    label: countriesByCode[code],
+}));
+const getCountryByPhonePrefix = (phonePrefix, phonePrefixByCode) => {
+    const countriesEntries = Object.entries(phonePrefixByCode);
+    const country = countriesEntries.find(([_, countryPhonePrefix]) => phonePrefix === countryPhonePrefix);
+    if (country)
+        return country[0];
+};
+const PhoneInput = ({ wrapperClassName, size, required, helperText, invalid, disabled, onChange, value, countriesByCode, phonePrefixByCode, countrySelectLabel, phoneNumberInputLabel, }) => {
+    const { id: selectId, labelId: selectLabelId, helperTextId } = useFieldId();
+    const { id: inputId, labelId: inputLabelId } = useFieldId();
+    const [prefix = '', phoneNumber = ''] = value.split(' ');
+    const country = getCountryByPhonePrefix(prefix, phonePrefixByCode);
+    const onCountryChange = (e) => {
+        onChange(`${phonePrefixByCode[e.target.value] ?? ''} ${phoneNumber}`);
+    };
+    const onPhoneNumberChange = (e) => {
+        onChange(`${prefix} ${e.target.value}`);
+    };
+    return (_jsxs("div", { className: cn(wrapperClassName), children: [_jsxs("div", { className: "flex gap-x-5", children: [_jsx(FormFieldLabel, { className: "flex-1", id: selectLabelId, htmlFor: selectId, label: countrySelectLabel, disabled: disabled }), _jsx(FormFieldLabel, { className: "flex-1", id: inputLabelId, htmlFor: inputId, label: phoneNumberInputLabel, disabled: disabled })] }), _jsxs("div", { className: "flex items-start w-full gap-x-5 font-text", children: [_jsx("div", { className: "flex-1", children: _jsx(SelectPrimitive, { id: selectId, value: country, options: getCountriesOptions(countriesByCode), onChange: onCountryChange, required: required, invalid: invalid, disabled: disabled, size: size, "aria-labelledby": selectLabelId, "aria-describedby": helperText && helperTextId }) }), _jsx("div", { className: "flex-1", children: _jsx(TextInputPrimitive, { id: inputId, type: "tel", required: required, style: {
+                                paddingLeft: `${prefix.length ? 32 + 10 * prefix.length : 24}px`,
+                            }, value: phoneNumber, onChange: onPhoneNumberChange, invalid: invalid, disabled: disabled, size: size, "aria-labelledby": inputLabelId, "aria-describedby": helperText && helperTextId, children: _jsx("span", { className: cn(disabled && 'text-draeger-cool-gray-150', 'absolute top-1/2 -translate-y-1/2 left-6 transition-colors duration-150 pointer-events-none'), children: phonePrefixByCode[country] }) }) })] }), _jsxs("div", { className: "flex items-center mt-1 gap-x-2 min-h-6", children: [invalid && (_jsx(FormFieldIcon, { className: "static translate-y-0 shrink-0", icon: IconFeedbackWarning })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalid: invalid, disabled: disabled, className: "mt-0" })] })] }));
+};
+PhoneInput.displayName = 'PhoneInput';
+export { PhoneInput };
+//# sourceMappingURL=PhoneInput.js.map

package/dist/components/actions/phoneInput/PhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/phoneInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PhoneInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/phoneInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/actions/phoneInput/index.js

@@ -0,0 +1,2 @@
+export * from './PhoneInput';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/phoneInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/phoneInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/actions/questionnaireFieldset/QuestionnaireFieldset.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { RadioGroup } from '../radioGroup';
+export interface QuestionnaireFieldsetProps extends React.ComponentProps<typeof RadioGroup> {
+    text?: string;
+}
+declare const QuestionnaireFieldset: React.FC<QuestionnaireFieldsetProps>;
+export { QuestionnaireFieldset };
+//# sourceMappingURL=QuestionnaireFieldset.d.ts.map

package/dist/components/actions/questionnaireFieldset/QuestionnaireFieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireFieldset.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/questionnaireFieldset/QuestionnaireFieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAGzC,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAgB/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/components/actions/questionnaireFieldset/QuestionnaireFieldset.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+import { RadioGroup } from '../radioGroup';
+import { BodyText } from '../../typography/bodyText';
+const QuestionnaireFieldset = ({ text, className, children, ...props }) => (_jsxs("div", { className: cn('font-text flex flex-col gap-y-7 text-draeger-dark-blue', className), children: [text && _jsx(BodyText, { variant: 'large', children: text }), _jsx(RadioGroup, { ...props }), children] }));
+export { QuestionnaireFieldset };
+//# sourceMappingURL=QuestionnaireFieldset.js.map

package/dist/components/actions/questionnaireFieldset/QuestionnaireFieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireFieldset.js","sourceRoot":"","sources":["../../../../src/components/actions/questionnaireFieldset/QuestionnaireFieldset.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAOnD,MAAM,qBAAqB,GAAyC,CAAC,EACnE,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,SAAS,CACV,aAEA,IAAI,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,YAAG,IAAI,GAAY,EACtD,KAAC,UAAU,OAAK,KAAK,GAAI,EACxB,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/components/actions/questionnaireFieldset/index.d.ts

@@ -0,0 +1,2 @@
+export * from './QuestionnaireFieldset';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/questionnaireFieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/questionnaireFieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/actions/questionnaireFieldset/index.js

@@ -0,0 +1,2 @@
+export * from './QuestionnaireFieldset';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/questionnaireFieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/questionnaireFieldset/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/actions/radioGroup/RadioGroup.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { type VariantProps } from 'class-variance-authority';
+declare const radioGroupVariants: (props?: ({
+    direction?: "col" | "row" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface RadioGroupOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, VariantProps<typeof radioGroupVariants> {
+    options: RadioGroupOption[];
+    groupLabel?: string;
+    helperText?: string;
+    invalidText?: string;
+    invalid?: boolean;
+}
+export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label: string;
+    invalid?: boolean;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/actions/radioGroup/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAShE,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,EACrE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,wFAgEf,CAAC;AA6CF,OAAO,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/actions/radioGroup/RadioGroup.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+import { IconFeedbackWarning } from '../../../icons';
+import { FormFieldHelperText, FormFieldIcon, FormFieldLabel } from '../formField';
+import { useFieldId } from '../../../hooks';
+import { BodyText } from '../../typography/bodyText';
+const radioGroupBaseClasses = 'font-text flex group peer';
+const radioGroupVariants = cva(radioGroupBaseClasses, {
+    variants: {
+        direction: {
+            row: 'flex-row gap-5',
+            col: 'flex-col gap-2',
+        },
+    },
+    defaultVariants: {
+        direction: 'col',
+    },
+});
+const RadioGroup = React.forwardRef(({ className, direction, options, groupLabel, helperText, invalidText, invalid, ...props }, ref) => {
+    const { id, labelId, helperTextId } = useFieldId();
+    return (_jsxs(RadioGroupPrimitive.Root, { id: id, ...props, ref: ref, className: 'flex flex-col gap-2.5 group', "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, children: [groupLabel && (_jsx(FormFieldLabel, { id: labelId, className: cn('text-draeger-cool-gray-750 group-data-[disabled]:text-draeger-cool-gray-250 mb-0'), label: groupLabel })), _jsx("div", { className: cn(radioGroupVariants({ direction, className })), children: options.map(item => (_jsx(RadioGroupItem, { invalid: invalid, ...item }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: 'group-data-[disabled]:text-draeger-cool-gray-250 mt-0' })), invalid && invalidText && (_jsxs("div", { className: "flex items-center gap-x-3", children: [_jsx(FormFieldIcon, { className: 'w-[1.12rem]', icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, label, invalid, ...props }, ref) => {
+    const { id, labelId } = useFieldId();
+    return (_jsxs("div", { className: "font-text flex items-center space-x-3", children: [_jsx(RadioGroupPrimitive.Item, { className: cn('peer w-[1.125rem] h-[1.125rem] bg-white rounded-full border-2 border-draeger-dark-blue data-[disabled]:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue', invalid && 'border-draeger-warning', className), ref: ref, ...props, id: id, "aria-labelledby": labelId, tabIndex: 0, children: _jsx(RadioGroupPrimitive.Indicator, { className: cn("flex items-center justify-center w-full h-full relative after:content-[''] after:block after:w-2.5 after:h-2.5 after:rounded-full data-[disabled]:after:bg-draeger-cool-gray-250 after:bg-draeger-dark-blue", invalid && 'after:bg-draeger-warning') }) }), _jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, id: labelId, className: 'cursor-pointer group-data-[disabled]:cursor-not-allowed group-data-[disabled]:text-draeger-cool-gray-250 peer-data-[disabled]:text-draeger-cool-gray-250', children: label }) })] }));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/actions/radioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/RadioGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/radioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/radioGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/actions/radioGroup/index.js

@@ -0,0 +1,2 @@
+export * from './RadioGroup';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/radioGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/radioGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/actions/select/Select.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { type FormFieldWrapperVariants, type FormField } from '../formField';
+export interface SelectOption extends React.OptionHTMLAttributes<HTMLOptionElement> {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectProps extends SelectPrimitiveProps, FormField {
+    options: SelectOption[];
+}
+export interface SelectPrimitiveProps extends Omit<React.InputHTMLAttributes<HTMLSelectElement>, 'size'>, FormFieldWrapperVariants {
+    options: SelectOption[];
+    placeholder?: string;
+    invalid?: boolean;
+    icons?: React.ReactNode;
+}
+declare const SelectPrimitive: React.ForwardRefExoticComponent<SelectPrimitiveProps & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export { Select, SelectPrimitive };
+//# sourceMappingURL=Select.d.ts.map

package/dist/components/actions/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAML,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,oBAAoB,EAAE,SAAS;IAClE,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAChE,wBAAwB;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAKD,QAAA,MAAM,eAAe,gGA8BnB,CAAC;AAGH,QAAA,MAAM,MAAM,uFAwDX,CAAC;AAGF,OAAO,EAAC,MAAM,EAAE,eAAe,EAAC,CAAC"}

package/dist/components/actions/select/Select.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../../utils';
+import { IconChevronDown, IconFeedbackWarning } from '../../../icons';
+import { FormFieldWrapper, FormFieldIconsContainer, FormFieldLabel, FormFieldIcon, FormFieldHelperText, } from '../formField';
+import { useFieldId } from '../../../hooks';
+const selectPrimitiveClasses = 'enabled:cursor-pointer enabled:hover:bg-draeger-cool-gray-100 pr-14';
+const SelectPrimitive = React.forwardRef(({ className, options, size, icons, invalid, ...selectProps }, ref) => (_jsxs("div", { className: "relative inline-flex w-full", children: [_jsx(FormFieldWrapper, { className: cn(selectPrimitiveClasses, className), invalid: invalid, size: size, children: _jsxs("select", { ref: ref, ...selectProps, children: [_jsx("option", { value: "" }), options.map(({ value, label, disabled }) => (_jsx("option", { value: value, disabled: disabled, children: label }, label)))] }) }), _jsxs(FormFieldIconsContainer, { children: [icons, _jsx(FormFieldIcon, { className: cn('pointer-events-none text-draeger-cool-gray-750', selectProps.disabled && 'text-draeger-cool-gray-250'), icon: IconChevronDown })] })] })));
+SelectPrimitive.displayName = 'SelectPrimitive';
+const Select = React.forwardRef(({ className, wrapperClassName, label, required, helperText, invalidText, invalid, disabled, options, ...props }, ref) => {
+    const { id, labelId, helperTextId } = useFieldId();
+    return (_jsxs("div", { className: cn('font-text', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled })), _jsx(SelectPrimitive, { id: id, ref: ref, options: options, required: required, disabled: disabled, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn(className, invalid && 'pr-[5.5rem]'), icons: invalid && (_jsx(FormFieldIcon, { className: "w-5", icon: IconFeedbackWarning })), ...props }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, disabled: disabled, invalid: invalid }))] }));
+});
+Select.displayName = 'Select';
+export { Select, SelectPrimitive };
+//# sourceMappingURL=Select.js.map

package/dist/components/actions/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/actions/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/components/actions/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/actions/select/index.js

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.js.map

package/dist/components/actions/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/actions/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/actions/tag/Tag.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const tagVariants: (props?: ({
+    mode?: "read-only" | "dismissable" | null | undefined;
+    size?: "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface TagProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tagVariants> {
+    label: string | React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    onClose?: () => void;
+}
+export declare const Tag: React.FC<TagProps>;
+export {};
+//# sourceMappingURL=Tag.d.ts.map

package/dist/components/actions/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAMhE,QAAA,MAAM,WAAW;;;mFAiBf,CAAC;AAEH,MAAM,WAAW,QACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwClC,CAAC"}

package/dist/components/actions/tag/Tag.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SvgIcon } from '../..';
+import { IconClose } from '../../../icons';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+const tagBaseClasses = 'font-text inline-flex items-center justify-between rounded-full ring-offset-2 focus:ring-1 ring-draeger-air-blue group';
+const tagVariants = cva(tagBaseClasses, {
+    variants: {
+        mode: {
+            'read-only': 'border-draeger-air-blue border px-2.5 text-draeger-air-blue aria-disabled:border-draeger-cool-gray-250 aria-disabled:text-draeger-cool-gray-250 aria-disabled:pointer-events-none',
+            dismissable: 'bg-draeger-air-blue p-0.5 pl-2.5 text-draeger-white gap-3 aria-disabled:bg-draeger-cool-gray-250 aria-disabled:pointer-events-none',
+        },
+        size: {
+            xs: 'text-sm h-[1.875rem] focus:h-[1.65rem]',
+            sm: 'text-base h-10 focus:h-[2.25rem]',
+        },
+    },
+    defaultVariants: {
+        mode: 'read-only',
+        size: 'xs',
+    },
+});
+export const Tag = ({ value, label, mode, size, disabled, onClose, className, ...props }) => {
+    return (_jsxs("div", { tabIndex: -1, id: value, "aria-disabled": disabled, className: cn(tagVariants({ mode, size, className })), ...props, children: [_jsx("span", { className: 'flex', children: label }), mode === 'dismissable' && (_jsx(Button, { variant: "ghost", className: cn('p-0 rounded-full hover:bg-[#0075EB] active:bg-draeger-dark-blue', size === 'sm'
+                    ? 'h-9 w-9  group-focus:h-8 group-focus:w-8'
+                    : 'h-[1.625rem] w-[1.625rem] group-focus:h-6 group-focus:w-6'), onClick: onClose, children: _jsx(SvgIcon, { color: "draeger-white", icon: IconClose, size: 'md', title: "close" }) }))] }));
+};
+Tag.displayName = 'Tag';
+//# sourceMappingURL=Tag.js.map

package/dist/components/actions/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/Tag.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,MAAM,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,cAAc,GAClB,wHAAwH,CAAC;AAE3H,MAAM,WAAW,GAAG,GAAG,CAAC,cAAc,EAAE;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,mLAAmL;YACrL,WAAW,EACT,oIAAoI;SACvI;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,wCAAwC;YAC5C,EAAE,EAAE,kCAAkC;SACvC;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAWH,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,eACE,QAAQ,EAAE,CAAC,CAAC,EACZ,EAAE,EAAE,KAAK,mBACM,QAAQ,EACvB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAC/C,KAAK,aAET,eAAM,SAAS,EAAE,MAAM,YAAG,KAAK,GAAQ,EACtC,IAAI,KAAK,aAAa,IAAI,CACzB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,iEAAiE,EACjE,IAAI,KAAK,IAAI;oBACX,CAAC,CAAC,0CAA0C;oBAC5C,CAAC,CAAC,2DAA2D,CAChE,EACD,OAAO,EAAE,OAAO,YAEhB,KAAC,OAAO,IACN,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,OAAO,GACb,GACK,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/components/actions/tag/TagGroup.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TagProps } from './Tag';
+export interface TagGroupProps extends React.HTMLAttributes<HTMLElement> {
+    items: TagProps[];
+    onClose: (item: TagProps) => void;
+}
+export declare const TagGroup: React.FC<TagGroupProps>;
+//# sourceMappingURL=TagGroup.d.ts.map

package/dist/components/actions/tag/TagGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tag/TagGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAM,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAa5C,CAAC"}

package/dist/components/actions/tag/TagGroup.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tag } from './Tag';
+export const TagGroup = ({ items, onClose }) => {
+    return (_jsx("div", { className: "flex flex-wrap gap-2", children: items.map(item => (_jsx(Tag, { label: item.label, value: item.value, onClose: () => onClose(item) }, item.value))) }));
+};
+//# sourceMappingURL=TagGroup.js.map

package/dist/components/actions/tag/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/tag/TagGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,GAAG,EAAC,MAAM,OAAO,CAAC;AAOpC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAC,KAAK,EAAE,OAAO,EAAC,EAAE,EAAE;IACpE,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YAClC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,KAAC,GAAG,IAEF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAHvB,IAAI,CAAC,KAAK,CAIf,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/actions/tag/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TagGroup';
+export * from './Tag';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/actions/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC"}

package/dist/components/actions/tag/index.js

@@ -0,0 +1,3 @@
+export * from './TagGroup';
+export * from './Tag';
+//# sourceMappingURL=index.js.map