@latty-ds/react 0.10.4 → 1.0.0

package/dist/index.cjs

@@ -78,7 +78,7 @@ var Accordion = (0, import_react.forwardRef)(function Accordion2({ onToggle, chi
   (0, import_react.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onToggle) return;
-    const h = (ev) => onToggle(ev.detail);
+    const h = (ev) => onToggle(ev);
     el.addEventListener("toggle", h);
     return () => el.removeEventListener("toggle", h);
   }, [onToggle]);
@@ -89,16 +89,21 @@ Accordion.displayName = "Accordion";
 // src/components/Alert/Alert.tsx
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Alert = (0, import_react2.forwardRef)(function Alert2({ onClose, children, ...props }, forwardedRef) {
+var Alert = (0, import_react2.forwardRef)(function Alert2({ onClose, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react2.useRef)(null);
   (0, import_react2.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react2.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onClose) return;
-    const h = () => onClose();
+    const h = (ev) => onClose(ev);
     el.addEventListener("close", h);
     return () => el.removeEventListener("close", h);
   }, [onClose]);
+  (0, import_react2.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("lt-alert", { ref: innerRef, ...props, children });
 });
 Alert.displayName = "Alert";
@@ -126,9 +131,14 @@ Badge.displayName = "Badge";
 // src/components/Breadcrumb/Breadcrumb.tsx
 var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var Breadcrumb = (0, import_react5.forwardRef)(function Breadcrumb2({ children, ...props }, forwardedRef) {
+var Breadcrumb = (0, import_react5.forwardRef)(function Breadcrumb2({ labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react5.useRef)(null);
   (0, import_react5.useImperativeHandle)(forwardedRef, () => innerRef.current);
+  (0, import_react5.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("lt-breadcrumb", { ref: innerRef, ...props, children });
 });
 Breadcrumb.displayName = "Breadcrumb";
@@ -156,23 +166,30 @@ 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) {
+var Calendar = (0, import_react8.forwardRef)(function Calendar2({ onChange, onMonthChange, weekStart, disabledDates, labels, 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.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
   (0, import_react8.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onMonthChange) return;
-    const h = (ev) => onMonthChange(ev.detail);
-    el.addEventListener("month-change", h);
-    return () => el.removeEventListener("month-change", h);
+    const h = (ev) => onMonthChange(ev);
+    el.addEventListener("monthchange", h);
+    return () => el.removeEventListener("monthchange", h);
   }, [onMonthChange]);
+  (0, import_react8.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (weekStart !== void 0) el.weekStart = weekStart;
+    if (disabledDates !== void 0) el.disabledDates = disabledDates;
+    if (labels !== void 0) el.labels = labels;
+  }, [weekStart, disabledDates, labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("lt-calendar", { ref: innerRef, ...props, children });
 });
 Calendar.displayName = "Calendar";
@@ -180,16 +197,21 @@ Calendar.displayName = "Calendar";
 // src/components/Checkbox/Checkbox.tsx
 var import_react9 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Checkbox = (0, import_react9.forwardRef)(function Checkbox2({ onChange, children, ...props }, forwardedRef) {
+var Checkbox = (0, import_react9.forwardRef)(function Checkbox2({ onChange, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react9.useRef)(null);
   (0, import_react9.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react9.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react9.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("lt-checkbox", { ref: innerRef, ...props, children });
 });
 Checkbox.displayName = "Checkbox";
@@ -197,16 +219,21 @@ Checkbox.displayName = "Checkbox";
 // src/components/Chip/Chip.tsx
 var import_react10 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var Chip = (0, import_react10.forwardRef)(function Chip2({ onDelete, children, ...props }, forwardedRef) {
+var Chip = (0, import_react10.forwardRef)(function Chip2({ onDelete, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react10.useRef)(null);
   (0, import_react10.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react10.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onDelete) return;
-    const h = () => onDelete();
+    const h = (ev) => onDelete(ev);
     el.addEventListener("delete", h);
     return () => el.removeEventListener("delete", h);
   }, [onDelete]);
+  (0, import_react10.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("lt-chip", { ref: innerRef, ...props, children });
 });
 Chip.displayName = "Chip";
@@ -214,16 +241,21 @@ Chip.displayName = "Chip";
 // src/components/ColorInput/ColorInput.tsx
 var import_react11 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var ColorInput = (0, import_react11.forwardRef)(function ColorInput2({ onChange, children, ...props }, forwardedRef) {
+var ColorInput = (0, import_react11.forwardRef)(function ColorInput2({ onChange, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react11.useRef)(null);
   (0, import_react11.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react11.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react11.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("lt-color-input", { ref: innerRef, ...props, children });
 });
 ColorInput.displayName = "ColorInput";
@@ -231,16 +263,22 @@ ColorInput.displayName = "ColorInput";
 // src/components/Combobox/Combobox.tsx
 var import_react12 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var Combobox = (0, import_react12.forwardRef)(function Combobox2({ onChange, children, ...props }, forwardedRef) {
+var Combobox = (0, import_react12.forwardRef)(function Combobox2({ onChange, options, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react12.useRef)(null);
   (0, import_react12.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react12.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react12.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (options !== void 0) el.options = options;
+    if (labels !== void 0) el.labels = labels;
+  }, [options, labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("lt-combobox", { ref: innerRef, ...props, children });
 });
 Combobox.displayName = "Combobox";
@@ -248,16 +286,23 @@ Combobox.displayName = "Combobox";
 // src/components/DateInput/DateInput.tsx
 var import_react13 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var DateInput = (0, import_react13.forwardRef)(function DateInput2({ onChange, children, ...props }, forwardedRef) {
+var DateInput = (0, import_react13.forwardRef)(function DateInput2({ onChange, weekStart, disabledDates, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react13.useRef)(null);
   (0, import_react13.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react13.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react13.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (weekStart !== void 0) el.weekStart = weekStart;
+    if (disabledDates !== void 0) el.disabledDates = disabledDates;
+    if (labels !== void 0) el.labels = labels;
+  }, [weekStart, disabledDates, labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("lt-date-input", { ref: innerRef, ...props, children });
 });
 DateInput.displayName = "DateInput";
@@ -271,14 +316,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.detail);
+    const h = (ev) => onChange(ev);
     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.detail);
+    const h = (ev) => onInput(ev);
     el.addEventListener("input", h);
     return () => el.removeEventListener("input", h);
   }, [onInput]);
@@ -289,37 +334,28 @@ Datepicker.displayName = "Datepicker";
 // src/components/Dialog/Dialog.tsx
 var import_react15 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var Dialog = (0, import_react15.forwardRef)(function Dialog2({ onDialogOpen, onClose, onDialogClose, onOpen, children, ...props }, forwardedRef) {
+var Dialog = (0, import_react15.forwardRef)(function Dialog2({ onOpen, onClose, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react15.useRef)(null);
   (0, import_react15.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
-    if (!el || !onDialogOpen) return;
-    const h = () => onDialogOpen();
-    el.addEventListener("dialog-open", h);
-    return () => el.removeEventListener("dialog-open", h);
-  }, [onDialogOpen]);
+    if (!el || !onOpen) return;
+    const h = (ev) => onOpen(ev);
+    el.addEventListener("open", h);
+    return () => el.removeEventListener("open", h);
+  }, [onOpen]);
   (0, import_react15.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onClose) return;
-    const h = () => onClose();
+    const h = (ev) => onClose(ev);
     el.addEventListener("close", h);
     return () => el.removeEventListener("close", h);
   }, [onClose]);
-  (0, import_react15.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onDialogClose) return;
-    const h = () => onDialogClose();
-    el.addEventListener("dialog-close", h);
-    return () => el.removeEventListener("dialog-close", h);
-  }, [onDialogClose]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     const el = innerRef.current;
-    if (!el || !onOpen) return;
-    const h = () => onOpen();
-    el.addEventListener("open", h);
-    return () => el.removeEventListener("open", h);
-  }, [onOpen]);
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("lt-dialog", { ref: innerRef, ...props, children });
 });
 Dialog.displayName = "Dialog";
@@ -343,14 +379,14 @@ var Dropdown = (0, import_react17.forwardRef)(function Dropdown2({ onOpen, onClo
   (0, import_react17.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onOpen) return;
-    const h = () => onOpen();
+    const h = (ev) => onOpen(ev);
     el.addEventListener("open", h);
     return () => el.removeEventListener("open", h);
   }, [onOpen]);
   (0, import_react17.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onClose) return;
-    const h = () => onClose();
+    const h = (ev) => onClose(ev);
     el.addEventListener("close", h);
     return () => el.removeEventListener("close", h);
   }, [onClose]);
@@ -367,7 +403,7 @@ var DropdownItem = (0, import_react18.forwardRef)(function DropdownItem2({ onSel
   (0, import_react18.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onSelect) return;
-    const h = () => onSelect();
+    const h = (ev) => onSelect(ev);
     el.addEventListener("select", h);
     return () => el.removeEventListener("select", h);
   }, [onSelect]);
@@ -403,29 +439,22 @@ IconButton.displayName = "IconButton";
 // src/components/Image/Image.tsx
 var import_react21 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var Image = (0, import_react21.forwardRef)(function Image2({ onName, onLoad, onError, children, ...props }, forwardedRef) {
+var Image = (0, import_react21.forwardRef)(function Image2({ onLoad, onError, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react21.useRef)(null);
   (0, import_react21.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react21.useEffect)(() => {
-    const el = innerRef.current;
-    if (!el || !onName) return;
-    const h = () => onName();
-    el.addEventListener("name", h);
-    return () => el.removeEventListener("name", h);
-  }, [onName]);
   (0, import_react21.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onLoad) return;
-    const h = (ev) => onLoad(ev.detail);
-    el.addEventListener("lt-load", h);
-    return () => el.removeEventListener("lt-load", h);
+    const h = (ev) => onLoad(ev);
+    el.addEventListener("load", h);
+    return () => el.removeEventListener("load", h);
   }, [onLoad]);
   (0, import_react21.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onError) return;
-    const h = (ev) => onError(ev.detail);
-    el.addEventListener("lt-error", h);
-    return () => el.removeEventListener("lt-error", h);
+    const h = (ev) => onError(ev);
+    el.addEventListener("error", h);
+    return () => el.removeEventListener("error", h);
   }, [onError]);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("lt-image", { ref: innerRef, ...props, children });
 });
@@ -474,23 +503,16 @@ Nav.displayName = "Nav";
 // src/components/NavItem/NavItem.tsx
 var import_react26 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var NavItem = (0, import_react26.forwardRef)(function NavItem2({ onNavItemClick, onNavCollapse, iconStart, children, ...props }, forwardedRef) {
+var NavItem = (0, import_react26.forwardRef)(function NavItem2({ onToggle, iconStart, 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 || !onNavItemClick) return;
-    const h = (ev) => onNavItemClick(ev);
-    el.addEventListener("nav-item-click", h);
-    return () => el.removeEventListener("nav-item-click", h);
-  }, [onNavItemClick]);
-  (0, import_react26.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]);
+    if (!el || !onToggle) return;
+    const h = (ev) => onToggle(ev);
+    el.addEventListener("toggle", h);
+    return () => el.removeEventListener("toggle", h);
+  }, [onToggle]);
   (0, import_react26.useEffect)(() => {
     const el = innerRef.current;
     if (!el) return;
@@ -504,16 +526,21 @@ NavItem.displayName = "NavItem";
 // src/components/Pagination/Pagination.tsx
 var import_react27 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Pagination = (0, import_react27.forwardRef)(function Pagination2({ onChange, children, ...props }, forwardedRef) {
+var Pagination = (0, import_react27.forwardRef)(function Pagination2({ onChange, labels, 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.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react27.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("lt-pagination", { ref: innerRef, ...props, children });
 });
 Pagination.displayName = "Pagination";
@@ -531,16 +558,21 @@ Progress.displayName = "Progress";
 // src/components/Radio/Radio.tsx
 var import_react29 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var Radio = (0, import_react29.forwardRef)(function Radio2({ onChange, children, ...props }, forwardedRef) {
+var Radio = (0, import_react29.forwardRef)(function Radio2({ onChange, labels, 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 || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react29.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("lt-radio", { ref: innerRef, ...props, children });
 });
 Radio.displayName = "Radio";
@@ -554,7 +586,7 @@ var RadioGroup = (0, import_react30.forwardRef)(function RadioGroup2({ onChange,
   (0, import_react30.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -565,16 +597,23 @@ RadioGroup.displayName = "RadioGroup";
 // src/components/Select/Select.tsx
 var import_react31 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var Select = (0, import_react31.forwardRef)(function Select2({ onChange, children, ...props }, forwardedRef) {
+var Select = (0, import_react31.forwardRef)(function Select2({ onChange, value, options, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react31.useRef)(null);
   (0, import_react31.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react31.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react31.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (value !== void 0) el.value = value;
+    if (options !== void 0) el.options = options;
+    if (labels !== void 0) el.labels = labels;
+  }, [value, options, labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("lt-select", { ref: innerRef, ...props, children });
 });
 Select.displayName = "Select";
@@ -582,7 +621,7 @@ Select.displayName = "Select";
 // src/components/SidePanel/SidePanel.tsx
 var import_react32 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var SidePanel = (0, import_react32.forwardRef)(function SidePanel2({ onClose, noCloseButton, children, ...props }, forwardedRef) {
+var SidePanel = (0, import_react32.forwardRef)(function SidePanel2({ onClose, noCloseButton, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react32.useRef)(null);
   (0, import_react32.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react32.useEffect)(() => {
@@ -598,6 +637,11 @@ var SidePanel = (0, import_react32.forwardRef)(function SidePanel2({ onClose, no
     if (noCloseButton) el.setAttribute("no-close-button", "");
     else el.removeAttribute("no-close-button");
   }, [noCloseButton]);
+  (0, import_react32.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("lt-sidepanel", { ref: innerRef, ...props, children });
 });
 SidePanel.displayName = "SidePanel";
@@ -621,14 +665,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.detail);
+    const h = (ev) => onInput(ev);
     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.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -639,30 +683,35 @@ Slider.displayName = "Slider";
 // src/components/Snackbar/Snackbar.tsx
 var import_react35 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
-var Snackbar = (0, import_react35.forwardRef)(function Snackbar2({ onShow, onHide, onAction, children, ...props }, forwardedRef) {
+var Snackbar = (0, import_react35.forwardRef)(function Snackbar2({ onShow, onHide, onAction, labels, 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 || !onShow) return;
-    const h = () => onShow();
+    const h = (ev) => onShow(ev);
     el.addEventListener("show", h);
     return () => el.removeEventListener("show", h);
   }, [onShow]);
   (0, import_react35.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onHide) return;
-    const h = () => onHide();
+    const h = (ev) => onHide(ev);
     el.addEventListener("hide", h);
     return () => el.removeEventListener("hide", h);
   }, [onHide]);
   (0, import_react35.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onAction) return;
-    const h = () => onAction();
+    const h = (ev) => onAction(ev);
     el.addEventListener("action", h);
     return () => el.removeEventListener("action", h);
   }, [onAction]);
+  (0, import_react35.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("lt-snackbar", { ref: innerRef, ...props, children });
 });
 Snackbar.displayName = "Snackbar";
@@ -690,16 +739,21 @@ Surface.displayName = "Surface";
 // src/components/Switch/Switch.tsx
 var import_react38 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var Switch = (0, import_react38.forwardRef)(function Switch2({ onChange, children, ...props }, forwardedRef) {
+var Switch = (0, import_react38.forwardRef)(function Switch2({ onChange, labels, 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 || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react38.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("lt-switch", { ref: innerRef, ...props, children });
 });
 Switch.displayName = "Switch";
@@ -707,16 +761,9 @@ Switch.displayName = "Switch";
 // src/components/Tab/Tab.tsx
 var import_react39 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var Tab = (0, import_react39.forwardRef)(function Tab2({ onTabClick, children, ...props }, forwardedRef) {
+var Tab = (0, import_react39.forwardRef)(function Tab2({ children, ...props }, forwardedRef) {
   const innerRef = (0, import_react39.useRef)(null);
   (0, import_react39.useImperativeHandle)(forwardedRef, () => innerRef.current);
-  (0, import_react39.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_runtime39.jsx)("lt-tab", { ref: innerRef, ...props, children });
 });
 Tab.displayName = "Tab";
@@ -730,7 +777,7 @@ var TabGroup = (0, import_react40.forwardRef)(function TabGroup2({ onChange, chi
   (0, import_react40.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
@@ -741,16 +788,23 @@ TabGroup.displayName = "TabGroup";
 // src/components/Table/Table.tsx
 var import_react41 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var Table = (0, import_react41.forwardRef)(function Table2({ onSortChange, children, ...props }, forwardedRef) {
+var Table = (0, import_react41.forwardRef)(function Table2({ onSortChange, columns, data, sort, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react41.useRef)(null);
   (0, import_react41.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react41.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onSortChange) return;
-    const h = () => onSortChange();
-    el.addEventListener("sort-change", h);
-    return () => el.removeEventListener("sort-change", h);
+    const h = (ev) => onSortChange(ev);
+    el.addEventListener("sortchange", h);
+    return () => el.removeEventListener("sortchange", h);
   }, [onSortChange]);
+  (0, import_react41.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (columns !== void 0) el.columns = columns;
+    if (data !== void 0) el.data = data;
+    if (sort !== void 0) el.sort = sort;
+  }, [columns, data, sort]);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("lt-table", { ref: innerRef, ...props, children });
 });
 Table.displayName = "Table";
@@ -778,23 +832,28 @@ Text.displayName = "Text";
 // src/components/Textfield/Textfield.tsx
 var import_react44 = require("react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
-var Textfield = (0, import_react44.forwardRef)(function Textfield2({ onInput, onChange, children, ...props }, forwardedRef) {
+var Textfield = (0, import_react44.forwardRef)(function Textfield2({ onInput, onChange, labels, children, ...props }, forwardedRef) {
   const innerRef = (0, import_react44.useRef)(null);
   (0, import_react44.useImperativeHandle)(forwardedRef, () => innerRef.current);
   (0, import_react44.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onInput) return;
-    const h = (ev) => onInput(ev.detail);
+    const h = (ev) => onInput(ev);
     el.addEventListener("input", h);
     return () => el.removeEventListener("input", h);
   }, [onInput]);
   (0, import_react44.useEffect)(() => {
     const el = innerRef.current;
     if (!el || !onChange) return;
-    const h = (ev) => onChange(ev.detail);
+    const h = (ev) => onChange(ev);
     el.addEventListener("change", h);
     return () => el.removeEventListener("change", h);
   }, [onChange]);
+  (0, import_react44.useLayoutEffect)(() => {
+    const el = innerRef.current;
+    if (!el) return;
+    if (labels !== void 0) el.labels = labels;
+  }, [labels]);
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("lt-textfield", { ref: innerRef, ...props, children });
 });
 Textfield.displayName = "Textfield";