@odx/websites-react 0.0.1

package/LICENSE.md

@@ -0,0 +1,6 @@
+Copyright (c) 2024 Drägerwerk AG & Co.KGaA, all rights reserved.
+
+The use of the associated software is only permitted within the scope of a usage permit. For customers of Dräger, this right of use and its scope is derived from the contracts concluded with Dräger. Service providers/suppliers of Dräger may use the associated software for the provision of services to Dräger to the extent resulting from the contracts concluded with Dräger. Use by other third parties is expressly not permitted.
+
+Die Nutzung der zugehörigen Software ist nur im Rahmen einer Nutzungserlaubnis gestattet. Für Kunden von Dräger ergibt sich dieses Nutzungsrecht und sein Umfang aus den mit Dräger geschlossenen Verträgen. Dienstleister/Lieferanten von Dräger dürfen die zugehörige Software zur Leistungserbringung gegenüber Dräger in dem Umfang verwenden, wie es sich aus den mit Dräger abgeschlossenen Verträgen ergibt. Eine Nutzung durch sonstige Dritte ist ausdrücklich nicht gestattet.
+

package/README.md

@@ -0,0 +1,65 @@
+# ODX Website React Component Library
+
+## General
+ODX Website React Component Library based on Tailwind.
+
+## Installation 🚀
+
+1. Install package: `pnpm add -D @odx/websites-react`
+2. Install odxwebsite ui package: `pnpm add -D @odx/websites-ui`
+3. Install peer dependency: `pnpm add -D tailwindcss`
+4. Init tailwind: `npx tailwindcss init`
+5. Add odxwebsite ui tailwind preset and import the content module in your content configuration to prevent Tailwind from purging its styles: 
+```js
+import preset from '@odx/websites-ui/tailwind';
+import content from '@odx/websites-react/tailwind-lib-content';
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  presets: [require('@odx/websites-ui/tailwind')],    
+  content: [...content],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+} 
+```
+6. Import the global styles including the @tailwind directives for each of Tailwind’s layers to your main CSS file.
+You can import the Global styles in your main JS file like this:
+
+```js
+import '@odx/websites-ui/style';
+```
+
+## Usage
+
+The React package is a collection of React components that are structured with the following entry points:
+
+- `@odx/websites-react/components` - General components
+- `@odx/websites-react/web` - Dräger Website specific components
+- `@odx/websites-react/icons`- Icons (as react components)
+- `@odx/websites-react/hooks`- React hooks
+
+You can import and use components like this in your project:
+
+```tsx
+import { Button } from '@odx/websites-react/components';
+```
+
+## Live demo ⭐
+
+Please refer to our [**Storybook**](https://app-dweb-designsystem-breeze.azurewebsites.net), to see the components in action and to get further information.
+
+
+## Technologies
+
+- [React](https://reactjs.org/)
+- [Tailwind](https://tailwindcss.com/)
+- [TypeScript](https://www.typescriptlang.org/)
+- [pnpm](https://pnpm.io/)
+- [tsup](https://tsup.egoist.dev/)
+- [Jest](https://jestjs.io/)
+- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)
+- [ESLint](https://eslint.org/)
+- [Prettier](https://prettier.io/)
+- [Radix](https://www.radix-ui.com/)

package/dist/components/actions/button/Button.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { LinkComponent } from '../../../utils';
+import { SvgIconComponent, SvgIconProps } from '../../images-icons/svg-icon';
+import { LinkComponentProps } from '../../../utils';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "secondary-air-blue" | "secondary-dark-blue" | "secondary-white" | "ghost" | "ghost-inherit" | null | undefined;
+    size?: "sm" | "md" | "lg" | "headerActionItem" | "card" | "resultListButton" | null | undefined;
+    fontSize?: "default" | "sm" | "lg" | "xl" | "2xl" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    buttonIconProps?: SvgIconProps;
+    icon?: SvgIconComponent;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface LinkButtonProps extends LinkComponentProps, LinkComponent, VariantProps<typeof buttonVariants> {
+    buttonIconProps?: SvgIconProps;
+    icon?: SvgIconComponent;
+}
+declare const LinkButton: React.FC<LinkButtonProps>;
+export { Button, LinkButton, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/actions/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAEL,gBAAgB,EAChB,YAAY,EACb,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAMlD,QAAA,MAAM,cAAc;;;;mFAqClB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,uFA4BX,CAAC;AAGF,MAAM,WAAW,eACf,SAAQ,kBAAkB,EACxB,aAAa,EACb,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqBzC,CAAC;AAGF,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/actions/button/Button.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+import { SvgIcon, } from '../../images-icons/svg-icon';
+const buttonBaseClasses = 'font-text inline-flex items-center justify-center whitespace-nowrap font-medium ring-offset-1 transition-colors focus-visible:outline-none disabled:pointer-events-none pl-2.5 pr-4 gap-3 rounded-sm';
+//TODO: Delete secondary-air-blue, secondary-dark-blue, secondary-white variants, when theming for button is ready
+const buttonVariants = cva(buttonBaseClasses, {
+    variants: {
+        variant: {
+            primary: 'bg-draeger-air-blue text-draeger-white focus:ring-draeger-air-blue focus:ring-1 hover:bg-draeger-surface-accent-hover active:bg-draeger-surface-accent-click disabled:bg-draeger-cool-gray-150',
+            secondary: 'bg-transparent text-draeger-air-blue border border-draeger-air-blue focus:bg-draeger-pale-blue hover:bg-draeger-pale-blue active:bg-draeger-light-blue-150 disabled:border-draeger-cool-gray-150 disabled:text-draeger-cool-gray-150',
+            'secondary-air-blue': 'bg-transparent text-draeger-air-blue border-2 border-draeger-air-blue',
+            'secondary-dark-blue': 'bg-transparent text-draeger-dark-blue border-2 border-draeger-dark-blue',
+            'secondary-white': 'bg-transparent text-draeger-white border-2 border-draeger-white',
+            ghost: 'bg-transparent text-draeger-air-blue focus:border focus:border-draeger-air-blue hover:bg-draeger-pale-blue active:bg-draeger-light-blue-150 disabled:text-draeger-cool-gray-150',
+            'ghost-inherit': 'bg-transparent text-inherit hover:shadow-none',
+        },
+        size: {
+            sm: 'h-element-height-sm text-md',
+            md: 'h-element-height-md text-md',
+            lg: 'h-element-height-lg text-lg',
+            headerActionItem: 'h-full',
+            card: 'w-full py-4',
+            resultListButton: 'w-full py-3',
+        },
+        fontSize: {
+            default: 'text-md',
+            sm: 'text-sm',
+            lg: 'text-lg',
+            xl: 'text-xl',
+            '2xl': 'text-2xl',
+        },
+    },
+    defaultVariants: {
+        variant: 'primary',
+        size: 'md',
+    },
+});
+const Button = React.forwardRef(({ className, variant, size, fontSize, asChild = false, icon, buttonIconProps = {}, ...props }, ref) => {
+    const Comp = asChild ? Slot : 'button';
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, fontSize, className })), ref: ref, ...props, children: _jsxs(_Fragment, { children: [icon && _jsx(SvgIcon, { ...buttonIconProps, icon: icon, size: "md" }), props.children] }) }));
+});
+Button.displayName = 'Button';
+const LinkButton = ({ className, variant, size, fontSize, children, icon, buttonIconProps = {}, LinkComponent, ...props }) => {
+    const LinkComp = LinkComponent ? LinkComponent : 'a';
+    return (_jsxs(LinkComp, { ...props, className: cn(buttonVariants({ variant, size, fontSize, className })), children: [icon && _jsx(SvgIcon, { ...buttonIconProps, icon: icon, size: "md" }), children] }));
+};
+LinkButton.displayName = 'LinkButton';
+export { Button, LinkButton, buttonVariants };
+//# sourceMappingURL=Button.js.map

package/dist/components/actions/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,OAAO,GAGR,MAAM,6BAA6B,CAAC;AAGrC,MAAM,iBAAiB,GACrB,sMAAsM,CAAC;AAEzM,kHAAkH;AAClH,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,gMAAgM;YAClM,SAAS,EACP,sOAAsO;YACxO,oBAAoB,EAClB,uEAAuE;YACzE,qBAAqB,EACnB,yEAAyE;YAC3E,iBAAiB,EACf,iEAAiE;YACnE,KAAK,EACH,iLAAiL;YACnL,eAAe,EAAE,+CAA+C;SACjE;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,EAAE,EAAE,6BAA6B;YACjC,gBAAgB,EAAE,QAAQ;YAC1B,IAAI,EAAE,aAAa;YACnB,gBAAgB,EAAE,aAAa;SAChC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,UAAU;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CAAC,CAAC;AAUH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EACE,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,IAAI,EACJ,eAAe,GAAG,EAAE,EACpB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC,CAAC,EACnE,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,8BACG,IAAI,IAAI,KAAC,OAAO,OAAK,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EAC9D,KAAK,CAAC,QAAQ,IACd,GACE,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAU9B,MAAM,UAAU,GAA8B,CAAC,EAC7C,SAAS,EACT,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,MAAC,QAAQ,OACH,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,CAAC,CAAC,aAElE,IAAI,IAAI,KAAC,OAAO,OAAK,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EAC9D,QAAQ,IACA,CACZ,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/actions/button/ButtonGroup.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+declare const ButtonGroup: React.FC<ButtonGroupProps>;
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/components/actions/button/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAc3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/actions/button/ButtonGroup.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+const ButtonGroup = ({ children, className, ...args }) => (_jsx("div", { className: cn('flex [&>*]:rounded-none [&>*:first-child]:rounded-l-sm [&>*:last-child]:rounded-r-sm', className), ...args, children: children }));
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/actions/button/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/actions/button/ButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAMlC,MAAM,WAAW,GAA+B,CAAC,EAC/C,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/actions/checkbox/Checkbox.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { type VariantProps } from 'class-variance-authority';
+import { type FormField } from '../formField';
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    invalid?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export interface CheckboxGroupProps extends VariantProps<typeof checkboxGroupVariants>, FormField {
+    options: CheckboxGroupOption[];
+    direction?: 'row' | 'col';
+    className?: string;
+    wrapperClassName?: string;
+}
+export interface CheckboxGroupOption {
+    value: string;
+    children: string | React.ReactNode;
+    disabled?: boolean;
+}
+declare const checkboxGroupVariants: (props?: ({
+    direction?: "col" | "row" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export { Checkbox, CheckboxGroup };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/actions/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,QAAQ,yFAwCZ,CAAC;AAGH,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,SAAS;IACX,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,qBAAqB;;mFAUzB,CAAC;AAEH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6D/C,CAAC;AAIF,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/actions/checkbox/Checkbox.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../../utils';
+import { IconCheck, IconFeedbackWarning } from '../../../icons';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { FormFieldHelperText, FormFieldIcon, FormFieldLabel, } from '../formField';
+import { useFieldId } from '../../../hooks';
+import { BodyText } from '../../typography/bodyText';
+const checkboxBaseClasses = 'font-text h-6 w-6 shrink-0 peer border-[2.5px] rounded-[3px] text-transparent border-draeger-dark-blue data-[state=checked]:bg-draeger-dark-blue data-[state=checked]:text-draeger-white disabled:cursor-not-allowed data-[state=checked]:disabled:bg-draeger-cool-gray-250 disabled:border-draeger-cool-gray-250 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-draeger-air-blue';
+const Checkbox = React.forwardRef(({ className, children, invalid, ...props }, ref) => {
+    const id = React.useId();
+    return (_jsxs("div", { className: "flex space-x-2", children: [_jsx(CheckboxPrimitive.Root, { ...props, className: cn(checkboxBaseClasses, invalid &&
+                    'border-draeger-warning data-[state=checked]:bg-draeger-warning', className), ref: ref, id: id, children: _jsx(CheckboxPrimitive.Indicator, { forceMount: true, className: 'flex items-center justify-center h-full', children: _jsx(SvgIcon, { icon: IconCheck }) }) }), children && (_jsx(BodyText, { asChild: true, children: _jsx("label", { htmlFor: id, className: 'peer-disabled:text-draeger-cool-gray-250 peer-disabled:cursor-not-allowed', children: children }) }))] }));
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+const checkboxGroupVariants = cva('', {
+    variants: {
+        direction: {
+            row: 'row gap-x-5 gap-y-2 flex-wrap',
+            col: 'flex-col gap-2',
+        },
+    },
+    defaultVariants: {
+        direction: 'row',
+    },
+});
+const CheckboxGroup = ({ className, wrapperClassName, direction, options, label, helperText, invalidText, invalid, disabled, ...props }) => {
+    const { id, labelId, helperTextId } = useFieldId();
+    return (_jsxs("div", { id: id, className: cn('font-text flex flex-col gap-2.5', wrapperClassName), "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, ...props, children: [label && (_jsx(FormFieldLabel, { id: labelId, className: cn(disabled && 'text-draeger-cool-gray-250', 'mb-0'), label: label })), _jsx("div", { className: cn('flex', checkboxGroupVariants({ direction, className })), children: options.map((item) => (_jsx(Checkbox, { disabled: disabled, invalid: invalid, ...item, children: item.children }, item.value))) }), helperText && (_jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, className: cn(disabled && 'text-draeger-cool-gray-250', 'mt-0') })), invalidText && invalid && (_jsxs("div", { className: "flex items-center gap-x-1", children: [_jsx(FormFieldIcon, { icon: IconFeedbackWarning }), _jsx(FormFieldHelperText, { helperText: invalidText, invalid: invalid, className: 'mt-0' })] }))] }));
+};
+CheckboxGroup.displayName = 'CheckboxGroup';
+export { Checkbox, CheckboxGroup };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/actions/checkbox/Checkbox.js.map

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

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

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

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

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

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

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

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

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

package/dist/components/actions/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, };
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/actions/dropdown-menu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAIvE,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;;wCAepB,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}

package/dist/components/actions/dropdown-menu/DropdownMenu.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { cn } from '../../../utils';
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn('font-text font-semibold z-50 min-w-[8rem] overflow-hidden border bg-draeger-white p-1 text-draeger-dark-blue shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', className), ...props }) })));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className), ...props })));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, };
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/actions/dropdown-menu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAEhD,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,CAAC;AAE1D,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,EAAC,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,KAAC,qBAAqB,CAAC,MAAM,cAC3B,KAAC,qBAAqB,CAAC,OAAO,IAC5B,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,ycAAyc,EACzc,SAAS,CACV,KACG,KAAK,GACT,GAC2B,CAChC,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC,OAAO,CAAC,WAAW,CAAC;AAE5E,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAKvC,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,KAAC,qBAAqB,CAAC,IAAI,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iOAAiO,EACjO,KAAK,IAAI,MAAM,EACf,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEtE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}

package/dist/components/actions/dropdown-menu/index.d.ts

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

package/dist/components/actions/dropdown-menu/index.d.ts.map

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

package/dist/components/actions/dropdown-menu/index.js

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

package/dist/components/actions/dropdown-menu/index.js.map

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

package/dist/components/actions/floatingButton/FloatingButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { type SvgIconComponent } from '../../images-icons/svg-icon';
+export interface FloatingButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof floatingButtonVariants> {
+    counter?: number;
+    text?: string;
+    icon?: SvgIconComponent;
+}
+declare const floatingButtonVariants: (props?: ({
+    positionY?: "bottom" | "middle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const FloatingButton: React.ForwardRefExoticComponent<FloatingButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { FloatingButton };
+//# sourceMappingURL=FloatingButton.d.ts.map

package/dist/components/actions/floatingButton/FloatingButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAU,KAAK,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAG3E,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAwCD,QAAA,MAAM,sBAAsB;;mFAU1B,CAAC;AA2CH,QAAA,MAAM,cAAc,+FAqBnB,CAAC;AAGF,OAAO,EAAC,cAAc,EAAC,CAAC"}

package/dist/components/actions/floatingButton/FloatingButton.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { cn } from '../../../utils';
+const floatingButtonClasses = `
+  fixed right-0
+  group h-14 text-draeger-white overflow-hidden outline-none
+  flex items-center
+  rounded-l-sm border-1 border-draeger-white
+  focus-visible:after:content-[""]
+  focus-visible:after:absolute
+  focus-visible:after:top-px
+  focus-visible:after:left-px
+  focus-visible:after:right-px
+  focus-visible:after:bottom-px
+  focus-visible:after:border
+  focus-visible:after:border-draeger-white
+  focus-visible:after:rounded-l-sm
+  focus-visible:after:z-10
+`;
+const floatingButtonContentClasses = 'bg-draeger-air-blue transition-colors group-hover:bg-draeger-surface-accent-hover group-active:bg-draeger-dark-blue px-3 py-2 ';
+const floatingButtonIconGroupCounterClasses = `
+  rounded-full bg-draeger-white
+  min-w-[24px] h-6
+  absolute top-2 left-7
+  flex justify-center items-center
+  text-sm font-text text-draeger-air-blue
+  group-hover:text-draeger-surface-accent-hover group-active:text-draeger-dark-blue
+`;
+const floatingButtonVariants = cva(floatingButtonClasses, {
+    variants: {
+        positionY: {
+            middle: 'bottom-1/2',
+            bottom: 'bottom-6',
+        },
+    },
+    defaultVariants: {
+        positionY: 'middle',
+    },
+});
+const IconGroup = ({ icon, counter }) => (_jsxs("div", { className: cn('flex w-16 h-full z-10 justify-center', floatingButtonContentClasses), children: [_jsx(SvgIcon, { icon: icon, color: "draeger-white", size: "md", className: cn(typeof counter === 'number' && 'absolute bottom-2 left-3') }), typeof counter === 'number' && (_jsx("div", { className: cn(floatingButtonIconGroupCounterClasses), children: counter }))] }));
+const FloatingButtonText = ({ text, animated, }) => (_jsx("div", { className: cn(floatingButtonContentClasses, 'h-full max-w-48 flex text-draeger-white font-text font-semibold text-left', animated && 'animate-draeger-floating-button-text pl-0'), children: _jsx("span", { className: cn('flex items-center text-lg tracking-[0.01125rem]', animated && 'animate-draeger-floating-button-text-opacity'), children: text }) }));
+const FloatingButton = React.forwardRef(({ className, positionY, counter, text, icon, ...props }, ref) => {
+    const animated = Boolean(text && icon);
+    return (_jsxs("button", { tabIndex: 0, className: `${cn(animated && 'animate-draeger-floating-button', floatingButtonVariants({
+            positionY,
+            className,
+        }))}`, ref: ref, ...props, children: [icon && _jsx(IconGroup, { icon: icon, counter: counter }), text && _jsx(FloatingButtonText, { animated: animated, text: text })] }));
+});
+FloatingButton.displayName = 'FloatingButton';
+export { FloatingButton };
+//# sourceMappingURL=FloatingButton.js.map

package/dist/components/actions/floatingButton/FloatingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../../../src/components/actions/floatingButton/FloatingButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,EAAwB,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAmBlC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;CAe7B,CAAC;AAEF,MAAM,4BAA4B,GAChC,gIAAgI,CAAC;AAEnI,MAAM,qCAAqC,GAAG;;;;;;;CAO7C,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,CAAC,qBAAqB,EAAE;IACxD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,MAAM,EAAE,YAAY;YACpB,MAAM,EAAE,UAAU;SACnB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,SAAS,GAA2C,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,EAAE,CAAC,CAC7E,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,4BAA4B,CAC7B,aAED,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,eAAe,EACrB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,0BAA0B,CAAC,GACxE,EACD,OAAO,OAAO,KAAK,QAAQ,IAAI,CAC9B,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,YAAG,OAAO,GAAO,CAC3E,IACG,CACP,CAAC;AAEF,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,2EAA2E,EAC3E,QAAQ,IAAI,2CAA2C,CACxD,YAED,eACE,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,8CAA8C,CAC3D,YAEA,IAAI,GACA,GACH,CACP,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IACvC,OAAO,CACL,kBACE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,GAAG,EAAE,CACd,QAAQ,IAAI,iCAAiC,EAC7C,sBAAsB,CAAC;YACrB,SAAS;YACT,SAAS;SACV,CAAC,CACH,EAAE,EACH,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,IAAI,IAAI,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,EACnD,IAAI,IAAI,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,IACxD,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAC,cAAc,EAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/actions/form/Form.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    children: React.ReactNode;
+    headline?: string;
+    subHeadline?: string;
+    footer: React.ReactNode;
+}
+export declare const Form: React.FC<FormProps>;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/actions/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmBpC,CAAC"}

package/dist/components/actions/form/Form.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Headline } from '../../typography/headline';
+import { BodyText } from '../../typography/bodyText';
+export const Form = ({ children, headline, subHeadline, footer, ...props }) => {
+    return (_jsxs("form", { ...props, children: [(headline || subHeadline) && (_jsxs("div", { className: 'font-text flex flex-col gap-1 pb-10', children: [headline && _jsx(Headline, { headingLevel: 'h4', children: headline }), subHeadline && _jsx(BodyText, { variant: 'medium', children: subHeadline })] })), children, _jsx("div", { className: 'font-text flex justify-end pt-12', children: footer })] }));
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/actions/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/actions/form/Form.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AASnD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,mBAAU,KAAK,aACZ,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAC5B,eAAK,SAAS,EAAE,qCAAqC,aAClD,QAAQ,IAAI,KAAC,QAAQ,IAAC,YAAY,EAAE,IAAI,YAAG,QAAQ,GAAY,EAC/D,WAAW,IAAI,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,YAAG,WAAW,GAAY,IACjE,CACP,EACA,QAAQ,EACT,cAAK,SAAS,EAAE,kCAAkC,YAAG,MAAM,GAAO,IAC7D,CACR,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/actions/formField/FormField.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { SvgIconProps } from '../../images-icons/svg-icon';
+import { VariantProps } from 'class-variance-authority';
+export interface FormField {
+    wrapperClassName?: string;
+    label?: string;
+    helperText?: string;
+    invalidText?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+}
+export type FormFieldWrapperVariants = VariantProps<typeof formFieldWrapperVariants>;
+declare const formFieldWrapperVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface FormFieldWrapperProps extends FormFieldWrapperVariants {
+    children: React.ReactNode;
+    className?: string;
+    invalid?: boolean;
+}
+declare const FormFieldWrapper: React.FC<FormFieldWrapperProps>;
+export interface FormFieldLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    label: string;
+    disabled?: boolean;
+}
+declare const formFieldTextBaseClasses = "inline-block text-draeger-cool-gray-750 text-label-sm transition-color duration-150";
+declare const FormFieldLabel: React.FC<FormFieldLabelProps>;
+export interface FormFieldHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    helperText?: string;
+    invalidText?: string;
+    invalid?: boolean;
+    disabled?: boolean;
+}
+declare const FormFieldHelperText: React.FC<FormFieldHelperTextProps>;
+export interface FormFieldIconProps extends SvgIconProps {
+}
+export interface FormFieldIconContainerProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+declare const FormFieldIconsContainer: React.FC<FormFieldIconContainerProps>;
+declare const FormFieldIcon: React.FC<FormFieldIconProps>;
+export { FormFieldWrapper, FormFieldHelperText, FormFieldLabel, FormFieldIconsContainer, FormFieldIcon, formFieldWrapperVariants, formFieldTextBaseClasses, };
+//# sourceMappingURL=FormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAU,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAG3D,MAAM,WAAW,SAAS;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,wBAAwB,CAChC,CAAC;AA0BF,QAAA,MAAM,wBAAwB;;mFAc7B,CAAC;AAEF,MAAM,WAAW,qBAAsB,SAAQ,wBAAwB;IACrE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAcrD,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,wBAAwB,wFACyD,CAAC;AAExF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBjD,CAAC;AAEF,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoB3D,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,YAAY;CAAG;AAC3D,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAYlE,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa/C,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,GACzB,CAAC"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../utils';
+import { SvgIcon } from '../../images-icons/svg-icon';
+import { cva } from 'class-variance-authority';
+import { BodyText } from '../../typography/bodyText';
+// The following field classes are used as the base for other field components (e.g., textarea, select)
+const formFieldWrapperClasses = `
+  w-full px-6 pt-px
+  bg-draeger-cool-gray-50 
+  border-b border-draeger-cool-gray-500 rounded-[0.1875rem]
+  appearance-none outline outline-2 -outline-offset-2 outline-transparent
+  placeholder:text-draeger-cool-gray-500
+  transition-[outline,color] duration-150
+`;
+const formFieldWrapperStatesClasses = `
+  focus:enabled:outline-draeger-air-blue
+  focus:enabled:border-transparent
+  active:enabled:outline-draeger-air-blue
+  active:enabled:border-transparent
+  disabled:text-draeger-cool-gray-150
+  disabled:border-draeger-cool-gray-150
+  disabled:placeholder:text-draeger-cool-gray-150
+  disabled:cursor-not-allowed
+  data-[invalid=true]:outline-draeger-warning
+  data-[invalid=true]:border-transparent
+`;
+const formFieldWrapperVariants = cva(`text-draeger-dark-blue ${formFieldWrapperClasses} ${formFieldWrapperStatesClasses}`, {
+    variants: {
+        size: {
+            sm: 'h-element-height-sm',
+            md: 'h-element-height-md',
+            lg: 'h-element-height-lg',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});
+const FormFieldWrapper = ({ children, size, className, invalid, }) => (_jsx(BodyText, { asChild: true, "data-invalid": invalid, variant: 'small', className: cn(formFieldWrapperVariants({ size, className })), children: children }));
+const formFieldTextBaseClasses = 'inline-block text-draeger-cool-gray-750 text-label-sm transition-color duration-150';
+const FormFieldLabel = ({ label, disabled, className, ...props }) => (_jsx("label", { className: cn('mb-2', formFieldTextBaseClasses, disabled && 'text-draeger-cool-gray-250', className), ...props, children: label }));
+const FormFieldHelperText = ({ helperText, invalidText, invalid, disabled, className, ...props }) => (_jsx("p", { className: cn('mt-1', formFieldTextBaseClasses, disabled && 'text-draeger-cool-gray-150', invalid && 'text-draeger-warning', className), ...props, children: invalid && invalidText ? invalidText : helperText }));
+const FormFieldIconsContainer = ({ className, children, }) => (_jsx("div", { className: cn('absolute h-6 top-1/2 right-6 -translate-y-1/2 flex gap-x-2 items-center', className), children: children }));
+const FormFieldIcon = ({ className, icon, ...props }) => (_jsx(SvgIcon, { square: true, "aria-hidden": true, size: "md", icon: icon, className: cn(className), ...props }));
+export { FormFieldWrapper, FormFieldHelperText, FormFieldLabel, FormFieldIconsContainer, FormFieldIcon, formFieldWrapperVariants, formFieldTextBaseClasses, };
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/actions/formField/FormField.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAgBnD,uGAAuG;AAEvG,MAAM,uBAAuB,GAAG;;;;;;;CAO/B,CAAC;AAEF,MAAM,6BAA6B,GAAG;;;;;;;;;;;CAWrC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,CAClC,0BAA0B,uBAAuB,IAAI,6BAA6B,EAAE,EACpF;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,qBAAqB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC;AAQF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,GACR,EAAE,EAAE,CAAC,CACJ,KAAC,QAAQ,IACP,OAAO,wBACO,OAAO,EACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,YAEzD,QAAQ,GACA,CACZ,CAAC;AAQF,MAAM,wBAAwB,GAC5B,qFAAqF,CAAC;AAExF,MAAM,cAAc,GAAkC,CAAC,EACrD,KAAK,EACL,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,gBACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,wBAAwB,EACxB,QAAQ,IAAI,4BAA4B,EACxC,SAAS,CACV,KACG,KAAK,YAER,KAAK,GACA,CACT,CAAC;AAUF,MAAM,mBAAmB,GAAuC,CAAC,EAC/D,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,YACE,SAAS,EAAE,EAAE,CACX,MAAM,EACN,wBAAwB,EACxB,QAAQ,IAAI,4BAA4B,EACxC,OAAO,IAAI,sBAAsB,EACjC,SAAS,CACV,KACG,KAAK,YAER,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,GAChD,CACL,CAAC;AAQF,MAAM,uBAAuB,GAA0C,CAAC,EACtE,SAAS,EACT,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACnD,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,KAAC,OAAO,IACN,MAAM,6BAEN,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,GACT,CACH,CAAC;AAEF,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,uBAAuB,EACvB,aAAa,EACb,wBAAwB,EACxB,wBAAwB,GACzB,CAAC"}

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

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