@getufy/flint-ui-react 0.3.0 → 0.4.0

package/dist/menubar.js

@@ -150,7 +150,12 @@ import { FlintMenubar as FlintMenubarElement } from "@getufy/flint-ui/menubar/fl
 var FlintMenubar = createComponent14({
   tagName: "flint-menubar",
   elementClass: FlintMenubarElement,
-  react: React14
+  react: React14,
+  events: {
+    onFlintMenubarItemSelect: "flint-menubar-item-select",
+    onFlintMenubarCheckboxChange: "flint-menubar-checkbox-change",
+    onFlintMenubarRadioChange: "flint-menubar-radio-change"
+  }
 });
 
 // src/events/flint-menubar-item.ts
@@ -177,12 +182,20 @@ var FlintMenubarRadioGroupEvents = {
 var FlintMenubarContentEvents = {
   MENUBAR_REQUEST_CLOSE: "flint-menubar-request-close"
 };
+
+// src/events/flint-menubar.ts
+var FlintMenubarEvents = {
+  ITEM_SELECT: "flint-menubar-item-select",
+  CHECKBOX_CHANGE: "flint-menubar-checkbox-change",
+  RADIO_CHANGE: "flint-menubar-radio-change"
+};
 export {
   FlintMenubar,
   FlintMenubarCheckboxItem,
   FlintMenubarCheckboxItemEvents,
   FlintMenubarContent,
   FlintMenubarContentEvents,
+  FlintMenubarEvents,
   FlintMenubarGroup,
   FlintMenubarItem,
   FlintMenubarItemEvents,

package/dist/navigation-menu.d.ts

@@ -1,4 +1,4 @@
-export { FlintNavigationMenuContent, type FlintNavigationMenuContentProps } from './components/FlintNavigationMenuContent.js';
+export { FlintNavigationMenuContent, type FlintNavigationMenuContentProps, type FlintNavigationMenuContentToggleDetail } from './components/FlintNavigationMenuContent.js';
 export { FlintNavigationMenuItem, type FlintNavigationMenuItemProps } from './components/FlintNavigationMenuItem.js';
 export { FlintNavigationMenuLink, type FlintNavigationMenuLinkProps } from './components/FlintNavigationMenuLink.js';
 export { FlintNavigationMenuList, type FlintNavigationMenuListProps } from './components/FlintNavigationMenuList.js';

package/dist/pagination.d.ts

@@ -1,2 +1,2 @@
-export { FlintPagination, type FlintPaginationProps } from './components/FlintPagination.js';
+export { FlintPagination, type FlintPaginationProps, type FlintPaginationChangeDetail } from './components/FlintPagination.js';
 export { FlintPaginationEvents } from './events/flint-pagination.js';

package/dist/radio.d.ts

@@ -1,4 +1,4 @@
-export { FlintRadioGroup, type FlintRadioGroupProps } from './components/FlintRadioGroup.js';
-export { FlintRadio, type FlintRadioProps } from './components/FlintRadio.js';
+export { FlintRadioGroup, type FlintRadioGroupProps, type FlintRadioGroupChangeDetail } from './components/FlintRadioGroup.js';
+export { FlintRadio, type FlintRadioProps, type FlintRadioSelectDetail } from './components/FlintRadio.js';
 export { FlintRadioGroupEvents } from './events/flint-radio-group.js';
 export { FlintRadioEvents } from './events/flint-radio.js';

package/dist/rating.d.ts

@@ -1,2 +1,2 @@
-export { FlintRating, type FlintRatingProps } from './components/FlintRating.js';
+export { FlintRating, type FlintRatingProps, type FlintRatingChangeDetail } from './components/FlintRating.js';
 export { FlintRatingEvents } from './events/flint-rating.js';

package/dist/select.d.ts

@@ -1,2 +1,2 @@
-export { FlintSelect, type FlintSelectProps } from './components/FlintSelect.js';
+export { FlintSelect, type FlintSelectProps, type FlintSelectChangeDetail } from './components/FlintSelect.js';
 export { FlintSelectEvents } from './events/flint-select.js';

package/dist/slider.d.ts

@@ -1,2 +1,2 @@
-export { FlintSlider, type FlintSliderProps } from './components/FlintSlider.js';
+export { FlintSlider, type FlintSliderProps, type FlintSliderChangeDetail } from './components/FlintSlider.js';
 export { FlintSliderEvents } from './events/flint-slider.js';

package/dist/snackbar.d.ts

@@ -1,2 +1,2 @@
-export { FlintSnackbar, type FlintSnackbarProps } from './components/FlintSnackbar.js';
+export { FlintSnackbar, type FlintSnackbarProps, type FlintSnackbarOpenDetail, type FlintSnackbarCloseDetail } from './components/FlintSnackbar.js';
 export { FlintSnackbarEvents } from './events/flint-snackbar.js';

package/dist/speed-dial.d.ts

@@ -1,3 +1,4 @@
-export { FlintSpeedDialAction, type FlintSpeedDialActionProps } from './components/FlintSpeedDialAction.js';
-export { FlintSpeedDial, type FlintSpeedDialProps } from './components/FlintSpeedDial.js';
+export { FlintSpeedDialAction, type FlintSpeedDialActionProps, type FlintSpeedDialActionClickDetail } from './components/FlintSpeedDialAction.js';
+export { FlintSpeedDial, type FlintSpeedDialProps, type FlintSpeedDialOpenDetail, type FlintSpeedDialCloseDetail } from './components/FlintSpeedDial.js';
 export { FlintSpeedDialActionEvents } from './events/flint-speed-dial-action.js';
+export { FlintSpeedDialEvents } from './events/flint-speed-dial.js';

package/dist/speed-dial.js

@@ -18,15 +18,26 @@ import { FlintSpeedDial as FlintSpeedDialElement } from "@getufy/flint-ui/speed-
 var FlintSpeedDial = createComponent2({
   tagName: "flint-speed-dial",
   elementClass: FlintSpeedDialElement,
-  react: React2
+  react: React2,
+  events: {
+    onFlintSpeedDialOpen: "flint-speed-dial-open",
+    onFlintSpeedDialClose: "flint-speed-dial-close"
+  }
 });
 
 // src/events/flint-speed-dial-action.ts
 var FlintSpeedDialActionEvents = {
   CLICK: "flint-speed-dial-action-click"
 };
+
+// src/events/flint-speed-dial.ts
+var FlintSpeedDialEvents = {
+  OPEN: "flint-speed-dial-open",
+  CLOSE: "flint-speed-dial-close"
+};
 export {
   FlintSpeedDial,
   FlintSpeedDialAction,
-  FlintSpeedDialActionEvents
+  FlintSpeedDialActionEvents,
+  FlintSpeedDialEvents
 };

package/dist/split-panel.d.ts

@@ -1,2 +1,2 @@
-export { FlintSplitPanel, type FlintSplitPanelProps } from './components/FlintSplitPanel.js';
+export { FlintSplitPanel, type FlintSplitPanelProps, type FlintSplitPanelRepositionDetail } from './components/FlintSplitPanel.js';
 export { FlintSplitPanelEvents } from './events/flint-split-panel.js';

package/dist/stepper.d.ts

@@ -1,8 +1,9 @@
 export { FlintStepConnector, type FlintStepConnectorProps } from './components/FlintStepConnector.js';
 export { FlintStepLabel, type FlintStepLabelProps } from './components/FlintStepLabel.js';
 export { FlintStepContent, type FlintStepContentProps } from './components/FlintStepContent.js';
-export { FlintStep, type FlintStepProps } from './components/FlintStep.js';
-export { FlintStepper, type FlintStepperProps } from './components/FlintStepper.js';
+export { FlintStep, type FlintStepProps, type FlintStepClickDetail } from './components/FlintStep.js';
+export { FlintStepper, type FlintStepperProps, type FlintStepChangeDetail } from './components/FlintStepper.js';
 export { FlintMobileStepper, type FlintMobileStepperProps } from './components/FlintMobileStepper.js';
 export { FlintStepEvents } from './events/flint-step.js';
 export { FlintStepperEvents } from './events/flint-stepper.js';
+export { FlintMobileStepperEvents } from './events/flint-mobile-stepper.js';

package/dist/stepper.js

@@ -61,7 +61,11 @@ import { FlintMobileStepper as FlintMobileStepperElement } from "@getufy/flint-u
 var FlintMobileStepper = createComponent6({
   tagName: "flint-mobile-stepper",
   elementClass: FlintMobileStepperElement,
-  react: React6
+  react: React6,
+  events: {
+    onFlintMobileStepBack: "flint-mobile-step-back",
+    onFlintMobileStepNext: "flint-mobile-step-next"
+  }
 });
 
 // src/events/flint-step.ts
@@ -73,8 +77,15 @@ var FlintStepEvents = {
 var FlintStepperEvents = {
   STEP_CHANGE: "flint-step-change"
 };
+
+// src/events/flint-mobile-stepper.ts
+var FlintMobileStepperEvents = {
+  MOBILE_STEP_BACK: "flint-mobile-step-back",
+  MOBILE_STEP_NEXT: "flint-mobile-step-next"
+};
 export {
   FlintMobileStepper,
+  FlintMobileStepperEvents,
   FlintStep,
   FlintStepConnector,
   FlintStepContent,

package/dist/switch.d.ts

@@ -1,2 +1,2 @@
-export { FlintSwitch, type FlintSwitchProps } from './components/FlintSwitch.js';
+export { FlintSwitch, type FlintSwitchProps, type FlintSwitchChangeDetail } from './components/FlintSwitch.js';
 export { FlintSwitchEvents } from './events/flint-switch.js';

package/dist/table.d.ts

@@ -1,4 +1,4 @@
-export { FlintTablePagination, type FlintTablePaginationProps } from './components/FlintTablePagination.js';
+export { FlintTablePagination, type FlintTablePaginationProps, type FlintPaginationPageChangeDetail, type FlintPaginationRowsPerPageChangeDetail } from './components/FlintTablePagination.js';
 export { FlintTableSortLabel, type FlintTableSortLabelProps } from './components/FlintTableSortLabel.js';
 export { FlintTableContainer, type FlintTableContainerProps } from './components/FlintTableContainer.js';
 export { FlintTable, type FlintTableProps } from './components/FlintTable.js';

package/dist/tabs.d.ts

@@ -1,7 +1,7 @@
-export { FlintTab, type FlintTabProps } from './components/FlintTab.js';
+export { FlintTab, type FlintTabProps, type FlintTabClickDetail } from './components/FlintTab.js';
 export { FlintTabPanel, type FlintTabPanelProps } from './components/FlintTabPanel.js';
 export { FlintTabList, type FlintTabListProps } from './components/FlintTabList.js';
-export { FlintTabs, type FlintTabsProps } from './components/FlintTabs.js';
+export { FlintTabs, type FlintTabsProps, type FlintTabChangeDetail } from './components/FlintTabs.js';
 export { FlintTabEvents } from './events/flint-tab.js';
 export { FlintTabListEvents } from './events/flint-tab-list.js';
 export { FlintTabsEvents } from './events/flint-tabs.js';

package/dist/text-field.d.ts

@@ -1,2 +1,2 @@
-export { FlintTextField, type FlintTextFieldProps } from './components/FlintTextField.js';
+export { FlintTextField, type FlintTextFieldProps, type FlintTextFieldInputDetail, type FlintTextFieldChangeDetail } from './components/FlintTextField.js';
 export { FlintTextFieldEvents } from './events/flint-text-field.js';

package/dist/text-field.js

@@ -7,15 +7,15 @@ var FlintTextField = createComponent({
   elementClass: FlintTextFieldElement,
   react: React,
   events: {
-    onInput: "input",
-    onChange: "change"
+    onFlintTextFieldInput: "flint-text-field-input",
+    onFlintTextFieldChange: "flint-text-field-change"
   }
 });
 
 // src/events/flint-text-field.ts
 var FlintTextFieldEvents = {
-  INPUT: "input",
-  CHANGE: "change"
+  INPUT: "flint-text-field-input",
+  CHANGE: "flint-text-field-change"
 };
 export {
   FlintTextField,

package/dist/textarea.d.ts

@@ -1,2 +1,2 @@
-export { FlintTextarea, type FlintTextareaProps } from './components/FlintTextarea.js';
+export { FlintTextarea, type FlintTextareaProps, type FlintTextareaInputDetail, type FlintTextareaChangeDetail } from './components/FlintTextarea.js';
 export { FlintTextareaEvents } from './events/flint-textarea.js';

package/dist/time-picker.d.ts

@@ -1,8 +1,8 @@
-export { FlintTimeField, type FlintTimeFieldProps } from './components/FlintTimeField.js';
-export { FlintDigitalClock, type FlintDigitalClockProps } from './components/FlintDigitalClock.js';
-export { FlintMultiSectionDigitalClock, type FlintMultiSectionDigitalClockProps } from './components/FlintMultiSectionDigitalClock.js';
-export { FlintTimeClock, type FlintTimeClockProps } from './components/FlintTimeClock.js';
-export { FlintDesktopTimePicker, type FlintDesktopTimePickerProps } from './components/FlintDesktopTimePicker.js';
+export { FlintTimeField, type FlintTimeFieldProps, type FlintTimeFieldChangeDetail } from './components/FlintTimeField.js';
+export { FlintDigitalClock, type FlintDigitalClockProps, type FlintDigitalClockChangeDetail } from './components/FlintDigitalClock.js';
+export { FlintMultiSectionDigitalClock, type FlintMultiSectionDigitalClockProps, type FlintMultiSectionDigitalClockChangeDetail } from './components/FlintMultiSectionDigitalClock.js';
+export { FlintTimeClock, type FlintTimeClockProps, type FlintTimeClockChangeDetail } from './components/FlintTimeClock.js';
+export { FlintDesktopTimePicker, type FlintDesktopTimePickerProps, type FlintDesktopTimePickerChangeDetail } from './components/FlintDesktopTimePicker.js';
 export { FlintMobileTimePicker, type FlintMobileTimePickerProps } from './components/FlintMobileTimePicker.js';
 export { FlintStaticTimePicker, type FlintStaticTimePickerProps } from './components/FlintStaticTimePicker.js';
 export { FlintTimePicker, type FlintTimePickerProps } from './components/FlintTimePicker.js';

package/dist/time-picker.js

@@ -8,7 +8,7 @@ var FlintTimeField = createComponent({
   react: React,
   events: {
     onFlintTimePickerClear: "flint-time-picker-clear",
-    onChange: "change"
+    onFlintTimeFieldChange: "flint-time-field-change"
   }
 });
 
@@ -21,7 +21,7 @@ var FlintDigitalClock = createComponent2({
   elementClass: FlintDigitalClockElement,
   react: React2,
   events: {
-    onChange: "change"
+    onFlintDigitalClockChange: "flint-digital-clock-change"
   }
 });
 
@@ -34,7 +34,7 @@ var FlintMultiSectionDigitalClock = createComponent3({
   elementClass: FlintMultiSectionDigitalClockElement,
   react: React3,
   events: {
-    onChange: "change"
+    onFlintMultiSectionDigitalClockChange: "flint-multi-section-digital-clock-change"
   }
 });
 
@@ -47,7 +47,7 @@ var FlintTimeClock = createComponent4({
   elementClass: FlintTimeClockElement,
   react: React4,
   events: {
-    onChange: "change",
+    onFlintTimeClockChange: "flint-time-clock-change",
     onFlintTimeClockViewChange: "flint-time-clock-view-change"
   }
 });
@@ -61,7 +61,7 @@ var FlintDesktopTimePicker = createComponent5({
   elementClass: FlintDesktopTimePickerElement,
   react: React5,
   events: {
-    onChange: "change"
+    onFlintDesktopTimePickerChange: "flint-desktop-time-picker-change"
   }
 });
 
@@ -74,7 +74,7 @@ var FlintMobileTimePicker = createComponent6({
   elementClass: FlintMobileTimePickerElement,
   react: React6,
   events: {
-    onChange: "change"
+    onFlintMobileTimePickerChange: "flint-mobile-time-picker-change"
   }
 });
 
@@ -87,7 +87,7 @@ var FlintStaticTimePicker = createComponent7({
   elementClass: FlintStaticTimePickerElement,
   react: React7,
   events: {
-    onChange: "change"
+    onFlintStaticTimePickerChange: "flint-static-time-picker-change"
   }
 });
 
@@ -100,50 +100,50 @@ var FlintTimePicker = createComponent8({
   elementClass: FlintTimePickerElement,
   react: React8,
   events: {
-    onChange: "change"
+    onFlintTimePickerChange: "flint-time-picker-change"
   }
 });
 
 // src/events/flint-time-field.ts
 var FlintTimeFieldEvents = {
   TIME_PICKER_CLEAR: "flint-time-picker-clear",
-  CHANGE: "change"
+  CHANGE: "flint-time-field-change"
 };
 
 // src/events/flint-digital-clock.ts
 var FlintDigitalClockEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-digital-clock-change"
 };
 
 // src/events/flint-multi-section-digital-clock.ts
 var FlintMultiSectionDigitalClockEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-multi-section-digital-clock-change"
 };
 
 // src/events/flint-time-clock.ts
 var FlintTimeClockEvents = {
-  CHANGE: "change",
+  CHANGE: "flint-time-clock-change",
   VIEW_CHANGE: "flint-time-clock-view-change"
 };
 
 // src/events/flint-desktop-time-picker.ts
 var FlintDesktopTimePickerEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-desktop-time-picker-change"
 };
 
 // src/events/flint-mobile-time-picker.ts
 var FlintMobileTimePickerEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-mobile-time-picker-change"
 };
 
 // src/events/flint-static-time-picker.ts
 var FlintStaticTimePickerEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-static-time-picker-change"
 };
 
 // src/events/flint-time-picker.ts
 var FlintTimePickerEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-time-picker-change"
 };
 export {
   FlintDesktopTimePicker,

package/dist/toggle.d.ts

@@ -1,2 +1,2 @@
-export { FlintToggle, type FlintToggleProps } from './components/FlintToggle.js';
+export { FlintToggle, type FlintToggleProps, type FlintToggleChangeDetail } from './components/FlintToggle.js';
 export { FlintToggleEvents } from './events/flint-toggle.js';

package/dist/transfer-list.d.ts

@@ -1,2 +1,2 @@
-export { FlintTransferList, type FlintTransferListProps } from './components/FlintTransferList.js';
+export { FlintTransferList, type FlintTransferListProps, type FlintTransferListChangeDetail } from './components/FlintTransferList.js';
 export { FlintTransferListEvents } from './events/flint-transfer-list.js';

package/dist/transfer-list.js

@@ -7,13 +7,13 @@ var FlintTransferList = createComponent({
   elementClass: FlintTransferListElement,
   react: React,
   events: {
-    onChange: "change"
+    onFlintTransferListChange: "flint-transfer-list-change"
   }
 });
 
 // src/events/flint-transfer-list.ts
 var FlintTransferListEvents = {
-  CHANGE: "change"
+  CHANGE: "flint-transfer-list-change"
 };
 export {
   FlintTransferList,

package/dist/tree-view.d.ts

@@ -1,6 +1,6 @@
-export { FlintRichTreeView, type FlintRichTreeViewProps } from './components/FlintRichTreeView.js';
+export { FlintRichTreeView, type FlintRichTreeViewProps, type FlintTreeViewExpandedItemsChangeDetail } from './components/FlintRichTreeView.js';
 export { FlintSimpleTreeView, type FlintSimpleTreeViewProps } from './components/FlintSimpleTreeView.js';
-export { FlintTreeItem, type FlintTreeItemProps } from './components/FlintTreeItem.js';
+export { FlintTreeItem, type FlintTreeItemProps, type FlintTreeItemToggleDetail, type FlintTreeItemClickDetail } from './components/FlintTreeItem.js';
 export { FlintRichTreeViewEvents } from './events/flint-rich-tree-view.js';
 export { FlintSimpleTreeViewEvents } from './events/flint-simple-tree-view.js';
 export { FlintTreeItemEvents } from './events/flint-tree-item.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getufy/flint-ui-react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
@@ -337,7 +337,7 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "@getufy/flint-ui": "^0.3.0"
+    "@getufy/flint-ui": "^0.4.0"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",