@kittl/ui-react 0.0.1 → 0.0.4

package/dist/index.cjs

@@ -65,23 +65,23 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/Accordion.ts
-var import_ui = require("@kittl/ui");
+var import_Accordion = require("@kittl/ui/Accordion");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Accordion = (0, import_react.createComponent)({
-  tagName: import_ui.ACCORDION_COMPONENT_NAME,
-  elementClass: import_ui.Accordion,
+  tagName: import_Accordion.ACCORDION_COMPONENT_NAME,
+  elementClass: import_Accordion.Accordion,
   react: React,
   displayName: "KittlAccordion"
 });
 
 // src/components/AccordionItem.ts
-var import_ui2 = require("@kittl/ui");
+var import_AccordionItem = require("@kittl/ui/AccordionItem");
 var import_react2 = require("@lit/react");
 var React2 = __toESM(require("react"), 1);
 var AccordionItem = (0, import_react2.createComponent)({
-  tagName: import_ui2.ACCORDION_ITEM_COMPONENT_NAME,
-  elementClass: import_ui2.AccordionItem,
+  tagName: import_AccordionItem.ACCORDION_ITEM_COMPONENT_NAME,
+  elementClass: import_AccordionItem.AccordionItem,
   react: React2,
   displayName: "KittlAccordionItem",
   events: {
@@ -90,67 +90,67 @@ var AccordionItem = (0, import_react2.createComponent)({
 });
 
 // src/components/AccordionItemContent.ts
-var import_ui3 = require("@kittl/ui");
+var import_AccordionItemContent = require("@kittl/ui/AccordionItemContent");
 var import_react3 = require("@lit/react");
 var React3 = __toESM(require("react"), 1);
 var AccordionItemContent = (0, import_react3.createComponent)({
-  tagName: import_ui3.ACCORDION_ITEM_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui3.AccordionItemContent,
+  tagName: import_AccordionItemContent.ACCORDION_ITEM_CONTENT_COMPONENT_NAME,
+  elementClass: import_AccordionItemContent.AccordionItemContent,
   react: React3,
   displayName: "KittlAccordionItemContent"
 });
 
 // src/components/AccordionItemTrigger.ts
-var import_ui4 = require("@kittl/ui");
+var import_AccordionItemTrigger = require("@kittl/ui/AccordionItemTrigger");
 var import_react4 = require("@lit/react");
 var React4 = __toESM(require("react"), 1);
 var AccordionItemTrigger = (0, import_react4.createComponent)({
-  tagName: import_ui4.ACCORDION_ITEM_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui4.AccordionItemTrigger,
+  tagName: import_AccordionItemTrigger.ACCORDION_ITEM_TRIGGER_COMPONENT_NAME,
+  elementClass: import_AccordionItemTrigger.AccordionItemTrigger,
   react: React4,
   displayName: "KittlAccordionItemTrigger"
 });
 
 // src/components/Avatar.ts
-var import_ui5 = require("@kittl/ui");
+var import_Avatar = require("@kittl/ui/Avatar");
 var import_react5 = require("@lit/react");
 var React5 = __toESM(require("react"), 1);
 var Avatar = (0, import_react5.createComponent)({
-  tagName: import_ui5.AVATAR_COMPONENT_NAME,
-  elementClass: import_ui5.Avatar,
+  tagName: import_Avatar.AVATAR_COMPONENT_NAME,
+  elementClass: import_Avatar.Avatar,
   react: React5,
   displayName: "KittlAvatar"
 });
 
 // src/components/Badge.ts
-var import_ui6 = require("@kittl/ui");
+var import_Badge = require("@kittl/ui/Badge");
 var import_react6 = require("@lit/react");
 var React6 = __toESM(require("react"), 1);
 var Badge = (0, import_react6.createComponent)({
-  tagName: import_ui6.BADGE_COMPONENT_NAME,
-  elementClass: import_ui6.Badge,
+  tagName: import_Badge.BADGE_COMPONENT_NAME,
+  elementClass: import_Badge.Badge,
   react: React6,
   displayName: "KittlBadge"
 });
 
 // src/components/Button.ts
-var import_ui7 = require("@kittl/ui");
+var import_Button = require("@kittl/ui/Button");
 var import_react7 = require("@lit/react");
 var React7 = __toESM(require("react"), 1);
 var Button = (0, import_react7.createComponent)({
-  tagName: import_ui7.BUTTON_COMPONENT_NAME,
-  elementClass: import_ui7.Button,
+  tagName: import_Button.BUTTON_COMPONENT_NAME,
+  elementClass: import_Button.Button,
   react: React7,
   displayName: "KittlButton"
 });
 
 // src/components/Card.ts
-var import_ui8 = require("@kittl/ui");
+var import_Card = require("@kittl/ui/Card");
 var import_react8 = require("@lit/react");
 var React8 = __toESM(require("react"), 1);
 var Card = (0, import_react8.createComponent)({
-  tagName: import_ui8.CARD_COMPONENT_NAME,
-  elementClass: import_ui8.Card,
+  tagName: import_Card.CARD_COMPONENT_NAME,
+  elementClass: import_Card.Card,
   react: React8,
   displayName: "KittlCard",
   events: {
@@ -159,12 +159,12 @@ var Card = (0, import_react8.createComponent)({
 });
 
 // src/components/Header.ts
-var import_ui9 = require("@kittl/ui");
+var import_Header = require("@kittl/ui/Header");
 var import_react9 = require("@lit/react");
 var React9 = __toESM(require("react"), 1);
 var Header = (0, import_react9.createComponent)({
-  tagName: import_ui9.HEADER_COMPONENT_NAME,
-  elementClass: import_ui9.Header,
+  tagName: import_Header.HEADER_COMPONENT_NAME,
+  elementClass: import_Header.Header,
   react: React9,
   displayName: "KittlHeader",
   events: {
@@ -173,34 +173,34 @@ var Header = (0, import_react9.createComponent)({
 });
 
 // src/components/Icon.ts
-var import_ui10 = require("@kittl/ui");
+var import_Icon = require("@kittl/ui/Icon");
 var import_react10 = require("@lit/react");
 var React10 = __toESM(require("react"), 1);
 var Icon = (0, import_react10.createComponent)({
-  tagName: import_ui10.ICON_COMPONENT_NAME,
-  elementClass: import_ui10.Icon,
+  tagName: import_Icon.ICON_COMPONENT_NAME,
+  elementClass: import_Icon.Icon,
   react: React10,
   displayName: "KittlIcon"
 });
 
 // src/components/Image.ts
-var import_ui11 = require("@kittl/ui");
+var import_Image = require("@kittl/ui/Image");
 var import_react11 = require("@lit/react");
 var React11 = __toESM(require("react"), 1);
 var Image = (0, import_react11.createComponent)({
-  tagName: import_ui11.IMAGE_COMPONENT_NAME,
-  elementClass: import_ui11.Image,
+  tagName: import_Image.IMAGE_COMPONENT_NAME,
+  elementClass: import_Image.Image,
   react: React11,
   displayName: "KittlImage"
 });
 
 // src/components/Input.ts
-var import_ui12 = require("@kittl/ui");
+var import_Input = require("@kittl/ui/Input");
 var import_react12 = require("@lit/react");
 var React12 = __toESM(require("react"), 1);
 var Input = (0, import_react12.createComponent)({
-  tagName: import_ui12.INPUT_COMPONENT_NAME,
-  elementClass: import_ui12.Input,
+  tagName: import_Input.INPUT_COMPONENT_NAME,
+  elementClass: import_Input.Input,
   react: React12,
   displayName: "KittlInput",
   events: {
@@ -209,12 +209,12 @@ var Input = (0, import_react12.createComponent)({
 });
 
 // src/components/Menu.ts
-var import_ui13 = require("@kittl/ui");
+var import_Menu = require("@kittl/ui/Menu");
 var import_react13 = require("@lit/react");
 var React13 = __toESM(require("react"), 1);
 var Menu = (0, import_react13.createComponent)({
-  tagName: import_ui13.MENU_COMPONENT_NAME,
-  elementClass: import_ui13.Menu,
+  tagName: import_Menu.MENU_COMPONENT_NAME,
+  elementClass: import_Menu.Menu,
   react: React13,
   displayName: "KittlMenu",
   events: {
@@ -224,12 +224,12 @@ var Menu = (0, import_react13.createComponent)({
 });
 
 // src/components/MenuItem.ts
-var import_ui14 = require("@kittl/ui");
+var import_MenuItem = require("@kittl/ui/MenuItem");
 var import_react14 = require("@lit/react");
 var React14 = __toESM(require("react"), 1);
 var MenuItem = (0, import_react14.createComponent)({
-  tagName: import_ui14.MENU_ITEM_COMPONENT_NAME,
-  elementClass: import_ui14.MenuItem,
+  tagName: import_MenuItem.MENU_ITEM_COMPONENT_NAME,
+  elementClass: import_MenuItem.MenuItem,
   react: React14,
   displayName: "KittlMenuItem",
   events: {
@@ -238,23 +238,23 @@ var MenuItem = (0, import_react14.createComponent)({
 });
 
 // src/components/MenuTrigger.ts
-var import_ui15 = require("@kittl/ui");
+var import_MenuTrigger = require("@kittl/ui/MenuTrigger");
 var import_react15 = require("@lit/react");
 var React15 = __toESM(require("react"), 1);
 var MenuTrigger = (0, import_react15.createComponent)({
-  tagName: import_ui15.MENU_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui15.MenuTrigger,
+  tagName: import_MenuTrigger.MENU_TRIGGER_COMPONENT_NAME,
+  elementClass: import_MenuTrigger.MenuTrigger,
   react: React15,
   displayName: "KittlMenuTrigger"
 });
 
 // src/components/Popover.ts
-var import_ui16 = require("@kittl/ui");
+var import_Popover = require("@kittl/ui/Popover");
 var import_react16 = require("@lit/react");
 var React16 = __toESM(require("react"), 1);
 var Popover = (0, import_react16.createComponent)({
-  tagName: import_ui16.POPOVER_COMPONENT_NAME,
-  elementClass: import_ui16.Popover,
+  tagName: import_Popover.POPOVER_COMPONENT_NAME,
+  elementClass: import_Popover.Popover,
   react: React16,
   displayName: "KittlPopover",
   events: {
@@ -264,45 +264,45 @@ var Popover = (0, import_react16.createComponent)({
 });
 
 // src/components/PopoverContent.ts
-var import_ui17 = require("@kittl/ui");
+var import_PopoverContent = require("@kittl/ui/PopoverContent");
 var import_react17 = require("@lit/react");
 var React17 = __toESM(require("react"), 1);
 var PopoverContent = (0, import_react17.createComponent)({
-  tagName: import_ui17.POPOVER_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui17.PopoverContent,
+  tagName: import_PopoverContent.POPOVER_CONTENT_COMPONENT_NAME,
+  elementClass: import_PopoverContent.PopoverContent,
   react: React17,
   displayName: "KittlPopoverContent"
 });
 
 // src/components/PopoverTrigger.ts
-var import_ui18 = require("@kittl/ui");
+var import_PopoverTrigger = require("@kittl/ui/PopoverTrigger");
 var import_react18 = require("@lit/react");
 var React18 = __toESM(require("react"), 1);
 var PopoverTrigger = (0, import_react18.createComponent)({
-  tagName: import_ui18.POPOVER_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui18.PopoverTrigger,
+  tagName: import_PopoverTrigger.POPOVER_TRIGGER_COMPONENT_NAME,
+  elementClass: import_PopoverTrigger.PopoverTrigger,
   react: React18,
   displayName: "KittlPopoverTrigger"
 });
 
 // src/components/ScrollableArea.ts
-var import_ui19 = require("@kittl/ui");
+var import_ScrollableArea = require("@kittl/ui/ScrollableArea");
 var import_react19 = require("@lit/react");
 var React19 = __toESM(require("react"), 1);
 var ScrollableArea = (0, import_react19.createComponent)({
-  tagName: import_ui19.SCROLLABLE_AREA_COMPONENT_NAME,
-  elementClass: import_ui19.ScrollableArea,
+  tagName: import_ScrollableArea.SCROLLABLE_AREA_COMPONENT_NAME,
+  elementClass: import_ScrollableArea.ScrollableArea,
   react: React19,
   displayName: "KittlScrollableArea"
 });
 
 // src/components/SearchInput.ts
-var import_ui20 = require("@kittl/ui");
+var import_SearchInput = require("@kittl/ui/SearchInput");
 var import_react20 = require("@lit/react");
 var React20 = __toESM(require("react"), 1);
 var SearchInput = (0, import_react20.createComponent)({
   tagName: "kittl-search-input",
-  elementClass: import_ui20.SearchInput,
+  elementClass: import_SearchInput.SearchInput,
   react: React20,
   displayName: "KittlSearchInput",
   events: {
@@ -312,23 +312,23 @@ var SearchInput = (0, import_react20.createComponent)({
 });
 
 // src/components/Spinner.ts
-var import_ui21 = require("@kittl/ui");
+var import_Spinner = require("@kittl/ui/Spinner");
 var import_react21 = require("@lit/react");
 var React21 = __toESM(require("react"), 1);
 var Spinner = (0, import_react21.createComponent)({
-  tagName: import_ui21.SPINNER_COMPONENT_NAME,
-  elementClass: import_ui21.Spinner,
+  tagName: import_Spinner.SPINNER_COMPONENT_NAME,
+  elementClass: import_Spinner.Spinner,
   react: React21,
   displayName: "KittlSpinner"
 });
 
 // src/components/Tabs.ts
-var import_ui22 = require("@kittl/ui");
+var import_Tabs = require("@kittl/ui/Tabs");
 var import_react22 = require("@lit/react");
 var React22 = __toESM(require("react"), 1);
 var Tabs = (0, import_react22.createComponent)({
-  tagName: import_ui22.TABS_COMPONENT_NAME,
-  elementClass: import_ui22.Tabs,
+  tagName: import_Tabs.TABS_COMPONENT_NAME,
+  elementClass: import_Tabs.Tabs,
   react: React22,
   displayName: "KittlTabs",
   events: {
@@ -337,23 +337,23 @@ var Tabs = (0, import_react22.createComponent)({
 });
 
 // src/components/TabsContent.ts
-var import_ui23 = require("@kittl/ui");
+var import_TabsContent = require("@kittl/ui/TabsContent");
 var import_react23 = require("@lit/react");
 var React23 = __toESM(require("react"), 1);
 var TabsContent = (0, import_react23.createComponent)({
-  tagName: import_ui23.TABS_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui23.TabsContent,
+  tagName: import_TabsContent.TABS_CONTENT_COMPONENT_NAME,
+  elementClass: import_TabsContent.TabsContent,
   react: React23,
   displayName: "KittlTabsContent"
 });
 
 // src/components/TabsTrigger.ts
-var import_ui24 = require("@kittl/ui");
+var import_TabsTrigger = require("@kittl/ui/TabsTrigger");
 var import_react24 = require("@lit/react");
 var React24 = __toESM(require("react"), 1);
 var TabsTrigger = (0, import_react24.createComponent)({
-  tagName: import_ui24.TABS_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui24.TabsTrigger,
+  tagName: import_TabsTrigger.TABS_TRIGGER_COMPONENT_NAME,
+  elementClass: import_TabsTrigger.TabsTrigger,
   react: React24,
   displayName: "KittlTabsTrigger",
   events: {
@@ -362,12 +362,12 @@ var TabsTrigger = (0, import_react24.createComponent)({
 });
 
 // src/components/Tag.ts
-var import_ui25 = require("@kittl/ui");
+var import_Tag = require("@kittl/ui/Tag");
 var import_react25 = require("@lit/react");
 var React25 = __toESM(require("react"), 1);
 var Tag = (0, import_react25.createComponent)({
   tagName: "kittl-tag",
-  elementClass: import_ui25.Tag,
+  elementClass: import_Tag.Tag,
   react: React25,
   displayName: "KittlTag",
   events: {
@@ -376,23 +376,23 @@ var Tag = (0, import_react25.createComponent)({
 });
 
 // src/components/Text.ts
-var import_ui26 = require("@kittl/ui");
+var import_Text = require("@kittl/ui/Text");
 var import_react26 = require("@lit/react");
 var React26 = __toESM(require("react"), 1);
 var Text = (0, import_react26.createComponent)({
-  tagName: import_ui26.TEXT_COMPONENT_NAME,
-  elementClass: import_ui26.Text,
+  tagName: import_Text.TEXT_COMPONENT_NAME,
+  elementClass: import_Text.Text,
   react: React26,
   displayName: "KittlText"
 });
 
 // src/components/Toast.ts
-var import_ui27 = require("@kittl/ui");
+var import_Toast = require("@kittl/ui/Toast");
 var import_react27 = require("@lit/react");
 var React27 = __toESM(require("react"), 1);
 var Toast = (0, import_react27.createComponent)({
-  tagName: import_ui27.TOAST_COMPONENT_NAME,
-  elementClass: import_ui27.Toast,
+  tagName: import_Toast.TOAST_COMPONENT_NAME,
+  elementClass: import_Toast.Toast,
   react: React27,
   displayName: "KittlToast",
   events: {
@@ -402,23 +402,23 @@ var Toast = (0, import_react27.createComponent)({
 });
 
 // src/components/ToastContainer.ts
-var import_ui28 = require("@kittl/ui");
+var import_ToastContainer = require("@kittl/ui/ToastContainer");
 var import_react28 = require("@lit/react");
 var React28 = __toESM(require("react"), 1);
 var ToastContainer = (0, import_react28.createComponent)({
-  tagName: import_ui28.TOAST_CONTAINER_COMPONENT_NAME,
-  elementClass: import_ui28.ToastContainer,
+  tagName: import_ToastContainer.TOAST_CONTAINER_COMPONENT_NAME,
+  elementClass: import_ToastContainer.ToastContainer,
   react: React28,
   displayName: "KittlToastContainer"
 });
 
 // src/components/Tooltip.ts
-var import_ui29 = require("@kittl/ui");
+var import_Tooltip = require("@kittl/ui/Tooltip");
 var import_react29 = require("@lit/react");
 var React29 = __toESM(require("react"), 1);
 var Tooltip = (0, import_react29.createComponent)({
-  tagName: import_ui29.TOOLTIP_COMPONENT_NAME,
-  elementClass: import_ui29.Tooltip,
+  tagName: import_Tooltip.TOOLTIP_COMPONENT_NAME,
+  elementClass: import_Tooltip.Tooltip,
   react: React29,
   displayName: "KittlTooltip"
 });

package/dist/index.d.cts

@@ -1,5 +1,33 @@
 import * as _lit_react from '@lit/react';
-import { Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionItemContent as AccordionItemContent$1, AccordionItemTrigger as AccordionItemTrigger$1, Avatar as Avatar$1, Badge as Badge$1, Button as Button$1, Card as Card$1, Header as Header$1, Icon as Icon$1, Image as Image$1, Input as Input$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuTrigger as MenuTrigger$1, Popover as Popover$1, PopoverContent as PopoverContent$1, PopoverTrigger as PopoverTrigger$1, ScrollableArea as ScrollableArea$1, SearchInput as SearchInput$1, Spinner as Spinner$1, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsTrigger as TabsTrigger$1, Tag as Tag$1, Text as Text$1, Toast as Toast$1, ToastContainer as ToastContainer$1, Tooltip as Tooltip$1 } from '@kittl/ui';
+import { Accordion as Accordion$1 } from '@kittl/ui/Accordion';
+import { AccordionItem as AccordionItem$1 } from '@kittl/ui/AccordionItem';
+import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui/AccordionItemContent';
+import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui/AccordionItemTrigger';
+import { Avatar as Avatar$1 } from '@kittl/ui/Avatar';
+import { Badge as Badge$1 } from '@kittl/ui/Badge';
+import { Button as Button$1 } from '@kittl/ui/Button';
+import { Card as Card$1 } from '@kittl/ui/Card';
+import { Header as Header$1 } from '@kittl/ui/Header';
+import { Icon as Icon$1 } from '@kittl/ui/Icon';
+import { Image as Image$1 } from '@kittl/ui/Image';
+import { Input as Input$1 } from '@kittl/ui/Input';
+import { Menu as Menu$1 } from '@kittl/ui/Menu';
+import { MenuItem as MenuItem$1 } from '@kittl/ui/MenuItem';
+import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui/MenuTrigger';
+import { Popover as Popover$1 } from '@kittl/ui/Popover';
+import { PopoverContent as PopoverContent$1 } from '@kittl/ui/PopoverContent';
+import { PopoverTrigger as PopoverTrigger$1 } from '@kittl/ui/PopoverTrigger';
+import { ScrollableArea as ScrollableArea$1 } from '@kittl/ui/ScrollableArea';
+import { SearchInput as SearchInput$1 } from '@kittl/ui/SearchInput';
+import { Spinner as Spinner$1 } from '@kittl/ui/Spinner';
+import { Tabs as Tabs$1 } from '@kittl/ui/Tabs';
+import { TabsContent as TabsContent$1 } from '@kittl/ui/TabsContent';
+import { TabsTrigger as TabsTrigger$1 } from '@kittl/ui/TabsTrigger';
+import { Tag as Tag$1 } from '@kittl/ui/Tag';
+import { Text as Text$1 } from '@kittl/ui/Text';
+import { Toast as Toast$1 } from '@kittl/ui/Toast';
+import { ToastContainer as ToastContainer$1 } from '@kittl/ui/ToastContainer';
+import { Tooltip as Tooltip$1 } from '@kittl/ui/Tooltip';
 import { FC, ReactNode } from 'react';
 
 declare const Accordion: _lit_react.ReactWebComponent<Accordion$1, {}>;

package/dist/index.d.ts

@@ -1,5 +1,33 @@
 import * as _lit_react from '@lit/react';
-import { Accordion as Accordion$1, AccordionItem as AccordionItem$1, AccordionItemContent as AccordionItemContent$1, AccordionItemTrigger as AccordionItemTrigger$1, Avatar as Avatar$1, Badge as Badge$1, Button as Button$1, Card as Card$1, Header as Header$1, Icon as Icon$1, Image as Image$1, Input as Input$1, Menu as Menu$1, MenuItem as MenuItem$1, MenuTrigger as MenuTrigger$1, Popover as Popover$1, PopoverContent as PopoverContent$1, PopoverTrigger as PopoverTrigger$1, ScrollableArea as ScrollableArea$1, SearchInput as SearchInput$1, Spinner as Spinner$1, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsTrigger as TabsTrigger$1, Tag as Tag$1, Text as Text$1, Toast as Toast$1, ToastContainer as ToastContainer$1, Tooltip as Tooltip$1 } from '@kittl/ui';
+import { Accordion as Accordion$1 } from '@kittl/ui/Accordion';
+import { AccordionItem as AccordionItem$1 } from '@kittl/ui/AccordionItem';
+import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui/AccordionItemContent';
+import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui/AccordionItemTrigger';
+import { Avatar as Avatar$1 } from '@kittl/ui/Avatar';
+import { Badge as Badge$1 } from '@kittl/ui/Badge';
+import { Button as Button$1 } from '@kittl/ui/Button';
+import { Card as Card$1 } from '@kittl/ui/Card';
+import { Header as Header$1 } from '@kittl/ui/Header';
+import { Icon as Icon$1 } from '@kittl/ui/Icon';
+import { Image as Image$1 } from '@kittl/ui/Image';
+import { Input as Input$1 } from '@kittl/ui/Input';
+import { Menu as Menu$1 } from '@kittl/ui/Menu';
+import { MenuItem as MenuItem$1 } from '@kittl/ui/MenuItem';
+import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui/MenuTrigger';
+import { Popover as Popover$1 } from '@kittl/ui/Popover';
+import { PopoverContent as PopoverContent$1 } from '@kittl/ui/PopoverContent';
+import { PopoverTrigger as PopoverTrigger$1 } from '@kittl/ui/PopoverTrigger';
+import { ScrollableArea as ScrollableArea$1 } from '@kittl/ui/ScrollableArea';
+import { SearchInput as SearchInput$1 } from '@kittl/ui/SearchInput';
+import { Spinner as Spinner$1 } from '@kittl/ui/Spinner';
+import { Tabs as Tabs$1 } from '@kittl/ui/Tabs';
+import { TabsContent as TabsContent$1 } from '@kittl/ui/TabsContent';
+import { TabsTrigger as TabsTrigger$1 } from '@kittl/ui/TabsTrigger';
+import { Tag as Tag$1 } from '@kittl/ui/Tag';
+import { Text as Text$1 } from '@kittl/ui/Text';
+import { Toast as Toast$1 } from '@kittl/ui/Toast';
+import { ToastContainer as ToastContainer$1 } from '@kittl/ui/ToastContainer';
+import { Tooltip as Tooltip$1 } from '@kittl/ui/Tooltip';
 import { FC, ReactNode } from 'react';
 
 declare const Accordion: _lit_react.ReactWebComponent<Accordion$1, {}>;