@latty-ds/react 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -69,114 +69,114 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 var import_web = require("@latty-ds/web");
 
-// src/components/Avatar/Avatar.tsx
+// src/components/Alert/Alert.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Avatar = (0, import_react.forwardRef)(function Avatar2({ children, ...props }, forwardedRef) {
+var Alert = (0, import_react.forwardRef)(function Alert2({ onClose, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react.useRef)(null);
   (0, import_react.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("lt-avatar", { ref: innerRef, ...props, children });
+  (0, import_react.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onClose) return;
+    const h = () => onClose();
+    el.addEventListener("close", h);
+    return () => el.removeEventListener("close", h);
+  }, [onClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("lt-alert", { ref: innerRef, ...props, children });
 });
-Avatar.displayName = "Avatar";
+Alert.displayName = "Alert";
 
-// src/components/Badge/Badge.tsx
+// src/components/Avatar/Avatar.tsx
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Badge = (0, import_react2.forwardRef)(function Badge2({ children, ...props }, forwardedRef) {
+var Avatar = (0, import_react2.forwardRef)(function Avatar2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react2.useRef)(null);
   (0, import_react2.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("lt-badge", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("lt-avatar", { ref: innerRef, ...props, children });
 });
-Badge.displayName = "Badge";
+Avatar.displayName = "Avatar";
 
-// src/components/Breadcrumb/Breadcrumb.tsx
+// src/components/Badge/Badge.tsx
 var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Breadcrumb = (0, import_react3.forwardRef)(function Breadcrumb2({ children, ...props }, forwardedRef) {
+var Badge = (0, import_react3.forwardRef)(function Badge2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react3.useRef)(null);
   (0, import_react3.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("lt-breadcrumb", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("lt-badge", { ref: innerRef, ...props, children });
 });
-Breadcrumb.displayName = "Breadcrumb";
+Badge.displayName = "Badge";
 
-// src/components/BreadcrumbItem/BreadcrumbItem.tsx
+// src/components/Accordion/Accordion.tsx
 var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var BreadcrumbItem = (0, import_react4.forwardRef)(function BreadcrumbItem2({ children, ...props }, forwardedRef) {
+var Accordion = (0, import_react4.forwardRef)(function Accordion2({ onToggle, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react4.useRef)(null);
   (0, import_react4.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("lt-breadcrumb-item", { ref: innerRef, ...props, children });
+  (0, import_react4.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onToggle) return;
+    const h = (ev) => onToggle(ev.detail);
+    el.addEventListener("toggle", h);
+    return () => el.removeEventListener("toggle", h);
+  }, [onToggle]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("lt-accordion", { ref: innerRef, ...props, children });
 });
-BreadcrumbItem.displayName = "BreadcrumbItem";
+Accordion.displayName = "Accordion";
 
-// src/components/Button/Button.tsx
+// src/components/Breadcrumb/Breadcrumb.tsx
 var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Button = (0, import_react5.forwardRef)(function Button2({ children, ...props }, forwardedRef) {
+var Breadcrumb = (0, import_react5.forwardRef)(function Breadcrumb2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react5.useRef)(null);
   (0, import_react5.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("lt-button", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("lt-breadcrumb", { ref: innerRef, ...props, children });
 });
-Button.displayName = "Button";
+Breadcrumb.displayName = "Breadcrumb";
 
-// src/components/Alert/Alert.tsx
+// src/components/BreadcrumbItem/BreadcrumbItem.tsx
 var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Alert = (0, import_react6.forwardRef)(function Alert2({ onClose, children, ...props }, forwardedRef) {
+var BreadcrumbItem = (0, import_react6.forwardRef)(function BreadcrumbItem2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react6.useRef)(null);
   (0, import_react6.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react6.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onClose) return;
-    const h = (ev) => onClose(ev);
-    el.addEventListener("close", h);
-    return () => el.removeEventListener("close", h);
-  }, [onClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("lt-alert", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("lt-breadcrumb-item", { ref: innerRef, ...props, children });
 });
-Alert.displayName = "Alert";
+BreadcrumbItem.displayName = "BreadcrumbItem";
 
-// src/components/Calendar/Calendar.tsx
+// src/components/Button/Button.tsx
 var import_react7 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Calendar = (0, import_react7.forwardRef)(function Calendar2({ onChange, onMonthChange, children, ...props }, forwardedRef) {
+var Button = (0, import_react7.forwardRef)(function Button2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react7.useRef)(null);
   (0, import_react7.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react7.useEffect)(() => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("lt-button", { ref: innerRef, ...props, children });
+});
+Button.displayName = "Button";
+
+// src/components/Calendar/Calendar.tsx
+var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Calendar = (0, import_react8.forwardRef)(function Calendar2({ onChange, onMonthChange, children, ...props }, forwardedRef) {
+  const innerRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useImperativeHandle)(forwardedRef, () => innerRef.current);
+  (0, import_react8.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onMonthChange) return;
-    const h = (ev) => onMonthChange(ev);
+    const h = (ev) => onMonthChange(ev.detail);
     el.addEventListener("month-change", h);
     return () => el.removeEventListener("month-change", h);
   }, [onMonthChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("lt-calendar", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("lt-calendar", { ref: innerRef, ...props, children });
 });
 Calendar.displayName = "Calendar";
 
-// src/components/Accordion/Accordion.tsx
-var import_react8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Accordion = (0, import_react8.forwardRef)(function Accordion2({ onToggle, children, ...props }, forwardedRef) {
-  const innerRef = (0, import_react8.useRef)(null);
-  (0, import_react8.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react8.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onToggle) return;
-    const h = (ev) => onToggle(ev);
-    el.addEventListener("toggle", h);
-    return () => el.removeEventListener("toggle", h);
-  }, [onToggle]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("lt-accordion", { ref: innerRef, ...props, children });
-});
-Accordion.displayName = "Accordion";
-
 // src/components/Checkbox/Checkbox.tsx
 var import_react9 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
@@ -186,7 +186,7 @@ var Checkbox = (0, import_react9.forwardRef)(function Checkbox2({ onChange, chil
   (0, import_react9.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -203,7 +203,7 @@ var Chip = (0, import_react10.forwardRef)(function Chip2({ onDelete, children, .
   (0, import_react10.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onDelete) return;
-    const h = (ev) => onDelete(ev);
+    const h = () => onDelete();
     el.addEventListener("delete", h);
     return () => el.removeEventListener("delete", h);
   }, [onDelete]);
@@ -220,7 +220,7 @@ var ColorInput = (0, import_react11.forwardRef)(function ColorInput2({ onChange,
   (0, import_react11.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -237,7 +237,7 @@ var Combobox = (0, import_react12.forwardRef)(function Combobox2({ onChange, chi
   (0, import_react12.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -254,7 +254,7 @@ var DateInput = (0, import_react13.forwardRef)(function DateInput2({ onChange, c
   (0, import_react13.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -271,14 +271,14 @@ var Datepicker = (0, import_react14.forwardRef)(function Datepicker2({ onChange,
   (0, import_react14.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
   (0, import_react14.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onInput) return;
-    const h = (ev) => onInput(ev);
+    const h = (ev) => onInput(ev.detail);
     el.addEventListener("input", h);
     return () => el.removeEventListener("input", h);
   }, [onInput]);
@@ -295,28 +295,28 @@ var Dialog = (0, import_react15.forwardRef)(function Dialog2({ onDialogOpen, onC
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onDialogOpen) return;
-    const h = (ev) => onDialogOpen(ev);
+    const h = () => onDialogOpen();
     el.addEventListener("dialog-open", h);
     return () => el.removeEventListener("dialog-open", h);
   }, [onDialogOpen]);
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onClose) return;
-    const h = (ev) => onClose(ev);
+    const h = () => onClose();
     el.addEventListener("close", h);
     return () => el.removeEventListener("close", h);
   }, [onClose]);
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onDialogClose) return;
-    const h = (ev) => onDialogClose(ev);
+    const h = () => onDialogClose();
     el.addEventListener("dialog-close", h);
     return () => el.removeEventListener("dialog-close", h);
   }, [onDialogClose]);
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onOpen) return;
-    const h = (ev) => onOpen(ev);
+    const h = () => onOpen();
     el.addEventListener("open", h);
     return () => el.removeEventListener("open", h);
   }, [onOpen]);
@@ -343,7 +343,7 @@ var DropdownItem = (0, import_react17.forwardRef)(function DropdownItem2({ onSel
   (0, import_react17.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onSelect) return;
-    const h = (ev) => onSelect(ev);
+    const h = () => onSelect();
     el.addEventListener("select", h);
     return () => el.removeEventListener("select", h);
   }, [onSelect]);
@@ -360,14 +360,14 @@ var Dropdown = (0, import_react18.forwardRef)(function Dropdown2({ onOpen, onClo
   (0, import_react18.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onOpen) return;
-    const h = (ev) => onOpen(ev);
+    const h = () => onOpen();
     el.addEventListener("open", h);
     return () => el.removeEventListener("open", h);
   }, [onOpen]);
   (0, import_react18.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onClose) return;
-    const h = (ev) => onClose(ev);
+    const h = () => onClose();
     el.addEventListener("close", h);
     return () => el.removeEventListener("close", h);
   }, [onClose]);
@@ -410,176 +410,176 @@ var Image = (0, import_react21.forwardRef)(function Image2({ children, ...props
 });
 Image.displayName = "Image";
 
-// src/components/Link/Link.tsx
+// src/components/ListItem/ListItem.tsx
 var import_react22 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var Link = (0, import_react22.forwardRef)(function Link2({ children, ...props }, forwardedRef) {
+var ListItem = (0, import_react22.forwardRef)(function ListItem2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react22.useRef)(null);
   (0, import_react22.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("lt-link", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("lt-list-item", { ref: innerRef, ...props, children });
 });
-Link.displayName = "Link";
+ListItem.displayName = "ListItem";
 
-// src/components/ListItem/ListItem.tsx
+// src/components/List/List.tsx
 var import_react23 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var ListItem = (0, import_react23.forwardRef)(function ListItem2({ children, ...props }, forwardedRef) {
+var List = (0, import_react23.forwardRef)(function List2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react23.useRef)(null);
   (0, import_react23.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("lt-list-item", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("lt-list", { ref: innerRef, ...props, children });
 });
-ListItem.displayName = "ListItem";
+List.displayName = "List";
 
-// src/components/List/List.tsx
+// src/components/NavItem/NavItem.tsx
 var import_react24 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var List = (0, import_react24.forwardRef)(function List2({ children, ...props }, forwardedRef) {
+var NavItem = (0, import_react24.forwardRef)(function NavItem2({ onNavItemClick, onNavCollapse, iconStart, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react24.useRef)(null);
   (0, import_react24.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("lt-list", { ref: innerRef, ...props, children });
+  (0, import_react24.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onNavItemClick) return;
+    const h = (ev) => onNavItemClick(ev);
+    el.addEventListener("nav-item-click", h);
+    return () => el.removeEventListener("nav-item-click", h);
+  }, [onNavItemClick]);
+  (0, import_react24.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onNavCollapse) return;
+    const h = (ev) => onNavCollapse(ev);
+    el.addEventListener("nav-collapse", h);
+    return () => el.removeEventListener("nav-collapse", h);
+  }, [onNavCollapse]);
+  (0, import_react24.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (iconStart) el.setAttribute("icon-start", iconStart);
+    else el.removeAttribute("icon-start");
+  }, [iconStart]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("lt-nav-item", { ref: innerRef, ...props, children });
 });
-List.displayName = "List";
+NavItem.displayName = "NavItem";
 
-// src/components/Pagination/Pagination.tsx
+// src/components/Nav/Nav.tsx
 var import_react25 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var Pagination = (0, import_react25.forwardRef)(function Pagination2({ onChange, children, ...props }, forwardedRef) {
+var Nav = (0, import_react25.forwardRef)(function Nav2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react25.useRef)(null);
   (0, import_react25.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react25.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
-    el.addEventListener("change", h);
-    return () => el.removeEventListener("change", h);
-  }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("lt-pagination", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("lt-nav", { ref: innerRef, ...props, children });
 });
-Pagination.displayName = "Pagination";
+Nav.displayName = "Nav";
 
-// src/components/Radio/Radio.tsx
+// src/components/Pagination/Pagination.tsx
 var import_react26 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var Radio = (0, import_react26.forwardRef)(function Radio2({ onChange, children, ...props }, forwardedRef) {
+var Pagination = (0, import_react26.forwardRef)(function Pagination2({ onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react26.useRef)(null);
   (0, import_react26.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react26.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("lt-radio", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("lt-pagination", { ref: innerRef, ...props, children });
 });
-Radio.displayName = "Radio";
+Pagination.displayName = "Pagination";
 
-// src/components/RadioGroup/RadioGroup.tsx
+// src/components/Link/Link.tsx
 var import_react27 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var RadioGroup = (0, import_react27.forwardRef)(function RadioGroup2({ onChange, children, ...props }, forwardedRef) {
+var Link = (0, import_react27.forwardRef)(function Link2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react27.useRef)(null);
   (0, import_react27.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react27.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
-    el.addEventListener("change", h);
-    return () => el.removeEventListener("change", h);
-  }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("lt-radio-group", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("lt-link", { ref: innerRef, ...props, children });
 });
-RadioGroup.displayName = "RadioGroup";
+Link.displayName = "Link";
 
-// src/components/Select/Select.tsx
+// src/components/Progress/Progress.tsx
 var import_react28 = require("react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
-var Select = (0, import_react28.forwardRef)(function Select2({ onChange, children, ...props }, forwardedRef) {
+var Progress = (0, import_react28.forwardRef)(function Progress2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react28.useRef)(null);
   (0, import_react28.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react28.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
-    el.addEventListener("change", h);
-    return () => el.removeEventListener("change", h);
-  }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("lt-select", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("lt-progress", { ref: innerRef, ...props, children });
 });
-Select.displayName = "Select";
+Progress.displayName = "Progress";
 
-// src/components/SidePanel/SidePanel.tsx
+// src/components/Radio/Radio.tsx
 var import_react29 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var SidePanel = (0, import_react29.forwardRef)(function SidePanel2({ onClose, noCloseButton, children, ...props }, forwardedRef) {
+var Radio = (0, import_react29.forwardRef)(function Radio2({ onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react29.useRef)(null);
   (0, import_react29.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react29.useEffect)(() => {
     const el = innerRef.current;
-    if (!el || !onClose) return;
-    const h = (ev) => onClose(ev);
-    el.addEventListener("close", h);
-    return () => el.removeEventListener("close", h);
-  }, [onClose]);
-  (0, import_react29.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el) return;
-    if (noCloseButton) el.setAttribute("no-close-button", "");
-    else el.removeAttribute("no-close-button");
-  }, [noCloseButton]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("lt-sidepanel", { ref: innerRef, ...props, children });
+    if (!el || !onChange) return;
+    const h = (ev) => onChange(ev.detail);
+    el.addEventListener("change", h);
+    return () => el.removeEventListener("change", h);
+  }, [onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("lt-radio", { ref: innerRef, ...props, children });
 });
-SidePanel.displayName = "SidePanel";
+Radio.displayName = "Radio";
 
-// src/components/NavItem/NavItem.tsx
+// src/components/RadioGroup/RadioGroup.tsx
 var import_react30 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
-var NavItem = (0, import_react30.forwardRef)(function NavItem2({ onNavItemClick, onNavCollapse, iconStart, children, ...props }, forwardedRef) {
+var RadioGroup = (0, import_react30.forwardRef)(function RadioGroup2({ onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react30.useRef)(null);
   (0, import_react30.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react30.useEffect)(() => {
     const el = innerRef.current;
-    if (!el || !onNavItemClick) return;
-    const h = (ev) => onNavItemClick(ev);
-    el.addEventListener("nav-item-click", h);
-    return () => el.removeEventListener("nav-item-click", h);
-  }, [onNavItemClick]);
-  (0, import_react30.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onNavCollapse) return;
-    const h = (ev) => onNavCollapse(ev);
-    el.addEventListener("nav-collapse", h);
-    return () => el.removeEventListener("nav-collapse", h);
-  }, [onNavCollapse]);
-  (0, import_react30.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el) return;
-    if (iconStart) el.setAttribute("icon-start", iconStart);
-    else el.removeAttribute("icon-start");
-  }, [iconStart]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("lt-nav-item", { ref: innerRef, ...props, children });
+    if (!el || !onChange) return;
+    const h = (ev) => onChange(ev.detail);
+    el.addEventListener("change", h);
+    return () => el.removeEventListener("change", h);
+  }, [onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("lt-radio-group", { ref: innerRef, ...props, children });
 });
-NavItem.displayName = "NavItem";
+RadioGroup.displayName = "RadioGroup";
 
-// src/components/Nav/Nav.tsx
+// src/components/Select/Select.tsx
 var import_react31 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Nav = (0, import_react31.forwardRef)(function Nav2({ children, ...props }, forwardedRef) {
+var Select = (0, import_react31.forwardRef)(function Select2({ onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react31.useRef)(null);
   (0, import_react31.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("lt-nav", { ref: innerRef, ...props, children });
+  (0, import_react31.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onChange) return;
+    const h = (ev) => onChange(ev.detail);
+    el.addEventListener("change", h);
+    return () => el.removeEventListener("change", h);
+  }, [onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("lt-select", { ref: innerRef, ...props, children });
 });
-Nav.displayName = "Nav";
+Select.displayName = "Select";
 
-// src/components/Progress/Progress.tsx
+// src/components/SidePanel/SidePanel.tsx
 var import_react32 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var Progress = (0, import_react32.forwardRef)(function Progress2({ children, ...props }, forwardedRef) {
+var SidePanel = (0, import_react32.forwardRef)(function SidePanel2({ onClose, noCloseButton, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react32.useRef)(null);
   (0, import_react32.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("lt-progress", { ref: innerRef, ...props, children });
+  (0, import_react32.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onClose) return;
+    const h = (ev) => onClose(ev);
+    el.addEventListener("close", h);
+    return () => el.removeEventListener("close", h);
+  }, [onClose]);
+  (0, import_react32.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (noCloseButton) el.setAttribute("no-close-button", "");
+    else el.removeAttribute("no-close-button");
+  }, [noCloseButton]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("lt-sidepanel", { ref: innerRef, ...props, children });
 });
-Progress.displayName = "Progress";
+SidePanel.displayName = "SidePanel";
 
 // src/components/Skeleton/Skeleton.tsx
 var import_react33 = require("react");
@@ -600,14 +600,14 @@ var Slider = (0, import_react34.forwardRef)(function Slider2({ onInput, onChange
   (0, import_react34.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onInput) return;
-    const h = (ev) => onInput(ev);
+    const h = (ev) => onInput(ev.detail);
     el.addEventListener("input", h);
     return () => el.removeEventListener("input", h);
   }, [onInput]);
   (0, import_react34.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -615,100 +615,100 @@ var Slider = (0, import_react34.forwardRef)(function Slider2({ onInput, onChange
 });
 Slider.displayName = "Slider";
 
-// src/components/Switch/Switch.tsx
+// src/components/Snackbar/Snackbar.tsx
 var import_react35 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var Switch = (0, import_react35.forwardRef)(function Switch2({ onChange, children, ...props }, forwardedRef) {
+var Snackbar = (0, import_react35.forwardRef)(function Snackbar2({ onShow, onHide, onAction, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react35.useRef)(null);
   (0, import_react35.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react35.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
-    el.addEventListener("change", h);
-    return () => el.removeEventListener("change", h);
-  }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("lt-switch", { ref: innerRef, ...props, children });
-});
-Switch.displayName = "Switch";
-
-// src/components/Snackbar/Snackbar.tsx
-var import_react36 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Snackbar = (0, import_react36.forwardRef)(function Snackbar2({ onShow, onHide, onAction, children, ...props }, forwardedRef) {
-  const innerRef = (0, import_react36.useRef)(null);
-  (0, import_react36.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react36.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onShow) return;
-    const h = (ev) => onShow(ev);
+    const h = () => onShow();
     el.addEventListener("show", h);
     return () => el.removeEventListener("show", h);
   }, [onShow]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onHide) return;
-    const h = (ev) => onHide(ev);
+    const h = () => onHide();
     el.addEventListener("hide", h);
     return () => el.removeEventListener("hide", h);
   }, [onHide]);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onAction) return;
-    const h = (ev) => onAction(ev);
+    const h = () => onAction();
     el.addEventListener("action", h);
     return () => el.removeEventListener("action", h);
   }, [onAction]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("lt-snackbar", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("lt-snackbar", { ref: innerRef, ...props, children });
 });
 Snackbar.displayName = "Snackbar";
 
-// src/components/TabPanel/TabPanel.tsx
+// src/components/Spinner/Spinner.tsx
+var import_react36 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var Spinner = (0, import_react36.forwardRef)(function Spinner2({ children, ...props }, forwardedRef) {
+  const innerRef = (0, import_react36.useRef)(null);
+  (0, import_react36.useImperativeHandle)(forwardedRef, () => innerRef.current);
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("lt-spinner", { ref: innerRef, ...props, children });
+});
+Spinner.displayName = "Spinner";
+
+// src/components/Surface/Surface.tsx
 var import_react37 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var TabPanel = (0, import_react37.forwardRef)(function TabPanel2({ children, ...props }, forwardedRef) {
+var Surface = (0, import_react37.forwardRef)(function Surface2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react37.useRef)(null);
   (0, import_react37.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("lt-tab-panel", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("lt-surface", { ref: innerRef, ...props, children });
 });
-TabPanel.displayName = "TabPanel";
+Surface.displayName = "Surface";
 
-// src/components/Tab/Tab.tsx
+// src/components/Switch/Switch.tsx
 var import_react38 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var Tab = (0, import_react38.forwardRef)(function Tab2({ onTabClick, children, ...props }, forwardedRef) {
+var Switch = (0, import_react38.forwardRef)(function Switch2({ onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react38.useRef)(null);
   (0, import_react38.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react38.useEffect)(() => {
     const el = innerRef.current;
-    if (!el || !onTabClick) return;
-    const h = (ev) => onTabClick(ev);
-    el.addEventListener("tab-click", h);
-    return () => el.removeEventListener("tab-click", h);
-  }, [onTabClick]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("lt-tab", { ref: innerRef, ...props, children });
+    if (!el || !onChange) return;
+    const h = (ev) => onChange(ev.detail);
+    el.addEventListener("change", h);
+    return () => el.removeEventListener("change", h);
+  }, [onChange]);
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("lt-switch", { ref: innerRef, ...props, children });
 });
-Tab.displayName = "Tab";
+Switch.displayName = "Switch";
 
-// src/components/Surface/Surface.tsx
+// src/components/TabPanel/TabPanel.tsx
 var import_react39 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var Surface = (0, import_react39.forwardRef)(function Surface2({ children, ...props }, forwardedRef) {
+var TabPanel = (0, import_react39.forwardRef)(function TabPanel2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react39.useRef)(null);
   (0, import_react39.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("lt-surface", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("lt-tab-panel", { ref: innerRef, ...props, children });
 });
-Surface.displayName = "Surface";
+TabPanel.displayName = "TabPanel";
 
-// src/components/Spinner/Spinner.tsx
+// src/components/Tab/Tab.tsx
 var import_react40 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
-var Spinner = (0, import_react40.forwardRef)(function Spinner2({ children, ...props }, forwardedRef) {
+var Tab = (0, import_react40.forwardRef)(function Tab2({ onTabClick, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react40.useRef)(null);
   (0, import_react40.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("lt-spinner", { ref: innerRef, ...props, children });
+  (0, import_react40.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el || !onTabClick) return;
+    const h = (ev) => onTabClick(ev);
+    el.addEventListener("tab-click", h);
+    return () => el.removeEventListener("tab-click", h);
+  }, [onTabClick]);
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("lt-tab", { ref: innerRef, ...props, children });
 });
-Spinner.displayName = "Spinner";
+Tab.displayName = "Tab";
 
 // src/components/TabGroup/TabGroup.tsx
 var import_react41 = require("react");
@@ -719,7 +719,7 @@ var TabGroup = (0, import_react41.forwardRef)(function TabGroup2({ onChange, chi
   (0, import_react41.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -736,7 +736,7 @@ var Table = (0, import_react42.forwardRef)(function Table2({ onSortChange, child
   (0, import_react42.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onSortChange) return;
-    const h = (ev) => onSortChange(ev);
+    const h = () => onSortChange();
     el.addEventListener("sort-change", h);
     return () => el.removeEventListener("sort-change", h);
   }, [onSortChange]);
@@ -754,39 +754,39 @@ var Text = (0, import_react43.forwardRef)(function Text2({ children, ...props },
 });
 Text.displayName = "Text";
 
-// src/components/Tooltip/Tooltip.tsx
+// src/components/Textfield/Textfield.tsx
 var import_react44 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var Tooltip = (0, import_react44.forwardRef)(function Tooltip2({ children, ...props }, forwardedRef) {
+var Textfield = (0, import_react44.forwardRef)(function Textfield2({ onInput, onChange, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react44.useRef)(null);
   (0, import_react44.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("lt-tooltip", { ref: innerRef, ...props, children });
-});
-Tooltip.displayName = "Tooltip";
-
-// src/components/Textfield/Textfield.tsx
-var import_react45 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var Textfield = (0, import_react45.forwardRef)(function Textfield2({ onInput, onChange, children, ...props }, forwardedRef) {
-  const innerRef = (0, import_react45.useRef)(null);
-  (0, import_react45.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onInput) return;
-    const h = (ev) => onInput(ev);
+    const h = (ev) => onInput(ev.detail);
     el.addEventListener("input", h);
     return () => el.removeEventListener("input", h);
   }, [onInput]);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev);
+    const h = (ev) => onChange(ev.detail);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("lt-textfield", { ref: innerRef, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("lt-textfield", { ref: innerRef, ...props, children });
 });
 Textfield.displayName = "Textfield";
+
+// src/components/Tooltip/Tooltip.tsx
+var import_react45 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Tooltip = (0, import_react45.forwardRef)(function Tooltip2({ children, ...props }, forwardedRef) {
+  const innerRef = (0, import_react45.useRef)(null);
+  (0, import_react45.useImperativeHandle)(forwardedRef, () => innerRef.current);
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("lt-tooltip", { ref: innerRef, ...props, children });
+});
+Tooltip.displayName = "Tooltip";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,