@kittl/ui-react 0.0.2 → 0.0.4

package/dist/Popover/index.d.cts

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

package/dist/Popover/index.d.ts

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

package/dist/Popover/index.js

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

package/dist/PopoverContent/index.cjs

@@ -33,12 +33,12 @@ __export(PopoverContent_exports, {
   PopoverContent: () => PopoverContent
 });
 module.exports = __toCommonJS(PopoverContent_exports);
-var import_ui = require("@kittl/ui");
+var import_PopoverContent = require("@kittl/ui/PopoverContent");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var PopoverContent = (0, import_react.createComponent)({
-  tagName: import_ui.POPOVER_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui.PopoverContent,
+  tagName: import_PopoverContent.POPOVER_CONTENT_COMPONENT_NAME,
+  elementClass: import_PopoverContent.PopoverContent,
   react: React,
   displayName: "KittlPopoverContent"
 });

package/dist/PopoverContent/index.d.cts

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

package/dist/PopoverContent/index.d.ts

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

package/dist/PopoverContent/index.js

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

package/dist/PopoverTrigger/index.cjs

@@ -33,12 +33,12 @@ __export(PopoverTrigger_exports, {
   PopoverTrigger: () => PopoverTrigger
 });
 module.exports = __toCommonJS(PopoverTrigger_exports);
-var import_ui = require("@kittl/ui");
+var import_PopoverTrigger = require("@kittl/ui/PopoverTrigger");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var PopoverTrigger = (0, import_react.createComponent)({
-  tagName: import_ui.POPOVER_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui.PopoverTrigger,
+  tagName: import_PopoverTrigger.POPOVER_TRIGGER_COMPONENT_NAME,
+  elementClass: import_PopoverTrigger.PopoverTrigger,
   react: React,
   displayName: "KittlPopoverTrigger"
 });

package/dist/PopoverTrigger/index.d.cts

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

package/dist/PopoverTrigger/index.d.ts

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

package/dist/PopoverTrigger/index.js

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

package/dist/ScrollableArea/index.cjs

@@ -33,12 +33,12 @@ __export(ScrollableArea_exports, {
   ScrollableArea: () => ScrollableArea
 });
 module.exports = __toCommonJS(ScrollableArea_exports);
-var import_ui = require("@kittl/ui");
+var import_ScrollableArea = require("@kittl/ui/ScrollableArea");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var ScrollableArea = (0, import_react.createComponent)({
-  tagName: import_ui.SCROLLABLE_AREA_COMPONENT_NAME,
-  elementClass: import_ui.ScrollableArea,
+  tagName: import_ScrollableArea.SCROLLABLE_AREA_COMPONENT_NAME,
+  elementClass: import_ScrollableArea.ScrollableArea,
   react: React,
   displayName: "KittlScrollableArea"
 });

package/dist/ScrollableArea/index.d.cts

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

package/dist/ScrollableArea/index.d.ts

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

package/dist/ScrollableArea/index.js

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

package/dist/Spinner/index.cjs

@@ -33,12 +33,12 @@ __export(Spinner_exports, {
   Spinner: () => Spinner
 });
 module.exports = __toCommonJS(Spinner_exports);
-var import_ui = require("@kittl/ui");
+var import_Spinner = require("@kittl/ui/Spinner");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Spinner = (0, import_react.createComponent)({
-  tagName: import_ui.SPINNER_COMPONENT_NAME,
-  elementClass: import_ui.Spinner,
+  tagName: import_Spinner.SPINNER_COMPONENT_NAME,
+  elementClass: import_Spinner.Spinner,
   react: React,
   displayName: "KittlSpinner"
 });

package/dist/Spinner/index.d.cts

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

package/dist/Spinner/index.d.ts

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

package/dist/Spinner/index.js

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

package/dist/Tabs/index.cjs

@@ -33,12 +33,12 @@ __export(Tabs_exports, {
   Tabs: () => Tabs
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_ui = require("@kittl/ui");
+var import_Tabs = require("@kittl/ui/Tabs");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Tabs = (0, import_react.createComponent)({
-  tagName: import_ui.TABS_COMPONENT_NAME,
-  elementClass: import_ui.Tabs,
+  tagName: import_Tabs.TABS_COMPONENT_NAME,
+  elementClass: import_Tabs.Tabs,
   react: React,
   displayName: "KittlTabs",
   events: {

package/dist/Tabs/index.d.cts

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

package/dist/Tabs/index.d.ts

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

package/dist/Tabs/index.js

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

package/dist/TabsContent/index.cjs

@@ -33,12 +33,12 @@ __export(TabsContent_exports, {
   TabsContent: () => TabsContent
 });
 module.exports = __toCommonJS(TabsContent_exports);
-var import_ui = require("@kittl/ui");
+var import_TabsContent = require("@kittl/ui/TabsContent");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var TabsContent = (0, import_react.createComponent)({
-  tagName: import_ui.TABS_CONTENT_COMPONENT_NAME,
-  elementClass: import_ui.TabsContent,
+  tagName: import_TabsContent.TABS_CONTENT_COMPONENT_NAME,
+  elementClass: import_TabsContent.TabsContent,
   react: React,
   displayName: "KittlTabsContent"
 });

package/dist/TabsContent/index.d.cts

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

package/dist/TabsContent/index.d.ts

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

package/dist/TabsContent/index.js

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

package/dist/TabsTrigger/index.cjs

@@ -33,12 +33,12 @@ __export(TabsTrigger_exports, {
   TabsTrigger: () => TabsTrigger
 });
 module.exports = __toCommonJS(TabsTrigger_exports);
-var import_ui = require("@kittl/ui");
+var import_TabsTrigger = require("@kittl/ui/TabsTrigger");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var TabsTrigger = (0, import_react.createComponent)({
-  tagName: import_ui.TABS_TRIGGER_COMPONENT_NAME,
-  elementClass: import_ui.TabsTrigger,
+  tagName: import_TabsTrigger.TABS_TRIGGER_COMPONENT_NAME,
+  elementClass: import_TabsTrigger.TabsTrigger,
   react: React,
   displayName: "KittlTabsTrigger",
   events: {

package/dist/TabsTrigger/index.d.cts

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

package/dist/TabsTrigger/index.d.ts

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

package/dist/TabsTrigger/index.js

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

package/dist/Text/index.cjs

@@ -33,12 +33,12 @@ __export(Text_exports, {
   Text: () => Text
 });
 module.exports = __toCommonJS(Text_exports);
-var import_ui = require("@kittl/ui");
+var import_Text = require("@kittl/ui/Text");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Text = (0, import_react.createComponent)({
-  tagName: import_ui.TEXT_COMPONENT_NAME,
-  elementClass: import_ui.Text,
+  tagName: import_Text.TEXT_COMPONENT_NAME,
+  elementClass: import_Text.Text,
   react: React,
   displayName: "KittlText"
 });

package/dist/Text/index.d.cts

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

package/dist/Text/index.d.ts

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

package/dist/Text/index.js

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

package/dist/Toast/index.cjs

@@ -33,12 +33,12 @@ __export(Toast_exports, {
   Toast: () => Toast
 });
 module.exports = __toCommonJS(Toast_exports);
-var import_ui = require("@kittl/ui");
+var import_Toast = require("@kittl/ui/Toast");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Toast = (0, import_react.createComponent)({
-  tagName: import_ui.TOAST_COMPONENT_NAME,
-  elementClass: import_ui.Toast,
+  tagName: import_Toast.TOAST_COMPONENT_NAME,
+  elementClass: import_Toast.Toast,
   react: React,
   displayName: "KittlToast",
   events: {

package/dist/Toast/index.d.cts

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

package/dist/Toast/index.d.ts

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

package/dist/Toast/index.js

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

package/dist/ToastContainer/index.cjs

@@ -33,12 +33,12 @@ __export(ToastContainer_exports, {
   ToastContainer: () => ToastContainer
 });
 module.exports = __toCommonJS(ToastContainer_exports);
-var import_ui = require("@kittl/ui");
+var import_ToastContainer = require("@kittl/ui/ToastContainer");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var ToastContainer = (0, import_react.createComponent)({
-  tagName: import_ui.TOAST_CONTAINER_COMPONENT_NAME,
-  elementClass: import_ui.ToastContainer,
+  tagName: import_ToastContainer.TOAST_CONTAINER_COMPONENT_NAME,
+  elementClass: import_ToastContainer.ToastContainer,
   react: React,
   displayName: "KittlToastContainer"
 });

package/dist/ToastContainer/index.d.cts

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

package/dist/ToastContainer/index.d.ts

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

package/dist/ToastContainer/index.js

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

package/dist/Tooltip/index.cjs

@@ -33,12 +33,12 @@ __export(Tooltip_exports, {
   Tooltip: () => Tooltip
 });
 module.exports = __toCommonJS(Tooltip_exports);
-var import_ui = require("@kittl/ui");
+var import_Tooltip = require("@kittl/ui/Tooltip");
 var import_react = require("@lit/react");
 var React = __toESM(require("react"), 1);
 var Tooltip = (0, import_react.createComponent)({
-  tagName: import_ui.TOOLTIP_COMPONENT_NAME,
-  elementClass: import_ui.Tooltip,
+  tagName: import_Tooltip.TOOLTIP_COMPONENT_NAME,
+  elementClass: import_Tooltip.Tooltip,
   react: React,
   displayName: "KittlTooltip"
 });

package/dist/Tooltip/index.d.cts

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

package/dist/Tooltip/index.d.ts

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

package/dist/Tooltip/index.js

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