@kittl/ui-react 0.0.2 → 0.0.4

package/dist/Accordion/index.cjs

@@ -33,12 +33,12 @@ __export(Accordion_exports, {
   Accordion: () => Accordion
 });
 module.exports = __toCommonJS(Accordion_exports);
-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"
 });

package/dist/Accordion/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Accordion as Accordion$1 } from '@kittl/ui';
+import { Accordion as Accordion$1 } from '@kittl/ui/Accordion';
 
 declare const Accordion: _lit_react.ReactWebComponent<Accordion$1, {}>;
 

package/dist/Accordion/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Accordion as Accordion$1 } from '@kittl/ui';
+import { Accordion as Accordion$1 } from '@kittl/ui/Accordion';
 
 declare const Accordion: _lit_react.ReactWebComponent<Accordion$1, {}>;
 

package/dist/Accordion/index.js

@@ -2,7 +2,7 @@
 import {
   ACCORDION_COMPONENT_NAME,
   Accordion as AccordionElement
-} from "@kittl/ui";
+} from "@kittl/ui/Accordion";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Accordion = createComponent({

package/dist/AccordionItem/index.cjs

@@ -33,12 +33,12 @@ __export(AccordionItem_exports, {
   AccordionItem: () => AccordionItem
 });
 module.exports = __toCommonJS(AccordionItem_exports);
-var import_ui = require("@kittl/ui");
+var import_AccordionItem = require("@kittl/ui/AccordionItem");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var AccordionItem = (0, import_react.createComponent)({
-  tagName: import_ui.ACCORDION_ITEM_COMPONENT_NAME,
-  elementClass: import_ui.AccordionItem,
+  tagName: import_AccordionItem.ACCORDION_ITEM_COMPONENT_NAME,
+  elementClass: import_AccordionItem.AccordionItem,
   react: React,
   displayName: "KittlAccordionItem",
   events: {

package/dist/AccordionItem/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItem as AccordionItem$1 } from '@kittl/ui';
+import { AccordionItem as AccordionItem$1 } from '@kittl/ui/AccordionItem';
 
 declare const AccordionItem: _lit_react.ReactWebComponent<AccordionItem$1, {
     onAccordionToggle: string;

package/dist/AccordionItem/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItem as AccordionItem$1 } from '@kittl/ui';
+import { AccordionItem as AccordionItem$1 } from '@kittl/ui/AccordionItem';
 
 declare const AccordionItem: _lit_react.ReactWebComponent<AccordionItem$1, {
     onAccordionToggle: string;

package/dist/AccordionItem/index.js

@@ -2,7 +2,7 @@
 import {
   ACCORDION_ITEM_COMPONENT_NAME,
   AccordionItem as AccordionItemElement
-} from "@kittl/ui";
+} from "@kittl/ui/AccordionItem";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var AccordionItem = createComponent({

package/dist/AccordionItemContent/index.cjs

@@ -33,12 +33,12 @@ __export(AccordionItemContent_exports, {
   AccordionItemContent: () => AccordionItemContent
 });
 module.exports = __toCommonJS(AccordionItemContent_exports);
-var import_ui = require("@kittl/ui");
+var import_AccordionItemContent = require("@kittl/ui/AccordionItemContent");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var AccordionItemContent = (0, import_react.createComponent)({
-  tagName: import_ui.ACCORDION_ITEM_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui.AccordionItemContent,
+  tagName: import_AccordionItemContent.ACCORDION_ITEM_CONTENT_COMPONENT_NAME,
+  elementClass: import_AccordionItemContent.AccordionItemContent,
   react: React,
   displayName: "KittlAccordionItemContent"
 });

package/dist/AccordionItemContent/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui';
+import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui/AccordionItemContent';
 
 declare const AccordionItemContent: _lit_react.ReactWebComponent<AccordionItemContent$1, {}>;
 

package/dist/AccordionItemContent/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui';
+import { AccordionItemContent as AccordionItemContent$1 } from '@kittl/ui/AccordionItemContent';
 
 declare const AccordionItemContent: _lit_react.ReactWebComponent<AccordionItemContent$1, {}>;
 

package/dist/AccordionItemContent/index.js

@@ -2,7 +2,7 @@
 import {
   ACCORDION_ITEM_CONTENT_COMPONENT_NAME,
   AccordionItemContent as AccordionItemContentElement
-} from "@kittl/ui";
+} from "@kittl/ui/AccordionItemContent";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var AccordionItemContent = createComponent({

package/dist/AccordionItemTrigger/index.cjs

@@ -33,12 +33,12 @@ __export(AccordionItemTrigger_exports, {
   AccordionItemTrigger: () => AccordionItemTrigger
 });
 module.exports = __toCommonJS(AccordionItemTrigger_exports);
-var import_ui = require("@kittl/ui");
+var import_AccordionItemTrigger = require("@kittl/ui/AccordionItemTrigger");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var AccordionItemTrigger = (0, import_react.createComponent)({
-  tagName: import_ui.ACCORDION_ITEM_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui.AccordionItemTrigger,
+  tagName: import_AccordionItemTrigger.ACCORDION_ITEM_TRIGGER_COMPONENT_NAME,
+  elementClass: import_AccordionItemTrigger.AccordionItemTrigger,
   react: React,
   displayName: "KittlAccordionItemTrigger"
 });

package/dist/AccordionItemTrigger/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui';
+import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui/AccordionItemTrigger';
 
 declare const AccordionItemTrigger: _lit_react.ReactWebComponent<AccordionItemTrigger$1, {}>;
 

package/dist/AccordionItemTrigger/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui';
+import { AccordionItemTrigger as AccordionItemTrigger$1 } from '@kittl/ui/AccordionItemTrigger';
 
 declare const AccordionItemTrigger: _lit_react.ReactWebComponent<AccordionItemTrigger$1, {}>;
 

package/dist/AccordionItemTrigger/index.js

@@ -2,7 +2,7 @@
 import {
   ACCORDION_ITEM_TRIGGER_COMPONENT_NAME,
   AccordionItemTrigger as AccordionItemTriggerElement
-} from "@kittl/ui";
+} from "@kittl/ui/AccordionItemTrigger";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var AccordionItemTrigger = createComponent({

package/dist/Avatar/index.cjs

@@ -33,12 +33,12 @@ __export(Avatar_exports, {
   Avatar: () => Avatar
 });
 module.exports = __toCommonJS(Avatar_exports);
-var import_ui = require("@kittl/ui");
+var import_Avatar = require("@kittl/ui/Avatar");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Avatar = (0, import_react.createComponent)({
-  tagName: import_ui.AVATAR_COMPONENT_NAME,
-  elementClass: import_ui.Avatar,
+  tagName: import_Avatar.AVATAR_COMPONENT_NAME,
+  elementClass: import_Avatar.Avatar,
   react: React,
   displayName: "KittlAvatar"
 });

package/dist/Avatar/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Avatar as Avatar$1 } from '@kittl/ui';
+import { Avatar as Avatar$1 } from '@kittl/ui/Avatar';
 
 declare const Avatar: _lit_react.ReactWebComponent<Avatar$1, {}>;
 

package/dist/Avatar/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Avatar as Avatar$1 } from '@kittl/ui';
+import { Avatar as Avatar$1 } from '@kittl/ui/Avatar';
 
 declare const Avatar: _lit_react.ReactWebComponent<Avatar$1, {}>;
 

package/dist/Avatar/index.js

@@ -1,5 +1,8 @@
 // src/components/Avatar.ts
-import { AVATAR_COMPONENT_NAME, Avatar as AvatarElement } from "@kittl/ui";
+import {
+  AVATAR_COMPONENT_NAME,
+  Avatar as AvatarElement
+} from "@kittl/ui/Avatar";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Avatar = createComponent({

package/dist/Badge/index.cjs

@@ -33,12 +33,12 @@ __export(Badge_exports, {
   Badge: () => Badge
 });
 module.exports = __toCommonJS(Badge_exports);
-var import_ui = require("@kittl/ui");
+var import_Badge = require("@kittl/ui/Badge");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Badge = (0, import_react.createComponent)({
-  tagName: import_ui.BADGE_COMPONENT_NAME,
-  elementClass: import_ui.Badge,
+  tagName: import_Badge.BADGE_COMPONENT_NAME,
+  elementClass: import_Badge.Badge,
   react: React,
   displayName: "KittlBadge"
 });

package/dist/Badge/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Badge as Badge$1 } from '@kittl/ui';
+import { Badge as Badge$1 } from '@kittl/ui/Badge';
 
 declare const Badge: _lit_react.ReactWebComponent<Badge$1, {}>;
 

package/dist/Badge/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Badge as Badge$1 } from '@kittl/ui';
+import { Badge as Badge$1 } from '@kittl/ui/Badge';
 
 declare const Badge: _lit_react.ReactWebComponent<Badge$1, {}>;
 

package/dist/Badge/index.js

@@ -1,5 +1,5 @@
 // src/components/Badge.ts
-import { BADGE_COMPONENT_NAME, Badge as BadgeElement } from "@kittl/ui";
+import { BADGE_COMPONENT_NAME, Badge as BadgeElement } from "@kittl/ui/Badge";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Badge = createComponent({

package/dist/Button/index.cjs

@@ -33,12 +33,12 @@ __export(Button_exports, {
   Button: () => Button
 });
 module.exports = __toCommonJS(Button_exports);
-var import_ui = require("@kittl/ui");
+var import_Button = require("@kittl/ui/Button");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Button = (0, import_react.createComponent)({
-  tagName: import_ui.BUTTON_COMPONENT_NAME,
-  elementClass: import_ui.Button,
+  tagName: import_Button.BUTTON_COMPONENT_NAME,
+  elementClass: import_Button.Button,
   react: React,
   displayName: "KittlButton"
 });

package/dist/Button/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Button as Button$1 } from '@kittl/ui';
+import { Button as Button$1 } from '@kittl/ui/Button';
 
 declare const Button: _lit_react.ReactWebComponent<Button$1, {}>;
 

package/dist/Button/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Button as Button$1 } from '@kittl/ui';
+import { Button as Button$1 } from '@kittl/ui/Button';
 
 declare const Button: _lit_react.ReactWebComponent<Button$1, {}>;
 

package/dist/Button/index.js

@@ -1,5 +1,8 @@
 // src/components/Button.ts
-import { BUTTON_COMPONENT_NAME, Button as ButtonElement } from "@kittl/ui";
+import {
+  BUTTON_COMPONENT_NAME,
+  Button as ButtonElement
+} from "@kittl/ui/Button";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Button = createComponent({

package/dist/Card/index.cjs

@@ -33,12 +33,12 @@ __export(Card_exports, {
   Card: () => Card
 });
 module.exports = __toCommonJS(Card_exports);
-var import_ui = require("@kittl/ui");
+var import_Card = require("@kittl/ui/Card");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Card = (0, import_react.createComponent)({
-  tagName: import_ui.CARD_COMPONENT_NAME,
-  elementClass: import_ui.Card,
+  tagName: import_Card.CARD_COMPONENT_NAME,
+  elementClass: import_Card.Card,
   react: React,
   displayName: "KittlCard",
   events: {

package/dist/Card/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Card as Card$1 } from '@kittl/ui';
+import { Card as Card$1 } from '@kittl/ui/Card';
 
 declare const Card: _lit_react.ReactWebComponent<Card$1, {
     onCardClick: string;

package/dist/Card/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Card as Card$1 } from '@kittl/ui';
+import { Card as Card$1 } from '@kittl/ui/Card';
 
 declare const Card: _lit_react.ReactWebComponent<Card$1, {
     onCardClick: string;

package/dist/Card/index.js

@@ -1,5 +1,5 @@
 // src/components/Card.ts
-import { CARD_COMPONENT_NAME, Card as CardElement } from "@kittl/ui";
+import { CARD_COMPONENT_NAME, Card as CardElement } from "@kittl/ui/Card";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Card = createComponent({

package/dist/Header/index.cjs

@@ -33,12 +33,12 @@ __export(Header_exports, {
   Header: () => Header
 });
 module.exports = __toCommonJS(Header_exports);
-var import_ui = require("@kittl/ui");
+var import_Header = require("@kittl/ui/Header");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Header = (0, import_react.createComponent)({
-  tagName: import_ui.HEADER_COMPONENT_NAME,
-  elementClass: import_ui.Header,
+  tagName: import_Header.HEADER_COMPONENT_NAME,
+  elementClass: import_Header.Header,
   react: React,
   displayName: "KittlHeader",
   events: {

package/dist/Header/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Header as Header$1 } from '@kittl/ui';
+import { Header as Header$1 } from '@kittl/ui/Header';
 
 declare const Header: _lit_react.ReactWebComponent<Header$1, {
     onMenuItemSelect: string;

package/dist/Header/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Header as Header$1 } from '@kittl/ui';
+import { Header as Header$1 } from '@kittl/ui/Header';
 
 declare const Header: _lit_react.ReactWebComponent<Header$1, {
     onMenuItemSelect: string;

package/dist/Header/index.js

@@ -1,5 +1,8 @@
 // src/components/Header.ts
-import { HEADER_COMPONENT_NAME, Header as HeaderElement } from "@kittl/ui";
+import {
+  HEADER_COMPONENT_NAME,
+  Header as HeaderElement
+} from "@kittl/ui/Header";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Header = createComponent({

package/dist/Image/index.cjs

@@ -33,12 +33,12 @@ __export(Image_exports, {
   Image: () => Image
 });
 module.exports = __toCommonJS(Image_exports);
-var import_ui = require("@kittl/ui");
+var import_Image = require("@kittl/ui/Image");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Image = (0, import_react.createComponent)({
-  tagName: import_ui.IMAGE_COMPONENT_NAME,
-  elementClass: import_ui.Image,
+  tagName: import_Image.IMAGE_COMPONENT_NAME,
+  elementClass: import_Image.Image,
   react: React,
   displayName: "KittlImage"
 });

package/dist/Image/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Image as Image$1 } from '@kittl/ui';
+import { Image as Image$1 } from '@kittl/ui/Image';
 
 declare const Image: _lit_react.ReactWebComponent<Image$1, {}>;
 

package/dist/Image/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Image as Image$1 } from '@kittl/ui';
+import { Image as Image$1 } from '@kittl/ui/Image';
 
 declare const Image: _lit_react.ReactWebComponent<Image$1, {}>;
 

package/dist/Image/index.js

@@ -1,5 +1,5 @@
 // src/components/Image.ts
-import { IMAGE_COMPONENT_NAME, Image as ImageElement } from "@kittl/ui";
+import { IMAGE_COMPONENT_NAME, Image as ImageElement } from "@kittl/ui/Image";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Image = createComponent({

package/dist/Input/index.cjs

@@ -33,12 +33,12 @@ __export(Input_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(Input_exports);
-var import_ui = require("@kittl/ui");
+var import_Input = require("@kittl/ui/Input");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Input = (0, import_react.createComponent)({
-  tagName: import_ui.INPUT_COMPONENT_NAME,
-  elementClass: import_ui.Input,
+  tagName: import_Input.INPUT_COMPONENT_NAME,
+  elementClass: import_Input.Input,
   react: React,
   displayName: "KittlInput",
   events: {

package/dist/Input/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Input as Input$1 } from '@kittl/ui';
+import { Input as Input$1 } from '@kittl/ui/Input';
 
 declare const Input: _lit_react.ReactWebComponent<Input$1, {
     onChange: string;

package/dist/Input/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Input as Input$1 } from '@kittl/ui';
+import { Input as Input$1 } from '@kittl/ui/Input';
 
 declare const Input: _lit_react.ReactWebComponent<Input$1, {
     onChange: string;

package/dist/Input/index.js

@@ -1,5 +1,5 @@
 // src/components/Input.ts
-import { INPUT_COMPONENT_NAME, Input as InputElement } from "@kittl/ui";
+import { INPUT_COMPONENT_NAME, Input as InputElement } from "@kittl/ui/Input";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Input = createComponent({

package/dist/Menu/index.cjs

@@ -33,12 +33,12 @@ __export(Menu_exports, {
   Menu: () => Menu
 });
 module.exports = __toCommonJS(Menu_exports);
-var import_ui = require("@kittl/ui");
+var import_Menu = require("@kittl/ui/Menu");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Menu = (0, import_react.createComponent)({
-  tagName: import_ui.MENU_COMPONENT_NAME,
-  elementClass: import_ui.Menu,
+  tagName: import_Menu.MENU_COMPONENT_NAME,
+  elementClass: import_Menu.Menu,
   react: React,
   displayName: "KittlMenu",
   events: {

package/dist/Menu/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Menu as Menu$1 } from '@kittl/ui';
+import { Menu as Menu$1 } from '@kittl/ui/Menu';
 
 declare const Menu: _lit_react.ReactWebComponent<Menu$1, {
     onMenuOpen: string;

package/dist/Menu/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { Menu as Menu$1 } from '@kittl/ui';
+import { Menu as Menu$1 } from '@kittl/ui/Menu';
 
 declare const Menu: _lit_react.ReactWebComponent<Menu$1, {
     onMenuOpen: string;

package/dist/Menu/index.js

@@ -1,5 +1,5 @@
 // src/components/Menu.ts
-import { MENU_COMPONENT_NAME, Menu as MenuElement } from "@kittl/ui";
+import { MENU_COMPONENT_NAME, Menu as MenuElement } from "@kittl/ui/Menu";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var Menu = createComponent({

package/dist/MenuItem/index.cjs

@@ -33,12 +33,12 @@ __export(MenuItem_exports, {
   MenuItem: () => MenuItem
 });
 module.exports = __toCommonJS(MenuItem_exports);
-var import_ui = require("@kittl/ui");
+var import_MenuItem = require("@kittl/ui/MenuItem");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var MenuItem = (0, import_react.createComponent)({
-  tagName: import_ui.MENU_ITEM_COMPONENT_NAME,
-  elementClass: import_ui.MenuItem,
+  tagName: import_MenuItem.MENU_ITEM_COMPONENT_NAME,
+  elementClass: import_MenuItem.MenuItem,
   react: React,
   displayName: "KittlMenuItem",
   events: {

package/dist/MenuItem/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { MenuItem as MenuItem$1 } from '@kittl/ui';
+import { MenuItem as MenuItem$1 } from '@kittl/ui/MenuItem';
 
 declare const MenuItem: _lit_react.ReactWebComponent<MenuItem$1, {
     onMenuItemSelect: string;

package/dist/MenuItem/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { MenuItem as MenuItem$1 } from '@kittl/ui';
+import { MenuItem as MenuItem$1 } from '@kittl/ui/MenuItem';
 
 declare const MenuItem: _lit_react.ReactWebComponent<MenuItem$1, {
     onMenuItemSelect: string;

package/dist/MenuItem/index.js

@@ -2,7 +2,7 @@
 import {
   MENU_ITEM_COMPONENT_NAME,
   MenuItem as MenuItemElement
-} from "@kittl/ui";
+} from "@kittl/ui/MenuItem";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var MenuItem = createComponent({

package/dist/MenuTrigger/index.cjs

@@ -33,12 +33,12 @@ __export(MenuTrigger_exports, {
   MenuTrigger: () => MenuTrigger
 });
 module.exports = __toCommonJS(MenuTrigger_exports);
-var import_ui = require("@kittl/ui");
+var import_MenuTrigger = require("@kittl/ui/MenuTrigger");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var MenuTrigger = (0, import_react.createComponent)({
-  tagName: import_ui.MENU_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui.MenuTrigger,
+  tagName: import_MenuTrigger.MENU_TRIGGER_COMPONENT_NAME,
+  elementClass: import_MenuTrigger.MenuTrigger,
   react: React,
   displayName: "KittlMenuTrigger"
 });

package/dist/MenuTrigger/index.d.cts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui';
+import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui/MenuTrigger';
 
 declare const MenuTrigger: _lit_react.ReactWebComponent<MenuTrigger$1, {}>;
 

package/dist/MenuTrigger/index.d.ts

@@ -1,5 +1,5 @@
 import * as _lit_react from '@lit/react';
-import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui';
+import { MenuTrigger as MenuTrigger$1 } from '@kittl/ui/MenuTrigger';
 
 declare const MenuTrigger: _lit_react.ReactWebComponent<MenuTrigger$1, {}>;
 

package/dist/MenuTrigger/index.js

@@ -2,7 +2,7 @@
 import {
   MENU_TRIGGER_COMPONENT_NAME,
   MenuTrigger as MenuTriggerElement
-} from "@kittl/ui";
+} from "@kittl/ui/MenuTrigger";
 import { createComponent } from "@lit/react";
 import * as React from "react";
 var MenuTrigger = createComponent({

package/dist/Popover/index.cjs

@@ -33,12 +33,12 @@ __export(Popover_exports, {
   Popover: () => Popover
 });
 module.exports = __toCommonJS(Popover_exports);
-var import_ui = require("@kittl/ui");
+var import_Popover = require("@kittl/ui/Popover");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Popover = (0, import_react.createComponent)({
-  tagName: import_ui.POPOVER_COMPONENT_NAME,
-  elementClass: import_ui.Popover,
+  tagName: import_Popover.POPOVER_COMPONENT_NAME,
+  elementClass: import_Popover.Popover,
   react: React,
   displayName: "KittlPopover",
   events: {