npm - @yamada-ui/react - Versions diffs - 2.2.6 → 2.2.7-dev-20260804111744 - Mend

@yamada-ui/react 2.2.6 → 2.2.7-dev-20260804111744

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (811) hide show

package/dist/cjs/components/icon/icons/mic-audio-lines-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/mic-audio-lines-icon.tsx
+/**
+* `MicAudioLinesIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const MicAudioLinesIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.MicAudioLines });
+//#endregion
+exports.MicAudioLinesIcon = MicAudioLinesIcon;
+//# sourceMappingURL=mic-audio-lines-icon.cjs.map

package/dist/cjs/components/icon/icons/mic-audio-lines-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mic-audio-lines-icon.cjs","names":["component","Icon","OriginalMicAudioLinesIcon"],"sources":["../../../../../src/components/icon/icons/mic-audio-lines-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { MicAudioLines as OriginalMicAudioLinesIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `MicAudioLinesIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const MicAudioLinesIcon = component(Icon)({\n as: OriginalMicAudioLinesIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC/C,IAAIC,aAAAA,cACN,CAAC"}

package/dist/cjs/components/icon/icons/mic-signal-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/mic-signal-icon.tsx
+/**
+* `MicSignalIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const MicSignalIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.MicSignal });
+//#endregion
+exports.MicSignalIcon = MicSignalIcon;
+//# sourceMappingURL=mic-signal-icon.cjs.map

package/dist/cjs/components/icon/icons/mic-signal-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mic-signal-icon.cjs","names":["component","Icon","OriginalMicSignalIcon"],"sources":["../../../../../src/components/icon/icons/mic-signal-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { MicSignal as OriginalMicSignalIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `MicSignalIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const MicSignalIcon = component(Icon)({\n as: OriginalMicSignalIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,gBAAgBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC3C,IAAIC,aAAAA,UACN,CAAC"}

package/dist/cjs/components/icon/icons/mosque-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/mosque-icon.tsx
+/**
+* `MosqueIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const MosqueIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.Mosque });
+//#endregion
+exports.MosqueIcon = MosqueIcon;
+//# sourceMappingURL=mosque-icon.cjs.map

package/dist/cjs/components/icon/icons/mosque-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mosque-icon.cjs","names":["component","Icon","OriginalMosqueIcon"],"sources":["../../../../../src/components/icon/icons/mosque-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Mosque as OriginalMosqueIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `MosqueIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const MosqueIcon = component(Icon)({\n as: OriginalMosqueIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,aAAaA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EACxC,IAAIC,aAAAA,OACN,CAAC"}

package/dist/cjs/components/icon/icons/rotate-ccw-clock-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/rotate-ccw-clock-icon.tsx
+/**
+* `RotateCcwClockIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const RotateCcwClockIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.RotateCcwClock });
+//#endregion
+exports.RotateCcwClockIcon = RotateCcwClockIcon;
+//# sourceMappingURL=rotate-ccw-clock-icon.cjs.map

package/dist/cjs/components/icon/icons/rotate-ccw-clock-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rotate-ccw-clock-icon.cjs","names":["component","Icon","OriginalRotateCcwClockIcon"],"sources":["../../../../../src/components/icon/icons/rotate-ccw-clock-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { RotateCcwClock as OriginalRotateCcwClockIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `RotateCcwClockIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const RotateCcwClockIcon = component(Icon)({\n as: OriginalRotateCcwClockIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,qBAAqBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAChD,IAAIC,aAAAA,eACN,CAAC"}

package/dist/cjs/components/icon/icons/rotate-cw-fading-clock-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/rotate-cw-fading-clock-icon.tsx
+/**
+* `RotateCwFadingClockIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const RotateCwFadingClockIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.RotateCwFadingClock });
+//#endregion
+exports.RotateCwFadingClockIcon = RotateCwFadingClockIcon;
+//# sourceMappingURL=rotate-cw-fading-clock-icon.cjs.map

package/dist/cjs/components/icon/icons/rotate-cw-fading-clock-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"rotate-cw-fading-clock-icon.cjs","names":["component","Icon","OriginalRotateCwFadingClockIcon"],"sources":["../../../../../src/components/icon/icons/rotate-cw-fading-clock-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { RotateCwFadingClock as OriginalRotateCwFadingClockIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `RotateCwFadingClockIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const RotateCwFadingClockIcon = component(Icon)({\n as: OriginalRotateCwFadingClockIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,0BAA0BA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EACrD,IAAIC,aAAAA,oBACN,CAAC"}

package/dist/cjs/components/icon/icons/scan-square-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/scan-square-icon.tsx
+/**
+* `ScanSquareIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const ScanSquareIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.ScanSquare });
+//#endregion
+exports.ScanSquareIcon = ScanSquareIcon;
+//# sourceMappingURL=scan-square-icon.cjs.map

package/dist/cjs/components/icon/icons/scan-square-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"scan-square-icon.cjs","names":["component","Icon","OriginalScanSquareIcon"],"sources":["../../../../../src/components/icon/icons/scan-square-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { ScanSquare as OriginalScanSquareIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `ScanSquareIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const ScanSquareIcon = component(Icon)({\n as: OriginalScanSquareIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC5C,IAAIC,aAAAA,WACN,CAAC"}

package/dist/cjs/components/icon/icons/shield-keyhole-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/shield-keyhole-icon.tsx
+/**
+* `ShieldKeyholeIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const ShieldKeyholeIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.ShieldKeyhole });
+//#endregion
+exports.ShieldKeyholeIcon = ShieldKeyholeIcon;
+//# sourceMappingURL=shield-keyhole-icon.cjs.map

package/dist/cjs/components/icon/icons/shield-keyhole-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"shield-keyhole-icon.cjs","names":["component","Icon","OriginalShieldKeyholeIcon"],"sources":["../../../../../src/components/icon/icons/shield-keyhole-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { ShieldKeyhole as OriginalShieldKeyholeIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `ShieldKeyholeIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const ShieldKeyholeIcon = component(Icon)({\n as: OriginalShieldKeyholeIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,oBAAoBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC/C,IAAIC,aAAAA,cACN,CAAC"}

package/dist/cjs/components/icon/icons/square-off-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/square-off-icon.tsx
+/**
+* `SquareOffIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const SquareOffIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.SquareOff });
+//#endregion
+exports.SquareOffIcon = SquareOffIcon;
+//# sourceMappingURL=square-off-icon.cjs.map

package/dist/cjs/components/icon/icons/square-off-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"square-off-icon.cjs","names":["component","Icon","OriginalSquareOffIcon"],"sources":["../../../../../src/components/icon/icons/square-off-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { SquareOff as OriginalSquareOffIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `SquareOffIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const SquareOffIcon = component(Icon)({\n as: OriginalSquareOffIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,gBAAgBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC3C,IAAIC,aAAAA,UACN,CAAC"}

package/dist/cjs/components/icon/icons/user-shield-icon.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+const require_icon = require("../icon.cjs");
+let lucide_react = require("lucide-react");
+//#region src/components/icon/icons/user-shield-icon.tsx
+/**
+* `UserShieldIcon` is [Lucide](https://lucide.dev) SVG icon component.
+*
+* @see https://yamada-ui.com/docs/components/icon
+*/
+const UserShieldIcon = require_icon.component(require_icon.Icon)({ as: lucide_react.UserShield });
+//#endregion
+exports.UserShieldIcon = UserShieldIcon;
+//# sourceMappingURL=user-shield-icon.cjs.map

package/dist/cjs/components/icon/icons/user-shield-icon.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"user-shield-icon.cjs","names":["component","Icon","OriginalUserShieldIcon"],"sources":["../../../../../src/components/icon/icons/user-shield-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { UserShield as OriginalUserShieldIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `UserShieldIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const UserShieldIcon = component(Icon)({\n as: OriginalUserShieldIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;AAYA,MAAa,iBAAiBA,aAAAA,UAAUC,aAAAA,IAAI,CAAC,CAAC,EAC5C,IAAIC,aAAAA,WACN,CAAC"}

package/dist/cjs/components/icon/index.cjs CHANGED Viewed

@@ -822,7 +822,6 @@ const require_heater_icon = require("./icons/heater-icon.cjs");
 const require_helicopter_icon = require("./icons/helicopter-icon.cjs");
 const require_hexagon_icon = require("./icons/hexagon-icon.cjs");
 const require_highlighter_icon = require("./icons/highlighter-icon.cjs");
-const require_history_icon = require("./icons/history-icon.cjs");
 const require_hop_icon = require("./icons/hop-icon.cjs");
 const require_hop_off_icon = require("./icons/hop-off-icon.cjs");
 const require_hospital_icon = require("./icons/hospital-icon.cjs");
@@ -885,6 +884,7 @@ const require_layers_icon = require("./icons/layers-icon.cjs");
 const require_layers_minus_icon = require("./icons/layers-minus-icon.cjs");
 const require_layers_plus_icon = require("./icons/layers-plus-icon.cjs");
 const require_layout_dashboard_icon = require("./icons/layout-dashboard-icon.cjs");
+const require_layout_freeform_icon = require("./icons/layout-freeform-icon.cjs");
 const require_layout_grid_icon = require("./icons/layout-grid-icon.cjs");
 const require_layout_list_icon = require("./icons/layout-list-icon.cjs");
 const require_layout_panel_left_icon = require("./icons/layout-panel-left-icon.cjs");
@@ -1017,8 +1017,10 @@ const require_message_square_warning_icon = require("./icons/message-square-warn
 const require_message_square_x_icon = require("./icons/message-square-x-icon.cjs");
 const require_messages_square_icon = require("./icons/messages-square-icon.cjs");
 const require_metronome_icon = require("./icons/metronome-icon.cjs");
+const require_mic_audio_lines_icon = require("./icons/mic-audio-lines-icon.cjs");
 const require_mic_icon = require("./icons/mic-icon.cjs");
 const require_mic_off_icon = require("./icons/mic-off-icon.cjs");
+const require_mic_signal_icon = require("./icons/mic-signal-icon.cjs");
 const require_mic_vocal_icon = require("./icons/mic-vocal-icon.cjs");
 const require_microchip_icon = require("./icons/microchip-icon.cjs");
 const require_microscope_icon = require("./icons/microscope-icon.cjs");
@@ -1047,6 +1049,7 @@ const require_monitor_up_icon = require("./icons/monitor-up-icon.cjs");
 const require_monitor_x_icon = require("./icons/monitor-x-icon.cjs");
 const require_moon_icon = require("./icons/moon-icon.cjs");
 const require_moon_star_icon = require("./icons/moon-star-icon.cjs");
+const require_mosque_icon = require("./icons/mosque-icon.cjs");
 const require_motorbike_icon = require("./icons/motorbike-icon.cjs");
 const require_mountain_icon = require("./icons/mountain-icon.cjs");
 const require_mountain_snow_icon = require("./icons/mountain-snow-icon.cjs");
@@ -1192,7 +1195,6 @@ const require_plug_icon = require("./icons/plug-icon.cjs");
 const require_plug_zap_icon = require("./icons/plug-zap-icon.cjs");
 const require_plus_icon = require("./icons/plus-icon.cjs");
 const require_pocket_knife_icon = require("./icons/pocket-knife-icon.cjs");
-const require_podcast_icon = require("./icons/podcast-icon.cjs");
 const require_podium_icon = require("./icons/podium-icon.cjs");
 const require_pointer_icon = require("./icons/pointer-icon.cjs");
 const require_pointer_off_icon = require("./icons/pointer-off-icon.cjs");
@@ -1265,9 +1267,11 @@ const require_rocking_chair_icon = require("./icons/rocking-chair-icon.cjs");
 const require_roller_coaster_icon = require("./icons/roller-coaster-icon.cjs");
 const require_rose_icon = require("./icons/rose-icon.cjs");
 const require_rotate3d_icon = require("./icons/rotate3d-icon.cjs");
+const require_rotate_ccw_clock_icon = require("./icons/rotate-ccw-clock-icon.cjs");
 const require_rotate_ccw_icon = require("./icons/rotate-ccw-icon.cjs");
 const require_rotate_ccw_key_icon = require("./icons/rotate-ccw-key-icon.cjs");
 const require_rotate_ccw_square_icon = require("./icons/rotate-ccw-square-icon.cjs");
+const require_rotate_cw_fading_clock_icon = require("./icons/rotate-cw-fading-clock-icon.cjs");
 const require_rotate_cw_icon = require("./icons/rotate-cw-icon.cjs");
 const require_rotate_cw_square_icon = require("./icons/rotate-cw-square-icon.cjs");
 const require_route_icon = require("./icons/route-icon.cjs");
@@ -1304,6 +1308,7 @@ const require_scan_icon = require("./icons/scan-icon.cjs");
 const require_scan_line_icon = require("./icons/scan-line-icon.cjs");
 const require_scan_qr_code_icon = require("./icons/scan-qr-code-icon.cjs");
 const require_scan_search_icon = require("./icons/scan-search-icon.cjs");
+const require_scan_square_icon = require("./icons/scan-square-icon.cjs");
 const require_scan_text_icon = require("./icons/scan-text-icon.cjs");
 const require_school_icon = require("./icons/school-icon.cjs");
 const require_scissors_icon = require("./icons/scissors-icon.cjs");
@@ -1346,6 +1351,7 @@ const require_shield_cog_icon = require("./icons/shield-cog-icon.cjs");
 const require_shield_ellipsis_icon = require("./icons/shield-ellipsis-icon.cjs");
 const require_shield_half_icon = require("./icons/shield-half-icon.cjs");
 const require_shield_icon = require("./icons/shield-icon.cjs");
+const require_shield_keyhole_icon = require("./icons/shield-keyhole-icon.cjs");
 const require_shield_minus_icon = require("./icons/shield-minus-icon.cjs");
 const require_shield_off_icon = require("./icons/shield-off-icon.cjs");
 const require_shield_plus_icon = require("./icons/shield-plus-icon.cjs");
@@ -1454,6 +1460,7 @@ const require_square_m_icon = require("./icons/square-m-icon.cjs");
 const require_square_menu_icon = require("./icons/square-menu-icon.cjs");
 const require_square_minus_icon = require("./icons/square-minus-icon.cjs");
 const require_square_mouse_pointer_icon = require("./icons/square-mouse-pointer-icon.cjs");
+const require_square_off_icon = require("./icons/square-off-icon.cjs");
 const require_square_parking_icon = require("./icons/square-parking-icon.cjs");
 const require_square_parking_off_icon = require("./icons/square-parking-off-icon.cjs");
 const require_square_pause_icon = require("./icons/square-pause-icon.cjs");
@@ -1661,6 +1668,7 @@ const require_user_round_plus_icon = require("./icons/user-round-plus-icon.cjs")
 const require_user_round_search_icon = require("./icons/user-round-search-icon.cjs");
 const require_user_round_x_icon = require("./icons/user-round-x-icon.cjs");
 const require_user_search_icon = require("./icons/user-search-icon.cjs");
+const require_user_shield_icon = require("./icons/user-shield-icon.cjs");
 const require_user_star_icon = require("./icons/user-star-icon.cjs");
 const require_user_x_icon = require("./icons/user-x-icon.cjs");
 const require_users_icon = require("./icons/users-icon.cjs");
@@ -2572,7 +2580,6 @@ exports.HeaterIcon = require_heater_icon.HeaterIcon;
 exports.HelicopterIcon = require_helicopter_icon.HelicopterIcon;
 exports.HexagonIcon = require_hexagon_icon.HexagonIcon;
 exports.HighlighterIcon = require_highlighter_icon.HighlighterIcon;
-exports.HistoryIcon = require_history_icon.HistoryIcon;
 exports.HopIcon = require_hop_icon.HopIcon;
 exports.HopOffIcon = require_hop_off_icon.HopOffIcon;
 exports.HospitalIcon = require_hospital_icon.HospitalIcon;
@@ -2637,6 +2644,7 @@ exports.LayersIcon = require_layers_icon.LayersIcon;
 exports.LayersMinusIcon = require_layers_minus_icon.LayersMinusIcon;
 exports.LayersPlusIcon = require_layers_plus_icon.LayersPlusIcon;
 exports.LayoutDashboardIcon = require_layout_dashboard_icon.LayoutDashboardIcon;
+exports.LayoutFreeformIcon = require_layout_freeform_icon.LayoutFreeformIcon;
 exports.LayoutGridIcon = require_layout_grid_icon.LayoutGridIcon;
 exports.LayoutListIcon = require_layout_list_icon.LayoutListIcon;
 exports.LayoutPanelLeftIcon = require_layout_panel_left_icon.LayoutPanelLeftIcon;
@@ -2770,8 +2778,10 @@ exports.MessageSquareWarningIcon = require_message_square_warning_icon.MessageSq
 exports.MessageSquareXIcon = require_message_square_x_icon.MessageSquareXIcon;
 exports.MessagesSquareIcon = require_messages_square_icon.MessagesSquareIcon;
 exports.MetronomeIcon = require_metronome_icon.MetronomeIcon;
+exports.MicAudioLinesIcon = require_mic_audio_lines_icon.MicAudioLinesIcon;
 exports.MicIcon = require_mic_icon.MicIcon;
 exports.MicOffIcon = require_mic_off_icon.MicOffIcon;
+exports.MicSignalIcon = require_mic_signal_icon.MicSignalIcon;
 exports.MicVocalIcon = require_mic_vocal_icon.MicVocalIcon;
 exports.MicrochipIcon = require_microchip_icon.MicrochipIcon;
 exports.MicroscopeIcon = require_microscope_icon.MicroscopeIcon;
@@ -2800,6 +2810,7 @@ exports.MonitorUpIcon = require_monitor_up_icon.MonitorUpIcon;
 exports.MonitorXIcon = require_monitor_x_icon.MonitorXIcon;
 exports.MoonIcon = require_moon_icon.MoonIcon;
 exports.MoonStarIcon = require_moon_star_icon.MoonStarIcon;
+exports.MosqueIcon = require_mosque_icon.MosqueIcon;
 exports.MotorbikeIcon = require_motorbike_icon.MotorbikeIcon;
 exports.MountainIcon = require_mountain_icon.MountainIcon;
 exports.MountainSnowIcon = require_mountain_snow_icon.MountainSnowIcon;
@@ -2945,7 +2956,6 @@ exports.PlugIcon = require_plug_icon.PlugIcon;
 exports.PlugZapIcon = require_plug_zap_icon.PlugZapIcon;
 exports.PlusIcon = require_plus_icon.PlusIcon;
 exports.PocketKnifeIcon = require_pocket_knife_icon.PocketKnifeIcon;
-exports.PodcastIcon = require_podcast_icon.PodcastIcon;
 exports.PodiumIcon = require_podium_icon.PodiumIcon;
 exports.PointerIcon = require_pointer_icon.PointerIcon;
 exports.PointerOffIcon = require_pointer_off_icon.PointerOffIcon;
@@ -3018,9 +3028,11 @@ exports.RockingChairIcon = require_rocking_chair_icon.RockingChairIcon;
 exports.RollerCoasterIcon = require_roller_coaster_icon.RollerCoasterIcon;
 exports.RoseIcon = require_rose_icon.RoseIcon;
 exports.Rotate3dIcon = require_rotate3d_icon.Rotate3dIcon;
+exports.RotateCcwClockIcon = require_rotate_ccw_clock_icon.RotateCcwClockIcon;
 exports.RotateCcwIcon = require_rotate_ccw_icon.RotateCcwIcon;
 exports.RotateCcwKeyIcon = require_rotate_ccw_key_icon.RotateCcwKeyIcon;
 exports.RotateCcwSquareIcon = require_rotate_ccw_square_icon.RotateCcwSquareIcon;
+exports.RotateCwFadingClockIcon = require_rotate_cw_fading_clock_icon.RotateCwFadingClockIcon;
 exports.RotateCwIcon = require_rotate_cw_icon.RotateCwIcon;
 exports.RotateCwSquareIcon = require_rotate_cw_square_icon.RotateCwSquareIcon;
 exports.RouteIcon = require_route_icon.RouteIcon;
@@ -3057,6 +3069,7 @@ exports.ScanIcon = require_scan_icon.ScanIcon;
 exports.ScanLineIcon = require_scan_line_icon.ScanLineIcon;
 exports.ScanQrCodeIcon = require_scan_qr_code_icon.ScanQrCodeIcon;
 exports.ScanSearchIcon = require_scan_search_icon.ScanSearchIcon;
+exports.ScanSquareIcon = require_scan_square_icon.ScanSquareIcon;
 exports.ScanTextIcon = require_scan_text_icon.ScanTextIcon;
 exports.SchoolIcon = require_school_icon.SchoolIcon;
 exports.ScissorsIcon = require_scissors_icon.ScissorsIcon;
@@ -3099,6 +3112,7 @@ exports.ShieldCogIcon = require_shield_cog_icon.ShieldCogIcon;
 exports.ShieldEllipsisIcon = require_shield_ellipsis_icon.ShieldEllipsisIcon;
 exports.ShieldHalfIcon = require_shield_half_icon.ShieldHalfIcon;
 exports.ShieldIcon = require_shield_icon.ShieldIcon;
+exports.ShieldKeyholeIcon = require_shield_keyhole_icon.ShieldKeyholeIcon;
 exports.ShieldMinusIcon = require_shield_minus_icon.ShieldMinusIcon;
 exports.ShieldOffIcon = require_shield_off_icon.ShieldOffIcon;
 exports.ShieldPlusIcon = require_shield_plus_icon.ShieldPlusIcon;
@@ -3207,6 +3221,7 @@ exports.SquareMIcon = require_square_m_icon.SquareMIcon;
 exports.SquareMenuIcon = require_square_menu_icon.SquareMenuIcon;
 exports.SquareMinusIcon = require_square_minus_icon.SquareMinusIcon;
 exports.SquareMousePointerIcon = require_square_mouse_pointer_icon.SquareMousePointerIcon;
+exports.SquareOffIcon = require_square_off_icon.SquareOffIcon;
 exports.SquareParkingIcon = require_square_parking_icon.SquareParkingIcon;
 exports.SquareParkingOffIcon = require_square_parking_off_icon.SquareParkingOffIcon;
 exports.SquarePauseIcon = require_square_pause_icon.SquarePauseIcon;
@@ -3414,6 +3429,7 @@ exports.UserRoundPlusIcon = require_user_round_plus_icon.UserRoundPlusIcon;
 exports.UserRoundSearchIcon = require_user_round_search_icon.UserRoundSearchIcon;
 exports.UserRoundXIcon = require_user_round_x_icon.UserRoundXIcon;
 exports.UserSearchIcon = require_user_search_icon.UserSearchIcon;
+exports.UserShieldIcon = require_user_shield_icon.UserShieldIcon;
 exports.UserStarIcon = require_user_star_icon.UserStarIcon;
 exports.UserXIcon = require_user_x_icon.UserXIcon;
 exports.UsersIcon = require_users_icon.UsersIcon;

package/dist/cjs/components/indicator/indicator.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_var = require("../../core/system/var.cjs");
 const require_factory = require("../../core/system/factory.cjs");

package/dist/cjs/components/indicator/indicator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","styled","varAttr","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n /*\n It is used for the color of the ping animation.\n /\n color?: CSSProps[\"backgroundColor\"]\n /\n It is used for the duration of the ping animation.\n /\n duration?: CSSProps[\"animationDuration\"]\n /\n It is used for the count of the ping animation.\n /\n iterationCount?: CSSProps[\"animationIterationCount\"]\n /\n It is used for the scale of the ping animation.\n /\n scale?: CSSProps[\"scale\"]\n /\n It is used for the timing function of the ping animation.\n /\n timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n extends\n Omit<HTMLStyledProps, \"offset\">,\n Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n Pick<FloatProps, \"offset\" \| \"placement\"> {\n /\n If `true`, the indicator will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The indicator label to use.\n /\n label?: ReactNode\n /\n If `label` is of type number, the maximum number displayed.\n \n @default 99\n /\n overflowCount?: number\n /\n If `true`, make an element scale and fade like a radar ping or ripple of water.\n \n @default false\n /\n ping?: boolean \| PingOptions\n /\n If `true`, display 0.\n \n @default true\n /\n showZero?: boolean\n /\n Props for the float element.\n /\n floatProps?: IndicatorFloatProps\n /\n Props for the label element.\n /\n labelProps?: IndicatorLabelProps\n}\n\nconst {\n PropsContext: IndicatorPropsContext,\n usePropsContext: useIndicatorPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n \"indicator\",\n indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/\n `Indicator` is a component that displays at the corner of elements such as avatars.\n \n @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n ({\n children,\n disabled,\n label,\n offset,\n overflowCount = 99,\n placement,\n showZero = true,\n floatProps,\n labelProps,\n ...rest\n }) => {\n const numeric = isNumber(label)\n\n disabled ??= numeric && !showZero && label <= 0\n\n const computedLabel = useMemo(() => {\n if (numeric && label > overflowCount)\n return (\n <>\n {overflowCount}\n <styled.span>+</styled.span>\n </>\n )\n else return label\n }, [numeric, label, overflowCount])\n\n return (\n <styled.div {...rest}>\n {children}\n\n {!disabled ? (\n <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n {computedLabel}\n </IndicatorLabel>\n </IndicatorFloat>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n)(({ ping, ...rest }) => {\n if (isObject(ping)) {\n const { color, duration, iterationCount, scale, timingFunction } = ping\n\n return {\n ...rest,\n \"--animation-scale\": scale,\n \"--duration\": varAttr(duration, \"durations\"),\n \"--iteration-count\": iterationCount,\n \"--ping-color\": varAttr(color, \"colors\"),\n \"--timing-function\": varAttr(timingFunction, \"easings\"),\n ping: true,\n }\n } else {\n return { ...rest, ping }\n }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n \"span\",\n \"label\",\n)()\n"],"mappings":"~~;;;;;;;;;;~~AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,aACAC,wBAAAA,cACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAAmB~~,KAAK;CAE9B,aAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,iBAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OAA8B~~;EAClC,IAAI,WAAW,QAAQ,eACrB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR,EAAA,UAAa,IAAc,CAAA,CAC3B,EAAA,CAAA;OAED,OAAO;CACd,GAAG;EAAC;EAAS;EAAO;CAAa,CAAC;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;EAAhB,UAAA,CACG,UAEA,CAAC,WACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAwB;GAAmB;GAAW,GAAI;GACxD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,iBAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAAuB~~,OAAO;IAAG,GAAI;IAClD,UAAA;GACa,CAAA;EACF,CAAA,IACd,IACM;;AAEhB,GACA,MACF,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW;CACvB,KAAA,GAAA,oBAAA,~~cAAA~~,SAAA,~~CAAa~~,IAAI,GAAG;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;EAEnE,OAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,YAAAA,QAAQ,UAAU,WAAW;GAC3C,qBAAqB;GACrB,gBAAgBA,YAAAA,QAAQ,OAAO,QAAQ;GACvC,qBAAqBA,YAAAA,QAAQ,gBAAgB,SAAS;GACtD,MAAM;EACR;CACF,OACE,OAAO;EAAE,GAAG;EAAM;CAAK;AAE3B,CAAC;AAID,MAAM,iBAAiB,YAAwCC,cAAAA,OAAO,OAAO,CAAC,CAAC;AAI/E,MAAM,iBAAiB,YACrB,QACA,OACF,CAAC,CAAC"}
1	+ {"version":3,"file":"indicator.cjs","names":["createSlotComponent","indicatorStyle","useMemo","styled","varAttr","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled, varAttr } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n /*\n It is used for the color of the ping animation.\n /\n color?: CSSProps[\"backgroundColor\"]\n /\n It is used for the duration of the ping animation.\n /\n duration?: CSSProps[\"animationDuration\"]\n /\n It is used for the count of the ping animation.\n /\n iterationCount?: CSSProps[\"animationIterationCount\"]\n /\n It is used for the scale of the ping animation.\n /\n scale?: CSSProps[\"scale\"]\n /\n It is used for the timing function of the ping animation.\n /\n timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n extends\n Omit<HTMLStyledProps, \"offset\">,\n Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n Pick<FloatProps, \"offset\" \| \"placement\"> {\n /\n If `true`, the indicator will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The indicator label to use.\n /\n label?: ReactNode\n /\n If `label` is of type number, the maximum number displayed.\n \n @default 99\n /\n overflowCount?: number\n /\n If `true`, make an element scale and fade like a radar ping or ripple of water.\n \n @default false\n /\n ping?: boolean \| PingOptions\n /\n If `true`, display 0.\n \n @default true\n /\n showZero?: boolean\n /\n Props for the float element.\n /\n floatProps?: IndicatorFloatProps\n /\n Props for the label element.\n /\n labelProps?: IndicatorLabelProps\n}\n\nconst {\n PropsContext: IndicatorPropsContext,\n usePropsContext: useIndicatorPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n \"indicator\",\n indicatorStyle,\n)\n\nexport { IndicatorPropsContext, useIndicatorPropsContext }\n\n/\n `Indicator` is a component that displays at the corner of elements such as avatars.\n \n @see https://yamada-ui.com/docs/components/indicator\n */\nexport const Indicator = withProvider(\n ({\n children,\n disabled,\n label,\n offset,\n overflowCount = 99,\n placement,\n showZero = true,\n floatProps,\n labelProps,\n ...rest\n }) => {\n const numeric = isNumber(label)\n\n disabled ??= numeric && !showZero && label <= 0\n\n const computedLabel = useMemo(() => {\n if (numeric && label > overflowCount)\n return (\n <>\n {overflowCount}\n <styled.span>+</styled.span>\n </>\n )\n else return label\n }, [numeric, label, overflowCount])\n\n return (\n <styled.div {...rest}>\n {children}\n\n {!disabled ? (\n <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n {computedLabel}\n </IndicatorLabel>\n </IndicatorFloat>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n)(({ ping, ...rest }) => {\n if (isObject(ping)) {\n const { color, duration, iterationCount, scale, timingFunction } = ping\n\n return {\n ...rest,\n \"--animation-scale\": scale,\n \"--duration\": varAttr(duration, \"durations\"),\n \"--iteration-count\": iterationCount,\n \"--ping-color\": varAttr(color, \"colors\"),\n \"--timing-function\": varAttr(timingFunction, \"easings\"),\n ping: true,\n }\n } else {\n return { ...rest, ping }\n }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n \"span\",\n \"label\",\n)()\n"],"mappings":";;;;;;;;;;;AA8EA,MAAM,EACJ,cAAc,uBACd,iBAAiB,0BACjB,aACA,iBACEA,yBAAAA,oBACF,aACAC,wBAAAA,cACF;;;;;;AASA,MAAa,YAAY,cACtB,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,YACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAA,oBAAA,cAAU,SAAA,CAAS,KAAK;CAE9B,aAAa,WAAW,CAAC,YAAY,SAAS;CAE9C,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,OAAc;EAClC,IAAI,WAAW,QAAQ,eACrB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACG,eACD,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,OAAO,MAAR,EAAA,UAAa,IAAc,CAAA,CAC3B,EAAA,CAAA;OAED,OAAO;CACd,GAAG;EAAC;EAAS;EAAO;CAAa,CAAC;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,OAAO,KAAR;EAAY,GAAI;EAAhB,UAAA,CACG,UAEA,CAAC,WACA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;GAAwB;GAAmB;GAAW,GAAI;GACxD,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAD;IAAgB,iBAAA,GAAA,oBAAA,cAAc,SAAA,CAAS,OAAO;IAAG,GAAI;IAClD,UAAA;GACa,CAAA;EACF,CAAA,IACd,IACM;;AAEhB,GACA,MACF,CAAC,EAAE,EAAE,MAAM,GAAG,WAAW;CACvB,KAAA,GAAA,oBAAA,cAAI,SAAA,CAAS,IAAI,GAAG;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,mBAAmB;EAEnE,OAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAcC,YAAAA,QAAQ,UAAU,WAAW;GAC3C,qBAAqB;GACrB,gBAAgBA,YAAAA,QAAQ,OAAO,QAAQ;GACvC,qBAAqBA,YAAAA,QAAQ,gBAAgB,SAAS;GACtD,MAAM;EACR;CACF,OACE,OAAO;EAAE,GAAG;EAAM;CAAK;AAE3B,CAAC;AAID,MAAM,iBAAiB,YAAwCC,cAAAA,OAAO,OAAO,CAAC,CAAC;AAI/E,MAAM,iBAAiB,YACrB,QACA,OACF,CAAC,CAAC"}

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_factory = require("../../core/system/factory.cjs");
@@ -18,11 +19,12 @@ const { PropsContext: InfiniteScrollAreaPropsContext, usePropsContext: useInfini
 */
 const InfiniteScrollArea = withProvider(({ ref, children, disabled, finish: finishProp, indexRef, initialLoad, loading, orientation: orientationProp, resetRef, reverse, rootMargin, rootRef: rootRefProp, startIndex, threshold, triggerProps, onLoad, ...rest }) => {
 	const rootRef = (0, react.useRef)(null);
+	const orientation = require_hooks_use_value_index.useValue(orientationProp);
 	const { ref: triggerRef, finish } = require_use_infinite_scroll.useInfiniteScroll({
 		disabled,
 		indexRef,
 		initialLoad,
-		orientation: require_hooks_use_value_index.useValue(orientationProp),
+		orientation,
 		resetRef,
 		reverse,
 		rootMargin,

package/dist/cjs/components/infinite-scroll-area/infinite-scroll-area.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"infinite-scroll-area.cjs","names":["createSlotComponent","infiniteScrollAreaStyle","~~useInfiniteScroll~~","useValue","styled","mergeRefs"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InfiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport type { UseInfiniteScrollProps } from \"./use-infinite-scroll\"\nimport { useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, mergeRefs } from \"../../utils\"\nimport { infiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport { useInfiniteScroll } from \"./use-infinite-scroll\"\n\nexport interface InfiniteScrollAreaProps\n extends\n Omit<HTMLStyledProps, keyof UseInfiniteScrollProps>,\n Omit<UseInfiniteScrollProps, \"orientation\">,\n ThemeProps<InfiniteScrollAreaStyle> {\n /*\n The infinite scroll area finish to use.\n /\n finish?: ReactNode\n /\n The infinite scroll area loading to use.\n /\n loading?: ReactNode\n /\n Props for infinite scroll area trigger component.\n /\n triggerProps?: HTMLStyledProps\n}\n\nconst {\n PropsContext: InfiniteScrollAreaPropsContext,\n usePropsContext: useInfiniteScrollAreaPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<InfiniteScrollAreaProps, InfiniteScrollAreaStyle>(\n \"infinite-scroll-area\",\n infiniteScrollAreaStyle,\n)\n\nexport { InfiniteScrollAreaPropsContext, useInfiniteScrollAreaPropsContext }\n\n/\n `InfiniteScrollArea` is for providing infinite scroll functionality.\n * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.\n \n @see https://yamada-ui.com/docs/components/infinite-scroll-area\n */\nexport const InfiniteScrollArea = withProvider<\n \"div\",\n InfiniteScrollAreaProps,\n \"orientation\"\n>(\n ({\n ref,\n children,\n disabled,\n finish: finishProp,\n indexRef,\n initialLoad,\n loading,\n orientation: orientationProp,\n resetRef,\n reverse,\n rootMargin,\n rootRef: rootRefProp,\n startIndex,\n threshold,\n triggerProps,\n onLoad,\n ...rest\n }) => {\n const rootRef = useRef<HTMLDivElement>(null)\n const orientation = useValue(orientationProp)\n const { ref: triggerRef, finish } = useInfiniteScroll({\n disabled,\n indexRef,\n initialLoad,\n orientation,\n resetRef,\n reverse,\n rootMargin,\n rootRef: isNull(rootRefProp) ? null : (rootRefProp ?? rootRef),\n startIndex,\n threshold,\n onLoad,\n })\n const hasFinish = !!finishProp\n const showTrigger = !disabled && (hasFinish \|\| !finish)\n\n return (\n <styled.div\n ref={mergeRefs(rootRef, ref)}\n aria-busy=\"false\"\n role=\"feed\"\n tabIndex={0}\n {...rest}\n >\n {reverse && showTrigger ? (\n <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n {finish ? finishProp : loading}\n </InfiniteScrollTrigger>\n ) : null}\n\n {children}\n\n {!reverse && showTrigger ? (\n <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n {finish ? finishProp : loading}\n </InfiniteScrollTrigger>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n { transferProps: [\"orientation\"] },\n)()\n\ninterface InfiniteScrollTriggerProps extends HTMLStyledProps {}\n\nconst InfiniteScrollTrigger = withContext<\"div\", InfiniteScrollTriggerProps>(\n \"div\",\n \"trigger\",\n)()\n"],"mappings":"~~;;;;;;;;;;;~~AAgCA,MAAM,EACJ,cAAc,gCACd,iBAAiB,mCACjB,aACA,iBACEA,yBAAAA,oBACF,wBACAC,mCAAAA,uBACF;;;;;;;AAUA,MAAa,qBAAqB,cAK/B,EACC,KACA,UACA,UACA,QAAQ,YACR,UACA,aACA,SACA,aAAa,iBACb,UACA,SACA,YACA,SAAS,aACT,YACA,WACA,cACA,QACA,GAAG,WACC;CACJ,MAAM,WAAA,~~GAAA~~,~~MAAA~~,~~OAAA~~,~~CAAiC~~,IAAI;~~CAE3C~~,MAAM,EAAE,KAAK,YAAY,WAAWC,4BAAAA,kBAAkB;EACpD;EACA;EACA;EACA~~,aALkBC,8BAAAA,SAAS,eAKjB~~;~~EACV~~;EACA;EACA;EACA,UAAA,GAAA,oBAAA,~~cAAA~~,OAAA,~~CAAgB~~,WAAW,IAAI,OAAQ,eAAe;EACtD;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc,CAAC,aAAa,CADf,CAAC,cAC2B,CAAC;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,YAAAA,UAAU,SAAS,GAAG;EAC3B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;EALN,UAAA;GAOG,WAAW,cACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;GAEH;GAEA,CAAC,WAAW,cACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;EACM;;AAEhB,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAM,wBAAwB,YAC5B,OACA,SACF,CAAC,CAAC"}
1	+ {"version":3,"file":"infinite-scroll-area.cjs","names":["createSlotComponent","infiniteScrollAreaStyle","useRef","useValue","useInfiniteScroll","styled","mergeRefs"],"sources":["../../../../src/components/infinite-scroll-area/infinite-scroll-area.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { InfiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport type { UseInfiniteScrollProps } from \"./use-infinite-scroll\"\nimport { useRef } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { isNull, mergeRefs } from \"../../utils\"\nimport { infiniteScrollAreaStyle } from \"./infinite-scroll-area.style\"\nimport { useInfiniteScroll } from \"./use-infinite-scroll\"\n\nexport interface InfiniteScrollAreaProps\n extends\n Omit<HTMLStyledProps, keyof UseInfiniteScrollProps>,\n Omit<UseInfiniteScrollProps, \"orientation\">,\n ThemeProps<InfiniteScrollAreaStyle> {\n /*\n The infinite scroll area finish to use.\n /\n finish?: ReactNode\n /\n The infinite scroll area loading to use.\n /\n loading?: ReactNode\n /\n Props for infinite scroll area trigger component.\n /\n triggerProps?: HTMLStyledProps\n}\n\nconst {\n PropsContext: InfiniteScrollAreaPropsContext,\n usePropsContext: useInfiniteScrollAreaPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<InfiniteScrollAreaProps, InfiniteScrollAreaStyle>(\n \"infinite-scroll-area\",\n infiniteScrollAreaStyle,\n)\n\nexport { InfiniteScrollAreaPropsContext, useInfiniteScrollAreaPropsContext }\n\n/\n `InfiniteScrollArea` is for providing infinite scroll functionality.\n * This feature provides a smooth scrolling experience by automatically loading and displaying the next dataset when the user reaches the end of the page.\n \n @see https://yamada-ui.com/docs/components/infinite-scroll-area\n */\nexport const InfiniteScrollArea = withProvider<\n \"div\",\n InfiniteScrollAreaProps,\n \"orientation\"\n>(\n ({\n ref,\n children,\n disabled,\n finish: finishProp,\n indexRef,\n initialLoad,\n loading,\n orientation: orientationProp,\n resetRef,\n reverse,\n rootMargin,\n rootRef: rootRefProp,\n startIndex,\n threshold,\n triggerProps,\n onLoad,\n ...rest\n }) => {\n const rootRef = useRef<HTMLDivElement>(null)\n const orientation = useValue(orientationProp)\n const { ref: triggerRef, finish } = useInfiniteScroll({\n disabled,\n indexRef,\n initialLoad,\n orientation,\n resetRef,\n reverse,\n rootMargin,\n rootRef: isNull(rootRefProp) ? null : (rootRefProp ?? rootRef),\n startIndex,\n threshold,\n onLoad,\n })\n const hasFinish = !!finishProp\n const showTrigger = !disabled && (hasFinish \|\| !finish)\n\n return (\n <styled.div\n ref={mergeRefs(rootRef, ref)}\n aria-busy=\"false\"\n role=\"feed\"\n tabIndex={0}\n {...rest}\n >\n {reverse && showTrigger ? (\n <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n {finish ? finishProp : loading}\n </InfiniteScrollTrigger>\n ) : null}\n\n {children}\n\n {!reverse && showTrigger ? (\n <InfiniteScrollTrigger ref={triggerRef} {...triggerProps}>\n {finish ? finishProp : loading}\n </InfiniteScrollTrigger>\n ) : null}\n </styled.div>\n )\n },\n \"root\",\n { transferProps: [\"orientation\"] },\n)()\n\ninterface InfiniteScrollTriggerProps extends HTMLStyledProps {}\n\nconst InfiniteScrollTrigger = withContext<\"div\", InfiniteScrollTriggerProps>(\n \"div\",\n \"trigger\",\n)()\n"],"mappings":";;;;;;;;;;;;AAgCA,MAAM,EACJ,cAAc,gCACd,iBAAiB,mCACjB,aACA,iBACEA,yBAAAA,oBACF,wBACAC,mCAAAA,uBACF;;;;;;;AAUA,MAAa,qBAAqB,cAK/B,EACC,KACA,UACA,UACA,QAAQ,YACR,UACA,aACA,SACA,aAAa,iBACb,UACA,SACA,YACA,SAAS,aACT,YACA,WACA,cACA,QACA,GAAG,WACC;CACJ,MAAM,WAAA,GAAUC,MAAAA,OAAAA,CAAuB,IAAI;CAC3C,MAAM,cAAcC,8BAAAA,SAAS,eAAe;CAC5C,MAAM,EAAE,KAAK,YAAY,WAAWC,4BAAAA,kBAAkB;EACpD;EACA;EACA;EACA;EACA;EACA;EACA;EACA,UAAA,GAAA,oBAAA,cAAS,OAAA,CAAO,WAAW,IAAI,OAAQ,eAAe;EACtD;EACA;EACA;CACF,CAAC;CAED,MAAM,cAAc,CAAC,aAAa,CADf,CAAC,cAC2B,CAAC;CAEhD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,OAAO,KAAR;EACE,KAAKC,YAAAA,UAAU,SAAS,GAAG;EAC3B,aAAU;EACV,MAAK;EACL,UAAU;EACV,GAAI;EALN,UAAA;GAOG,WAAW,cACV,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;GAEH;GAEA,CAAC,WAAW,cACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,uBAAD;IAAuB,KAAK;IAAY,GAAI;IACzC,UAAA,SAAS,aAAa;GACF,CAAA,IACrB;EACM;;AAEhB,GACA,QACA,EAAE,eAAe,CAAC,aAAa,EAAE,CACnC,CAAC,CAAC;AAIF,MAAM,wBAAwB,YAC5B,OACA,SACF,CAAC,CAAC"}

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_ref = require("../../utils/ref.cjs");
 const require_environment_provider = require("../../core/system/environment-provider.cjs");
 let react = require("react");

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-infinite-scroll.cjs","names":["useEnvironment","useCallbackRef"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n const style = getComputedStyle(el)\n\n if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n if (vertical) return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n else return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n IntersectionObserverInit,\n \"root\"\n> {\n /*\n Determines whether scrolling is instant or animates smoothly.\n /\n behavior?: ScrollBehavior\n /\n If `true`, the infinite scroll is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n Ref to a reset index function.\n /\n indexRef?: RefObject<(index: number) => void>\n /\n If `true`, invoke `onLoad` function for the first time.\n \n @default false\n /\n initialLoad?: boolean\n /\n The orientation of the infinite scroll.\n \n @default 'vertical'\n /\n orientation?: Orientation\n /\n Ref to a reset function.\n /\n resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n /\n If `true`, reverse direction.\n \n @default false\n /\n reverse?: boolean\n /\n Margin around the root. Can have values similar to the CSS margin property,\n * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n /\n rootMargin?: string\n /\n The element that is used as the viewport for checking visibility of the target.\n * Defaults to the browser viewport if not specified or if `null`.\n /\n rootRef?: null \| RefObject<HTMLElement \| null>\n /\n If set the `onLoad` function will start from the given index.\n * If `initialLoad` is `true`, index starts from `0`.\n \n @default 1\n /\n startIndex?: number\n /\n Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n /\n threshold?: number \| number[]\n /\n The callback invoked when trigger is intersect.\n /\n onLoad?: ({\n entry,\n finish,\n index,\n }: {\n index: number\n finish: () => void\n entry?: IntersectionObserverEntry\n }) => Promise<void> \| void\n}\n\n/\n `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n \n @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n behavior,\n disabled = false,\n indexRef: indexRefProp,\n initialLoad = false,\n orientation = \"vertical\",\n resetRef,\n reverse = false,\n rootMargin,\n rootRef,\n startIndex = initialLoad ? 0 : 1,\n threshold,\n onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n const ref = useRef<Y>(null)\n const { getDocument, getWindow } = useEnvironment()\n const indexRef = useRef<number>(startIndex)\n const processingRef = useRef<boolean>(false)\n const observerRef = useRef<IntersectionObserver \| undefined>(undefined)\n const [finish, setFinish] = useState<boolean>(false)\n const onLoad = useCallbackRef(onLoadProp)\n const vertical = orientation === \"vertical\"\n const direction = vertical ? \"top\" : \"left\"\n\n const onReset = useCallback(\n (index = 1, runScroll = true) => {\n indexRef.current = index\n\n setFinish(false)\n\n if (runScroll) {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (el) {\n const target = el === body ? getWindow() : el\n const position = reverse\n ? vertical\n ? el.scrollHeight\n : el.scrollWidth\n : 0\n\n target?.scrollTo({ behavior, [direction]: position })\n }\n }\n\n if (disabled) return\n\n setTimeout(() => {\n const observer = observerRef.current\n const el = ref.current\n\n if (el) observer?.observe(el)\n })\n },\n [\n disabled,\n rootRef,\n getDocument,\n vertical,\n getWindow,\n reverse,\n behavior,\n direction,\n ],\n )\n\n const onFinish = useCallback(() => {\n const observer = observerRef.current\n const el = ref.current\n\n if (el) observer?.unobserve(el)\n\n setFinish(true)\n }, [])\n\n const createObserver = useCallback(() => {\n const root = rootRef?.current ?? null\n\n const observer = new IntersectionObserver(\n async ([entry]) => {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (!entry?.isIntersecting \|\| processingRef.current \|\| !el) return\n\n const props = { entry, finish: onFinish, index: indexRef.current }\n\n processingRef.current = true\n\n if (root) root.ariaBusy = \"true\"\n\n let prevScrollPosition = 0\n\n if (reverse)\n prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n await onLoad(props)\n\n if (reverse)\n setTimeout(() => {\n const target = el === body ? getWindow() : el\n const position =\n (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n target?.scrollTo({ [direction]: position })\n })\n\n indexRef.current += 1\n processingRef.current = false\n\n if (root) root.ariaBusy = \"false\"\n },\n { root, rootMargin, threshold },\n )\n\n return observer\n }, [\n rootRef,\n rootMargin,\n threshold,\n getDocument,\n vertical,\n onFinish,\n reverse,\n onLoad,\n getWindow,\n direction,\n ])\n\n useEffect(() => {\n const setTabIndexAttribute = () => {\n const root = rootRef?.current\n if (\n root &&\n isScrollable(root, vertical) &&\n !root.hasAttribute(\"tabindex\")\n )\n root.setAttribute(\"tabindex\", \"0\")\n }\n\n const setupObserver = async () => {\n const el = ref.current\n const index = indexRef.current\n const root = rootRef?.current\n\n if (initialLoad) {\n processingRef.current = true\n\n if (root) root.ariaBusy = \"true\"\n\n await onLoad({ finish: onFinish, index })\n\n indexRef.current += 1\n processingRef.current = false\n\n if (root) root.ariaBusy = \"false\"\n }\n\n if (disabled) return\n\n observerRef.current = createObserver()\n\n const observer = observerRef.current\n\n if (reverse) {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (el) {\n const target = el === body ? getWindow() : el\n const position = vertical ? el.scrollHeight : el.scrollWidth\n\n target?.scrollTo({ [direction]: position })\n }\n }\n\n setTimeout(() => {\n if (el) observer.observe(el)\n })\n\n return () => {\n if (el) observer.unobserve(el)\n }\n }\n\n setTabIndexAttribute()\n setupObserver()\n }, [\n createObserver,\n initialLoad,\n disabled,\n reverse,\n vertical,\n onFinish,\n onLoad,\n rootRef,\n getDocument,\n getWindow,\n direction,\n ])\n\n assignRef(resetRef, onReset)\n assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n return { ref, finish }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-infinite-scroll.cjs","names":["useRef","useEnvironment","useState","useCallbackRef","useCallback"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useEnvironment } from \"../../core\"\nimport { assignRef, useCallbackRef } from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n const style = getComputedStyle(el)\n\n if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n if (vertical) return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n else return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n}\n\nexport interface UseInfiniteScrollProps extends Omit<\n IntersectionObserverInit,\n \"root\"\n> {\n /*\n Determines whether scrolling is instant or animates smoothly.\n /\n behavior?: ScrollBehavior\n /\n If `true`, the infinite scroll is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n Ref to a reset index function.\n /\n indexRef?: RefObject<(index: number) => void>\n /\n If `true`, invoke `onLoad` function for the first time.\n \n @default false\n /\n initialLoad?: boolean\n /\n The orientation of the infinite scroll.\n \n @default 'vertical'\n /\n orientation?: Orientation\n /\n Ref to a reset function.\n /\n resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n /\n If `true`, reverse direction.\n \n @default false\n /\n reverse?: boolean\n /\n Margin around the root. Can have values similar to the CSS margin property,\n * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n /\n rootMargin?: string\n /\n The element that is used as the viewport for checking visibility of the target.\n * Defaults to the browser viewport if not specified or if `null`.\n /\n rootRef?: null \| RefObject<HTMLElement \| null>\n /\n If set the `onLoad` function will start from the given index.\n * If `initialLoad` is `true`, index starts from `0`.\n \n @default 1\n /\n startIndex?: number\n /\n Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n /\n threshold?: number \| number[]\n /\n The callback invoked when trigger is intersect.\n /\n onLoad?: ({\n entry,\n finish,\n index,\n }: {\n index: number\n finish: () => void\n entry?: IntersectionObserverEntry\n }) => Promise<void> \| void\n}\n\n/\n `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n \n @see https://yamada-ui.com/docs/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <Y extends HTMLElement = HTMLDivElement>({\n behavior,\n disabled = false,\n indexRef: indexRefProp,\n initialLoad = false,\n orientation = \"vertical\",\n resetRef,\n reverse = false,\n rootMargin,\n rootRef,\n startIndex = initialLoad ? 0 : 1,\n threshold,\n onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n const ref = useRef<Y>(null)\n const { getDocument, getWindow } = useEnvironment()\n const indexRef = useRef<number>(startIndex)\n const processingRef = useRef<boolean>(false)\n const observerRef = useRef<IntersectionObserver \| undefined>(undefined)\n const [finish, setFinish] = useState<boolean>(false)\n const onLoad = useCallbackRef(onLoadProp)\n const vertical = orientation === \"vertical\"\n const direction = vertical ? \"top\" : \"left\"\n\n const onReset = useCallback(\n (index = 1, runScroll = true) => {\n indexRef.current = index\n\n setFinish(false)\n\n if (runScroll) {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (el) {\n const target = el === body ? getWindow() : el\n const position = reverse\n ? vertical\n ? el.scrollHeight\n : el.scrollWidth\n : 0\n\n target?.scrollTo({ behavior, [direction]: position })\n }\n }\n\n if (disabled) return\n\n setTimeout(() => {\n const observer = observerRef.current\n const el = ref.current\n\n if (el) observer?.observe(el)\n })\n },\n [\n disabled,\n rootRef,\n getDocument,\n vertical,\n getWindow,\n reverse,\n behavior,\n direction,\n ],\n )\n\n const onFinish = useCallback(() => {\n const observer = observerRef.current\n const el = ref.current\n\n if (el) observer?.unobserve(el)\n\n setFinish(true)\n }, [])\n\n const createObserver = useCallback(() => {\n const root = rootRef?.current ?? null\n\n const observer = new IntersectionObserver(\n async ([entry]) => {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (!entry?.isIntersecting \|\| processingRef.current \|\| !el) return\n\n const props = { entry, finish: onFinish, index: indexRef.current }\n\n processingRef.current = true\n\n if (root) root.ariaBusy = \"true\"\n\n let prevScrollPosition = 0\n\n if (reverse)\n prevScrollPosition = vertical ? el.scrollHeight : el.scrollWidth\n\n await onLoad(props)\n\n if (reverse)\n setTimeout(() => {\n const target = el === body ? getWindow() : el\n const position =\n (vertical ? el.scrollHeight : el.scrollWidth) - prevScrollPosition\n\n target?.scrollTo({ [direction]: position })\n })\n\n indexRef.current += 1\n processingRef.current = false\n\n if (root) root.ariaBusy = \"false\"\n },\n { root, rootMargin, threshold },\n )\n\n return observer\n }, [\n rootRef,\n rootMargin,\n threshold,\n getDocument,\n vertical,\n onFinish,\n reverse,\n onLoad,\n getWindow,\n direction,\n ])\n\n useEffect(() => {\n const setTabIndexAttribute = () => {\n const root = rootRef?.current\n if (\n root &&\n isScrollable(root, vertical) &&\n !root.hasAttribute(\"tabindex\")\n )\n root.setAttribute(\"tabindex\", \"0\")\n }\n\n const setupObserver = async () => {\n const el = ref.current\n const index = indexRef.current\n const root = rootRef?.current\n\n if (initialLoad) {\n processingRef.current = true\n\n if (root) root.ariaBusy = \"true\"\n\n await onLoad({ finish: onFinish, index })\n\n indexRef.current += 1\n processingRef.current = false\n\n if (root) root.ariaBusy = \"false\"\n }\n\n if (disabled) return\n\n observerRef.current = createObserver()\n\n const observer = observerRef.current\n\n if (reverse) {\n const root = rootRef?.current\n const body = getDocument()?.body\n const el = root && isScrollable(root, vertical) ? root : body\n\n if (el) {\n const target = el === body ? getWindow() : el\n const position = vertical ? el.scrollHeight : el.scrollWidth\n\n target?.scrollTo({ [direction]: position })\n }\n }\n\n setTimeout(() => {\n if (el) observer.observe(el)\n })\n\n return () => {\n if (el) observer.unobserve(el)\n }\n }\n\n setTabIndexAttribute()\n setupObserver()\n }, [\n createObserver,\n initialLoad,\n disabled,\n reverse,\n vertical,\n onFinish,\n onLoad,\n rootRef,\n getDocument,\n getWindow,\n direction,\n ])\n\n assignRef(resetRef, onReset)\n assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n return { ref, finish }\n}\n"],"mappings":"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"}

package/dist/cjs/components/input/input-group.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 "use client";
+require("../../_virtual/_rolldown/runtime.cjs");
 const require_children = require("../../utils/children.cjs");
 const require_utils_index = require("../../utils/index.cjs");
 const require_group = require("../group/group.cjs");
@@ -34,19 +35,20 @@ const InputGroupRoot = ((props) => {
 		focusBorderColor,
 		dataProps
 	]);
+	const inputContext = (0, react.useMemo)(() => ({
+		...sharedContext,
+		disabled,
+		invalid: (0, require_utils_index.utils_exports.isTruthyDataAttr)(sharedContext["data-invalid"]),
+		readOnly,
+		required
+	}), [
+		sharedContext,
+		disabled,
+		readOnly,
+		required
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.InputPropsContext, {
-		value: (0, react.useMemo)(() => ({
-			...sharedContext,
-			disabled,
-			invalid: (0, require_utils_index.utils_exports.isTruthyDataAttr)(sharedContext["data-invalid"]),
-			readOnly,
-			required
-		}), [
-			sharedContext,
-			disabled,
-			readOnly,
-			required
-		]),
+		value: inputContext,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_addon.InputAddonPropsContext, {
 			value: sharedContext,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input_element.InputElementPropsContext, {

package/dist/cjs/components/input/input-group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input-group.cjs","names":["useFieldProps","useValidChildren","isSomeElement","InputElement","InputPropsContext","InputAddonPropsContext","InputElementPropsContext","Group"],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n extends\n WithoutThemeProps<GroupProps, InputStyle>,\n ThemeProps<InputStyle>,\n Pick<InputProps, \"errorBorderColor\" \| \"focusBorderColor\">,\n FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n const {\n props: {\n id: _id,\n size,\n variant,\n children,\n disabled,\n errorBorderColor,\n focusBorderColor,\n readOnly,\n required,\n ...rest\n },\n dataProps,\n } = useFieldProps(props)\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child, index) => {\n const first = !index\n\n if (isSomeElement(child.type, InputElement))\n return cloneElement(child, {\n \"data-ungrouped\": \"\",\n placement: first ? \"start\" : \"end\",\n ...child.props,\n })\n else return child\n }),\n [validChildren],\n )\n const sharedContext = useMemo(\n () => ({\n size,\n variant,\n errorBorderColor,\n focusBorderColor,\n ...dataProps,\n }),\n [size, variant, errorBorderColor, focusBorderColor, dataProps],\n )\n const inputContext = useMemo(\n () => ({\n ...sharedContext,\n disabled,\n invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n readOnly,\n required,\n }),\n [sharedContext, disabled, readOnly, required],\n )\n\n return (\n <InputPropsContext value={inputContext}>\n <InputAddonPropsContext value={sharedContext}>\n <InputElementPropsContext value={sharedContext}>\n <Group attached minW=\"0\" w=\"full\" {...rest}>\n {cloneChildren}\n </Group>\n </InputElementPropsContext>\n </InputAddonPropsContext>\n </InputPropsContext>\n )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":"~~;;;;;;;;;;;~~AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,iBAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~OAEF~~,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;EAEf,IAAIC,iBAAAA,cAAc,MAAM,MAAMC,sBAAAA,YAAY,GACxC,QAAA,~~GAAA~~,~~MAAA~~,~~aAAA~~,~~CAAoB~~,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;EACX,CAAC;OACE,OAAO;CACd,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,iBAAA,~~GAAA~~,~~MAAA~~,~~QAAA~~,~~QACG~~;EACL;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAM;EAAS;EAAkB;EAAkB;CAAS,CAC/D;~~CAYA~~,~~OACE~~,~~iBAAA~~,~~GAAA~~,~~kBAAA~~,~~IAAA~~,~~CAACC,cAAAA,mBAAD~~;~~EAAmB~~,~~QAAA,GAAA,MAAA,QAAA,QAXZ;GACL,~~GAAG;~~GACH~~;~~GACA~~,UAAA,GAAA,oBAAA,~~cAAA~~,iBAAA,~~CAA0B~~,cAAc,eAAe;~~GACvD~~;~~GACA~~;~~EACF~~,IACA;~~GAAC~~;~~GAAe~~;~~GAAU~~;~~GAAU~~;~~EAAQ~~,~~CAIP~~;~~EACnC~~,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,0BAAD;IAA0B,OAAO;IAC/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;KAAO,UAAA;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;KACnC,UAAA;IACI,CAAA;GACiB,CAAA;EACJ,CAAA;CACP,CAAA;AAEvB"}
1	+ {"version":3,"file":"input-group.cjs","names":["useFieldProps","useValidChildren","useMemo","isSomeElement","InputElement","cloneElement","InputPropsContext","InputAddonPropsContext","InputElementPropsContext","Group"],"sources":["../../../../src/components/input/input-group.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport type { GroupProps } from \"../group\"\nimport type { InputProps } from \"./input\"\nimport type { InputStyle } from \"./input.style\"\nimport { cloneElement, useMemo } from \"react\"\nimport { isSomeElement, isTruthyDataAttr, useValidChildren } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { Group } from \"../group\"\nimport { InputPropsContext } from \"./input\"\nimport { InputAddonPropsContext } from \"./input-addon\"\nimport { InputElement, InputElementPropsContext } from \"./input-element\"\n\nexport interface InputGroupRootProps\n extends\n WithoutThemeProps<GroupProps, InputStyle>,\n ThemeProps<InputStyle>,\n Pick<InputProps, \"errorBorderColor\" \| \"focusBorderColor\">,\n FieldProps {}\n\nexport const InputGroupRoot = ((props: InputGroupRootProps) => {\n const {\n props: {\n id: _id,\n size,\n variant,\n children,\n disabled,\n errorBorderColor,\n focusBorderColor,\n readOnly,\n required,\n ...rest\n },\n dataProps,\n } = useFieldProps(props)\n const validChildren = useValidChildren(children)\n const cloneChildren = useMemo(\n () =>\n validChildren.map((child, index) => {\n const first = !index\n\n if (isSomeElement(child.type, InputElement))\n return cloneElement(child, {\n \"data-ungrouped\": \"\",\n placement: first ? \"start\" : \"end\",\n ...child.props,\n })\n else return child\n }),\n [validChildren],\n )\n const sharedContext = useMemo(\n () => ({\n size,\n variant,\n errorBorderColor,\n focusBorderColor,\n ...dataProps,\n }),\n [size, variant, errorBorderColor, focusBorderColor, dataProps],\n )\n const inputContext = useMemo(\n () => ({\n ...sharedContext,\n disabled,\n invalid: isTruthyDataAttr(sharedContext[\"data-invalid\"]),\n readOnly,\n required,\n }),\n [sharedContext, disabled, readOnly, required],\n )\n\n return (\n <InputPropsContext value={inputContext}>\n <InputAddonPropsContext value={sharedContext}>\n <InputElementPropsContext value={sharedContext}>\n <Group attached minW=\"0\" w=\"full\" {...rest}>\n {cloneChildren}\n </Group>\n </InputElementPropsContext>\n </InputAddonPropsContext>\n </InputPropsContext>\n )\n}) as Component<\"div\", InputGroupRootProps>\n"],"mappings":";;;;;;;;;;;;AAsBA,MAAa,mBAAmB,UAA+B;CAC7D,MAAM,EACJ,OAAO,EACL,IAAI,KACJ,MACA,SACA,UACA,UACA,kBACA,kBACA,UACA,UACA,GAAG,QAEL,cACEA,wBAAAA,cAAc,KAAK;CACvB,MAAM,gBAAgBC,iBAAAA,iBAAiB,QAAQ;CAC/C,MAAM,iBAAA,GAAgBC,MAAAA,QAAAA,OAElB,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,QAAQ,CAAC;EAEf,IAAIC,iBAAAA,cAAc,MAAM,MAAMC,sBAAAA,YAAY,GACxC,QAAA,GAAOC,MAAAA,aAAAA,CAAa,OAAO;GACzB,kBAAkB;GAClB,WAAW,QAAQ,UAAU;GAC7B,GAAG,MAAM;EACX,CAAC;OACE,OAAO;CACd,CAAC,GACH,CAAC,aAAa,CAChB;CACA,MAAM,iBAAA,GAAgBH,MAAAA,QAAAA,QACb;EACL;EACA;EACA;EACA;EACA,GAAG;CACL,IACA;EAAC;EAAM;EAAS;EAAkB;EAAkB;CAAS,CAC/D;CACA,MAAM,gBAAA,GAAeA,MAAAA,QAAAA,QACZ;EACL,GAAG;EACH;EACA,UAAA,GAAA,oBAAA,cAAS,iBAAA,CAAiB,cAAc,eAAe;EACvD;EACA;CACF,IACA;EAAC;EAAe;EAAU;EAAU;CAAQ,CAC9C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,cAAAA,mBAAD;EAAmB,OAAO;EACxB,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,wBAAD;GAAwB,OAAO;GAC7B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,0BAAD;IAA0B,OAAO;IAC/B,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;KAAO,UAAA;KAAS,MAAK;KAAI,GAAE;KAAO,GAAI;KACnC,UAAA;IACI,CAAA;GACiB,CAAA;EACJ,CAAA;CACP,CAAA;AAEvB"}