[{"data":1,"prerenderedAt":1794},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Frating":406,"\u002Fcomponents\u002Frating-surround":1789},[4,34,51,301,327,332,337],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"id":407,"title":219,"body":408,"description":1778,"extension":1624,"links":1779,"meta":1785,"navigation":1786,"package":63,"path":220,"seo":1787,"stem":221,"__hash__":1788},"docs\u002F3.components\u002Frating.md",{"type":409,"value":410,"toc":1758},"minimark",[411,416,431,436,440,620,634,639,645,856,862,866,873,932,939,943,950,1018,1030,1034,1039,1081,1084,1088,1094,1174,1178,1230,1234,1414,1440,1449,1453,1483,1487,1510,1514,1523,1569,1573,1657,1667,1670,1681,1687,1690,1694,1729,1733,1754],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426,427,430],"p",{},[420,421,422],"code",{},"VyRating"," is a styled integer rating control built on the ",[420,425,41],{}," rating primitives. It supports a configurable item count, semantic active color, four sizes, a custom Iconify glyph, disabled state, and controlled state through ",[420,428,429],{},"v-model",".",[432,433],"component-code",{"height":434,"name":435},"140px","rating-example",[412,437,439],{"id":438},"usage","Usage",[441,442,447],"pre",{"className":443,"code":444,"language":445,"meta":446,"style":446},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyRating } from '@vyui\u002Fkit'\n\nconst rating = ref(3)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyRating v-model=\"rating\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[420,448,449,484,512,532,539,563,573,578,588,611],{"__ignoreMap":446},[450,451,454,458,462,466,469,472,475,479,481],"span",{"class":452,"line":453},"line",1,[450,455,457],{"class":456},"sMK4o","\u003C",[450,459,461],{"class":460},"swJcz","script",[450,463,465],{"class":464},"spNyl"," setup",[450,467,468],{"class":464}," lang",[450,470,471],{"class":456},"=",[450,473,474],{"class":456},"\"",[450,476,478],{"class":477},"sfazB","ts",[450,480,474],{"class":456},[450,482,483],{"class":456},">\n",[450,485,487,491,494,498,501,504,507,509],{"class":452,"line":486},2,[450,488,490],{"class":489},"s7zQu","import",[450,492,493],{"class":456}," {",[450,495,497],{"class":496},"sTEyZ"," ref",[450,499,500],{"class":456}," }",[450,502,503],{"class":489}," from",[450,505,506],{"class":456}," '",[450,508,445],{"class":477},[450,510,511],{"class":456},"'\n",[450,513,515,517,519,522,524,526,528,530],{"class":452,"line":514},3,[450,516,490],{"class":489},[450,518,493],{"class":456},[450,520,521],{"class":496}," VyRating",[450,523,500],{"class":456},[450,525,503],{"class":489},[450,527,506],{"class":456},[450,529,46],{"class":477},[450,531,511],{"class":456},[450,533,535],{"class":452,"line":534},4,[450,536,538],{"emptyLinePlaceholder":537},true,"\n",[450,540,542,545,548,550,553,556,560],{"class":452,"line":541},5,[450,543,544],{"class":464},"const",[450,546,547],{"class":496}," rating ",[450,549,471],{"class":456},[450,551,497],{"class":552},"s2Zo4",[450,554,555],{"class":496},"(",[450,557,559],{"class":558},"sbssI","3",[450,561,562],{"class":496},")\n",[450,564,566,569,571],{"class":452,"line":565},6,[450,567,568],{"class":456},"\u003C\u002F",[450,570,461],{"class":460},[450,572,483],{"class":456},[450,574,576],{"class":452,"line":575},7,[450,577,538],{"emptyLinePlaceholder":537},[450,579,581,583,586],{"class":452,"line":580},8,[450,582,457],{"class":456},[450,584,585],{"class":460},"template",[450,587,483],{"class":456},[450,589,591,594,596,599,601,603,606,608],{"class":452,"line":590},9,[450,592,593],{"class":456},"  \u003C",[450,595,422],{"class":460},[450,597,598],{"class":464}," v-model",[450,600,471],{"class":456},[450,602,474],{"class":456},[450,604,605],{"class":477},"rating",[450,607,474],{"class":456},[450,609,610],{"class":456}," \u002F>\n",[450,612,614,616,618],{"class":452,"line":613},10,[450,615,568],{"class":456},[450,617,585],{"class":460},[450,619,483],{"class":456},[417,621,622,623,626,627,630,631,633],{},"The bound value is a number from ",[420,624,625],{},"0"," through ",[420,628,629],{},"count",". A value of ",[420,632,625],{}," leaves every item inactive.",[635,636,638],"h3",{"id":637},"item-count","Item count",[417,640,641,642,644],{},"Use ",[420,643,629],{}," to change the number of rendered choices.",[441,646,648],{"className":443,"code":647,"language":445,"meta":446,"style":446},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyRating } from '@vyui\u002Fkit'\n\nconst difficulty = ref(2)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cview class=\"gap-2\">\n    \u003Ctext class=\"text-sm font-medium text-neutral-900\">\n      Difficulty: {{ difficulty }} of 3\n    \u003C\u002Ftext>\n    \u003CVyRating v-model=\"difficulty\" :count=\"3\" \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[420,649,650,670,688,706,710,728,736,740,748,769,790,796,806,837,847],{"__ignoreMap":446},[450,651,652,654,656,658,660,662,664,666,668],{"class":452,"line":453},[450,653,457],{"class":456},[450,655,461],{"class":460},[450,657,465],{"class":464},[450,659,468],{"class":464},[450,661,471],{"class":456},[450,663,474],{"class":456},[450,665,478],{"class":477},[450,667,474],{"class":456},[450,669,483],{"class":456},[450,671,672,674,676,678,680,682,684,686],{"class":452,"line":486},[450,673,490],{"class":489},[450,675,493],{"class":456},[450,677,497],{"class":496},[450,679,500],{"class":456},[450,681,503],{"class":489},[450,683,506],{"class":456},[450,685,445],{"class":477},[450,687,511],{"class":456},[450,689,690,692,694,696,698,700,702,704],{"class":452,"line":514},[450,691,490],{"class":489},[450,693,493],{"class":456},[450,695,521],{"class":496},[450,697,500],{"class":456},[450,699,503],{"class":489},[450,701,506],{"class":456},[450,703,46],{"class":477},[450,705,511],{"class":456},[450,707,708],{"class":452,"line":534},[450,709,538],{"emptyLinePlaceholder":537},[450,711,712,714,717,719,721,723,726],{"class":452,"line":541},[450,713,544],{"class":464},[450,715,716],{"class":496}," difficulty ",[450,718,471],{"class":456},[450,720,497],{"class":552},[450,722,555],{"class":496},[450,724,725],{"class":558},"2",[450,727,562],{"class":496},[450,729,730,732,734],{"class":452,"line":565},[450,731,568],{"class":456},[450,733,461],{"class":460},[450,735,483],{"class":456},[450,737,738],{"class":452,"line":575},[450,739,538],{"emptyLinePlaceholder":537},[450,741,742,744,746],{"class":452,"line":580},[450,743,457],{"class":456},[450,745,585],{"class":460},[450,747,483],{"class":456},[450,749,750,752,755,758,760,762,765,767],{"class":452,"line":590},[450,751,593],{"class":456},[450,753,754],{"class":460},"view",[450,756,757],{"class":464}," class",[450,759,471],{"class":456},[450,761,474],{"class":456},[450,763,764],{"class":477},"gap-2",[450,766,474],{"class":456},[450,768,483],{"class":456},[450,770,771,774,777,779,781,783,786,788],{"class":452,"line":613},[450,772,773],{"class":456},"    \u003C",[450,775,776],{"class":460},"text",[450,778,757],{"class":464},[450,780,471],{"class":456},[450,782,474],{"class":456},[450,784,785],{"class":477},"text-sm font-medium text-neutral-900",[450,787,474],{"class":456},[450,789,483],{"class":456},[450,791,793],{"class":452,"line":792},11,[450,794,795],{"class":496},"      Difficulty: {{ difficulty }} of 3\n",[450,797,799,802,804],{"class":452,"line":798},12,[450,800,801],{"class":456},"    \u003C\u002F",[450,803,776],{"class":460},[450,805,483],{"class":456},[450,807,809,811,813,815,817,819,822,824,827,829,831,833,835],{"class":452,"line":808},13,[450,810,773],{"class":456},[450,812,422],{"class":460},[450,814,598],{"class":464},[450,816,471],{"class":456},[450,818,474],{"class":456},[450,820,821],{"class":477},"difficulty",[450,823,474],{"class":456},[450,825,826],{"class":464}," :count",[450,828,471],{"class":456},[450,830,474],{"class":456},[450,832,559],{"class":477},[450,834,474],{"class":456},[450,836,610],{"class":456},[450,838,840,843,845],{"class":452,"line":839},14,[450,841,842],{"class":456},"  \u003C\u002F",[450,844,754],{"class":460},[450,846,483],{"class":456},[450,848,850,852,854],{"class":452,"line":849},15,[450,851,568],{"class":456},[450,853,585],{"class":460},[450,855,483],{"class":456},[417,857,858,859,861],{},"Keep the model within the new range when changing ",[420,860,629],{}," dynamically. The component does not clamp an existing value when the count decreases.",[635,863,865],{"id":864},"color-and-size","Color and size",[417,867,868,869,872],{},"Use a semantic ",[420,870,871],{},"color"," and one of four sizes to fit the surrounding interface.",[441,874,876],{"className":443,"code":875,"language":445,"meta":446,"style":446},"\u003CVyRating\n  v-model=\"rating\"\n  color=\"success\"\n  size=\"lg\"\n\u002F>\n",[420,877,878,885,899,913,927],{"__ignoreMap":446},[450,879,880,882],{"class":452,"line":453},[450,881,457],{"class":456},[450,883,884],{"class":460},"VyRating\n",[450,886,887,890,892,894,896],{"class":452,"line":486},[450,888,889],{"class":464},"  v-model",[450,891,471],{"class":456},[450,893,474],{"class":456},[450,895,605],{"class":496},[450,897,898],{"class":456},"\"\n",[450,900,901,904,906,908,911],{"class":452,"line":514},[450,902,903],{"class":464},"  color",[450,905,471],{"class":456},[450,907,474],{"class":456},[450,909,910],{"class":477},"success",[450,912,898],{"class":456},[450,914,915,918,920,922,925],{"class":452,"line":534},[450,916,917],{"class":464},"  size",[450,919,471],{"class":456},[450,921,474],{"class":456},[450,923,924],{"class":477},"lg",[450,926,898],{"class":456},[450,928,929],{"class":452,"line":541},[450,930,931],{"class":496},"\u002F>\n",[417,933,934,935,938],{},"The default active color is ",[420,936,937],{},"warning","; inactive icons use the neutral theme color.",[635,940,942],{"id":941},"custom-icon","Custom icon",[417,944,945,946,949],{},"Set ",[420,947,948],{},"icon"," to any Iconify name. The icon changes for every rating item.",[441,951,953],{"className":443,"code":952,"language":445,"meta":446,"style":446},"\u003CVyRating\n  v-model=\"satisfaction\"\n  icon=\"i-lucide-heart\"\n  color=\"error\"\n  size=\"xl\"\n\u002F>\n",[420,954,955,961,974,988,1001,1014],{"__ignoreMap":446},[450,956,957,959],{"class":452,"line":453},[450,958,457],{"class":456},[450,960,884],{"class":460},[450,962,963,965,967,969,972],{"class":452,"line":486},[450,964,889],{"class":464},[450,966,471],{"class":456},[450,968,474],{"class":456},[450,970,971],{"class":496},"satisfaction",[450,973,898],{"class":456},[450,975,976,979,981,983,986],{"class":452,"line":514},[450,977,978],{"class":464},"  icon",[450,980,471],{"class":456},[450,982,474],{"class":456},[450,984,985],{"class":477},"i-lucide-heart",[450,987,898],{"class":456},[450,989,990,992,994,996,999],{"class":452,"line":534},[450,991,903],{"class":464},[450,993,471],{"class":456},[450,995,474],{"class":456},[450,997,998],{"class":477},"error",[450,1000,898],{"class":456},[450,1002,1003,1005,1007,1009,1012],{"class":452,"line":541},[450,1004,917],{"class":464},[450,1006,471],{"class":456},[450,1008,474],{"class":456},[450,1010,1011],{"class":477},"xl",[450,1013,898],{"class":456},[450,1015,1016],{"class":452,"line":565},[450,1017,931],{"class":496},[417,1019,1020,1021,1023,1024,1027,1028,430],{},"When ",[420,1022,948],{}," is omitted, the component resolves ",[420,1025,1026],{},"appConfig.ui.icons.star"," and then falls back to ",[420,1029,222],{},[635,1031,1033],{"id":1032},"disabled","Disabled",[417,1035,641,1036,1038],{},[420,1037,1032],{}," for a read-only score display that keeps the same visual treatment.",[441,1040,1042],{"className":443,"code":1041,"language":445,"meta":446,"style":446},"\u003Cview class=\"flex flex-row items-center gap-2\">\n  \u003CVyRating :model-value=\"4\" disabled \u002F>\n  \u003Ctext class=\"text-sm text-neutral-500\">4 out of 5\u003C\u002Ftext>\n\u003C\u002Fview>\n",[420,1043,1044,1063,1068,1073],{"__ignoreMap":446},[450,1045,1046,1048,1050,1052,1054,1056,1059,1061],{"class":452,"line":453},[450,1047,457],{"class":456},[450,1049,754],{"class":460},[450,1051,757],{"class":464},[450,1053,471],{"class":456},[450,1055,474],{"class":456},[450,1057,1058],{"class":477},"flex flex-row items-center gap-2",[450,1060,474],{"class":456},[450,1062,483],{"class":456},[450,1064,1065],{"class":452,"line":486},[450,1066,1067],{"class":496},"  \u003CVyRating :model-value=\"4\" disabled \u002F>\n",[450,1069,1070],{"class":452,"line":514},[450,1071,1072],{"class":496},"  \u003Ctext class=\"text-sm text-neutral-500\">4 out of 5\u003C\u002Ftext>\n",[450,1074,1075,1077,1079],{"class":452,"line":534},[450,1076,568],{"class":456},[450,1078,754],{"class":460},[450,1080,483],{"class":456},[417,1082,1083],{},"A disabled rating blocks taps and dims each item.",[635,1085,1087],{"id":1086},"local-theme-overrides","Local theme overrides",[417,1089,641,1090,1093],{},[420,1091,1092],{},"ui"," to customize the root, item wrapper, or icon.",[441,1095,1097],{"className":443,"code":1096,"language":445,"meta":446,"style":446},"\u003CVyRating\n  v-model=\"rating\"\n  :ui=\"{\n    root: 'gap-2',\n    icon: 'text-neutral-200 ui-active:text-secondary-500'\n  }\"\n\u002F>\n",[420,1098,1099,1105,1117,1131,1149,1163,1170],{"__ignoreMap":446},[450,1100,1101,1103],{"class":452,"line":453},[450,1102,457],{"class":456},[450,1104,884],{"class":460},[450,1106,1107,1109,1111,1113,1115],{"class":452,"line":486},[450,1108,889],{"class":464},[450,1110,471],{"class":456},[450,1112,474],{"class":456},[450,1114,605],{"class":496},[450,1116,898],{"class":456},[450,1118,1119,1122,1124,1126,1128],{"class":452,"line":514},[450,1120,1121],{"class":456},"  :",[450,1123,1092],{"class":464},[450,1125,471],{"class":456},[450,1127,474],{"class":456},[450,1129,1130],{"class":456},"{\n",[450,1132,1133,1136,1139,1141,1143,1146],{"class":452,"line":534},[450,1134,1135],{"class":460},"    root",[450,1137,1138],{"class":456},":",[450,1140,506],{"class":456},[450,1142,764],{"class":477},[450,1144,1145],{"class":456},"'",[450,1147,1148],{"class":456},",\n",[450,1150,1151,1154,1156,1158,1161],{"class":452,"line":541},[450,1152,1153],{"class":460},"    icon",[450,1155,1138],{"class":456},[450,1157,506],{"class":456},[450,1159,1160],{"class":477},"text-neutral-200 ui-active:text-secondary-500",[450,1162,511],{"class":456},[450,1164,1165,1168],{"class":452,"line":565},[450,1166,1167],{"class":456},"  }",[450,1169,898],{"class":456},[450,1171,1172],{"class":452,"line":575},[450,1173,931],{"class":496},[412,1175,1177],{"id":1176},"features-and-behavior","Features and behavior",[1179,1180,1181,1189,1201,1204,1207,1212,1217,1220],"ul",{},[1182,1183,1184,1186,1187,430],"li",{},[420,1185,429],{}," controls the selected integer value and defaults to ",[420,1188,625],{},[1182,1190,1191,1192,1194,1195,626,1198,1200],{},"The component renders ",[420,1193,629],{}," items numbered from ",[420,1196,1197],{},"1",[420,1199,629],{},"; tapping an item emits that number.",[1182,1202,1203],{},"Every item at or below the selected value receives active styling.",[1182,1205,1206],{},"Tapping the current value again does not clear it.",[1182,1208,1209,1211],{},[420,1210,1032],{}," prevents updates and applies reduced opacity to each item wrapper.",[1182,1213,1214,1216],{},[420,1215,948],{}," is resolved once and used for every item.",[1182,1218,1219],{},"The kit wrapper fixes the core rating granularity to whole items and lays them out horizontally.",[1182,1221,1222,1223,1226,1227,1229],{},"Fractional steps, uncontrolled ",[420,1224,1225],{},"defaultValue",", clear-on-repeat, hover previews, and vertical orientation are available only through the lower-level ",[420,1228,41],{}," rating primitives.",[412,1231,1233],{"id":1232},"props","Props",[1235,1236,1237,1256],"table",{},[1238,1239,1240],"thead",{},[1241,1242,1243,1247,1250,1253],"tr",{},[1244,1245,1246],"th",{},"Prop",[1244,1248,1249],{},"Type",[1244,1251,1252],{},"Default",[1244,1254,1255],{},"Description",[1257,1258,1259,1281,1299,1318,1337,1357,1376,1396],"tbody",{},[1241,1260,1261,1267,1272,1276],{},[1262,1263,1264],"td",{},[420,1265,1266],{},"modelValue",[1262,1268,1269],{},[420,1270,1271],{},"number",[1262,1273,1274],{},[420,1275,625],{},[1262,1277,1278,1279,430],{},"Controlled integer score used by ",[420,1280,429],{},[1241,1282,1283,1287,1291,1296],{},[1262,1284,1285],{},[420,1286,629],{},[1262,1288,1289],{},[420,1290,1271],{},[1262,1292,1293],{},[420,1294,1295],{},"5",[1262,1297,1298],{},"Number of rating items rendered.",[1241,1300,1301,1305,1310,1315],{},[1262,1302,1303],{},[420,1304,1032],{},[1262,1306,1307],{},[420,1308,1309],{},"boolean",[1262,1311,1312],{},[420,1313,1314],{},"false",[1262,1316,1317],{},"Prevents interaction and dims the items.",[1241,1319,1320,1324,1329,1334],{},[1262,1321,1322],{},[420,1323,871],{},[1262,1325,1326],{},[420,1327,1328],{},"Color",[1262,1330,1331],{},[420,1332,1333],{},"'warning'",[1262,1335,1336],{},"Semantic color applied to active icons.",[1241,1338,1339,1344,1349,1354],{},[1262,1340,1341],{},[420,1342,1343],{},"size",[1262,1345,1346],{},[420,1347,1348],{},"'sm' | 'md' | 'lg' | 'xl'",[1262,1350,1351],{},[420,1352,1353],{},"'md'",[1262,1355,1356],{},"Icon dimensions.",[1241,1358,1359,1363,1368,1373],{},[1262,1360,1361],{},[420,1362,948],{},[1262,1364,1365],{},[420,1366,1367],{},"string",[1262,1369,1370,1371],{},"App star icon \u002F ",[420,1372,222],{},[1262,1374,1375],{},"Iconify name rendered for every item.",[1241,1377,1378,1383,1388,1393],{},[1262,1379,1380],{},[420,1381,1382],{},"class",[1262,1384,1385],{},[420,1386,1387],{},"any",[1262,1389,1390],{},[420,1391,1392],{},"undefined",[1262,1394,1395],{},"Classes merged onto the rating root.",[1241,1397,1398,1402,1407,1411],{},[1262,1399,1400],{},[420,1401,1092],{},[1262,1403,1404],{},[420,1405,1406],{},"Partial\u003CRecord\u003CRatingSlot, any>>",[1262,1408,1409],{},[420,1410,1392],{},[1262,1412,1413],{},"Per-instance theme slot overrides.",[417,1415,1416,1418,1419,1422,1423,1422,1426,1422,1428,1422,1431,1422,1433,1435,1436,1439],{},[420,1417,1328],{}," defaults to ",[420,1420,1421],{},"primary",", ",[420,1424,1425],{},"secondary",[420,1427,910],{},[420,1429,1430],{},"info",[420,1432,937],{},[420,1434,998],{},", or ",[420,1437,1438],{},"neutral",", and supports consumer registry extensions.",[417,1441,1442,1444,1445,1448],{},[420,1443,629],{}," is passed directly to the render loop and core ",[420,1446,1447],{},"length"," prop. Use a positive integer; the kit component does not validate or normalize invalid counts.",[412,1450,1452],{"id":1451},"emits","Emits",[1235,1454,1455,1467],{},[1238,1456,1457],{},[1241,1458,1459,1462,1465],{},[1244,1460,1461],{},"Event",[1244,1463,1464],{},"Payload",[1244,1466,1255],{},[1257,1468,1469],{},[1241,1470,1471,1476,1480],{},[1262,1472,1473],{},[420,1474,1475],{},"update:modelValue",[1262,1477,1478],{},[420,1479,1271],{},[1262,1481,1482],{},"Emitted with the tapped item's one-based value.",[412,1484,1486],{"id":1485},"slots","Slots",[417,1488,1489,1490,1492,1493,1495,1496,1422,1499,1502,1503,1506,1507,1509],{},"This kit component does not expose slots. Use ",[420,1491,948],{}," and ",[420,1494,1092],{}," for visual customization, or compose ",[420,1497,1498],{},"RatingRoot",[420,1500,1501],{},"RatingItem",", and ",[420,1504,1505],{},"RatingItemIndicator"," from ",[420,1508,41],{}," when custom item markup or fractional steps are required.",[412,1511,1513],{"id":1512},"styling-and-theming","Styling and theming",[417,1515,1516,1517,1520,1521,430],{},"Override globally through ",[420,1518,1519],{},"appConfig.ui.rating"," or locally with ",[420,1522,1092],{},[1235,1524,1525,1535],{},[1238,1526,1527],{},[1241,1528,1529,1532],{},[1244,1530,1531],{},"UI slot",[1244,1533,1534],{},"Purpose",[1257,1536,1537,1550,1560],{},[1241,1538,1539,1544],{},[1262,1540,1541],{},[420,1542,1543],{},"root",[1262,1545,1546,1547,1549],{},"Horizontal rating layout and spacing. The ",[420,1548,1382],{}," prop is also merged here.",[1241,1551,1552,1557],{},[1262,1553,1554],{},[420,1555,1556],{},"base",[1262,1558,1559],{},"Wrapper around one rating item, including disabled opacity.",[1241,1561,1562,1566],{},[1262,1563,1564],{},[420,1565,948],{},[1262,1567,1568],{},"Shared inactive color, active color, and dimensions of every glyph.",[635,1570,1572],{"id":1571},"theme-variants","Theme variants",[1235,1574,1575,1590],{},[1238,1576,1577],{},[1241,1578,1579,1582,1585,1587],{},[1244,1580,1581],{},"Variant",[1244,1583,1584],{},"Values",[1244,1586,1252],{},[1244,1588,1589],{},"Effect",[1257,1591,1592,1611,1636],{},[1241,1593,1594,1598,1601,1605],{},[1262,1595,1596],{},[420,1597,871],{},[1262,1599,1600],{},"Registered semantic colors",[1262,1602,1603],{},[420,1604,1333],{},[1262,1606,1607,1608,430],{},"Colors icons whose core indicator has ",[420,1609,1610],{},"data-state=\"active\"",[1241,1612,1613,1617,1629,1633],{},[1262,1614,1615],{},[420,1616,1343],{},[1262,1618,1619,1422,1622,1422,1625,1422,1627],{},[420,1620,1621],{},"sm",[420,1623,1624],{},"md",[420,1626,924],{},[420,1628,1011],{},[1262,1630,1631],{},[420,1632,1353],{},[1262,1634,1635],{},"Sets icon size from 20px through 32px.",[1241,1637,1638,1642,1649,1654],{},[1262,1639,1640],{},[420,1641,1032],{},[1262,1643,1644,1422,1647],{},[420,1645,1646],{},"true",[420,1648,1314],{},[1262,1650,1651,1652],{},"From ",[420,1653,1032],{},[1262,1655,1656],{},"Reduces item opacity and applies a non-interactive cursor class.",[417,1658,1659,1660,1663,1664,430],{},"The default root is a horizontal flex row with a small gap. Icons start at ",[420,1661,1662],{},"text-neutral-300","; the active state uses the selected semantic color at shade ",[420,1665,1666],{},"500",[412,1668,328],{"id":1669},"accessibility",[417,1671,1672,1673,1676,1677,1680],{},"Each core rating indicator is exposed as an accessibility element with option semantics mapped to a native button trait. It announces ",[420,1674,1675],{},"selected"," or ",[420,1678,1679],{},"unselected",", and disabled indicators receive the disabled trait.",[417,1682,1683,1684,1686],{},"The kit wrapper does not currently assign an accessible name to the individual icon controls and does not forward arbitrary attributes or per-item accessibility labels. Nearby visible text such as “Rate this product” does not automatically label those controls. Treat this as a current accessibility limitation: test with VoiceOver and TalkBack, and use the ",[420,1685,41],{}," primitives when each choice must announce a label such as “3 out of 5 stars.”",[417,1688,1689],{},"Do not rely on color alone when displaying an existing score. Pair the rating with visible numeric text when the exact value matters.",[412,1691,1693],{"id":1692},"platform-notes","Platform notes",[1179,1695,1696,1706,1715,1718,1726],{},[1182,1697,1698,1699,1701,1702,1705],{},"The component uses Lynx ",[420,1700,754],{}," nodes and native ",[420,1703,1704],{},"tap"," events rather than DOM radio inputs or buttons.",[1182,1707,1708,1709,1492,1711,1714],{},"Active styling is driven by the core indicator's ",[420,1710,1610],{},[420,1712,1713],{},"ui-active"," markers.",[1182,1716,1717],{},"The kit wrapper renders one indicator per item, so fractional and partial-fill ratings require direct use of the core primitives.",[1182,1719,1720,1721,1725],{},"The default theme uses vyui's semantic tokens, so it adapts automatically under dark mode (see ",[1722,1723,1724],"a",{"href":319},"Theming → Dark Mode","), and does not include DOM hover or focus-ring styles.",[1182,1727,1728],{},"A rating is not a native form input and does not submit a value by itself.",[412,1730,1732],{"id":1731},"related-components","Related components",[1179,1734,1735,1742,1749],{},[1182,1736,1737,1741],{},[1722,1738,1739],{"href":215},[420,1740,214],{}," for a single choice with visible labels and descriptions.",[1182,1743,1744,1748],{},[1722,1745,1746],{"href":248},[420,1747,247],{}," for selecting a value from a larger numeric range.",[1182,1750,1751,1753],{},[420,1752,141],{}," for rendering a non-interactive score display.",[1755,1756,1757],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":446,"searchDepth":453,"depth":486,"links":1759},[1760,1761,1768,1769,1770,1771,1772,1775,1776,1777],{"id":414,"depth":486,"text":415},{"id":438,"depth":486,"text":439,"children":1762},[1763,1764,1765,1766,1767],{"id":637,"depth":514,"text":638},{"id":864,"depth":514,"text":865},{"id":941,"depth":514,"text":942},{"id":1032,"depth":514,"text":1033},{"id":1086,"depth":514,"text":1087},{"id":1176,"depth":486,"text":1177},{"id":1232,"depth":486,"text":1233},{"id":1451,"depth":486,"text":1452},{"id":1485,"depth":486,"text":1486},{"id":1512,"depth":486,"text":1513,"children":1773},[1774],{"id":1571,"depth":514,"text":1572},{"id":1669,"depth":486,"text":328},{"id":1692,"depth":486,"text":1693},{"id":1731,"depth":486,"text":1732},"Capture an integer score with a row of tappable icons.",[1780],{"label":1781,"icon":1782,"to":1783,"target":1784},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FRating.vue","_blank",{},{"icon":222},{"title":219,"description":1778},"lMgJsNpf9BX8r5nHngOWLJn0kd92gDlje069P1jk61c",[1790,1792],{"title":214,"path":215,"stem":216,"description":1791,"icon":-1,"children":-1,"navigation":-1},"Choose one value from a visible set of labeled options.",{"title":224,"path":225,"stem":226,"description":1793,"icon":-1,"children":-1,"navigation":-1},"Headless scroll container primitive with edge thresholds and an optional main-thread bounce\u002Foverscroll system.",1783534410325]