@lazhus/kg-ui 0.7.2 → 0.7.3

package/custom-elements.json

@@ -4488,103 +4488,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/kg-tooltip.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "kgtooltip",
-          "members": [
-            {
-              "kind": "field",
-              "name": "properties",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ content: { type: String }, position: { type: String, reflect: true }, // top, bottom, left, right trigger: { type: String, reflect: true }, // hover, click visible: { type: Boolean, reflect: true }, }"
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "static": true,
-              "default": "css` :host { display: inline-block; position: relative; } .tooltip-trigger { display: inline-block; cursor: pointer; } .tooltip-content { position: absolute; background: #333; color: white; padding: 0.5rem 0.75rem; border-radius: 6px; font-size: 0.85rem; white-space: nowrap; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(0,0,0,0.15); pointer-events: none; } /* Position Styles */ .top { bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-8px); margin-bottom: 8px; } .bottom { top: 100%; left: 50%; transform: translateX(-50%) translateY(8px); margin-top: 8px; } .left { top: 50%; right: 100%; transform: translateY(-50%) translateX(-8px); margin-right: 8px; } .right { top: 50%; left: 100%; transform: translateY(-50%) translateX(8px); margin-left: 8px; } /* Arrow */ .tooltip-content::after { content: ''; position: absolute; border: 5px solid transparent; } .top::after { top: 100%; left: 50%; transform: translateX(-50%); border-top-color: #333; } .bottom::after { bottom: 100%; left: 50%; transform: translateX(-50%); border-bottom-color: #333; } .left::after { left: 100%; top: 50%; transform: translateY(-50%); border-left-color: #333; } .right::after { right: 100%; top: 50%; transform: translateY(-50%); border-right-color: #333; } /* Visibility Logic */ :host([trigger=\"hover\"]:hover) .tooltip-content, :host([visible]) .tooltip-content { opacity: 1; visibility: visible; } /* Transform Adjustment for Visible State */ :host([trigger=\"hover\"]:hover) .tooltip-content.top, :host([visible]) .tooltip-content.top { transform: translateX(-50%) translateY(-4px); } :host([trigger=\"hover\"]:hover) .tooltip-content.bottom, :host([visible]) .tooltip-content.bottom { transform: translateX(-50%) translateY(4px); } :host([trigger=\"hover\"]:hover) .tooltip-content.left, :host([visible]) .tooltip-content.left { transform: translateY(-50%) translateX(-4px); } :host([trigger=\"hover\"]:hover) .tooltip-content.right, :host([visible]) .tooltip-content.right { transform: translateY(-50%) translateX(4px); } `"
-            },
-            {
-              "kind": "method",
-              "name": "_show"
-            },
-            {
-              "kind": "method",
-              "name": "_hide"
-            },
-            {
-              "kind": "method",
-              "name": "_handleOutsideClick",
-              "parameters": [
-                {
-                  "name": "e"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "string"
-              },
-              "default": "'top'"
-            },
-            {
-              "kind": "field",
-              "name": "trigger",
-              "type": {
-                "text": "string"
-              },
-              "default": "'hover'"
-            },
-            {
-              "kind": "field",
-              "name": "visible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "kg-tooltip",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "kgtooltip",
-          "declaration": {
-            "name": "kgtooltip",
-            "module": "src/components/kg-tooltip.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "kg-tooltip",
-          "declaration": {
-            "name": "kgtooltip",
-            "module": "src/components/kg-tooltip.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/kg-tree.js",

package/dist/index.js

@@ -1 +1 @@
-import{kgaccordionitem as o}from"./components/kg-accordion-item.js";import{kgaccordion as m}from"./components/kg-accordion.js";import{kgbutton as r}from"./components/kg-button.js";import{kgcard as t}from"./components/kg-card.js";import{kgcheckbox as p}from"./components/kg-checkbox.js";import{kgcolorpicker as s}from"./components/kg-colorpicker.js";import{kgcolumn as n}from"./components/kg-column.js";import{kgdatepicker as e}from"./components/kg-datepicker.js";import{kgdivider as i}from"./components/kg-divider.js";import{kgdrawer as c}from"./components/kg-drawer.js";import{kgfileupload as g}from"./components/kg-file-upload.js";import{kggrid as k}from"./components/kg-grid.js";import{kgdatagrid as f}from"./components/kg-datagrid.js";import{kginput as j}from"./components/kg-input.js";import{kgmodal as a}from"./components/kg-modal.js";import{kgradiogroup as d}from"./components/kg-radio-group.js";import{kgradio as l}from"./components/kg-radio.js";import{kgrow as b}from"./components/kg-row.js";import{kgselect as u}from"./components/kg-select.js";import{kgskeleton as x}from"./components/kg-skeleton.js";import{kgslider as w}from"./components/kg-slider.js";import{kgstepper as h}from"./components/kg-stepper.js";import{kgswitch as v}from"./components/kg-switch.js";import{kgtabpanel as q}from"./components/kg-tab-panel.js";import{kgtabs as y}from"./components/kg-tabs.js";import{kgtext as z}from"./components/kg-text.js";import{kgtextarea as A}from"./components/kg-textarea.js";import{kgtoast as B,toast as C}from"./components/kg-toast.js";import{kgimage as D}from"./components/kg-image.js";import{kgprogress as E}from"./components/kg-progress.js";import{kgspinner as F}from"./components/kg-spinner.js";import{kgloader as G,loader as H}from"./components/kg-loader.js";import{kgavatar as I}from"./components/kg-avatar.js";import{kgtag as J}from"./components/kg-tag.js";import{kgbreadcrumbitem as K,kgbreadcrumbs as L}from"./components/kg-breadcrumbs.js";import{kgtooltip as M}from"./components/kg-tooltip.js";import{kglink as N}from"./components/kg-link.js";import{kgtree as O,kgtreeitem as P}from"./components/kg-tree.js";import{kglist as Q,kglistitem as R}from"./components/kg-list.js";export{m as kgaccordion,o as kgaccordionitem,I as kgavatar,K as kgbreadcrumbitem,L as kgbreadcrumbs,r as kgbutton,t as kgcard,p as kgcheckbox,s as kgcolorpicker,n as kgcolumn,f as kgdatagrid,e as kgdatepicker,i as kgdivider,c as kgdrawer,g as kgfileupload,k as kggrid,D as kgimage,j as kginput,N as kglink,Q as kglist,R as kglistitem,G as kgloader,a as kgmodal,E as kgprogress,l as kgradio,d as kgradiogroup,b as kgrow,u as kgselect,x as kgskeleton,w as kgslider,F as kgspinner,h as kgstepper,v as kgswitch,q as kgtabpanel,y as kgtabs,J as kgtag,z as kgtext,A as kgtextarea,B as kgtoast,M as kgtooltip,O as kgtree,P as kgtreeitem,H as loader,C as toast};
+import{kgaccordionitem as o}from"./components/kg-accordion-item.js";import{kgaccordion as m}from"./components/kg-accordion.js";import{kgbutton as r}from"./components/kg-button.js";import{kgcard as t}from"./components/kg-card.js";import{kgcheckbox as s}from"./components/kg-checkbox.js";import{kgcolorpicker as p}from"./components/kg-colorpicker.js";import{kgcolumn as n}from"./components/kg-column.js";import{kgdatepicker as e}from"./components/kg-datepicker.js";import{kgdivider as i}from"./components/kg-divider.js";import{kgdrawer as c}from"./components/kg-drawer.js";import{kgfileupload as g}from"./components/kg-file-upload.js";import{kggrid as k}from"./components/kg-grid.js";import{kgdatagrid as f}from"./components/kg-datagrid.js";import{kginput as j}from"./components/kg-input.js";import{kgmodal as a}from"./components/kg-modal.js";import{kgradiogroup as d}from"./components/kg-radio-group.js";import{kgradio as l}from"./components/kg-radio.js";import{kgrow as b}from"./components/kg-row.js";import{kgselect as u}from"./components/kg-select.js";import{kgskeleton as x}from"./components/kg-skeleton.js";import{kgslider as w}from"./components/kg-slider.js";import{kgstepper as h}from"./components/kg-stepper.js";import{kgswitch as v}from"./components/kg-switch.js";import{kgtabpanel as q}from"./components/kg-tab-panel.js";import{kgtabs as y}from"./components/kg-tabs.js";import{kgtext as z}from"./components/kg-text.js";import{kgtextarea as A}from"./components/kg-textarea.js";import{kgtoast as B,toast as C}from"./components/kg-toast.js";import{kgimage as D}from"./components/kg-image.js";import{kgprogress as E}from"./components/kg-progress.js";import{kgspinner as F}from"./components/kg-spinner.js";import{kgloader as G,loader as H}from"./components/kg-loader.js";import{kgavatar as I}from"./components/kg-avatar.js";import{kgtag as J}from"./components/kg-tag.js";import{kgbreadcrumbitem as K,kgbreadcrumbs as L}from"./components/kg-breadcrumbs.js";import{kglink as M}from"./components/kg-link.js";import{kgtree as N,kgtreeitem as O}from"./components/kg-tree.js";import{kglist as P,kglistitem as Q}from"./components/kg-list.js";export{m as kgaccordion,o as kgaccordionitem,I as kgavatar,K as kgbreadcrumbitem,L as kgbreadcrumbs,r as kgbutton,t as kgcard,s as kgcheckbox,p as kgcolorpicker,n as kgcolumn,f as kgdatagrid,e as kgdatepicker,i as kgdivider,c as kgdrawer,g as kgfileupload,k as kggrid,D as kgimage,j as kginput,M as kglink,P as kglist,Q as kglistitem,G as kgloader,a as kgmodal,E as kgprogress,l as kgradio,d as kgradiogroup,b as kgrow,u as kgselect,x as kgskeleton,w as kgslider,F as kgspinner,h as kgstepper,v as kgswitch,q as kgtabpanel,y as kgtabs,J as kgtag,z as kgtext,A as kgtextarea,B as kgtoast,N as kgtree,O as kgtreeitem,H as loader,C as toast};

package/dist/react/index.js

@@ -1 +1 @@
-import{KgAccordion as r}from"./KgAccordion.js";import{KgAccordionItem as o}from"./KgAccordionItem.js";import{KgAvatar as m}from"./KgAvatar.js";import{KgBreadcrumbs as i}from"./KgBreadcrumbs.js";import{KgButton as t}from"./KgButton.js";import{KgCard as p}from"./KgCard.js";import{KgCheckbox as s}from"./KgCheckbox.js";import{KgColorPicker as g}from"./KgColorPicker.js";import{KgColumn as f}from"./KgColumn.js";import{KgDataGrid as j}from"./KgDataGrid.js";import{KgDatePicker as K}from"./KgDatePicker.js";import{KgDivider as e}from"./KgDivider.js";import{KgDrawer as a}from"./KgDrawer.js";import{KgFileUpload as d}from"./KgFileUpload.js";import{KgGrid as c}from"./KgGrid.js";import{KgImage as l}from"./KgImage.js";import{KgInput as n}from"./KgInput.js";import{KgLink as T}from"./KgLink.js";import{KgList as S}from"./KgList.js";import{KgLoader as k}from"./KgLoader.js";import{KgModal as u}from"./KgModal.js";import{KgProgress as b}from"./KgProgress.js";import{KgRadio as x}from"./KgRadio.js";import{KgRadioGroup as C}from"./KgRadioGroup.js";import{KgRow as D}from"./KgRow.js";import{KgSelect as P}from"./KgSelect.js";import{KgSkeleton as w}from"./KgSkeleton.js";import{KgSlider as A}from"./KgSlider.js";import{KgSpinner as G}from"./KgSpinner.js";import{KgStepper as I}from"./KgStepper.js";import{KgSwitch as L}from"./KgSwitch.js";import{KgTabPanel as R}from"./KgTabPanel.js";import{KgTabs as h}from"./KgTabs.js";import{KgTag as v}from"./KgTag.js";import{KgText as B}from"./KgText.js";import{KgTextarea as F}from"./KgTextarea.js";import{KgToast as M}from"./KgToast.js";import{KgTooltip as U}from"./KgTooltip.js";import{KgTree as q}from"./KgTree.js";export{r as KgAccordion,o as KgAccordionItem,m as KgAvatar,i as KgBreadcrumbs,t as KgButton,p as KgCard,s as KgCheckbox,g as KgColorPicker,f as KgColumn,j as KgDataGrid,K as KgDatePicker,e as KgDivider,a as KgDrawer,d as KgFileUpload,c as KgGrid,l as KgImage,n as KgInput,T as KgLink,S as KgList,k as KgLoader,u as KgModal,b as KgProgress,x as KgRadio,C as KgRadioGroup,D as KgRow,P as KgSelect,w as KgSkeleton,A as KgSlider,G as KgSpinner,I as KgStepper,L as KgSwitch,R as KgTabPanel,h as KgTabs,v as KgTag,B as KgText,F as KgTextarea,M as KgToast,U as KgTooltip,q as KgTree};
+import{KgAccordion as r}from"./KgAccordion.js";import{KgAccordionItem as o}from"./KgAccordionItem.js";import{KgAvatar as m}from"./KgAvatar.js";import{KgBreadcrumbs as i}from"./KgBreadcrumbs.js";import{KgButton as t}from"./KgButton.js";import{KgCard as p}from"./KgCard.js";import{KgCheckbox as s}from"./KgCheckbox.js";import{KgColorPicker as g}from"./KgColorPicker.js";import{KgColumn as f}from"./KgColumn.js";import{KgDataGrid as j}from"./KgDataGrid.js";import{KgDatePicker as K}from"./KgDatePicker.js";import{KgDivider as e}from"./KgDivider.js";import{KgDrawer as a}from"./KgDrawer.js";import{KgFileUpload as d}from"./KgFileUpload.js";import{KgGrid as c}from"./KgGrid.js";import{KgImage as n}from"./KgImage.js";import{KgInput as l}from"./KgInput.js";import{KgLink as T}from"./KgLink.js";import{KgList as S}from"./KgList.js";import{KgLoader as k}from"./KgLoader.js";import{KgModal as u}from"./KgModal.js";import{KgProgress as b}from"./KgProgress.js";import{KgRadio as x}from"./KgRadio.js";import{KgRadioGroup as C}from"./KgRadioGroup.js";import{KgRow as D}from"./KgRow.js";import{KgSelect as P}from"./KgSelect.js";import{KgSkeleton as w}from"./KgSkeleton.js";import{KgSlider as A}from"./KgSlider.js";import{KgSpinner as G}from"./KgSpinner.js";import{KgStepper as I}from"./KgStepper.js";import{KgSwitch as L}from"./KgSwitch.js";import{KgTabPanel as R}from"./KgTabPanel.js";import{KgTabs as h}from"./KgTabs.js";import{KgTag as v}from"./KgTag.js";import{KgText as B}from"./KgText.js";import{KgTextarea as F}from"./KgTextarea.js";import{KgToast as M}from"./KgToast.js";import{KgTree as U}from"./KgTree.js";export{r as KgAccordion,o as KgAccordionItem,m as KgAvatar,i as KgBreadcrumbs,t as KgButton,p as KgCard,s as KgCheckbox,g as KgColorPicker,f as KgColumn,j as KgDataGrid,K as KgDatePicker,e as KgDivider,a as KgDrawer,d as KgFileUpload,c as KgGrid,n as KgImage,l as KgInput,T as KgLink,S as KgList,k as KgLoader,u as KgModal,b as KgProgress,x as KgRadio,C as KgRadioGroup,D as KgRow,P as KgSelect,w as KgSkeleton,A as KgSlider,G as KgSpinner,I as KgStepper,L as KgSwitch,R as KgTabPanel,h as KgTabs,v as KgTag,B as KgText,F as KgTextarea,M as KgToast,U as KgTree};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazhus/kg-ui",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "files": [
     "dist",

package/types/index.d.ts

@@ -39,7 +39,6 @@ export { kgtag } from './components/kg-tag';
 export { kgtext } from './components/kg-text';
 export { kgtextarea } from './components/kg-textarea';
 export { kgtoast } from './components/kg-toast';
-export { kgtooltip } from './components/kg-tooltip';
 export { kgtree } from './components/kg-tree';
 export { kgtreeitem } from './components/kg-tree';
 
@@ -84,7 +83,6 @@ declare global {
     'kg-text': kgtext;
     'kg-textarea': kgtextarea;
     'kg-toast': kgtoast;
-    'kg-tooltip': kgtooltip;
     'kg-tree': kgtree;
     'kg-tree-item': kgtreeitem;
   }
@@ -356,12 +354,6 @@ declare global {
       color?: string;
       [key: string]: any;
     };
-    'kg-tooltip': {
-      position?: string;
-      trigger?: string;
-      visible?: boolean;
-      [key: string]: any;
-    };
     'kg-tree': {
 
       [key: string]: any;

package/types/react/Kgaccordion.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgaccordion } from '../components/kg-accordion';
 
-export const KgAccordion: React.ForwardRefExoticComponent<Partial<kgaccordion> & React.RefAttributes<kgaccordion> & {
+export const KgAccordion: React.ForwardRefExoticComponent<Partial<Omit<kgaccordion, keyof HTMLElement>> & React.HTMLAttributes<kgaccordion> & React.RefAttributes<kgaccordion> & {
   [key: string]: any;
 }>;

package/types/react/Kgaccordionitem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgaccordionitem } from '../components/kg-accordion-item';
 
-export const KgAccordionItem: React.ForwardRefExoticComponent<Partial<kgaccordionitem> & React.RefAttributes<kgaccordionitem> & {
+export const KgAccordionItem: React.ForwardRefExoticComponent<Partial<Omit<kgaccordionitem, keyof HTMLElement>> & React.HTMLAttributes<kgaccordionitem> & React.RefAttributes<kgaccordionitem> & {
   [key: string]: any;
 }>;

package/types/react/Kgavatar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgavatar } from '../components/kg-avatar';
 
-export const KgAvatar: React.ForwardRefExoticComponent<Partial<kgavatar> & React.RefAttributes<kgavatar> & {
+export const KgAvatar: React.ForwardRefExoticComponent<Partial<Omit<kgavatar, keyof HTMLElement>> & React.HTMLAttributes<kgavatar> & React.RefAttributes<kgavatar> & {
   [key: string]: any;
 }>;

package/types/react/Kgbreadcrumbitem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgbreadcrumbitem } from '../components/kg-breadcrumbs';
 
-export const KgBreadcrumbItem: React.ForwardRefExoticComponent<Partial<kgbreadcrumbitem> & React.RefAttributes<kgbreadcrumbitem> & {
+export const KgBreadcrumbItem: React.ForwardRefExoticComponent<Partial<Omit<kgbreadcrumbitem, keyof HTMLElement>> & React.HTMLAttributes<kgbreadcrumbitem> & React.RefAttributes<kgbreadcrumbitem> & {
   [key: string]: any;
 }>;

package/types/react/Kgbreadcrumbs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgbreadcrumbs } from '../components/kg-breadcrumbs';
 
-export const KgBreadcrumbs: React.ForwardRefExoticComponent<Partial<kgbreadcrumbs> & React.RefAttributes<kgbreadcrumbs> & {
+export const KgBreadcrumbs: React.ForwardRefExoticComponent<Partial<Omit<kgbreadcrumbs, keyof HTMLElement>> & React.HTMLAttributes<kgbreadcrumbs> & React.RefAttributes<kgbreadcrumbs> & {
   [key: string]: any;
 }>;

package/types/react/Kgbutton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgbutton } from '../components/kg-button';
 
-export const KgButton: React.ForwardRefExoticComponent<Partial<kgbutton> & React.RefAttributes<kgbutton> & {
+export const KgButton: React.ForwardRefExoticComponent<Partial<Omit<kgbutton, keyof HTMLElement>> & React.HTMLAttributes<kgbutton> & React.RefAttributes<kgbutton> & {
   [key: string]: any;
 }>;

package/types/react/Kgcard.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgcard } from '../components/kg-card';
 
-export const KgCard: React.ForwardRefExoticComponent<Partial<kgcard> & React.RefAttributes<kgcard> & {
+export const KgCard: React.ForwardRefExoticComponent<Partial<Omit<kgcard, keyof HTMLElement>> & React.HTMLAttributes<kgcard> & React.RefAttributes<kgcard> & {
   [key: string]: any;
 }>;

package/types/react/Kgcheckbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgcheckbox } from '../components/kg-checkbox';
 
-export const KgCheckbox: React.ForwardRefExoticComponent<Partial<kgcheckbox> & React.RefAttributes<kgcheckbox> & {
+export const KgCheckbox: React.ForwardRefExoticComponent<Partial<Omit<kgcheckbox, keyof HTMLElement>> & React.HTMLAttributes<kgcheckbox> & React.RefAttributes<kgcheckbox> & {
   [key: string]: any;
 }>;

package/types/react/Kgcolorpicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgcolorpicker } from '../components/kg-colorpicker';
 
-export const KgColorPicker: React.ForwardRefExoticComponent<Partial<kgcolorpicker> & React.RefAttributes<kgcolorpicker> & {
+export const KgColorPicker: React.ForwardRefExoticComponent<Partial<Omit<kgcolorpicker, keyof HTMLElement>> & React.HTMLAttributes<kgcolorpicker> & React.RefAttributes<kgcolorpicker> & {
   [key: string]: any;
 }>;

package/types/react/Kgcolumn.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgcolumn } from '../components/kg-column';
 
-export const KgColumn: React.ForwardRefExoticComponent<Partial<kgcolumn> & React.RefAttributes<kgcolumn> & {
+export const KgColumn: React.ForwardRefExoticComponent<Partial<Omit<kgcolumn, keyof HTMLElement>> & React.HTMLAttributes<kgcolumn> & React.RefAttributes<kgcolumn> & {
   [key: string]: any;
 }>;

package/types/react/Kgdatagrid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgdatagrid } from '../components/kg-datagrid';
 
-export const KgDataGrid: React.ForwardRefExoticComponent<Partial<kgdatagrid> & React.RefAttributes<kgdatagrid> & {
+export const KgDataGrid: React.ForwardRefExoticComponent<Partial<Omit<kgdatagrid, keyof HTMLElement>> & React.HTMLAttributes<kgdatagrid> & React.RefAttributes<kgdatagrid> & {
   [key: string]: any;
 }>;

package/types/react/Kgdatepicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgdatepicker } from '../components/kg-datepicker';
 
-export const KgDatePicker: React.ForwardRefExoticComponent<Partial<kgdatepicker> & React.RefAttributes<kgdatepicker> & {
+export const KgDatePicker: React.ForwardRefExoticComponent<Partial<Omit<kgdatepicker, keyof HTMLElement>> & React.HTMLAttributes<kgdatepicker> & React.RefAttributes<kgdatepicker> & {
   [key: string]: any;
 }>;

package/types/react/Kgdivider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgdivider } from '../components/kg-divider';
 
-export const KgDivider: React.ForwardRefExoticComponent<Partial<kgdivider> & React.RefAttributes<kgdivider> & {
+export const KgDivider: React.ForwardRefExoticComponent<Partial<Omit<kgdivider, keyof HTMLElement>> & React.HTMLAttributes<kgdivider> & React.RefAttributes<kgdivider> & {
   [key: string]: any;
 }>;

package/types/react/Kgdrawer.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgdrawer } from '../components/kg-drawer';
 
-export const KgDrawer: React.ForwardRefExoticComponent<Partial<kgdrawer> & React.RefAttributes<kgdrawer> & {
+export const KgDrawer: React.ForwardRefExoticComponent<Partial<Omit<kgdrawer, keyof HTMLElement>> & React.HTMLAttributes<kgdrawer> & React.RefAttributes<kgdrawer> & {
   [key: string]: any;
 }>;

package/types/react/Kgfileupload.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgfileupload } from '../components/kg-file-upload';
 
-export const KgFileUpload: React.ForwardRefExoticComponent<Partial<kgfileupload> & React.RefAttributes<kgfileupload> & {
+export const KgFileUpload: React.ForwardRefExoticComponent<Partial<Omit<kgfileupload, keyof HTMLElement>> & React.HTMLAttributes<kgfileupload> & React.RefAttributes<kgfileupload> & {
   [key: string]: any;
 }>;

package/types/react/Kggrid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kggrid } from '../components/kg-grid';
 
-export const KgGrid: React.ForwardRefExoticComponent<Partial<kggrid> & React.RefAttributes<kggrid> & {
+export const KgGrid: React.ForwardRefExoticComponent<Partial<Omit<kggrid, keyof HTMLElement>> & React.HTMLAttributes<kggrid> & React.RefAttributes<kggrid> & {
   [key: string]: any;
 }>;

package/types/react/Kgimage.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgimage } from '../components/kg-image';
 
-export const KgImage: React.ForwardRefExoticComponent<Partial<kgimage> & React.RefAttributes<kgimage> & {
+export const KgImage: React.ForwardRefExoticComponent<Partial<Omit<kgimage, keyof HTMLElement>> & React.HTMLAttributes<kgimage> & React.RefAttributes<kgimage> & {
   [key: string]: any;
 }>;

package/types/react/Kginput.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kginput } from '../components/kg-input';
 
-export const KgInput: React.ForwardRefExoticComponent<Partial<kginput> & React.RefAttributes<kginput> & {
+export const KgInput: React.ForwardRefExoticComponent<Partial<Omit<kginput, keyof HTMLElement>> & React.HTMLAttributes<kginput> & React.RefAttributes<kginput> & {
   [key: string]: any;
 }>;

package/types/react/Kglink.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kglink } from '../components/kg-link';
 
-export const KgLink: React.ForwardRefExoticComponent<Partial<kglink> & React.RefAttributes<kglink> & {
+export const KgLink: React.ForwardRefExoticComponent<Partial<Omit<kglink, keyof HTMLElement>> & React.HTMLAttributes<kglink> & React.RefAttributes<kglink> & {
   [key: string]: any;
 }>;

package/types/react/Kglist.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kglist } from '../components/kg-list';
 
-export const KgList: React.ForwardRefExoticComponent<Partial<kglist> & React.RefAttributes<kglist> & {
+export const KgList: React.ForwardRefExoticComponent<Partial<Omit<kglist, keyof HTMLElement>> & React.HTMLAttributes<kglist> & React.RefAttributes<kglist> & {
   [key: string]: any;
 }>;

package/types/react/Kglistitem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kglistitem } from '../components/kg-list';
 
-export const KgListItem: React.ForwardRefExoticComponent<Partial<kglistitem> & React.RefAttributes<kglistitem> & {
+export const KgListItem: React.ForwardRefExoticComponent<Partial<Omit<kglistitem, keyof HTMLElement>> & React.HTMLAttributes<kglistitem> & React.RefAttributes<kglistitem> & {
   [key: string]: any;
 }>;

package/types/react/Kgloader.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgloader } from '../components/kg-loader';
 
-export const KgLoader: React.ForwardRefExoticComponent<Partial<kgloader> & React.RefAttributes<kgloader> & {
+export const KgLoader: React.ForwardRefExoticComponent<Partial<Omit<kgloader, keyof HTMLElement>> & React.HTMLAttributes<kgloader> & React.RefAttributes<kgloader> & {
   [key: string]: any;
 }>;

package/types/react/Kgmodal.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgmodal } from '../components/kg-modal';
 
-export const KgModal: React.ForwardRefExoticComponent<Partial<kgmodal> & React.RefAttributes<kgmodal> & {
+export const KgModal: React.ForwardRefExoticComponent<Partial<Omit<kgmodal, keyof HTMLElement>> & React.HTMLAttributes<kgmodal> & React.RefAttributes<kgmodal> & {
   [key: string]: any;
 }>;

package/types/react/Kgprogress.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgprogress } from '../components/kg-progress';
 
-export const KgProgress: React.ForwardRefExoticComponent<Partial<kgprogress> & React.RefAttributes<kgprogress> & {
+export const KgProgress: React.ForwardRefExoticComponent<Partial<Omit<kgprogress, keyof HTMLElement>> & React.HTMLAttributes<kgprogress> & React.RefAttributes<kgprogress> & {
   [key: string]: any;
 }>;

package/types/react/Kgradio.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgradio } from '../components/kg-radio';
 
-export const KgRadio: React.ForwardRefExoticComponent<Partial<kgradio> & React.RefAttributes<kgradio> & {
+export const KgRadio: React.ForwardRefExoticComponent<Partial<Omit<kgradio, keyof HTMLElement>> & React.HTMLAttributes<kgradio> & React.RefAttributes<kgradio> & {
   [key: string]: any;
 }>;

package/types/react/Kgradiogroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgradiogroup } from '../components/kg-radio-group';
 
-export const KgRadioGroup: React.ForwardRefExoticComponent<Partial<kgradiogroup> & React.RefAttributes<kgradiogroup> & {
+export const KgRadioGroup: React.ForwardRefExoticComponent<Partial<Omit<kgradiogroup, keyof HTMLElement>> & React.HTMLAttributes<kgradiogroup> & React.RefAttributes<kgradiogroup> & {
   [key: string]: any;
 }>;

package/types/react/Kgrow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgrow } from '../components/kg-row';
 
-export const KgRow: React.ForwardRefExoticComponent<Partial<kgrow> & React.RefAttributes<kgrow> & {
+export const KgRow: React.ForwardRefExoticComponent<Partial<Omit<kgrow, keyof HTMLElement>> & React.HTMLAttributes<kgrow> & React.RefAttributes<kgrow> & {
   [key: string]: any;
 }>;

package/types/react/Kgselect.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgselect } from '../components/kg-select';
 
-export const KgSelect: React.ForwardRefExoticComponent<Partial<kgselect> & React.RefAttributes<kgselect> & {
+export const KgSelect: React.ForwardRefExoticComponent<Partial<Omit<kgselect, keyof HTMLElement>> & React.HTMLAttributes<kgselect> & React.RefAttributes<kgselect> & {
   [key: string]: any;
 }>;

package/types/react/Kgskeleton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgskeleton } from '../components/kg-skeleton';
 
-export const KgSkeleton: React.ForwardRefExoticComponent<Partial<kgskeleton> & React.RefAttributes<kgskeleton> & {
+export const KgSkeleton: React.ForwardRefExoticComponent<Partial<Omit<kgskeleton, keyof HTMLElement>> & React.HTMLAttributes<kgskeleton> & React.RefAttributes<kgskeleton> & {
   [key: string]: any;
 }>;

package/types/react/Kgslider.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgslider } from '../components/kg-slider';
 
-export const KgSlider: React.ForwardRefExoticComponent<Partial<kgslider> & React.RefAttributes<kgslider> & {
+export const KgSlider: React.ForwardRefExoticComponent<Partial<Omit<kgslider, keyof HTMLElement>> & React.HTMLAttributes<kgslider> & React.RefAttributes<kgslider> & {
   [key: string]: any;
 }>;

package/types/react/Kgspinner.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgspinner } from '../components/kg-spinner';
 
-export const KgSpinner: React.ForwardRefExoticComponent<Partial<kgspinner> & React.RefAttributes<kgspinner> & {
+export const KgSpinner: React.ForwardRefExoticComponent<Partial<Omit<kgspinner, keyof HTMLElement>> & React.HTMLAttributes<kgspinner> & React.RefAttributes<kgspinner> & {
   [key: string]: any;
 }>;

package/types/react/Kgstepper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgstepper } from '../components/kg-stepper';
 
-export const KgStepper: React.ForwardRefExoticComponent<Partial<kgstepper> & React.RefAttributes<kgstepper> & {
+export const KgStepper: React.ForwardRefExoticComponent<Partial<Omit<kgstepper, keyof HTMLElement>> & React.HTMLAttributes<kgstepper> & React.RefAttributes<kgstepper> & {
   [key: string]: any;
 }>;

package/types/react/Kgswitch.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgswitch } from '../components/kg-switch';
 
-export const KgSwitch: React.ForwardRefExoticComponent<Partial<kgswitch> & React.RefAttributes<kgswitch> & {
+export const KgSwitch: React.ForwardRefExoticComponent<Partial<Omit<kgswitch, keyof HTMLElement>> & React.HTMLAttributes<kgswitch> & React.RefAttributes<kgswitch> & {
   [key: string]: any;
 }>;

package/types/react/Kgtabpanel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtabpanel } from '../components/kg-tab-panel';
 
-export const KgTabPanel: React.ForwardRefExoticComponent<Partial<kgtabpanel> & React.RefAttributes<kgtabpanel> & {
+export const KgTabPanel: React.ForwardRefExoticComponent<Partial<Omit<kgtabpanel, keyof HTMLElement>> & React.HTMLAttributes<kgtabpanel> & React.RefAttributes<kgtabpanel> & {
   [key: string]: any;
 }>;

package/types/react/Kgtabs.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtabs } from '../components/kg-tabs';
 
-export const KgTabs: React.ForwardRefExoticComponent<Partial<kgtabs> & React.RefAttributes<kgtabs> & {
+export const KgTabs: React.ForwardRefExoticComponent<Partial<Omit<kgtabs, keyof HTMLElement>> & React.HTMLAttributes<kgtabs> & React.RefAttributes<kgtabs> & {
   [key: string]: any;
 }>;

package/types/react/Kgtag.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtag } from '../components/kg-tag';
 
-export const KgTag: React.ForwardRefExoticComponent<Partial<kgtag> & React.RefAttributes<kgtag> & {
+export const KgTag: React.ForwardRefExoticComponent<Partial<Omit<kgtag, keyof HTMLElement>> & React.HTMLAttributes<kgtag> & React.RefAttributes<kgtag> & {
   [key: string]: any;
 }>;

package/types/react/Kgtext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtext } from '../components/kg-text';
 
-export const KgText: React.ForwardRefExoticComponent<Partial<kgtext> & React.RefAttributes<kgtext> & {
+export const KgText: React.ForwardRefExoticComponent<Partial<Omit<kgtext, keyof HTMLElement>> & React.HTMLAttributes<kgtext> & React.RefAttributes<kgtext> & {
   [key: string]: any;
 }>;

package/types/react/Kgtextarea.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtextarea } from '../components/kg-textarea';
 
-export const KgTextarea: React.ForwardRefExoticComponent<Partial<kgtextarea> & React.RefAttributes<kgtextarea> & {
+export const KgTextarea: React.ForwardRefExoticComponent<Partial<Omit<kgtextarea, keyof HTMLElement>> & React.HTMLAttributes<kgtextarea> & React.RefAttributes<kgtextarea> & {
   [key: string]: any;
 }>;

package/types/react/Kgtoast.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtoast } from '../components/kg-toast';
 
-export const KgToast: React.ForwardRefExoticComponent<Partial<kgtoast> & React.RefAttributes<kgtoast> & {
+export const KgToast: React.ForwardRefExoticComponent<Partial<Omit<kgtoast, keyof HTMLElement>> & React.HTMLAttributes<kgtoast> & React.RefAttributes<kgtoast> & {
   [key: string]: any;
 }>;

package/types/react/Kgtree.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtree } from '../components/kg-tree';
 
-export const KgTree: React.ForwardRefExoticComponent<Partial<kgtree> & React.RefAttributes<kgtree> & {
+export const KgTree: React.ForwardRefExoticComponent<Partial<Omit<kgtree, keyof HTMLElement>> & React.HTMLAttributes<kgtree> & React.RefAttributes<kgtree> & {
   [key: string]: any;
 }>;

package/types/react/Kgtreeitem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { kgtreeitem } from '../components/kg-tree';
 
-export const KgTreeItem: React.ForwardRefExoticComponent<Partial<kgtreeitem> & React.RefAttributes<kgtreeitem> & {
+export const KgTreeItem: React.ForwardRefExoticComponent<Partial<Omit<kgtreeitem, keyof HTMLElement>> & React.HTMLAttributes<kgtreeitem> & React.RefAttributes<kgtreeitem> & {
   [key: string]: any;
 }>;

package/types/react/index.d.ts

@@ -37,6 +37,5 @@ export { KgTag } from './KgTag';
 export { KgText } from './KgText';
 export { KgTextarea } from './KgTextarea';
 export { KgToast } from './KgToast';
-export { KgTooltip } from './KgTooltip';
 export { KgTree } from './KgTree';
 export { KgTreeItem } from './KgTreeItem';

package/dist/components/kg-tooltip.js

@@ -1,95 +0,0 @@
-var t=Object.defineProperty,o=(o,e,i)=>((o,e,i)=>e in o?t(o,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[e]=i)(o,"symbol"!=typeof e?e+"":e,i);import{LitElement as e,css as i,html as r}from"lit";class n extends e{constructor(){super(),this.position="top",this.trigger="hover",this.visible=!1}_show(){"click"===this.trigger&&(this.visible=!this.visible)}_hide(){this.trigger}connectedCallback(){super.connectedCallback(),"click"===this.trigger&&document.addEventListener("click",this._handleOutsideClick.bind(this))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this._handleOutsideClick.bind(this))}_handleOutsideClick(t){this.visible&&!this.contains(t.target)&&(this.visible=!1)}render(){return r`
-      <div class="tooltip-trigger" 
-           @click="${this._show}"
-           role="tooltip" 
-           aria-haspopup="true">
-        <slot></slot>
-      </div>
-      <div class="tooltip-content ${this.position}">
-        ${this.content||r`<slot name="content"></slot>`}
-      </div>
-    `}}o(n,"properties",{content:{type:String},position:{type:String,reflect:!0},trigger:{type:String,reflect:!0},visible:{type:Boolean,reflect:!0}}),o(n,"styles",i`
-    :host {
-      display: inline-block;
-      position: relative;
-    }
-
-    .tooltip-trigger {
-      display: inline-block;
-      cursor: pointer;
-    }
-
-    .tooltip-content {
-      position: absolute;
-      background: #333;
-      color: white;
-      padding: 0.5rem 0.75rem;
-      border-radius: 6px;
-      font-size: 0.85rem;
-      white-space: nowrap;
-      z-index: 1000;
-      opacity: 0;
-      visibility: hidden;
-      transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      pointer-events: none;
-    }
-
-    /* Position Styles */
-    .top {
-      bottom: 100%;
-      left: 50%;
-      transform: translateX(-50%) translateY(-8px);
-      margin-bottom: 8px;
-    }
-    .bottom {
-      top: 100%;
-      left: 50%;
-      transform: translateX(-50%) translateY(8px);
-      margin-top: 8px;
-    }
-    .left {
-      top: 50%;
-      right: 100%;
-      transform: translateY(-50%) translateX(-8px);
-      margin-right: 8px;
-    }
-    .right {
-      top: 50%;
-      left: 100%;
-      transform: translateY(-50%) translateX(8px);
-      margin-left: 8px;
-    }
-
-    /* Arrow */
-    .tooltip-content::after {
-      content: '';
-      position: absolute;
-      border: 5px solid transparent;
-    }
-
-    .top::after { top: 100%; left: 50%; transform: translateX(-50%); border-top-color: #333; }
-    .bottom::after { bottom: 100%; left: 50%; transform: translateX(-50%); border-bottom-color: #333; }
-    .left::after { left: 100%; top: 50%; transform: translateY(-50%); border-left-color: #333; }
-    .right::after { right: 100%; top: 50%; transform: translateY(-50%); border-right-color: #333; }
-
-    /* Visibility Logic */
-    :host([trigger="hover"]:hover) .tooltip-content,
-    :host([visible]) .tooltip-content {
-      opacity: 1;
-      visibility: visible;
-    }
-
-    /* Transform Adjustment for Visible State */
-    :host([trigger="hover"]:hover) .tooltip-content.top,
-    :host([visible]) .tooltip-content.top { transform: translateX(-50%) translateY(-4px); }
-    
-    :host([trigger="hover"]:hover) .tooltip-content.bottom,
-    :host([visible]) .tooltip-content.bottom { transform: translateX(-50%) translateY(4px); }
-    
-    :host([trigger="hover"]:hover) .tooltip-content.left,
-    :host([visible]) .tooltip-content.left { transform: translateY(-50%) translateX(-4px); }
-    
-    :host([trigger="hover"]:hover) .tooltip-content.right,
-    :host([visible]) .tooltip-content.right { transform: translateY(-50%) translateX(4px); }
-  `),"undefined"==typeof customElements||customElements.get("kg-tooltip")||customElements.define("kg-tooltip",n);export{n as kgtooltip};

package/dist/react/KgTooltip.js

@@ -1 +0,0 @@
-import t from"react";import{o as e}from"../chunks/create-component-jQ1kjF1Z.js";import{kgtooltip as o}from"../components/kg-tooltip.js";"undefined"==typeof customElements||customElements.get("kg-tooltip")||customElements.define("kg-tooltip",o);const m=e({tagName:"kg-tooltip",elementClass:o,react:t,events:{}});export{m as KgTooltip};

package/types/components/kg-tooltip.d.ts

@@ -1,28 +0,0 @@
-import { LitElement } from 'lit';
-
-/** @customElement kg-tooltip */
-export class kgtooltip extends LitElement {
-  /**  */
-  position: string;
-  /**  */
-  trigger: string;
-  /**  */
-  visible: boolean;
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'kg-tooltip': kgtooltip;
-  }
-
-  namespace JSX {
-    interface IntrinsicElements {
-      'kg-tooltip': {
-      position?: string;
-      trigger?: string;
-      visible?: boolean;
-        [key: string]: any;
-      };
-    }
-  }
-}

package/types/react/Kgtooltip.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { kgtooltip } from '../components/kg-tooltip';
-
-export const KgTooltip: React.ForwardRefExoticComponent<Partial<kgtooltip> & React.RefAttributes<kgtooltip> & {
-  [key: string]: any;
-}>;