[{"data":1,"prerenderedAt":1288},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fseparator":313,"\u002Fcomponents\u002Fseparator-surround":1283},[4,24,41,48,293,298,303,308],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":23},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18],{"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","i-lucide-rocket",{"title":25,"package":11,"icon":26,"path":27,"stem":28,"children":29,"page":40},"Packages","i-lucide-package","\u002Fpackages","2.packages",[30,35],{"title":31,"path":32,"stem":33,"package":11,"icon":34},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":36,"path":37,"stem":38,"package":11,"icon":39},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":42,"path":43,"stem":44,"children":45,"package":11,"icon":47},"CLI","\u002Fcli","3.cli\u002F1.index",[46],{"title":42,"path":43,"stem":44,"package":11,"icon":47},"i-lucide-terminal",{"title":49,"package":11,"icon":50,"path":51,"stem":52,"children":53},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[54,56,62,67,72,77,82,87,92,97,102,107,112,117,122,127,132,136,141,145,150,155,160,165,170,175,180,185,190,195,200,205,210,215,220,225,230,234,238,243,248,253,258,263,268,272,276,280,284,288],{"title":49,"path":51,"stem":55,"package":11,"icon":50},"3.components\u002Findex",{"title":57,"path":58,"stem":59,"package":60,"icon":61},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":63,"path":64,"stem":65,"package":60,"icon":66},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":68,"path":69,"stem":70,"package":60,"icon":71},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":73,"path":74,"stem":75,"package":76,"icon":71},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":78,"path":79,"stem":80,"package":60,"icon":81},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":83,"path":84,"stem":85,"package":60,"icon":86},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":88,"path":89,"stem":90,"package":60,"icon":91},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":93,"path":94,"stem":95,"package":60,"icon":96},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":98,"path":99,"stem":100,"package":60,"icon":101},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":103,"path":104,"stem":105,"package":60,"icon":106},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":108,"path":109,"stem":110,"package":60,"icon":111},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":113,"path":114,"stem":115,"package":76,"icon":116},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":118,"path":119,"stem":120,"package":76,"icon":121},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":123,"path":124,"stem":125,"package":76,"icon":126},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":128,"path":129,"stem":130,"package":60,"icon":131},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":133,"path":134,"stem":135,"package":76,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":137,"path":138,"stem":139,"package":60,"icon":140},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":142,"path":143,"stem":144,"package":60,"icon":66},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":146,"path":147,"stem":148,"package":60,"icon":149},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":151,"path":152,"stem":153,"package":60,"icon":154},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":156,"path":157,"stem":158,"package":60,"icon":159},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":161,"path":162,"stem":163,"package":60,"icon":164},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":166,"path":167,"stem":168,"package":60,"icon":169},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":171,"path":172,"stem":173,"package":76,"icon":174},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":176,"path":177,"stem":178,"package":60,"icon":179},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":181,"path":182,"stem":183,"package":76,"icon":184},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":186,"path":187,"stem":188,"package":60,"icon":189},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":191,"path":192,"stem":193,"package":60,"icon":194},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":196,"path":197,"stem":198,"package":60,"icon":199},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":201,"path":202,"stem":203,"package":60,"icon":204},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":206,"path":207,"stem":208,"package":60,"icon":209},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":211,"path":212,"stem":213,"package":60,"icon":214},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":216,"path":217,"stem":218,"package":76,"icon":219},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":221,"path":222,"stem":223,"package":60,"icon":224},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":226,"path":227,"stem":228,"package":60,"icon":229},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":231,"path":232,"stem":233,"package":76,"icon":66},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":235,"path":236,"stem":237,"package":60,"icon":154},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":239,"path":240,"stem":241,"package":60,"icon":242},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":244,"path":245,"stem":246,"package":60,"icon":247},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":249,"path":250,"stem":251,"package":60,"icon":252},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":254,"path":255,"stem":256,"package":60,"icon":257},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":259,"path":260,"stem":261,"package":60,"icon":262},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":264,"path":265,"stem":266,"package":60,"icon":267},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":269,"path":270,"stem":271,"package":60,"icon":154},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":273,"path":274,"stem":275,"package":60,"icon":140},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":277,"path":278,"stem":279,"package":60,"icon":199},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":281,"path":282,"stem":283,"package":60,"icon":267},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":285,"path":286,"stem":287,"package":60,"icon":154},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":289,"path":290,"stem":291,"package":60,"icon":292},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":294,"path":295,"stem":296,"package":11,"icon":297},"Theming","\u002Ftheming","4.theming","i-lucide-palette",{"title":299,"path":300,"stem":301,"package":11,"icon":302},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":304,"path":305,"stem":306,"package":11,"icon":307},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":309,"path":310,"stem":311,"package":11,"icon":312},"Roadmap","\u002Froadmap","7.roadmap","i-lucide-map",{"id":314,"title":226,"body":315,"description":1271,"extension":1272,"links":1273,"meta":1279,"navigation":1280,"package":60,"path":227,"seo":1281,"stem":228,"__hash__":1282},"docs\u002F3.components\u002Fseparator.md",{"type":316,"value":317,"toc":1255},"minimark",[318,323,334,339,343,462,467,470,573,584,588,595,698,702,790,794,835,839,1035,1061,1065,1068,1072,1100,1104,1113,1175,1182,1185,1191,1194,1198,1227,1231,1251],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333],"p",{},[327,328,329],"code",{},"VySeparator"," renders a horizontal or vertical divider on top of the ",[327,332,31],{}," separator primitive. It supports semantic colors, four thicknesses, solid or patterned borders, and centered label, icon, or custom content.",[335,336],"component-code",{"height":337,"name":338},"220px","separator-example",[319,340,342],{"id":341},"usage","Usage",[344,345,350],"pre",{"className":346,"code":347,"language":348,"meta":349,"style":349},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VySeparator } from '@vyui\u002Fkit'\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVySeparator \u002F>\n\u003C\u002Ftemplate>\n","vue","",[327,351,352,387,415,425,432,442,453],{"__ignoreMap":349},[353,354,357,361,365,369,372,375,378,382,384],"span",{"class":355,"line":356},"line",1,[353,358,360],{"class":359},"sMK4o","\u003C",[353,362,364],{"class":363},"swJcz","script",[353,366,368],{"class":367},"spNyl"," setup",[353,370,371],{"class":367}," lang",[353,373,374],{"class":359},"=",[353,376,377],{"class":359},"\"",[353,379,381],{"class":380},"sfazB","ts",[353,383,377],{"class":359},[353,385,386],{"class":359},">\n",[353,388,390,394,397,401,404,407,410,412],{"class":355,"line":389},2,[353,391,393],{"class":392},"s7zQu","import",[353,395,396],{"class":359}," {",[353,398,400],{"class":399},"sTEyZ"," VySeparator",[353,402,403],{"class":359}," }",[353,405,406],{"class":392}," from",[353,408,409],{"class":359}," '",[353,411,36],{"class":380},[353,413,414],{"class":359},"'\n",[353,416,418,421,423],{"class":355,"line":417},3,[353,419,420],{"class":359},"\u003C\u002F",[353,422,364],{"class":363},[353,424,386],{"class":359},[353,426,428],{"class":355,"line":427},4,[353,429,431],{"emptyLinePlaceholder":430},true,"\n",[353,433,435,437,440],{"class":355,"line":434},5,[353,436,360],{"class":359},[353,438,439],{"class":363},"template",[353,441,386],{"class":359},[353,443,445,448,450],{"class":355,"line":444},6,[353,446,447],{"class":359},"  \u003C",[353,449,329],{"class":363},[353,451,452],{"class":359}," \u002F>\n",[353,454,456,458,460],{"class":355,"line":455},7,[353,457,420],{"class":359},[353,459,439],{"class":363},[353,461,386],{"class":359},[463,464,466],"h3",{"id":465},"label-or-icon","Label or icon",[324,468,469],{},"Content splits the separator into two border segments.",[344,471,473],{"className":346,"code":472,"language":348,"meta":349,"style":349},"\u003Ctemplate>\n  \u003Cview class=\"flex flex-col gap-5\">\n    \u003CVySeparator label=\"Account\" \u002F>\n    \u003CVySeparator icon=\"i-lucide-sparkles\" color=\"primary\" \u002F>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[327,474,475,483,504,525,556,565],{"__ignoreMap":349},[353,476,477,479,481],{"class":355,"line":356},[353,478,360],{"class":359},[353,480,439],{"class":363},[353,482,386],{"class":359},[353,484,485,487,490,493,495,497,500,502],{"class":355,"line":389},[353,486,447],{"class":359},[353,488,489],{"class":363},"view",[353,491,492],{"class":367}," class",[353,494,374],{"class":359},[353,496,377],{"class":359},[353,498,499],{"class":380},"flex flex-col gap-5",[353,501,377],{"class":359},[353,503,386],{"class":359},[353,505,506,509,511,514,516,518,521,523],{"class":355,"line":417},[353,507,508],{"class":359},"    \u003C",[353,510,329],{"class":363},[353,512,513],{"class":367}," label",[353,515,374],{"class":359},[353,517,377],{"class":359},[353,519,520],{"class":380},"Account",[353,522,377],{"class":359},[353,524,452],{"class":359},[353,526,527,529,531,534,536,538,540,542,545,547,549,552,554],{"class":355,"line":427},[353,528,508],{"class":359},[353,530,329],{"class":363},[353,532,533],{"class":367}," icon",[353,535,374],{"class":359},[353,537,377],{"class":359},[353,539,22],{"class":380},[353,541,377],{"class":359},[353,543,544],{"class":367}," color",[353,546,374],{"class":359},[353,548,377],{"class":359},[353,550,551],{"class":380},"primary",[353,553,377],{"class":359},[353,555,452],{"class":359},[353,557,558,561,563],{"class":355,"line":434},[353,559,560],{"class":359},"  \u003C\u002F",[353,562,489],{"class":363},[353,564,386],{"class":359},[353,566,567,569,571],{"class":355,"line":444},[353,568,420],{"class":359},[353,570,439],{"class":363},[353,572,386],{"class":359},[324,574,575,576,579,580,583],{},"When both ",[327,577,578],{},"label"," and ",[327,581,582],{},"icon"," are set, the label is rendered. The default slot replaces both built-in choices.",[463,585,587],{"id":586},"vertical","Vertical",[324,589,590,591,594],{},"A vertical separator needs an explicit height from its parent or ",[327,592,593],{},"class",".",[344,596,598],{"className":346,"code":597,"language":348,"meta":349,"style":349},"\u003Ctemplate>\n  \u003Cview class=\"h-12 flex flex-row items-center gap-4\">\n    \u003Ctext>Profile\u003C\u002Ftext>\n    \u003CVySeparator orientation=\"vertical\" \u002F>\n    \u003Ctext>Security\u003C\u002Ftext>\n  \u003C\u002Fview>\n\u003C\u002Ftemplate>\n",[327,599,600,608,627,646,665,682,690],{"__ignoreMap":349},[353,601,602,604,606],{"class":355,"line":356},[353,603,360],{"class":359},[353,605,439],{"class":363},[353,607,386],{"class":359},[353,609,610,612,614,616,618,620,623,625],{"class":355,"line":389},[353,611,447],{"class":359},[353,613,489],{"class":363},[353,615,492],{"class":367},[353,617,374],{"class":359},[353,619,377],{"class":359},[353,621,622],{"class":380},"h-12 flex flex-row items-center gap-4",[353,624,377],{"class":359},[353,626,386],{"class":359},[353,628,629,631,634,637,640,642,644],{"class":355,"line":417},[353,630,508],{"class":359},[353,632,633],{"class":363},"text",[353,635,636],{"class":359},">",[353,638,639],{"class":399},"Profile",[353,641,420],{"class":359},[353,643,633],{"class":363},[353,645,386],{"class":359},[353,647,648,650,652,655,657,659,661,663],{"class":355,"line":427},[353,649,508],{"class":359},[353,651,329],{"class":363},[353,653,654],{"class":367}," orientation",[353,656,374],{"class":359},[353,658,377],{"class":359},[353,660,586],{"class":380},[353,662,377],{"class":359},[353,664,452],{"class":359},[353,666,667,669,671,673,676,678,680],{"class":355,"line":434},[353,668,508],{"class":359},[353,670,633],{"class":363},[353,672,636],{"class":359},[353,674,675],{"class":399},"Security",[353,677,420],{"class":359},[353,679,633],{"class":363},[353,681,386],{"class":359},[353,683,684,686,688],{"class":355,"line":444},[353,685,560],{"class":359},[353,687,489],{"class":363},[353,689,386],{"class":359},[353,691,692,694,696],{"class":355,"line":455},[353,693,420],{"class":359},[353,695,439],{"class":363},[353,697,386],{"class":359},[463,699,701],{"id":700},"custom-content","Custom content",[344,703,705],{"className":346,"code":704,"language":348,"meta":349,"style":349},"\u003Ctemplate>\n  \u003CVySeparator color=\"success\" type=\"dashed\">\n    \u003Ctext class=\"text-sm text-success-600\">Complete\u003C\u002Ftext>\n  \u003C\u002FVySeparator>\n\u003C\u002Ftemplate>\n",[327,706,707,715,746,774,782],{"__ignoreMap":349},[353,708,709,711,713],{"class":355,"line":356},[353,710,360],{"class":359},[353,712,439],{"class":363},[353,714,386],{"class":359},[353,716,717,719,721,723,725,727,730,732,735,737,739,742,744],{"class":355,"line":389},[353,718,447],{"class":359},[353,720,329],{"class":363},[353,722,544],{"class":367},[353,724,374],{"class":359},[353,726,377],{"class":359},[353,728,729],{"class":380},"success",[353,731,377],{"class":359},[353,733,734],{"class":367}," type",[353,736,374],{"class":359},[353,738,377],{"class":359},[353,740,741],{"class":380},"dashed",[353,743,377],{"class":359},[353,745,386],{"class":359},[353,747,748,750,752,754,756,758,761,763,765,768,770,772],{"class":355,"line":417},[353,749,508],{"class":359},[353,751,633],{"class":363},[353,753,492],{"class":367},[353,755,374],{"class":359},[353,757,377],{"class":359},[353,759,760],{"class":380},"text-sm text-success-600",[353,762,377],{"class":359},[353,764,636],{"class":359},[353,766,767],{"class":399},"Complete",[353,769,420],{"class":359},[353,771,633],{"class":363},[353,773,386],{"class":359},[353,775,776,778,780],{"class":355,"line":427},[353,777,560],{"class":359},[353,779,329],{"class":363},[353,781,386],{"class":359},[353,783,784,786,788],{"class":355,"line":434},[353,785,420],{"class":359},[353,787,439],{"class":363},[353,789,386],{"class":359},[319,791,793],{"id":792},"features-and-behavior","Features and behavior",[795,796,797,801,810,816,822],"ul",{},[798,799,800],"li",{},"Without content, one border segment fills the root.",[798,802,803,804,806,807,809],{},"A ",[327,805,578],{},", ",[327,808,582],{},", or default slot inserts a centered container and a second border segment.",[798,811,812,815],{},[327,813,814],{},"orientation"," changes both root direction and the border axis.",[798,817,818,821],{},[327,819,820],{},"decorative"," removes the primitive from the native accessibility tree.",[798,823,824,806,827,830,831,834],{},[327,825,826],{},"color",[327,828,829],{},"size",", and ",[327,832,833],{},"type"," affect only the border by default.",[319,836,838],{"id":837},"props","Props",[840,841,842,861],"table",{},[843,844,845],"thead",{},[846,847,848,852,855,858],"tr",{},[849,850,851],"th",{},"Prop",[849,853,854],{},"Type",[849,856,857],{},"Default",[849,859,860],{},"Description",[862,863,864,886,903,922,941,960,979,998,1016],"tbody",{},[846,865,866,871,876,881],{},[867,868,869],"td",{},[327,870,578],{},[867,872,873],{},[327,874,875],{},"string",[867,877,878],{},[327,879,880],{},"undefined",[867,882,883,884,594],{},"Text displayed in the center. Takes precedence over ",[327,885,582],{},[846,887,888,892,896,900],{},[867,889,890],{},[327,891,582],{},[867,893,894],{},[327,895,875],{},[867,897,898],{},[327,899,880],{},[867,901,902],{},"Iconify name displayed when there is no label or default slot.",[846,904,905,909,914,919],{},[867,906,907],{},[327,908,826],{},[867,910,911],{},[327,912,913],{},"Color",[867,915,916],{},[327,917,918],{},"'neutral'",[867,920,921],{},"Semantic border color.",[846,923,924,928,933,938],{},[867,925,926],{},[327,927,829],{},[867,929,930],{},[327,931,932],{},"'sm' | 'md' | 'lg' | 'xl'",[867,934,935],{},[327,936,937],{},"'sm'",[867,939,940],{},"Border thickness from 2px through 5px.",[846,942,943,947,952,957],{},[867,944,945],{},[327,946,833],{},[867,948,949],{},[327,950,951],{},"'solid' | 'dashed' | 'dotted'",[867,953,954],{},[327,955,956],{},"'solid'",[867,958,959],{},"Border line style.",[846,961,962,966,971,976],{},[867,963,964],{},[327,965,814],{},[867,967,968],{},[327,969,970],{},"'horizontal' | 'vertical'",[867,972,973],{},[327,974,975],{},"'horizontal'",[867,977,978],{},"Divider direction.",[846,980,981,985,990,995],{},[867,982,983],{},[327,984,820],{},[867,986,987],{},[327,988,989],{},"boolean",[867,991,992],{},[327,993,994],{},"false",[867,996,997],{},"Removes the separator root from the accessibility tree.",[846,999,1000,1004,1009,1013],{},[867,1001,1002],{},[327,1003,593],{},[867,1005,1006],{},[327,1007,1008],{},"any",[867,1010,1011],{},[327,1012,880],{},[867,1014,1015],{},"Classes merged onto the root.",[846,1017,1018,1023,1028,1032],{},[867,1019,1020],{},[327,1021,1022],{},"ui",[867,1024,1025],{},[327,1026,1027],{},"Partial\u003CRecord\u003CSeparatorSlot, any>>",[867,1029,1030],{},[327,1031,880],{},[867,1033,1034],{},"Per-instance theme slot overrides.",[324,1036,1037,1039,1040,806,1042,806,1045,806,1047,806,1050,806,1053,1056,1057,1060],{},[327,1038,913],{}," defaults to ",[327,1041,551],{},[327,1043,1044],{},"secondary",[327,1046,729],{},[327,1048,1049],{},"info",[327,1051,1052],{},"warning",[327,1054,1055],{},"error",", or ",[327,1058,1059],{},"neutral",", and supports registry extensions.",[319,1062,1064],{"id":1063},"emits","Emits",[324,1066,1067],{},"This component does not emit events.",[319,1069,1071],{"id":1070},"slots","Slots",[840,1073,1074,1085],{},[843,1075,1076],{},[846,1077,1078,1081,1083],{},[849,1079,1080],{},"Slot",[849,1082,838],{},[849,1084,860],{},[862,1086,1087],{},[846,1088,1089,1094,1097],{},[867,1090,1091],{},[327,1092,1093],{},"default",[867,1095,1096],{},"—",[867,1098,1099],{},"Replaces the built-in label or icon inside the centered content container.",[319,1101,1103],{"id":1102},"styling-and-theming","Styling and theming",[324,1105,1106,1107,1110,1111,594],{},"Override globally through ",[327,1108,1109],{},"appConfig.ui.separator"," or locally with ",[327,1112,1022],{},[840,1114,1115,1125],{},[843,1116,1117],{},[846,1118,1119,1122],{},[849,1120,1121],{},"UI slot",[849,1123,1124],{},"Purpose",[862,1126,1127,1137,1147,1157,1166],{},[846,1128,1129,1134],{},[867,1130,1131],{},[327,1132,1133],{},"root",[867,1135,1136],{},"Horizontal or vertical flex layout and overall dimensions.",[846,1138,1139,1144],{},[867,1140,1141],{},[327,1142,1143],{},"border",[867,1145,1146],{},"Each divider segment, including color, thickness, and line style.",[846,1148,1149,1154],{},[867,1150,1151],{},[327,1152,1153],{},"container",[867,1155,1156],{},"Spacing and layout around centered content.",[846,1158,1159,1163],{},[867,1160,1161],{},[327,1162,582],{},[867,1164,1165],{},"Built-in icon size.",[846,1167,1168,1172],{},[867,1169,1170],{},[327,1171,578],{},[867,1173,1174],{},"Built-in label typography.",[324,1176,1177,1178,1181],{},"The default theme uses neutral borders, ",[327,1179,1180],{},"sm"," thickness, and a solid line. Horizontal segments use top borders; vertical segments use logical start borders.",[319,1183,299],{"id":1184},"accessibility",[324,1186,1187,1188,1190],{},"Set ",[327,1189,820],{}," when the line only supports the visual layout. A non-decorative separator remains in the native accessibility tree, but the current core primitive does not add an explicit separator role or orientation announcement. If the division communicates important structure, reinforce it with headings or labeled groups instead of relying on the line alone.",[324,1192,1193],{},"Keep custom slot content concise and non-interactive. A separator should not become a container for buttons or controls.",[319,1195,1197],{"id":1196},"platform-notes","Platform notes",[795,1199,1200,1211,1217,1224],{},[798,1201,1202,1203,1205,1206,806,1208,1210],{},"Built from the native ",[327,1204,31],{}," separator primitive and Lynx ",[327,1207,489],{},[327,1209,633],{},", and icon elements.",[798,1212,1213,1214,594],{},"Vertical separators need a constrained parent height because the root uses ",[327,1215,1216],{},"h-full",[798,1218,1219,1220,1223],{},"Logical ",[327,1221,1222],{},"border-s-*"," classes are used vertically so layout follows the app's writing direction.",[798,1225,1226],{},"The default theme starts at 2px because thinner hairlines can be difficult to see at common Lynx pixel ratios.",[319,1228,1230],{"id":1229},"related-components","Related components",[795,1232,1233,1242],{},[798,1234,1235,1238,1239,1241],{},[327,1236,1237],{},"Divider"," patterns can be composed from ",[327,1240,329],{}," with a custom default slot.",[798,1243,1244,1245,1247,1248,1250],{},"The ",[327,1246,31],{}," ",[327,1249,226],{}," primitive for unstyled composition.",[1252,1253,1254],"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 .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":349,"searchDepth":356,"depth":389,"links":1256},[1257,1258,1263,1264,1265,1266,1267,1268,1269,1270],{"id":321,"depth":389,"text":322},{"id":341,"depth":389,"text":342,"children":1259},[1260,1261,1262],{"id":465,"depth":417,"text":466},{"id":586,"depth":417,"text":587},{"id":700,"depth":417,"text":701},{"id":792,"depth":389,"text":793},{"id":837,"depth":389,"text":838},{"id":1063,"depth":389,"text":1064},{"id":1070,"depth":389,"text":1071},{"id":1102,"depth":389,"text":1103},{"id":1184,"depth":389,"text":299},{"id":1196,"depth":389,"text":1197},{"id":1229,"depth":389,"text":1230},"Visually divide content with an optional label or icon.","md",[1274],{"label":1275,"icon":1276,"to":1277,"target":1278},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FSeparator.vue","_blank",{},{"icon":229},{"title":226,"description":1271},"3dJwPanCbsu8ffupiP-W2GweVr6ljTJAWFkx_aJwdfU",[1284,1286],{"title":221,"path":222,"stem":223,"description":1285,"icon":-1,"children":-1,"navigation":-1},"Choose one value from a list presented in a mobile sheet.",{"title":231,"path":232,"stem":233,"description":1287,"icon":-1,"children":-1,"navigation":-1},"Headless drag-snappable edge sheet primitive with snap points, fling, and drag-to-dismiss.",1783464077925]