var Component=(()=>{var p=Object.create;var r=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var u=(l,n)=>()=>(n||l((n={exports:{}}).exports,n),n.exports),f=(l,n)=>{for(var s in n)r(l,s,{get:n[s],enumerable:!0})},t=(l,n,s,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of y(n))!g.call(l,a)&&a!==s&&r(l,a,{get:()=>n[a],enumerable:!(c=h(n,a))||c.enumerable});return l};var N=(l,n,s)=>(s=l!=null?p(m(l)):{},t(n||!l||!l.__esModule?r(s,"default",{value:l,enumerable:!0}):s,l)),_=l=>t(r({},"__esModule",{value:!0}),l);var o=u((w,F)=>{F.exports=_jsx_runtime});var v={};f(v,{default:()=>d,frontmatter:()=>x});var e=N(o()),x={title:"Rating",description:"A visual input for user insights.",toc:!1,component:!0};function i(l){let n={a:"a",code:"code",div:"div",h2:"h2",pre:"pre",span:"span",...l.components},{ComponentPreview:s}=n;return s||R("ComponentPreview",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(s,{name:"rating-demo",className:"[&_.preview>[data-orientation=vertical]]:sm:max-w-[70%] [&_.preview]:p-2 [&_.preview]:sm:p-10",description:"A visual input for user insights.",children:[(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { useState } from 'react'; import { Rating } from '../ui/rating'; export function RatingDemo() { const [rating, setRating] = useState(1); return ( ); } `,__src__:"registry/default/example/rating-demo.tsx",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" useState "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" 'react'"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" Rating "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" '../ui/rating'"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" RatingDemo"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ["}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"rating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" setRating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"]"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" useState"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"number"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">(1);"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"Rating"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" totalStars"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={5}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" value"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"rating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" onValueChange"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"setRating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" );"})}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})}),(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { useState } from 'react'; import { Rating } from '../ui/rating'; export function RatingDemo() { const [rating, setRating] = useState(1); return ( ); } `,__src__:"registry/new-york/example/rating-demo.tsx",children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" useState "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" 'react'"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" Rating "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" '../ui/rating'"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:" "}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,e.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" RatingDemo"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ["}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"rating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" setRating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"]"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" useState"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"number"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:">(1);"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"Rating"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" totalStars"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={5}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" value"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"rating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" onValueChange"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"setRating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" );"})}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})]}),` `,(0,e.jsxs)(n.h2,{id:"usage",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Usage"]}),` `,(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:`import { Rating } from '@/components/ui/rating'; `,children:(0,e.jsx)(n.code,{"data-language":"tsx","data-theme":"default",children:(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" Rating "}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:" '@/components/ui/rating'"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:";"})]})})})}),` `,(0,e.jsx)(n.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(n.pre,{"data-language":"tsx","data-theme":"default",__rawString__:` `,children:(0,e.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"<"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"Rating"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" totalStars"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={5}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" size"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={20}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" readOnly"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={false}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" value"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"rating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsxs)(n.span,{className:"line",children:[(0,e.jsx)(n.span,{style:{color:"#FFF"},children:" onValueChange"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"={"}),(0,e.jsx)(n.span,{style:{color:"#FFF"},children:"setRating"}),(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,e.jsx)(n.span,{className:"line",children:(0,e.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})})]})})})]})}function d(l={}){let{wrapper:n}=l.components||{};return n?(0,e.jsx)(n,{...l,children:(0,e.jsx)(i,{...l})}):i(l)}function R(l,n){throw new Error("Expected "+(n?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return _(v);})(); ;return Component;