@yamada-ui/react 2.1.8-dev-20260409035719 → 2.2.0-dev-20260409110358

package/dist/cjs/components/icon/icons/road-icon.cjs

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

package/dist/cjs/components/icon/icons/road-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"road-icon.cjs","names":["component","Icon","OriginalRoadIcon"],"sources":["../../../../../src/components/icon/icons/road-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { Road as OriginalRoadIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `RoadIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const RoadIcon = component(Icon)({ as: OriginalRoadIcon }) as Component<\n  \"svg\",\n  IconProps\n>\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,WAAWA,uBAAUC,kBAAK,CAAC,EAAE,IAAIC,mBAAkB,CAAC"}

package/dist/cjs/components/icon/icons/shield-cog-corner-icon.cjs

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

package/dist/cjs/components/icon/icons/shield-cog-corner-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shield-cog-corner-icon.cjs","names":["component","Icon","OriginalShieldCogCornerIcon"],"sources":["../../../../../src/components/icon/icons/shield-cog-corner-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { ShieldCogCorner as OriginalShieldCogCornerIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `ShieldCogCornerIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const ShieldCogCornerIcon = component(Icon)({\n  as: OriginalShieldCogCornerIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,sBAAsBA,uBAAUC,kBAAK,CAAC,EACjD,IAAIC,8BACL,CAAC"}

package/dist/cjs/components/icon/icons/shield-cog-icon.cjs

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

package/dist/cjs/components/icon/icons/shield-cog-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shield-cog-icon.cjs","names":["component","Icon","OriginalShieldCogIcon"],"sources":["../../../../../src/components/icon/icons/shield-cog-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { ShieldCog as OriginalShieldCogIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `ShieldCogIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const ShieldCogIcon = component(Icon)({\n  as: OriginalShieldCogIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAgBA,uBAAUC,kBAAK,CAAC,EAC3C,IAAIC,wBACL,CAAC"}

package/dist/cjs/components/icon/icons/sport-shoe-icon.cjs

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

package/dist/cjs/components/icon/icons/sport-shoe-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sport-shoe-icon.cjs","names":["component","Icon","OriginalSportShoeIcon"],"sources":["../../../../../src/components/icon/icons/sport-shoe-icon.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Component } from \"../../../core\"\nimport type { IconProps } from \"../icon\"\nimport { SportShoe as OriginalSportShoeIcon } from \"lucide-react\"\nimport { component, Icon } from \"../icon\"\n\n/**\n * `SportShoeIcon` is [Lucide](https://lucide.dev) SVG icon component.\n *\n * @see https://yamada-ui.com/docs/components/icon\n */\nexport const SportShoeIcon = component(Icon)({\n  as: OriginalSportShoeIcon,\n}) as Component<\"svg\", IconProps>\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAgBA,uBAAUC,kBAAK,CAAC,EAC3C,IAAIC,wBACL,CAAC"}

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

@@ -151,6 +151,7 @@ const require_bed_double_icon = require('./icons/bed-double-icon.cjs');
 const require_bed_icon = require('./icons/bed-icon.cjs');
 const require_bed_single_icon = require('./icons/bed-single-icon.cjs');
 const require_beef_icon = require('./icons/beef-icon.cjs');
+const require_beef_off_icon = require('./icons/beef-off-icon.cjs');
 const require_beer_icon = require('./icons/beer-icon.cjs');
 const require_beer_off_icon = require('./icons/beer-off-icon.cjs');
 const require_bell_dot_icon = require('./icons/bell-dot-icon.cjs');
@@ -295,6 +296,7 @@ const require_cast_icon = require('./icons/cast-icon.cjs');
 const require_castle_icon = require('./icons/castle-icon.cjs');
 const require_cat_icon = require('./icons/cat-icon.cjs');
 const require_cctv_icon = require('./icons/cctv-icon.cjs');
+const require_cctv_off_icon = require('./icons/cctv-off-icon.cjs');
 const require_chart_area_icon = require('./icons/chart-area-icon.cjs');
 const require_chart_bar_big_icon = require('./icons/chart-bar-big-icon.cjs');
 const require_chart_bar_decreasing_icon = require('./icons/chart-bar-decreasing-icon.cjs');
@@ -344,7 +346,6 @@ const require_chevrons_right_icon = require('./icons/chevrons-right-icon.cjs');
 const require_chevrons_right_left_icon = require('./icons/chevrons-right-left-icon.cjs');
 const require_chevrons_up_down_icon = require('./icons/chevrons-up-down-icon.cjs');
 const require_chevrons_up_icon = require('./icons/chevrons-up-icon.cjs');
-const require_chromium_icon = require('./icons/chromium-icon.cjs');
 const require_church_icon = require('./icons/church-icon.cjs');
 const require_cigarette_icon = require('./icons/cigarette-icon.cjs');
 const require_cigarette_off_icon = require('./icons/cigarette-off-icon.cjs');
@@ -454,8 +455,6 @@ const require_clover_icon = require('./icons/clover-icon.cjs');
 const require_club_icon = require('./icons/club-icon.cjs');
 const require_code_icon = require('./icons/code-icon.cjs');
 const require_code_xml_icon = require('./icons/code-xml-icon.cjs');
-const require_codepen_icon = require('./icons/codepen-icon.cjs');
-const require_codesandbox_icon = require('./icons/codesandbox-icon.cjs');
 const require_coffee_icon = require('./icons/coffee-icon.cjs');
 const require_cog_icon = require('./icons/cog-icon.cjs');
 const require_coins_icon = require('./icons/coins-icon.cjs');
@@ -545,7 +544,6 @@ const require_dot_icon = require('./icons/dot-icon.cjs');
 const require_download_icon = require('./icons/download-icon.cjs');
 const require_drafting_compass_icon = require('./icons/drafting-compass-icon.cjs');
 const require_drama_icon = require('./icons/drama-icon.cjs');
-const require_dribbble_icon = require('./icons/dribbble-icon.cjs');
 const require_drill_icon = require('./icons/drill-icon.cjs');
 const require_drone_icon = require('./icons/drone-icon.cjs');
 const require_droplet_icon = require('./icons/droplet-icon.cjs');
@@ -577,14 +575,12 @@ const require_external_link_icon = require('./icons/external-link-icon.cjs');
 const require_eye_closed_icon = require('./icons/eye-closed-icon.cjs');
 const require_eye_icon = require('./icons/eye-icon.cjs');
 const require_eye_off_icon = require('./icons/eye-off-icon.cjs');
-const require_facebook_icon = require('./icons/facebook-icon.cjs');
 const require_factory_icon = require('./icons/factory-icon.cjs');
 const require_fan_icon = require('./icons/fan-icon.cjs');
 const require_fast_forward_icon = require('./icons/fast-forward-icon.cjs');
 const require_feather_icon = require('./icons/feather-icon.cjs');
 const require_fence_icon = require('./icons/fence-icon.cjs');
 const require_ferris_wheel_icon = require('./icons/ferris-wheel-icon.cjs');
-const require_figma_icon = require('./icons/figma-icon.cjs');
 const require_file_archive_icon = require('./icons/file-archive-icon.cjs');
 const require_file_axis3d_icon = require('./icons/file-axis3d-icon.cjs');
 const require_file_badge_icon = require('./icons/file-badge-icon.cjs');
@@ -703,7 +699,6 @@ const require_forklift_icon = require('./icons/forklift-icon.cjs');
 const require_form_icon = require('./icons/form-icon.cjs');
 const require_forward_icon = require('./icons/forward-icon.cjs');
 const require_frame_icon = require('./icons/frame-icon.cjs');
-const require_framer_icon = require('./icons/framer-icon.cjs');
 const require_frown_icon = require('./icons/frown-icon.cjs');
 const require_fuel_icon = require('./icons/fuel-icon.cjs');
 const require_fullscreen_icon = require('./icons/fullscreen-icon.cjs');
@@ -741,8 +736,6 @@ const require_git_pull_request_create_arrow_icon = require('./icons/git-pull-req
 const require_git_pull_request_create_icon = require('./icons/git-pull-request-create-icon.cjs');
 const require_git_pull_request_draft_icon = require('./icons/git-pull-request-draft-icon.cjs');
 const require_git_pull_request_icon = require('./icons/git-pull-request-icon.cjs');
-const require_github_icon = require('./icons/github-icon.cjs');
-const require_gitlab_icon = require('./icons/gitlab-icon.cjs');
 const require_glass_water_icon = require('./icons/glass-water-icon.cjs');
 const require_glasses_icon = require('./icons/glasses-icon.cjs');
 const require_globe_icon = require('./icons/globe-icon.cjs');
@@ -837,7 +830,6 @@ const require_indian_rupee_icon = require('./icons/indian-rupee-icon.cjs');
 const require_infinity_icon = require('./icons/infinity-icon.cjs');
 const require_info_icon = require('./icons/info-icon.cjs');
 const require_inspection_panel_icon = require('./icons/inspection-panel-icon.cjs');
-const require_instagram_icon = require('./icons/instagram-icon.cjs');
 const require_italic_icon = require('./icons/italic-icon.cjs');
 const require_iteration_ccw_icon = require('./icons/iteration-ccw-icon.cjs');
 const require_iteration_cw_icon = require('./icons/iteration-cw-icon.cjs');
@@ -888,10 +880,10 @@ const require_lightbulb_icon = require('./icons/lightbulb-icon.cjs');
 const require_lightbulb_off_icon = require('./icons/lightbulb-off-icon.cjs');
 const require_line_dot_right_horizontal_icon = require('./icons/line-dot-right-horizontal-icon.cjs');
 const require_line_squiggle_icon = require('./icons/line-squiggle-icon.cjs');
+const require_line_style_icon = require('./icons/line-style-icon.cjs');
 const require_link2_icon = require('./icons/link2-icon.cjs');
 const require_link2_off_icon = require('./icons/link2-off-icon.cjs');
 const require_link_icon = require('./icons/link-icon.cjs');
-const require_linkedin_icon = require('./icons/linkedin-icon.cjs');
 const require_list_check_icon = require('./icons/list-check-icon.cjs');
 const require_list_checks_icon = require('./icons/list-checks-icon.cjs');
 const require_list_chevrons_down_up_icon = require('./icons/list-chevrons-down-up-icon.cjs');
@@ -1168,7 +1160,6 @@ const require_plug2_icon = require('./icons/plug2-icon.cjs');
 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_icon = require('./icons/pocket-icon.cjs');
 const require_pocket_knife_icon = require('./icons/pocket-knife-icon.cjs');
 const require_podcast_icon = require('./icons/podcast-icon.cjs');
 const require_pointer_icon = require('./icons/pointer-icon.cjs');
@@ -1193,10 +1184,10 @@ const require_radar_icon = require('./icons/radar-icon.cjs');
 const require_radiation_icon = require('./icons/radiation-icon.cjs');
 const require_radical_icon = require('./icons/radical-icon.cjs');
 const require_radio_icon = require('./icons/radio-icon.cjs');
+const require_radio_off_icon = require('./icons/radio-off-icon.cjs');
 const require_radio_receiver_icon = require('./icons/radio-receiver-icon.cjs');
 const require_radio_tower_icon = require('./icons/radio-tower-icon.cjs');
 const require_radius_icon = require('./icons/radius-icon.cjs');
-const require_rail_symbol_icon = require('./icons/rail-symbol-icon.cjs');
 const require_rainbow_icon = require('./icons/rainbow-icon.cjs');
 const require_rat_icon = require('./icons/rat-icon.cjs');
 const require_ratio_icon = require('./icons/ratio-icon.cjs');
@@ -1235,6 +1226,7 @@ const require_reply_all_icon = require('./icons/reply-all-icon.cjs');
 const require_reply_icon = require('./icons/reply-icon.cjs');
 const require_rewind_icon = require('./icons/rewind-icon.cjs');
 const require_ribbon_icon = require('./icons/ribbon-icon.cjs');
+const require_road_icon = require('./icons/road-icon.cjs');
 const require_rocket_icon = require('./icons/rocket-icon.cjs');
 const require_rocking_chair_icon = require('./icons/rocking-chair-icon.cjs');
 const require_roller_coaster_icon = require('./icons/roller-coaster-icon.cjs');
@@ -1311,6 +1303,8 @@ const require_shelving_unit_icon = require('./icons/shelving-unit-icon.cjs');
 const require_shield_alert_icon = require('./icons/shield-alert-icon.cjs');
 const require_shield_ban_icon = require('./icons/shield-ban-icon.cjs');
 const require_shield_check_icon = require('./icons/shield-check-icon.cjs');
+const require_shield_cog_corner_icon = require('./icons/shield-cog-corner-icon.cjs');
+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');
@@ -1346,7 +1340,6 @@ const require_siren_icon = require('./icons/siren-icon.cjs');
 const require_skip_back_icon = require('./icons/skip-back-icon.cjs');
 const require_skip_forward_icon = require('./icons/skip-forward-icon.cjs');
 const require_skull_icon = require('./icons/skull-icon.cjs');
-const require_slack_icon = require('./icons/slack-icon.cjs');
 const require_slash_icon = require('./icons/slash-icon.cjs');
 const require_slice_icon = require('./icons/slice-icon.cjs');
 const require_sliders_horizontal_icon = require('./icons/sliders-horizontal-icon.cjs');
@@ -1374,6 +1367,7 @@ const require_spline_icon = require('./icons/spline-icon.cjs');
 const require_spline_pointer_icon = require('./icons/spline-pointer-icon.cjs');
 const require_split_icon = require('./icons/split-icon.cjs');
 const require_spool_icon = require('./icons/spool-icon.cjs');
+const require_sport_shoe_icon = require('./icons/sport-shoe-icon.cjs');
 const require_spotlight_icon = require('./icons/spotlight-icon.cjs');
 const require_spray_can_icon = require('./icons/spray-can-icon.cjs');
 const require_sprout_icon = require('./icons/sprout-icon.cjs');
@@ -1563,7 +1557,6 @@ const require_tree_deciduous_icon = require('./icons/tree-deciduous-icon.cjs');
 const require_tree_palm_icon = require('./icons/tree-palm-icon.cjs');
 const require_tree_pine_icon = require('./icons/tree-pine-icon.cjs');
 const require_trees_icon = require('./icons/trees-icon.cjs');
-const require_trello_icon = require('./icons/trello-icon.cjs');
 const require_trending_down_icon = require('./icons/trending-down-icon.cjs');
 const require_trending_up_down_icon = require('./icons/trending-up-down-icon.cjs');
 const require_trending_up_icon = require('./icons/trending-up-icon.cjs');
@@ -1580,8 +1573,6 @@ const require_turtle_icon = require('./icons/turtle-icon.cjs');
 const require_tv_icon = require('./icons/tv-icon.cjs');
 const require_tv_minimal_icon = require('./icons/tv-minimal-icon.cjs');
 const require_tv_minimal_play_icon = require('./icons/tv-minimal-play-icon.cjs');
-const require_twitch_icon = require('./icons/twitch-icon.cjs');
-const require_twitter_icon = require('./icons/twitter-icon.cjs');
 const require_type_icon = require('./icons/type-icon.cjs');
 const require_type_outline_icon = require('./icons/type-outline-icon.cjs');
 const require_umbrella_icon = require('./icons/umbrella-icon.cjs');
@@ -1685,7 +1676,6 @@ const require_worm_icon = require('./icons/worm-icon.cjs');
 const require_wrench_icon = require('./icons/wrench-icon.cjs');
 const require_x_icon = require('./icons/x-icon.cjs');
 const require_x_line_top_icon = require('./icons/x-line-top-icon.cjs');
-const require_youtube_icon = require('./icons/youtube-icon.cjs');
 const require_zap_icon = require('./icons/zap-icon.cjs');
 const require_zap_off_icon = require('./icons/zap-off-icon.cjs');
 const require_zodiac_aquarius_icon = require('./icons/zodiac-aquarius-icon.cjs');
@@ -1857,6 +1847,7 @@ exports.BedDoubleIcon = require_bed_double_icon.BedDoubleIcon;
 exports.BedIcon = require_bed_icon.BedIcon;
 exports.BedSingleIcon = require_bed_single_icon.BedSingleIcon;
 exports.BeefIcon = require_beef_icon.BeefIcon;
+exports.BeefOffIcon = require_beef_off_icon.BeefOffIcon;
 exports.BeerIcon = require_beer_icon.BeerIcon;
 exports.BeerOffIcon = require_beer_off_icon.BeerOffIcon;
 exports.BellDotIcon = require_bell_dot_icon.BellDotIcon;
@@ -2001,6 +1992,7 @@ exports.CastIcon = require_cast_icon.CastIcon;
 exports.CastleIcon = require_castle_icon.CastleIcon;
 exports.CatIcon = require_cat_icon.CatIcon;
 exports.CctvIcon = require_cctv_icon.CctvIcon;
+exports.CctvOffIcon = require_cctv_off_icon.CctvOffIcon;
 exports.ChartAreaIcon = require_chart_area_icon.ChartAreaIcon;
 exports.ChartBarBigIcon = require_chart_bar_big_icon.ChartBarBigIcon;
 exports.ChartBarDecreasingIcon = require_chart_bar_decreasing_icon.ChartBarDecreasingIcon;
@@ -2050,7 +2042,6 @@ exports.ChevronsRightIcon = require_chevrons_right_icon.ChevronsRightIcon;
 exports.ChevronsRightLeftIcon = require_chevrons_right_left_icon.ChevronsRightLeftIcon;
 exports.ChevronsUpDownIcon = require_chevrons_up_down_icon.ChevronsUpDownIcon;
 exports.ChevronsUpIcon = require_chevrons_up_icon.ChevronsUpIcon;
-exports.ChromiumIcon = require_chromium_icon.ChromiumIcon;
 exports.ChurchIcon = require_church_icon.ChurchIcon;
 exports.CigaretteIcon = require_cigarette_icon.CigaretteIcon;
 exports.CigaretteOffIcon = require_cigarette_off_icon.CigaretteOffIcon;
@@ -2160,8 +2151,6 @@ exports.CloverIcon = require_clover_icon.CloverIcon;
 exports.ClubIcon = require_club_icon.ClubIcon;
 exports.CodeIcon = require_code_icon.CodeIcon;
 exports.CodeXmlIcon = require_code_xml_icon.CodeXmlIcon;
-exports.CodepenIcon = require_codepen_icon.CodepenIcon;
-exports.CodesandboxIcon = require_codesandbox_icon.CodesandboxIcon;
 exports.CoffeeIcon = require_coffee_icon.CoffeeIcon;
 exports.CogIcon = require_cog_icon.CogIcon;
 exports.CoinsIcon = require_coins_icon.CoinsIcon;
@@ -2251,7 +2240,6 @@ exports.DotIcon = require_dot_icon.DotIcon;
 exports.DownloadIcon = require_download_icon.DownloadIcon;
 exports.DraftingCompassIcon = require_drafting_compass_icon.DraftingCompassIcon;
 exports.DramaIcon = require_drama_icon.DramaIcon;
-exports.DribbbleIcon = require_dribbble_icon.DribbbleIcon;
 exports.DrillIcon = require_drill_icon.DrillIcon;
 exports.DroneIcon = require_drone_icon.DroneIcon;
 exports.DropletIcon = require_droplet_icon.DropletIcon;
@@ -2283,14 +2271,12 @@ exports.ExternalLinkIcon = require_external_link_icon.ExternalLinkIcon;
 exports.EyeClosedIcon = require_eye_closed_icon.EyeClosedIcon;
 exports.EyeIcon = require_eye_icon.EyeIcon;
 exports.EyeOffIcon = require_eye_off_icon.EyeOffIcon;
-exports.FacebookIcon = require_facebook_icon.FacebookIcon;
 exports.FactoryIcon = require_factory_icon.FactoryIcon;
 exports.FanIcon = require_fan_icon.FanIcon;
 exports.FastForwardIcon = require_fast_forward_icon.FastForwardIcon;
 exports.FeatherIcon = require_feather_icon.FeatherIcon;
 exports.FenceIcon = require_fence_icon.FenceIcon;
 exports.FerrisWheelIcon = require_ferris_wheel_icon.FerrisWheelIcon;
-exports.FigmaIcon = require_figma_icon.FigmaIcon;
 exports.FileArchiveIcon = require_file_archive_icon.FileArchiveIcon;
 exports.FileAxis3dIcon = require_file_axis3d_icon.FileAxis3dIcon;
 exports.FileBadgeIcon = require_file_badge_icon.FileBadgeIcon;
@@ -2409,7 +2395,6 @@ exports.ForkliftIcon = require_forklift_icon.ForkliftIcon;
 exports.FormIcon = require_form_icon.FormIcon;
 exports.ForwardIcon = require_forward_icon.ForwardIcon;
 exports.FrameIcon = require_frame_icon.FrameIcon;
-exports.FramerIcon = require_framer_icon.FramerIcon;
 exports.FrownIcon = require_frown_icon.FrownIcon;
 exports.FuelIcon = require_fuel_icon.FuelIcon;
 exports.FullscreenIcon = require_fullscreen_icon.FullscreenIcon;
@@ -2447,8 +2432,6 @@ exports.GitPullRequestCreateArrowIcon = require_git_pull_request_create_arrow_ic
 exports.GitPullRequestCreateIcon = require_git_pull_request_create_icon.GitPullRequestCreateIcon;
 exports.GitPullRequestDraftIcon = require_git_pull_request_draft_icon.GitPullRequestDraftIcon;
 exports.GitPullRequestIcon = require_git_pull_request_icon.GitPullRequestIcon;
-exports.GithubIcon = require_github_icon.GithubIcon;
-exports.GitlabIcon = require_gitlab_icon.GitlabIcon;
 exports.GlassWaterIcon = require_glass_water_icon.GlassWaterIcon;
 exports.GlassesIcon = require_glasses_icon.GlassesIcon;
 exports.GlobeIcon = require_globe_icon.GlobeIcon;
@@ -2545,7 +2528,6 @@ exports.IndianRupeeIcon = require_indian_rupee_icon.IndianRupeeIcon;
 exports.InfinityIcon = require_infinity_icon.InfinityIcon;
 exports.InfoIcon = require_info_icon.InfoIcon;
 exports.InspectionPanelIcon = require_inspection_panel_icon.InspectionPanelIcon;
-exports.InstagramIcon = require_instagram_icon.InstagramIcon;
 exports.ItalicIcon = require_italic_icon.ItalicIcon;
 exports.IterationCcwIcon = require_iteration_ccw_icon.IterationCcwIcon;
 exports.IterationCwIcon = require_iteration_cw_icon.IterationCwIcon;
@@ -2596,10 +2578,10 @@ exports.LightbulbIcon = require_lightbulb_icon.LightbulbIcon;
 exports.LightbulbOffIcon = require_lightbulb_off_icon.LightbulbOffIcon;
 exports.LineDotRightHorizontalIcon = require_line_dot_right_horizontal_icon.LineDotRightHorizontalIcon;
 exports.LineSquiggleIcon = require_line_squiggle_icon.LineSquiggleIcon;
+exports.LineStyleIcon = require_line_style_icon.LineStyleIcon;
 exports.Link2Icon = require_link2_icon.Link2Icon;
 exports.Link2OffIcon = require_link2_off_icon.Link2OffIcon;
 exports.LinkIcon = require_link_icon.LinkIcon;
-exports.LinkedinIcon = require_linkedin_icon.LinkedinIcon;
 exports.ListCheckIcon = require_list_check_icon.ListCheckIcon;
 exports.ListChecksIcon = require_list_checks_icon.ListChecksIcon;
 exports.ListChevronsDownUpIcon = require_list_chevrons_down_up_icon.ListChevronsDownUpIcon;
@@ -2877,7 +2859,6 @@ exports.Plug2Icon = require_plug2_icon.Plug2Icon;
 exports.PlugIcon = require_plug_icon.PlugIcon;
 exports.PlugZapIcon = require_plug_zap_icon.PlugZapIcon;
 exports.PlusIcon = require_plus_icon.PlusIcon;
-exports.PocketIcon = require_pocket_icon.PocketIcon;
 exports.PocketKnifeIcon = require_pocket_knife_icon.PocketKnifeIcon;
 exports.PodcastIcon = require_podcast_icon.PodcastIcon;
 exports.PointerIcon = require_pointer_icon.PointerIcon;
@@ -2902,10 +2883,10 @@ exports.RadarIcon = require_radar_icon.RadarIcon;
 exports.RadiationIcon = require_radiation_icon.RadiationIcon;
 exports.RadicalIcon = require_radical_icon.RadicalIcon;
 exports.RadioIcon = require_radio_icon.RadioIcon;
+exports.RadioOffIcon = require_radio_off_icon.RadioOffIcon;
 exports.RadioReceiverIcon = require_radio_receiver_icon.RadioReceiverIcon;
 exports.RadioTowerIcon = require_radio_tower_icon.RadioTowerIcon;
 exports.RadiusIcon = require_radius_icon.RadiusIcon;
-exports.RailSymbolIcon = require_rail_symbol_icon.RailSymbolIcon;
 exports.RainbowIcon = require_rainbow_icon.RainbowIcon;
 exports.RatIcon = require_rat_icon.RatIcon;
 exports.RatioIcon = require_ratio_icon.RatioIcon;
@@ -2944,6 +2925,7 @@ exports.ReplyAllIcon = require_reply_all_icon.ReplyAllIcon;
 exports.ReplyIcon = require_reply_icon.ReplyIcon;
 exports.RewindIcon = require_rewind_icon.RewindIcon;
 exports.RibbonIcon = require_ribbon_icon.RibbonIcon;
+exports.RoadIcon = require_road_icon.RoadIcon;
 exports.RocketIcon = require_rocket_icon.RocketIcon;
 exports.RockingChairIcon = require_rocking_chair_icon.RockingChairIcon;
 exports.RollerCoasterIcon = require_roller_coaster_icon.RollerCoasterIcon;
@@ -3020,6 +3002,8 @@ exports.ShelvingUnitIcon = require_shelving_unit_icon.ShelvingUnitIcon;
 exports.ShieldAlertIcon = require_shield_alert_icon.ShieldAlertIcon;
 exports.ShieldBanIcon = require_shield_ban_icon.ShieldBanIcon;
 exports.ShieldCheckIcon = require_shield_check_icon.ShieldCheckIcon;
+exports.ShieldCogCornerIcon = require_shield_cog_corner_icon.ShieldCogCornerIcon;
+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;
@@ -3055,7 +3039,6 @@ exports.SirenIcon = require_siren_icon.SirenIcon;
 exports.SkipBackIcon = require_skip_back_icon.SkipBackIcon;
 exports.SkipForwardIcon = require_skip_forward_icon.SkipForwardIcon;
 exports.SkullIcon = require_skull_icon.SkullIcon;
-exports.SlackIcon = require_slack_icon.SlackIcon;
 exports.SlashIcon = require_slash_icon.SlashIcon;
 exports.SliceIcon = require_slice_icon.SliceIcon;
 exports.SlidersHorizontalIcon = require_sliders_horizontal_icon.SlidersHorizontalIcon;
@@ -3083,6 +3066,7 @@ exports.SplineIcon = require_spline_icon.SplineIcon;
 exports.SplinePointerIcon = require_spline_pointer_icon.SplinePointerIcon;
 exports.SplitIcon = require_split_icon.SplitIcon;
 exports.SpoolIcon = require_spool_icon.SpoolIcon;
+exports.SportShoeIcon = require_sport_shoe_icon.SportShoeIcon;
 exports.SpotlightIcon = require_spotlight_icon.SpotlightIcon;
 exports.SprayCanIcon = require_spray_can_icon.SprayCanIcon;
 exports.SproutIcon = require_sprout_icon.SproutIcon;
@@ -3272,7 +3256,6 @@ exports.TreeDeciduousIcon = require_tree_deciduous_icon.TreeDeciduousIcon;
 exports.TreePalmIcon = require_tree_palm_icon.TreePalmIcon;
 exports.TreePineIcon = require_tree_pine_icon.TreePineIcon;
 exports.TreesIcon = require_trees_icon.TreesIcon;
-exports.TrelloIcon = require_trello_icon.TrelloIcon;
 exports.TrendingDownIcon = require_trending_down_icon.TrendingDownIcon;
 exports.TrendingUpDownIcon = require_trending_up_down_icon.TrendingUpDownIcon;
 exports.TrendingUpIcon = require_trending_up_icon.TrendingUpIcon;
@@ -3289,8 +3272,6 @@ exports.TurtleIcon = require_turtle_icon.TurtleIcon;
 exports.TvIcon = require_tv_icon.TvIcon;
 exports.TvMinimalIcon = require_tv_minimal_icon.TvMinimalIcon;
 exports.TvMinimalPlayIcon = require_tv_minimal_play_icon.TvMinimalPlayIcon;
-exports.TwitchIcon = require_twitch_icon.TwitchIcon;
-exports.TwitterIcon = require_twitter_icon.TwitterIcon;
 exports.TypeIcon = require_type_icon.TypeIcon;
 exports.TypeOutlineIcon = require_type_outline_icon.TypeOutlineIcon;
 exports.UmbrellaIcon = require_umbrella_icon.UmbrellaIcon;
@@ -3394,7 +3375,6 @@ exports.WormIcon = require_worm_icon.WormIcon;
 exports.WrenchIcon = require_wrench_icon.WrenchIcon;
 exports.XIcon = require_x_icon.XIcon;
 exports.XLineTopIcon = require_x_line_top_icon.XLineTopIcon;
-exports.YoutubeIcon = require_youtube_icon.YoutubeIcon;
 exports.ZapIcon = require_zap_icon.ZapIcon;
 exports.ZapOffIcon = require_zap_off_icon.ZapOffIcon;
 exports.ZodiacAquariusIcon = require_zodiac_aquarius_icon.ZodiacAquariusIcon;

package/dist/cjs/components/menu/menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","MenuRoot: FC<MenuRootProps>","usePopoverProps","useMenu","MenuDescendantsContext","MenuContext","MainMenuContext","styled","useMenuContext","rest","Fragment","items","index","useMenuGroupContext","useMenuGroup","MenuGroupContext","useMenuOptionGroup","MenuOptionGroupContext","useMenuItem","ChevronRightIcon","useMenuOptionItem","CircleSmallIcon","CheckIcon"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  Direction,\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Direction\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, disabled, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu({ disabled, ...rest })\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps extends HTMLStyledProps, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends HTMLStyledProps, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACEA,6CACF,QACAC,6BACD;;;;;;AASD,MAAaC,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,MAAM;CAChE,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvBC,oCAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACEC,yBAAQ;EAAE;EAAU,GAAG;EAAM,CAAC;CAClC,MAAM,+CACG;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,EAAE,GAAG;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA8CD,QACE,2CAAC;EAAa,OAAO;YACnB,2CAACC;GAAuB,OAAO;aAC7B,2CAACC;IAAY,iCA/CV;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cA8BO,2CAACC;KAAgB,iCA5BhB;MACL;MACA;MACA;MACA;MACA;MACD,GACD;MAAC;MAAe;MAAa;MAAoB;MAAY;MAAS,CACvE;eAqBS,2CAAC;MAAiB,iCAnBnB;OACL;OACA;OACA;OACA;OACD,GACD;OACE;OACA;OACA;OACA;OACD,CACF;gBAQW;OAAc,GAAI;OAAqB;QAAwB;OAC9C;MACH;KACN;IACS;GACZ;;AAMnB,MAAa,cAAc,4CAEzB,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;AAEjD,oDAAiC,4DAAgC,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"}
+{"version":3,"file":"menu.cjs","names":["createSlotComponent","menuStyle","MenuRoot: FC<MenuRootProps>","usePopoverProps","useMenu","MenuDescendantsContext","MenuContext","MainMenuContext","styled","useMenuContext","rest","Fragment","items","index","useMenuGroupContext","useMenuGroup","MenuGroupContext","useMenuOptionGroup","MenuOptionGroupContext","useMenuItem","ChevronRightIcon","useMenuOptionItem","CircleSmallIcon","CheckIcon"],"sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, ReactElement, ReactNode } from \"react\"\nimport type {\n  GenericsComponent,\n  HTMLProps,\n  HTMLStyledProps,\n  ThemeProps,\n  WithoutThemeProps,\n} from \"../../core\"\nimport type { MenuStyle } from \"./menu.style\"\nimport type {\n  MenuOptionGroupType,\n  MenuOptionGroupValue,\n  UseMenuGroupProps,\n  UseMenuItemProps,\n  UseMenuOptionGroupProps,\n  UseMenuOptionItemProps,\n  UseMenuProps,\n  UseMenuReturn,\n} from \"./use-menu\"\nimport { Fragment, useMemo, useState } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { cast, handlerAll } from \"../../utils\"\nimport { CheckIcon, ChevronRightIcon, CircleSmallIcon } from \"../icon\"\nimport { Popover, usePopoverProps } from \"../popover\"\nimport { menuStyle } from \"./menu.style\"\nimport {\n  MainMenuContext,\n  MenuContext,\n  MenuDescendantsContext,\n  MenuGroupContext,\n  MenuOptionGroupContext,\n  useMenu,\n  useMenuContext,\n  useMenuGroup,\n  useMenuGroupContext,\n  useMenuItem,\n  useMenuOptionGroup,\n  useMenuOptionItem,\n} from \"./use-menu\"\n\ninterface MenuSharedItem {\n  label?: ReactNode\n}\n\ninterface MenuItemWithValue extends MenuSharedItem, MenuItemProps {}\n\ninterface MenuOptionItem extends MenuSharedItem, MenuOptionItemProps {}\n\ninterface MenuItemWithSeparator extends MenuSeparatorProps {\n  type: \"separator\"\n}\n\ninterface MenuItemWithRadioGroup<Y extends string = string>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"radio\", Y> {\n  type: \"radio\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithCheckboxGroup<Y extends string[] = string[]>\n  extends\n    Omit<MenuItemWithItems, \"defaultValue\" | \"items\" | \"onChange\">,\n    MenuOptionGroupProps<\"checkbox\", Y> {\n  type: \"checkbox\"\n  items?: MenuOptionItem[]\n}\n\ninterface MenuItemWithItems extends MenuSharedItem, MenuGroupProps {\n  hasEndSeparator?: boolean\n  hasSeparator?: boolean\n  hasStartSeparator?: boolean\n  items?: MenuItemWithValue[]\n  labelProps?: MenuLabelProps\n}\n\nexport type MenuItem =\n  | MenuItemWithCheckboxGroup\n  | MenuItemWithItems\n  | MenuItemWithRadioGroup\n  | MenuItemWithSeparator\n  | MenuItemWithValue\n\ninterface ComponentContext extends Pick<\n  UseMenuReturn,\n  | \"getContentProps\"\n  | \"getContextTriggerProps\"\n  | \"getSeparatorProps\"\n  | \"getTriggerProps\"\n> {}\n\nexport interface MenuRootProps\n  extends\n    UseMenuProps,\n    Omit<\n      WithoutThemeProps<Popover.RootProps, MenuStyle>,\n      \"autoFocus\" | \"modal\" | \"updateRef\" | \"withCloseButton\"\n    >,\n    ThemeProps<MenuStyle> {\n  /**\n   * The placement of the popper relative to its reference.\n   *\n   * @default 'end-start'\n   */\n  placement?: Popover.RootProps[\"placement\"]\n}\n\nconst {\n  ComponentContext,\n  PropsContext: MenuPropsContext,\n  StyleContext,\n  useComponentContext,\n  usePropsContext: useMenuPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<MenuRootProps, MenuStyle, ComponentContext>(\n  \"menu\",\n  menuStyle,\n)\n\nexport { MenuPropsContext, useMenuPropsContext }\n\n/**\n * `Menu` is a component that displays a common dropdown menu.\n *\n * @see https://yamada-ui.com/docs/components/menu\n */\nexport const MenuRoot: FC<MenuRootProps> = (props) => {\n  const [styleContext, mergedProps] = useRootComponentProps(props)\n  const [\n    { animationScheme, initialFocusRef, offset, placement, ...popoverProps },\n    { children, disabled, ...rest },\n  ] = usePopoverProps(mergedProps, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n  ])\n  const {\n    closeOnSelect,\n    descendants,\n    open,\n    subMenu,\n    subMenuDirection,\n    updateRef,\n    getContentProps,\n    getContextTriggerProps,\n    getSeparatorProps,\n    getTriggerProps,\n    onActiveDescendant,\n    onClose,\n    onCloseRef,\n    onCloseSubMenu,\n    onOpen,\n    onSelect,\n  } = useMenu({ disabled, ...rest })\n  const mergedPopoverProps = useMemo<Popover.RootProps>(\n    () => ({\n      ...popoverProps,\n      animationScheme:\n        animationScheme ?? (subMenu ? \"inline-start\" : \"block-start\"),\n      autoFocus: !!initialFocusRef,\n      disabled,\n      initialFocusRef,\n      offset: offset ?? (subMenu ? [0, 0] : undefined),\n      open,\n      placement:\n        placement ?? (subMenu ? `center-${subMenuDirection}` : \"end-start\"),\n      updateRef,\n      onClose,\n      onOpen,\n    }),\n    [\n      animationScheme,\n      disabled,\n      initialFocusRef,\n      offset,\n      onClose,\n      onOpen,\n      open,\n      placement,\n      popoverProps,\n      subMenu,\n      subMenuDirection,\n      updateRef,\n    ],\n  )\n  const menuContext = useMemo(\n    () => ({\n      subMenu,\n      subMenuDirection,\n      onActiveDescendant,\n      onClose,\n      onCloseSubMenu,\n      onOpen,\n      onSelect,\n    }),\n    [\n      onClose,\n      onOpen,\n      onSelect,\n      onActiveDescendant,\n      subMenu,\n      subMenuDirection,\n      onCloseSubMenu,\n    ],\n  )\n  const mainMenuContext = useMemo(\n    () => ({\n      closeOnSelect,\n      descendants,\n      onActiveDescendant,\n      onCloseRef,\n      onSelect,\n    }),\n    [closeOnSelect, descendants, onActiveDescendant, onCloseRef, onSelect],\n  )\n  const componentContext = useMemo(\n    () => ({\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    }),\n    [\n      getContentProps,\n      getContextTriggerProps,\n      getSeparatorProps,\n      getTriggerProps,\n    ],\n  )\n\n  return (\n    <StyleContext value={styleContext}>\n      <MenuDescendantsContext value={descendants}>\n        <MenuContext value={menuContext}>\n          <MainMenuContext value={mainMenuContext}>\n            <ComponentContext value={componentContext}>\n              <Popover.Root {...mergedPopoverProps}>{children}</Popover.Root>\n            </ComponentContext>\n          </MainMenuContext>\n        </MenuContext>\n      </MenuDescendantsContext>\n    </StyleContext>\n  )\n}\n\nexport interface MenuTriggerProps extends Popover.TriggerProps {}\n\nexport const MenuTrigger = withContext<\"button\", MenuTriggerProps>(\n  Popover.Trigger,\n  \"trigger\",\n)(undefined, (props) => {\n  const { getTriggerProps } = useComponentContext()\n\n  return cast<HTMLProps<\"button\">>(getTriggerProps(cast<HTMLProps>(props)))\n})\n\ninterface Rect {\n  left: number\n  top: number\n}\n\nexport interface MenuContextTriggerProps extends HTMLProps {}\n\nexport const MenuContextTrigger = withContext<\"div\", MenuContextTriggerProps>(\n  ({ children, onContextMenu, ...rest }) => {\n    const [rect, setRect] = useState<Rect>({\n      left: 0,\n      top: 0,\n    })\n    const { getContextTriggerProps } = useComponentContext()\n\n    return (\n      <>\n        <MenuAnchor>\n          <styled.div style={{ position: \"fixed\", ...rect }} />\n        </MenuAnchor>\n\n        <styled.div\n          asChild\n          {...getContextTriggerProps({\n            onContextMenu: handlerAll(onContextMenu, (ev) => {\n              setRect({ left: ev.clientX, top: ev.clientY })\n            }),\n            ...rest,\n          })}\n        >\n          {children}\n        </styled.div>\n      </>\n    )\n  },\n  \"contextTrigger\",\n)()\n\nexport interface MenuAnchorProps extends Popover.AnchorProps {}\n\nexport const MenuAnchor = withContext<\"div\", MenuAnchorProps>(\n  Popover.Anchor,\n  \"anchor\",\n)()\n\nexport interface MenuContentProps extends Popover.ContentProps {\n  /**\n   * The footer of the menu.\n   */\n  footer?: ReactNode\n  /**\n   * The header of the menu.\n   */\n  header?: ReactNode\n  /**\n   * If provided, generate elements based on items.\n   */\n  items?: MenuItem[]\n  /**\n   * Props for the footer component.\n   */\n  footerProps?: MenuFooterProps\n  /**\n   * Props for the header component.\n   */\n  headerProps?: MenuHeaderProps\n}\n\nexport const MenuContent = withContext<\"div\", MenuContentProps>(\n  Popover.Content,\n  \"content\",\n)(\n  undefined,\n  ({\n    children,\n    footer,\n    header,\n    items = [],\n    footerProps,\n    headerProps,\n    portalProps,\n    ...rest\n  }) => {\n    const { subMenu } = useMenuContext()\n    const { getContentProps } = useComponentContext()\n    const computedChildren = useMemo(() => {\n      if (children) return children\n\n      return (\n        <>\n          {header ? <MenuHeader {...headerProps}>{header}</MenuHeader> : null}\n\n          {items.map((props, index) => {\n            if (\"type\" in props) {\n              if (props.type === \"radio\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else if (props.type === \"checkbox\") {\n                const {\n                  type,\n                  hasSeparator = true,\n                  hasEndSeparator = hasSeparator,\n                  hasStartSeparator = hasSeparator,\n                  items = [],\n                  ...rest\n                } = props\n\n                return (\n                  <Fragment key={index}>\n                    {hasStartSeparator ? <MenuSeparator /> : null}\n\n                    <MenuOptionGroup type={type} {...rest}>\n                      {items.map(({ label, ...rest }, index) => (\n                        <MenuOptionItem key={index} {...rest}>\n                          {label}\n                        </MenuOptionItem>\n                      ))}\n                    </MenuOptionGroup>\n\n                    {hasEndSeparator ? <MenuSeparator /> : null}\n                  </Fragment>\n                )\n              } else {\n                return <MenuSeparator key={index} />\n              }\n            } else if (\"items\" in props) {\n              const {\n                hasSeparator = true,\n                hasEndSeparator = hasSeparator,\n                hasStartSeparator = hasSeparator,\n                items = [],\n                ...rest\n              } = props\n\n              return (\n                <Fragment key={index}>\n                  {hasStartSeparator ? <MenuSeparator /> : null}\n\n                  <MenuGroup {...rest}>\n                    {items.map(({ label, ...rest }, index) => (\n                      <MenuItem key={index} {...rest}>\n                        {label}\n                      </MenuItem>\n                    ))}\n                  </MenuGroup>\n\n                  {hasEndSeparator ? <MenuSeparator /> : null}\n                </Fragment>\n              )\n            } else if (\"value\" in props) {\n              const { label, ...rest } = props\n\n              return (\n                <MenuItem key={index} {...rest}>\n                  {label}\n                </MenuItem>\n              )\n            }\n          })}\n\n          {footer ? <MenuFooter {...footerProps}>{footer}</MenuFooter> : null}\n        </>\n      )\n    }, [children, footer, footerProps, header, headerProps, items])\n\n    return {\n      ...getContentProps(\n        cast<HTMLProps>({ ...rest, children: computedChildren }),\n      ),\n      portalProps: subMenu ? { ...portalProps, disabled: true } : portalProps,\n    }\n  },\n)\n\nexport interface MenuHeaderProps extends HTMLStyledProps {}\n\nexport const MenuHeader = withContext<\"div\", MenuHeaderProps>(\n  \"div\",\n  \"header\",\n)({ \"data-header\": \"\" })\n\nexport interface MenuFooterProps extends HTMLStyledProps {}\n\nexport const MenuFooter = withContext<\"div\", MenuFooterProps>(\n  \"div\",\n  \"footer\",\n)({ \"data-footer\": \"\" })\n\nexport interface MenuLabelProps extends HTMLStyledProps<\"span\"> {}\n\nexport const MenuLabel = withContext<\"span\", MenuLabelProps>(\"span\", \"label\")(\n  undefined,\n  (props) => {\n    const { getLabelProps } = useMenuGroupContext()\n\n    return getLabelProps(props)\n  },\n)\n\nexport interface MenuGroupProps extends UseMenuGroupProps, HTMLStyledProps {\n  /**\n   * The label of the group.\n   */\n  label?: ReactNode\n  /**\n   * Props for the label component.\n   */\n  labelProps?: MenuLabelProps\n}\n\nexport const MenuGroup = withContext<\"div\", MenuGroupProps>(\n  ({ children, label, labelProps, ...rest }) => {\n    const { getGroupProps, getLabelProps } = useMenuGroup(rest)\n    const context = useMemo(() => ({ getLabelProps }), [getLabelProps])\n\n    return (\n      <MenuGroupContext value={context}>\n        <styled.div {...getGroupProps()}>\n          {label ? <MenuLabel {...labelProps}>{label}</MenuLabel> : null}\n          {children}\n        </styled.div>\n      </MenuGroupContext>\n    )\n  },\n  \"group\",\n)()\n\nexport interface MenuOptionGroupProps<\n  Y extends MenuOptionGroupType = \"checkbox\",\n  M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n>\n  extends\n    UseMenuOptionGroupProps<Y, M>,\n    Omit<MenuGroupProps, \"defaultValue\" | \"onChange\"> {}\n\nexport const MenuOptionGroup = withContext<\"div\", MenuOptionGroupProps>(\n  ({\n    type: typeProp,\n    defaultValue,\n    value: valueProp,\n    onChange: onChangeProp,\n    ...rest\n  }) => {\n    const { type, value, onChange } = useMenuOptionGroup({\n      type: typeProp,\n      defaultValue,\n      value: valueProp,\n      onChange: onChangeProp,\n    })\n    const context = useMemo(\n      () => ({ type, value, onChange }),\n      [type, value, onChange],\n    )\n\n    return (\n      <MenuOptionGroupContext value={context}>\n        <MenuGroup {...rest} />\n      </MenuOptionGroupContext>\n    )\n  },\n  { name: \"OptionGroup\", slot: [\"group\", \"option\"] },\n)() as GenericsComponent<{\n  <\n    Y extends MenuOptionGroupType = \"checkbox\",\n    M extends MenuOptionGroupValue<Y> = MenuOptionGroupValue<Y>,\n  >(\n    props: MenuOptionGroupProps<Y, M>,\n  ): ReactElement\n}>\n\nexport interface MenuItemProps extends HTMLStyledProps, UseMenuItemProps {}\n\nexport const MenuItem = withContext<\"div\", MenuItemProps>(\n  ({ children, ...rest }) => {\n    const { subMenuTrigger, getItemProps } = useMenuItem(rest)\n\n    return (\n      <styled.div {...getItemProps()}>\n        {children}\n\n        {subMenuTrigger ? (\n          <MenuIndicator as={ChevronRightIcon} ms=\"auto\" />\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"item\",\n)()\n\nexport interface MenuOptionItemProps\n  extends HTMLStyledProps, UseMenuOptionItemProps {\n  /**\n   * The icon to be used in the menu option item.\n   */\n  icon?: ReactNode\n}\n\nexport const MenuOptionItem = withContext<\"div\", MenuOptionItemProps>(\n  ({ children, icon, ...rest }) => {\n    const { type, getIndicatorProps, getOptionItemProps } =\n      useMenuOptionItem(rest)\n\n    return (\n      <styled.div {...getOptionItemProps()}>\n        <MenuIndicator {...getIndicatorProps()}>\n          {icon ||\n            (type === \"radio\" ? (\n              <CircleSmallIcon fill=\"currentColor\" />\n            ) : (\n              <CheckIcon />\n            ))}\n        </MenuIndicator>\n        {children}\n      </styled.div>\n    )\n  },\n  { name: \"OptionItem\", slot: [\"item\", \"option\"] },\n)()\n\nexport interface MenuIndicatorProps extends HTMLStyledProps {}\n\nexport const MenuIndicator = withContext<\"div\", MenuIndicatorProps>(\n  \"div\",\n  \"indicator\",\n)()\n\nexport interface MenuCommandProps extends HTMLStyledProps<\"kbd\"> {}\n\nexport const MenuCommand = withContext<\"kbd\", MenuCommandProps>(\n  \"kbd\",\n  \"command\",\n)()\n\nexport interface MenuSeparatorProps extends HTMLStyledProps<\"hr\"> {}\n\nexport const MenuSeparator = withContext<\"hr\", MenuSeparatorProps>(\n  \"hr\",\n  \"separator\",\n)(undefined, (props) => {\n  const { getSeparatorProps } = useComponentContext()\n\n  return getSeparatorProps(props)\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6GA,MAAM,EACJ,kBACA,cAAc,kBACd,cACA,qBACA,iBAAiB,qBACjB,aACA,0BACEA,6CACF,QACAC,6BACD;;;;;;AASD,MAAaC,YAA+B,UAAU;CACpD,MAAM,CAAC,cAAc,eAAe,sBAAsB,MAAM;CAChE,MAAM,CACJ,EAAE,iBAAiB,iBAAiB,QAAQ,WAAW,GAAG,gBAC1D,EAAE,UAAU,UAAU,GAAG,UACvBC,oCAAgB,aAAa;EAC/B;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,EACJ,eACA,aACA,MACA,SACA,kBACA,WACA,iBACA,wBACA,mBACA,iBACA,oBACA,SACA,YACA,gBACA,QACA,aACEC,yBAAQ;EAAE;EAAU,GAAG;EAAM,CAAC;CAClC,MAAM,+CACG;EACL,GAAG;EACH,iBACE,oBAAoB,UAAU,iBAAiB;EACjD,WAAW,CAAC,CAAC;EACb;EACA;EACA,QAAQ,WAAW,UAAU,CAAC,GAAG,EAAE,GAAG;EACtC;EACA,WACE,cAAc,UAAU,UAAU,qBAAqB;EACzD;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA8CD,QACE,2CAAC;EAAa,OAAO;YACnB,2CAACC;GAAuB,OAAO;aAC7B,2CAACC;IAAY,iCA/CV;KACL;KACA;KACA;KACA;KACA;KACA;KACA;KACD,GACD;KACE;KACA;KACA;KACA;KACA;KACA;KACA;KACD,CACF;cA8BO,2CAACC;KAAgB,iCA5BhB;MACL;MACA;MACA;MACA;MACA;MACD,GACD;MAAC;MAAe;MAAa;MAAoB;MAAY;MAAS,CACvE;eAqBS,2CAAC;MAAiB,iCAnBnB;OACL;OACA;OACA;OACA;OACD,GACD;OACE;OACA;OACA;OACA;OACD,CACF;gBAQW;OAAc,GAAI;OAAqB;QAAwB;OAC9C;MACH;KACN;IACS;GACZ;;AAMnB,MAAa,cAAc,4CAEzB,UACD,CAAC,SAAY,UAAU;CACtB,MAAM,EAAE,oBAAoB,qBAAqB;AAEjD,oDAAiC,4DAAgC,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"}

package/dist/cjs/components/modal/modal.cjs

@@ -8,12 +8,13 @@ const require_create_component = require('../../core/components/create-component
 require('../../core/index.cjs');
 const require_factory$1 = require('../motion/factory.cjs');
 require('../motion/index.cjs');
+const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
 const require_portal = require('../portal/portal.cjs');
 require('../portal/index.cjs');
-const require_button = require('../button/button.cjs');
-require('../button/index.cjs');
 const require_popover = require('../popover/popover.cjs');
 require('../popover/index.cjs');
+const require_button = require('../button/button.cjs');
+require('../button/index.cjs');
 const require_close_button = require('../close-button/close-button.cjs');
 require('../close-button/index.cjs');
 const require_modal_style = require('./modal.style.cjs');
@@ -113,7 +114,8 @@ const ModalCloseButton = withContext(require_close_button.CloseButton, "closeBut
 	return { ...getCloseButtonProps(props) };
 });
 const ModalOverlay = withContext((props) => {
-	const { animationScheme, duration, getOverlayProps } = useComponentContext();
+	const { animationScheme, duration: durationProp, getOverlayProps } = useComponentContext();
+	const duration = require_hooks_use_value_index.useValue(durationProp);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory$1.motion.div, {
 		custom: { duration },
 		...animationScheme !== "none" ? {
@@ -128,8 +130,12 @@ const ModalOverlay = withContext((props) => {
 const ModalContent = withContext(({ children, ...rest }) => {
 	const { animationScheme, duration, withCloseButton, getContentProps } = useComponentContext();
 	const [omittedChildren, customCloseButton] = require_children.useSplitChildren(children, ModalCloseButton);
+	const popupAnimationProps = require_popover.usePopupAnimationProps({
+		animationScheme,
+		duration
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_factory$1.motion.section, {
-		...require_popover.getPopupAnimationProps(animationScheme, duration),
+		...popupAnimationProps,
 		...(0, require_utils_index.utils_exports.cast)(getContentProps((0, require_utils_index.utils_exports.cast)(rest))),
 		children: [customCloseButton ?? (withCloseButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalCloseButton, {}) : null), omittedChildren]
 	});