@deviceinsight/ng-ui-basic-components 3.15.0-SNAPSHOT → 4.0.0-alpha.2

package/dist/types/components/popup/Popup.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
+export type Props = {
+    /** Element to toggle the Popup */
+    handler: React.ReactNode;
+    /** Content to be displayed */
+    children: React.ReactNode;
+    /** If true, displays the Popup's content */
+    open: boolean;
+    /** Function, executed when the Popup gets closed */
+    onOpenChange: (open: boolean) => void;
+    /** (Optional) if set, sets the direction in which the content should be displayed */
+    placement?: Placement;
+    /** @ignore */
+    className?: string;
+    /** (Optional) If set to true, the content is hidden via styles, but still exists in the DOM tree */
+    preventDestroyContentOnHide?: boolean;
+    /** (Optional) Class name of the handler wrapping element */
+    handlerWrapperClassName?: string;
+    /** (Optional) Interaction mode to open the popup */
+    mode?: Array<'click' | 'hover' | 'focus'>;
+    /** (Optional) Disables the Popup */
+    disabled?: boolean;
+};
+/**
+ * Popup displays content within a small modal.
+ * Its usage is highly flexible and used in several other components.
+ */
+export default function Popup({ placement, mode, disabled, handler, handlerWrapperClassName, preventDestroyContentOnHide, open, onOpenChange, className, children }: Props): React.JSX.Element;
+//# sourceMappingURL=Popup.d.ts.map

package/dist/types/components/popup/Popup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/components/popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAkB/C,MAAM,MAAM,SAAS,GAClB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,CAAC;AAEd,MAAM,MAAM,KAAK,GAAG;IACnB,kCAAkC;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,8BAA8B;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,4CAA4C;IAC5C,IAAI,EAAE,OAAO,CAAC;IAEd,oDAAoD;IACpD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC,qFAAqF;IACrF,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oGAAoG;IACpG,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC,oDAAoD;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,CAAC;IAE1C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAoB,EACpB,IAAgB,EAChB,QAAQ,EACR,OAAO,EACP,uBAAuB,EACvB,2BAA2B,EAC3B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,EAAE,KAAK,qBAyEP"}

package/dist/types/components/popup/Popup.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react';
+import Popup from './Popup';
+import React from 'react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    component: typeof Popup;
+    args: {
+        open: false;
+        onOpenChange: () => void;
+        handler: null;
+        children: React.JSX.Element;
+    };
+    render: (args: import("./Popup").Props) => React.JSX.Element;
+};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DifferentDirection: Story;
+export declare const PreventDestroyContentOnHide: Story;
+export declare const OverflowingPrevent: Story;
+export declare const ClickAndFocusMode: Story;
+export declare const HoverMode: Story;
+export declare const PreventExtendingBeyondViewport: Story;
+export default meta;
+//# sourceMappingURL=Popup.stories.d.ts.map

package/dist/types/components/popup/Popup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/popup/Popup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAmBoB,CAAC;AAE/B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAKzC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAK5C,CAAC;AAeF,eAAe,IAAI,CAAC"}

package/{lib/esm → dist/types}/components/spinner/Spinner.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Props = {
+export type Props = {
     /** the size of the Spinner in px */
     size?: number;
     /** @ignore */
@@ -15,6 +15,6 @@ export default class Spinner extends React.Component<Props> {
         size: number;
         center: boolean;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/types/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,KAAK,GAAG;IACnB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,cAAc;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,YAAY;;;MAGjB;IAEF,MAAM;CAoBN"}

package/{lib/cjs → dist/types}/components/spinner/SpinnerContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Props = {
+export type Props = {
     /** controls the display of the Spinner */
     show: boolean;
     /** the size of the Spinner in px */
@@ -18,6 +18,6 @@ export default class SpinnerContainer extends React.Component<Props> {
     static defaultProps: {
         size: number;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 //# sourceMappingURL=SpinnerContainer.d.ts.map

package/dist/types/components/spinner/SpinnerContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinnerContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/spinner/SpinnerContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,KAAK,GAAG;IACnB,0CAA0C;IAC1C,IAAI,EAAE,OAAO,CAAC;IAEd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACnE,MAAM,CAAC,YAAY,EAAE;QACpB,IAAI,EAAE,MAAM,CAAC;KACb,CAEC;IAEF,MAAM;CAeN"}

package/{lib/esm → dist/types}/components/tabs/Tabs.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-declare type Page = {
+type Page = {
     name: string;
     renderHeading: () => React.ReactNode;
     renderBody?: () => React.ReactNode;
     tabDescription?: string;
 };
-declare type State = {
+type State = {
     currentTab: string | null | undefined;
 };
-export declare type Props = {
+export type Props = {
     /** Array of pages to be displayed */
     pages: Array<Page>;
     /** (Optional) if set, disables tab */
@@ -28,7 +28,7 @@ export default class Tabs extends React.Component<Props, State> {
     currentTabPage: () => Page | null | undefined;
     isCurrentTab: (tab: string) => boolean;
     renderBody: () => React.ReactNode;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/types/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,IAAI,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,KAAK,GAAG;IACZ,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IACnB,qCAAqC;IACrC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC9D,KAAK,EAAE,KAAK,CAEV;IAEF,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAQhC;IAEF,cAAc,EAAE,MAAM,IAAI,GAAG,IAAI,GAAG,SAAS,CAG3C;IAEF,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAGpC;IAEF,UAAU,wBAQR;IAEF,MAAM;CAoCN"}

package/{lib/esm → dist/types}/components/tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PopupDirection } from '../popup/Popup';
-export declare type Props = {
+import { Placement } from '../popup/Popup';
+export type Props = {
     /** Content of the Tooltip */
     content: React.ReactNode;
     /** Enabler of the Tooltip */
@@ -10,19 +10,10 @@ export declare type Props = {
     /** (Optional) if set, disables the <Tooltip/> from opening */
     disabled?: boolean;
     /** (Optional) if set, opens <Tooltip/> in given direction, defaults to 'right' */
-    direction?: PopupDirection;
-};
-declare type State = {
-    active: boolean;
+    direction?: Placement;
 };
 /**
  * Tooltip is best used to display some short additional information or description
  */
-export default class Tooltip extends React.Component<Props, State> {
-    state: State;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    render(): JSX.Element;
-}
-export {};
+export default function Tooltip({ content, children, className, direction, disabled }: Props): React.JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/components/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAc,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEhD,MAAM,MAAM,KAAK,GAAG;IACnB,6BAA6B;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,6BAA6B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,cAAc;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,wFAAwF;IACxF,SAAS,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,KAAK,qBAgBzF"}

package/dist/types/components/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import Tooltip from './Tooltip';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    component: typeof Tooltip;
+    args: {};
+};
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithMoreContent: Story;
+export declare const Disabled: Story;
+export default meta;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

package/dist/types/components/tooltip/Tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC,QAAA,MAAM,IAAI;;;;;;;CAOsB,CAAC;AAEjC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAU7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/hooks/useOutsideClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOutsideClick.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,eAAe,GACpB,UAAU,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,EACnC,UAAU,CAAC,GAAG,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,KAAK,IAAI,SA6B5D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/{lib/cjs → dist/types}/index.d.ts

@@ -19,4 +19,5 @@ export { default as Tabs } from './components/tabs/Tabs';
 export { default as SearchBox } from './components/input/SearchBox';
 export { default as Popup } from './components/popup/Popup';
 export type { ConfirmProps } from './components/confirm/withConfirm';
+export type { Placement } from './components/popup/Popup';
 //# sourceMappingURL=index.d.ts.map

package/{lib/cjs → dist/types}/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAG1D,YAAY,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,gDAAgD,CAAC;AACxF,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,6CAA6C,CAAC;AACtF,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,OAAO,IAAI,MAAM,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,0BAA0B,CAAC;AAG1D,YAAY,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/types/types/i18n.d.ts

@@ -0,0 +1,5 @@
+export type TranslationDescriptor = {
+    id: string;
+    defaultValue: string;
+};
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/types/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../src/types/i18n.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@deviceinsight/ng-ui-basic-components",
-	"version": "3.15.0-SNAPSHOT",
+	"version": "4.0.0-alpha.2",
 	"private": false,
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {
@@ -10,70 +10,77 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"main": "lib/cjs/index.js",
+	"type": "module",
+	"main": "./dist/index.cjs",
+	"module": "./dist/index.js",
+	"types": "./dist/types/index.d.ts",
 	"exports": {
-		"require": "./lib/cjs/index.js",
-		"import": "./lib/esm/index.js"
+		".": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		},
+		"./style.css": "./dist/style.css"
 	},
-	"types": "./lib/esm/index.d.ts",
 	"files": [
-		"lib"
+		"dist"
 	],
 	"scripts": {
 		"scan": "npx --registry=https://registry.npmjs.org audit-ci@^6 --low true --skip-dev --config scan-config.json5",
-		"prebuild:library": "rm -rf ./lib",
-		"build:library": "tsc && tsc --project tsconfig.cjs.json",
-		"postbuild:library": "cp -R ./src/assets ./lib/esm && cp -R ./src/assets ./lib/cjs",
-		"build": "npm run build:library",
-		"eslint": "eslint -c .eslintrc \"**/*.{ts,tsx}\"",
-		"prettier": "prettier --write \"{src/**/*.ts,src/**/*.tsx,src/**/*.md}\"",
+		"clean": "rimraf dist",
+		"build:library": "npm run clean && vite build && tsc -p tsconfig.types.json",
+		"eslint": "eslint \"**/*.{ts,tsx}\"",
+		"prettier": "prettier --write \"{src/**/*.ts,src/**/*.tsx,package.json,.storybook/**/*.ts,.storybook/**/*.tsx}\"",
 		"watch": "npm run build:library; tsc-watch --onSuccess \"yalc push\"",
-		"prepare": "husky install",
+		"prepare": "husky",
 		"pre-commit": "lint-staged",
-		"typecheck": "tsc --noEmit"
+		"typecheck": "tsc --noEmit",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build"
 	},
 	"dependencies": {
-		"classnames": "2.3.1",
-		"dayjs": "1.11.0",
-		"lodash": "4.17.21",
-		"react-draggable": "4.4.5",
-		"react-popper": "2.3.0"
+		"@floating-ui/react": "^0.27.16",
+		"classnames": "^2.5.1",
+		"dayjs": "^1.11.19",
+		"react-draggable": "^4.5.0"
 	},
 	"peerDependencies": {
-		"react": "^18.2.x",
-		"react-dom": "^18.2.x",
-		"react-i18next": "^12.x"
+		"react": "^18 || ^19",
+		"react-dom": "^18 || ^19",
+		"react-i18next": ">=15"
 	},
 	"devDependencies": {
-		"@types/classnames": "2.3.1",
-		"@types/i18next": "8.4.6",
-		"@types/lodash": "4.14.169",
-		"@types/node": "15.3.0",
-		"@types/react": "18.0.27",
-		"@types/react-dom": "18.0.10",
-		"@typescript-eslint/eslint-plugin": "5.19.0",
-		"@typescript-eslint/parser": "5.19.0",
-		"core-js": "3.8.3",
-		"dotenv": "8.2.0",
-		"eslint": "8.13.0",
+		"@eslint/compat": "^2.0.0",
+		"@eslint/eslintrc": "^3.3.1",
+		"@eslint/js": "^9.39.1",
+		"@storybook/react-vite": "^10.0.8",
+		"@types/node": "^24.10.1",
+		"@types/react": "^19.2.6",
+		"@types/react-dom": "^19.2.3",
+		"@typescript-eslint/eslint-plugin": "^8.47.0",
+		"@typescript-eslint/parser": "^8.47.0",
+		"@vitejs/plugin-react": "^5.1.1",
+		"eslint": "^9.39.1",
 		"eslint-plugin-filenames": "1.3.2",
-		"eslint-plugin-import": "2.26.0",
-		"eslint-plugin-react": "7.29.4",
-		"eslint-plugin-react-hooks": "4.4.0",
-		"husky": "8.0.0",
-		"i18next": "19.9.2",
-		"lint-staged": "10.5.4",
-		"prettier": "2.2.1",
-		"raf": "3.4.1",
-		"react": "18.2.0",
-		"react-dom": "18.2.0",
-		"react-i18next": "12.1.5",
-		"react-router-dom": "5.3.4",
-		"tsc-watch": "4.2.9",
-		"typescript": "4.6.3"
+		"eslint-plugin-import": "2.32.0",
+		"eslint-plugin-react": "7.37.5",
+		"eslint-plugin-react-hooks": "7.0.1",
+		"eslint-plugin-storybook": "^10.0.8",
+		"husky": "^9.1.7",
+		"i18next": "^25.6.2",
+		"lint-staged": "^16.2.6",
+		"prettier": "^3.6.2",
+		"prop-types": "^15.8.1",
+		"react": "^19.2.0",
+		"react-dom": "^19.2.0",
+		"react-i18next": "^15.7.4",
+		"rimraf": "^6.1.0",
+		"storybook": "^10.0.8",
+		"typescript": "^5.9.3",
+		"vite": "^7.2.2"
 	},
 	"lint-staged": {
-		"{src/**/*.ts,src/**/*.tsx}": [
+		"src/**/*.{ts,tsx},package.json,.storybook/**/.{ts,tsx}": [
 			"prettier --write"
 		]
 	}

package/lib/cjs/__mocks__/react-i18next.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=react-i18next.d.ts.map

package/lib/cjs/__mocks__/react-i18next.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-i18next.d.ts","sourceRoot":"","sources":["../../../src/__mocks__/react-i18next.ts"],"names":[],"mappings":""}

package/lib/cjs/__mocks__/react-i18next.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-module.exports = {
-    withTranslation: () => (Component) => {
-        Component.defaultProps = {
-            ...Component.defaultProps,
-            t: (key) => key,
-            i18n: {
-                language: 'de-DE'
-            }
-        };
-        return Component;
-    },
-    Trans: ({ i18nKey, children }) => i18nKey || children,
-    useTranslation: () => ({
-        t: (key) => key
-    })
-};

package/lib/cjs/assets/search-box.css

@@ -1,29 +0,0 @@
-
-.search-box {
-	height: 32px;
-	padding: 0 30px 0 0;
-	border: 1px solid #ccc;
-	border-radius: 5px;
-	position: relative;
-	background: #fff;
-}
-
-.search-box input {
-	width: 100%;
-	height: 30px;
-	padding: 0 8px 0 15px;
-	background: none;
-	margin-top: 0;
-	border: none;
-	outline: none;
-	font-size: 12px;
-	box-shadow: none;
-	border-radius: 0;
-}
-
-.search-box .di.button {
-	position: absolute;
-	right: 0;
-	margin-right: 0;
-	padding: 7px 10px;
-}