@tribepad/themis 1.0.4 → 1.0.6

package/dist/elements/RatingScale/index.js

@@ -0,0 +1,3 @@
+"use client";
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),zod=require('zod');function E(...d){return tailwindMerge.twMerge(clsx.clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var L=classVarianceAuthority.cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=classVarianceAuthority.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),P=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),_=classVarianceAuthority.cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),k=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),$=classVarianceAuthority.cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),D=classVarianceAuthority.cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=classVarianceAuthority.cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=classVarianceAuthority.cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=classVarianceAuthority.cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=classVarianceAuthority.cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,o,p){let r=[];for(let n=d;n<=o;n+=p)r.push(n);return r}function Ee({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":String(t),className:P(),children:({isSelected:f})=>jsxRuntime.jsx("span",{className:_({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsxRuntime.jsx(reactAriaComponents.RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsxRuntime.jsx("div",{className:C({size:r}),children:d.map(t=>{let f=o!==null&&t<=o;return jsxRuntime.jsx(reactAriaComponents.Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:k(),children:jsxRuntime.jsx(lucideReact.Star,{"aria-hidden":"true",className:$({size:r,isFilled:f,isInvalid:i})})},t)})})})}function Pe({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isInvalid:l,min:i,max:c,step:m,groupId:t}){let f=o??i;return jsxRuntime.jsxs(reactAriaComponents.Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-between",children:jsxRuntime.jsx(reactAriaComponents.SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:S})=>S.values[0]})}),jsxRuntime.jsx(reactAriaComponents.SliderTrack,{className:E(D({size:r}),"relative"),children:({state:S})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:B({isInvalid:l}),style:{width:`${((S.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsxRuntime.jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsxRuntime.jsx(reactAriaComponents.SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=react.forwardRef(function(o,p){let{value:r,onChange:n,min:l=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:S,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:oe=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:le,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=o,pe=react.useId(),V=de??pe,U=`${V}-label`,M=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(M),I&&S&&N.push(q);let me=Ae(l,i,c),x=r!==void 0,[fe,O]=react.useState(null),b=x?r??null:fe,ge=react.useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),Se=react.useCallback(()=>{w||y||(b===null?(x||O(l),n?.(l)):(x||O(null),n?.(null)));},[b,n,l,w,y,x]),X=b!==null&&G?G[String(b)]:void 0,A={values:me,currentValue:b,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:le,groupId:V,min:l,max:i,step:c};return jsxRuntime.jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?U:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:U,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,oe&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsxRuntime.jsx(reactAriaComponents.Text,{id:M,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[R&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxRuntime.jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsxRuntime.jsx(Ee,{...A}),m==="stars"&&jsxRuntime.jsx(Le,{...A}),m==="slider"&&jsxRuntime.jsx(Pe,{...A})]}),T&&jsxRuntime.jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsxRuntime.jsx("button",{type:"button","aria-pressed":b===null,disabled:w,onClick:Se,className:F({size:z,isSelected:b===null}),children:"N/A"})]}),X&&jsxRuntime.jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&S&&jsxRuntime.jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:S})]})});ae.displayName="RatingScale";var te=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var re=zod.z.enum(["buttons","stars","slider"]),ne=zod.z.enum(["sm","default","lg"]),ke=te.extend({value:zod.z.number().nullable().optional(),onChange:zod.z.custom().optional(),min:zod.z.number().optional().default(1),max:zod.z.number().optional().default(5),step:zod.z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),lowLabel:zod.z.string().optional(),highLabel:zod.z.string().optional(),valueLabels:zod.z.record(zod.z.string(),zod.z.string()).optional(),showNA:zod.z.boolean().optional().default(false),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:ne.optional().default("default"),name:zod.z.string().optional()});exports.RatingScale=ae;exports.RatingScaleDisplayStyleSchema=re;exports.RatingScalePropsSchema=ke;exports.RatingScaleSizeSchema=ne;exports.ratingScaleButtonOuterVariants=P;exports.ratingScaleButtonVisualVariants=_;exports.ratingScaleContainerVariants=L;exports.ratingScaleNAButtonVariants=F;exports.ratingScaleRowVariants=C;exports.ratingScaleSliderFillVariants=B;exports.ratingScaleSliderThumbVariants=H;exports.ratingScaleSliderTickVariants=j;exports.ratingScaleSliderTrackVariants=D;exports.ratingScaleStarOuterVariants=k;exports.ratingScaleStarVisualVariants=$;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/elements/RatingScale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RatingScale/RatingScale.styles.ts","../../../src/elements/RatingScale/RatingScale.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RatingScale/RatingScale.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","ratingScaleContainerVariants","cva","ratingScaleRowVariants","ratingScaleButtonOuterVariants","ratingScaleButtonVisualVariants","ratingScaleStarOuterVariants","ratingScaleStarVisualVariants","ratingScaleSliderTrackVariants","ratingScaleSliderFillVariants","ratingScaleSliderThumbVariants","ratingScaleSliderTickVariants","ratingScaleNAButtonVariants","getStepValues","min","max","step","values","v","ButtonsRenderer","currentValue","onValueChange","size","isDisabled","isReadOnly","isInvalid","name","groupId","jsx","AriaRadioGroup","val","AriaRadio","isSelected","StarsRenderer","isFilled","Star","SliderRenderer","effectiveValue","jsxs","AriaSlider","SliderOutput","state","SliderTrack","Fragment","percent","SliderThumb","RatingScale","forwardRef","props","ref","value","onChange","displayStyle","label","description","errorMessage","lowLabel","highLabel","valueLabels","showNA","isRequired","className","id","ariaLabel","ariaDescribedby","dataTestId","generatedId","useId","labelId","descriptionId","errorId","describedByParts","isControlled","internalValue","setInternalValue","useState","handleValueChange","useCallback","newValue","handleNAToggle","currentValueLabel","rendererProps","Label","Text","BaseComponentPropsSchema","z","RatingScaleDisplayStyleSchema","RatingScaleSizeSchema","RatingScalePropsSchema"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\n\n/**\n * RatingScale CVA Variant Definitions\n *\n * Organised by display style (buttons, stars, slider) and shared elements.\n * All interactive elements maintain 44x44px minimum touch targets (WCAG 2.2 AAA).\n */\n\n// =============================================================================\n// Shared / Container\n// =============================================================================\n\n/** Root wrapper */\nexport const ratingScaleContainerVariants = cva(\"flex flex-col gap-1.5\", {\n  variants: {\n    size: {\n      sm: \"text-sm\",\n      default: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n/** Horizontal row containing scale items + endpoint labels */\nexport const ratingScaleRowVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1.5\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n// =============================================================================\n// Buttons Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each button (44x44px minimum, transparent) */\nexport const ratingScaleButtonOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Visual button */\nexport const ratingScaleButtonVisualVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"rounded-md border font-medium\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-9 w-9 text-sm\",\n        lg: \"h-11 w-11 text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]\",\n        false: \"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Stars Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each star (44x44px minimum, transparent) */\nexport const ratingScaleStarOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Star icon visual */\nexport const ratingScaleStarVisualVariants = cva(\n  [\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-5\",\n        default: \"h-6 w-6\",\n        lg: \"h-8 w-8\",\n      },\n      isFilled: {\n        true: \"fill-[var(--primary-action)] text-[var(--primary-action)]\",\n        false: \"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50\",\n      },\n      isInvalid: {\n        true: \"text-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isFilled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Slider Display Style\n// =============================================================================\n\n/** Slider track — overflow-visible so thumb + ticks render outside the thin bar */\nexport const ratingScaleSliderTrackVariants = cva(\n  [\n    \"relative w-full rounded-full overflow-visible\",\n    \"bg-[var(--border)]\",\n    \"cursor-pointer\",\n    \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        default: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider filled portion of track */\nexport const ratingScaleSliderFillVariants = cva(\n  \"absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]\",\n  {\n    variants: {\n      isInvalid: {\n        true: \"bg-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { isInvalid: false },\n  }\n);\n\n/** Slider thumb — Layer 1 is handled by React Aria's SliderThumb (44px touch target) */\nexport const ratingScaleSliderThumbVariants = cva(\n  [\n    \"rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]\",\n    \"shadow-md\",\n    \"transition-transform duration-200\",\n    \"motion-reduce:transition-none\",\n    \"data-[dragging]:scale-110\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider tick mark at each step — vertical lines below the track */\nexport const ratingScaleSliderTickVariants = cva(\n  \"absolute bg-[var(--content-foreground)]/30\",\n  {\n    variants: {\n      size: {\n        sm: \"w-px h-2 top-[calc(100%+2px)]\",\n        default: \"w-px h-2.5 top-[calc(100%+3px)]\",\n        lg: \"w-px h-3 top-[calc(100%+4px)]\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n// =============================================================================\n// N/A Button\n// =============================================================================\n\n/** N/A toggle button */\nexport const ratingScaleNAButtonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px] px-3\",\n    \"rounded-md border font-medium\",\n    \"cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        default: \"text-sm\",\n        lg: \"text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]\",\n        false: \"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n    },\n  }\n);\n","\"use client\";\n\n/**\n * RatingScale Component\n * Configurable scale with 3 display styles for scoring/evaluation.\n *\n * Display styles:\n * - buttons: Numbered buttons in a RadioGroup\n * - stars: Star icons that fill up to selected value\n * - slider: Discrete step slider with tick marks\n *\n * Built on React Aria RadioGroup (buttons/stars) and Slider primitives.\n *\n * @see WCAG 2.2 AAA — 44x44px touch targets, 7:1 contrast, keyboard navigation\n */\n\nimport {\n  forwardRef,\n  useState,\n  useId,\n  useCallback,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Slider as AriaSlider,\n  SliderTrack,\n  SliderThumb,\n  SliderOutput,\n  Label,\n  Text,\n} from 'react-aria-components';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { RatingScaleProps, RatingScaleSize } from './RatingScale.types';\nimport {\n  ratingScaleContainerVariants,\n  ratingScaleRowVariants,\n  ratingScaleButtonOuterVariants,\n  ratingScaleButtonVisualVariants,\n  ratingScaleStarOuterVariants,\n  ratingScaleStarVisualVariants,\n  ratingScaleSliderTrackVariants,\n  ratingScaleSliderFillVariants,\n  ratingScaleSliderThumbVariants,\n  ratingScaleSliderTickVariants,\n  ratingScaleNAButtonVariants,\n} from './RatingScale.styles';\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Generate the array of step values for the scale */\nfunction getStepValues(min: number, max: number, step: number): number[] {\n  const values: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    values.push(v);\n  }\n  return values;\n}\n\n// =============================================================================\n// Sub-renderers\n// =============================================================================\n\ninterface RendererProps {\n  values: number[];\n  currentValue: number | null;\n  onValueChange: (value: number) => void;\n  size: RatingScaleSize;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  name?: string;\n  groupId: string;\n  min: number;\n  max: number;\n  step: number;\n}\n\n/** Buttons display: numbered buttons in a RadioGroup */\nfunction ButtonsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => (\n          <AriaRadio\n            key={v}\n            value={String(v)}\n            aria-label={String(v)}\n            className={ratingScaleButtonOuterVariants()}\n          >\n            {({ isSelected }) => (\n              <span\n                className={ratingScaleButtonVisualVariants({\n                  size,\n                  isSelected,\n                  isInvalid,\n                })}\n              >\n                {v}\n              </span>\n            )}\n          </AriaRadio>\n        ))}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Stars display: star icons that fill up to selected value */\nfunction StarsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => {\n          const isFilled = currentValue !== null && v <= currentValue;\n          return (\n            <AriaRadio\n              key={v}\n              value={String(v)}\n              aria-label={`${v} star${v !== 1 ? 's' : ''}`}\n              className={ratingScaleStarOuterVariants()}\n            >\n              <Star\n                aria-hidden=\"true\"\n                className={ratingScaleStarVisualVariants({\n                  size,\n                  isFilled,\n                  isInvalid,\n                })}\n              />\n            </AriaRadio>\n          );\n        })}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Slider display: discrete step slider with tick marks */\nfunction SliderRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isInvalid,\n  min,\n  max,\n  step,\n  groupId,\n}: RendererProps): ReactNode {\n  const effectiveValue = currentValue ?? min;\n\n  return (\n    <AriaSlider\n      aria-labelledby={`${groupId}-label`}\n      value={effectiveValue}\n      onChange={onValueChange}\n      minValue={min}\n      maxValue={max}\n      step={step}\n      isDisabled={isDisabled}\n      className=\"flex w-full flex-col gap-1 pb-4\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <SliderOutput className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {({ state }) => state.values[0]}\n        </SliderOutput>\n      </div>\n      <SliderTrack className={cn(ratingScaleSliderTrackVariants({ size }), \"relative\")}>\n        {({ state }) => (\n          <>\n            {/* Filled portion */}\n            <div\n              className={ratingScaleSliderFillVariants({ isInvalid })}\n              style={{ width: `${(((state.values[0] ?? min) - min) / (max - min)) * 100}%` }}\n            />\n\n            {/* Tick marks */}\n            {values.map((v) => {\n              const percent = ((v - min) / (max - min)) * 100;\n              return (\n                <div\n                  key={v}\n                  className={ratingScaleSliderTickVariants({ size })}\n                  style={{ left: `${percent}%`, transform: 'translateX(-50%)' }}\n                  aria-hidden=\"true\"\n                />\n              );\n            })}\n\n            {/* Thumb — override React Aria's top:0 to center on track */}\n            <SliderThumb\n              className={ratingScaleSliderThumbVariants({ size })}\n              style={{ top: '50%' }}\n            />\n          </>\n        )}\n      </SliderTrack>\n    </AriaSlider>\n  );\n}\n\n// =============================================================================\n// RatingScale Component\n// =============================================================================\n\nconst RatingScale = forwardRef<HTMLDivElement, RatingScaleProps>(\n  function RatingScale(props: RatingScaleProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Value\n      value,\n      onChange,\n      // Range\n      min = 1,\n      max = 5,\n      step = 1,\n      // Display\n      displayStyle = 'buttons',\n      // Labels\n      label,\n      description,\n      errorMessage,\n      lowLabel,\n      highLabel,\n      valueLabels,\n      // N/A\n      showNA = false,\n      // State\n      isRequired = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isInvalid = false,\n      // Sizing\n      size = 'default',\n      // Form\n      name,\n      // Standard\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n    } = props;\n\n    const generatedId = useId();\n    const groupId = id ?? generatedId;\n    const labelId = `${groupId}-label`;\n    const descriptionId = `${groupId}-description`;\n    const errorId = `${groupId}-error`;\n\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n\n    const values = getStepValues(min, max, step);\n\n    // Controlled vs uncontrolled state management\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(null);\n    const currentValue = isControlled ? (value ?? null) : internalValue;\n\n    const handleValueChange = useCallback(\n      (newValue: number) => {\n        if (isReadOnly) return;\n        if (!isControlled) {\n          setInternalValue(newValue);\n        }\n        onChange?.(newValue);\n      },\n      [onChange, isReadOnly, isControlled],\n    );\n\n    const handleNAToggle = useCallback(() => {\n      if (isDisabled || isReadOnly) return;\n      if (currentValue === null) {\n        // Deselect N/A — revert to min value\n        if (!isControlled) {\n          setInternalValue(min);\n        }\n        onChange?.(min);\n      } else {\n        if (!isControlled) {\n          setInternalValue(null);\n        }\n        onChange?.(null);\n      }\n    }, [currentValue, onChange, min, isDisabled, isReadOnly, isControlled]);\n\n    const currentValueLabel =\n      currentValue !== null && valueLabels\n        ? valueLabels[String(currentValue)]\n        : undefined;\n\n    const rendererProps: RendererProps = {\n      values,\n      currentValue,\n      onValueChange: handleValueChange,\n      size,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      name,\n      groupId,\n      min,\n      max,\n      step,\n    };\n\n    return (\n      <div\n        ref={ref}\n        id={groupId}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={describedByParts.length > 0 ? describedByParts.join(' ') : undefined}\n        data-testid={dataTestId}\n        className={cn(ratingScaleContainerVariants({ size }), className)}\n      >\n        {/* Label */}\n        {label && (\n          <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </Label>\n        )}\n\n        {/* Description */}\n        {description && (\n          <Text\n            id={descriptionId}\n            slot=\"description\"\n            className=\"text-sm text-[var(--menu-muted)]\"\n          >\n            {description}\n          </Text>\n        )}\n\n        {/* Scale row with endpoint labels */}\n        <div className=\"flex items-center gap-2\">\n          {lowLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {lowLabel}\n            </span>\n          )}\n\n          <div className=\"flex-1\">\n            {displayStyle === 'buttons' && <ButtonsRenderer {...rendererProps} />}\n            {displayStyle === 'stars' && <StarsRenderer {...rendererProps} />}\n            {displayStyle === 'slider' && <SliderRenderer {...rendererProps} />}\n          </div>\n\n          {highLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {highLabel}\n            </span>\n          )}\n\n          {/* N/A Button */}\n          {showNA && (\n            <button\n              type=\"button\"\n              aria-pressed={currentValue === null}\n              disabled={isDisabled}\n              onClick={handleNAToggle}\n              className={ratingScaleNAButtonVariants({\n                size,\n                isSelected: currentValue === null,\n              })}\n            >\n              N/A\n            </button>\n          )}\n        </div>\n\n        {/* Value label */}\n        {currentValueLabel && (\n          <span\n            className=\"text-sm font-medium text-[var(--content-foreground)]\"\n            aria-live=\"polite\"\n          >\n            {currentValueLabel}\n          </span>\n        )}\n\n        {/* Error message */}\n        {isInvalid && errorMessage && (\n          <div\n            id={errorId}\n            role=\"alert\"\n            className=\"text-sm text-[var(--destructive-background)]\"\n          >\n            {errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nRatingScale.displayName = \"RatingScale\";\n\nexport { RatingScale };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * RatingScale display style schema\n * Determines the visual rendering of the scale\n */\nexport const RatingScaleDisplayStyleSchema = z.enum(['buttons', 'stars', 'slider']);\nexport type RatingScaleDisplayStyle = z.infer<typeof RatingScaleDisplayStyleSchema>;\n\n/**\n * RatingScale size schema\n * All sizes maintain 44px minimum touch targets (WCAG 2.2 AAA)\n */\nexport const RatingScaleSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RatingScaleSize = z.infer<typeof RatingScaleSizeSchema>;\n\n/**\n * RatingScale props schema\n *\n * Configurable rating scale with 3 display styles:\n * - buttons: RadioGroup with numbered buttons\n * - stars: RadioGroup with star icons (fill up to selected)\n * - slider: Slider with discrete steps and tick marks\n */\nexport const RatingScalePropsSchema = BaseComponentPropsSchema.extend({\n  // Value props — number | null (null = N/A selected)\n  value: z.number().nullable().optional(),\n  onChange: z.custom<(value: number | null) => void>().optional(),\n\n  // Range props\n  min: z.number().optional().default(1),\n  max: z.number().optional().default(5),\n  step: z.number().optional().default(1),\n\n  // Display\n  displayStyle: RatingScaleDisplayStyleSchema.optional().default('buttons'),\n\n  // Labels\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  lowLabel: z.string().optional(),\n  highLabel: z.string().optional(),\n  valueLabels: z.record(z.string(), z.string()).optional(),\n\n  // N/A support\n  showNA: z.boolean().optional().default(false),\n\n  // State props\n  isRequired: z.boolean().optional().default(false),\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Sizing\n  size: RatingScaleSizeSchema.optional().default('default'),\n\n  // Form integration\n  name: z.string().optional(),\n});\n\nexport type RatingScaleProps = z.infer<typeof RatingScalePropsSchema>;\n"]}

package/dist/elements/RatingScale/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import {forwardRef,useId,useState,useCallback}from'react';import {Label,Text,RadioGroup,Radio,Slider,SliderOutput,SliderTrack,SliderThumb}from'react-aria-components';import {Star}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {z}from'zod';function E(...d){return twMerge(clsx(d))}var v="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var g="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var L=cva("flex flex-col gap-1.5",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),C=cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1.5",lg:"gap-2"}},defaultVariants:{size:"default"}}),P=cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),_=cva(["inline-flex items-center justify-center","rounded-md border font-medium","transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-8 w-8 text-xs",default:"h-9 w-9 text-sm",lg:"h-11 w-11 text-base"},isSelected:{true:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]",false:"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isSelected:false,isInvalid:false}}),k=cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px]","cursor-pointer",v,g,"data-[disabled]:pointer-events-none data-[disabled]:opacity-50"].join(" ")),$=cva(["transition-colors duration-200","motion-reduce:transition-none"].join(" "),{variants:{size:{sm:"h-5 w-5",default:"h-6 w-6",lg:"h-8 w-8"},isFilled:{true:"fill-[var(--primary-action)] text-[var(--primary-action)]",false:"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50"},isInvalid:{true:"text-[var(--destructive-background)]",false:""}},defaultVariants:{size:"default",isFilled:false,isInvalid:false}}),D=cva(["relative w-full rounded-full overflow-visible","bg-[var(--border)]","cursor-pointer","data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed"].join(" "),{variants:{size:{sm:"h-1.5",default:"h-2",lg:"h-3"}},defaultVariants:{size:"default"}}),B=cva("absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]",{variants:{isInvalid:{true:"bg-[var(--destructive-background)]",false:""}},defaultVariants:{isInvalid:false}}),H=cva(["rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]","shadow-md","transition-transform duration-200","motion-reduce:transition-none","data-[dragging]:scale-110",v,g].join(" "),{variants:{size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{size:"default"}}),j=cva("absolute bg-[var(--content-foreground)]/30",{variants:{size:{sm:"w-px h-2 top-[calc(100%+2px)]",default:"w-px h-2.5 top-[calc(100%+3px)]",lg:"w-px h-3 top-[calc(100%+4px)]"}},defaultVariants:{size:"default"}}),F=cva(["inline-flex items-center justify-center","min-h-[44px] min-w-[44px] px-3","rounded-md border font-medium","cursor-pointer","transition-colors duration-200","motion-reduce:transition-none",v,g,"disabled:pointer-events-none disabled:opacity-50"].join(" "),{variants:{size:{sm:"text-xs",default:"text-sm",lg:"text-base"},isSelected:{true:"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]",false:"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]"}},defaultVariants:{size:"default",isSelected:false}});function Ae(d,o,p){let r=[];for(let n=d;n<=o;n+=p)r.push(n);return r}function Ee({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsx(RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsx("div",{className:C({size:r}),children:d.map(t=>jsx(Radio,{value:String(t),"aria-label":String(t),className:P(),children:({isSelected:f})=>jsx("span",{className:_({size:r,isSelected:f,isInvalid:i}),children:t})},t))})})}function Le({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isReadOnly:l,isInvalid:i,name:c,groupId:m}){return jsx(RadioGroup,{"aria-labelledby":`${m}-label`,value:o!==null?String(o):void 0,onChange:t=>p(Number(t)),isDisabled:n,isReadOnly:l,orientation:"horizontal",name:c,className:"flex items-center gap-0",children:jsx("div",{className:C({size:r}),children:d.map(t=>{let f=o!==null&&t<=o;return jsx(Radio,{value:String(t),"aria-label":`${t} star${t!==1?"s":""}`,className:k(),children:jsx(Star,{"aria-hidden":"true",className:$({size:r,isFilled:f,isInvalid:i})})},t)})})})}function Pe({values:d,currentValue:o,onValueChange:p,size:r,isDisabled:n,isInvalid:l,min:i,max:c,step:m,groupId:t}){let f=o??i;return jsxs(Slider,{"aria-labelledby":`${t}-label`,value:f,onChange:p,minValue:i,maxValue:c,step:m,isDisabled:n,className:"flex w-full flex-col gap-1 pb-4",children:[jsx("div",{className:"flex items-center justify-between",children:jsx(SliderOutput,{className:"text-sm font-medium text-[var(--content-foreground)]",children:({state:S})=>S.values[0]})}),jsx(SliderTrack,{className:E(D({size:r}),"relative"),children:({state:S})=>jsxs(Fragment,{children:[jsx("div",{className:B({isInvalid:l}),style:{width:`${((S.values[0]??i)-i)/(c-i)*100}%`}}),d.map(R=>{let T=(R-i)/(c-i)*100;return jsx("div",{className:j({size:r}),style:{left:`${T}%`,transform:"translateX(-50%)"},"aria-hidden":"true"},R)}),jsx(SliderThumb,{className:H({size:r}),style:{top:"50%"}})]})})]})}var ae=forwardRef(function(o,p){let{value:r,onChange:n,min:l=1,max:i=5,step:c=1,displayStyle:m="buttons",label:t,description:f,errorMessage:S,lowLabel:R,highLabel:T,valueLabels:G,showNA:ie=false,isRequired:oe=false,isDisabled:w=false,isReadOnly:y=false,isInvalid:I=false,size:z="default",name:le,className:se,id:de,"aria-label":ce,"aria-describedby":Y,"data-testid":ue}=o,pe=useId(),V=de??pe,U=`${V}-label`,M=`${V}-description`,q=`${V}-error`,N=[];Y&&N.push(Y),f&&N.push(M),I&&S&&N.push(q);let me=Ae(l,i,c),x=r!==void 0,[fe,O]=useState(null),b=x?r??null:fe,ge=useCallback(J=>{y||(x||O(J),n?.(J));},[n,y,x]),Se=useCallback(()=>{w||y||(b===null?(x||O(l),n?.(l)):(x||O(null),n?.(null)));},[b,n,l,w,y,x]),X=b!==null&&G?G[String(b)]:void 0,A={values:me,currentValue:b,onValueChange:ge,size:z,isDisabled:w,isReadOnly:y,isInvalid:I,name:le,groupId:V,min:l,max:i,step:c};return jsxs("div",{ref:p,id:V,role:"group","aria-label":ce,"aria-labelledby":t?U:void 0,"aria-describedby":N.length>0?N.join(" "):void 0,"data-testid":ue,className:E(L({size:z}),se),children:[t&&jsxs(Label,{id:U,className:"text-sm font-medium text-[var(--content-foreground)]",children:[t,oe&&jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),f&&jsx(Text,{id:M,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:f}),jsxs("div",{className:"flex items-center gap-2",children:[R&&jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:R}),jsxs("div",{className:"flex-1",children:[m==="buttons"&&jsx(Ee,{...A}),m==="stars"&&jsx(Le,{...A}),m==="slider"&&jsx(Pe,{...A})]}),T&&jsx("span",{className:"text-sm text-[var(--muted-foreground)] whitespace-nowrap",children:T}),ie&&jsx("button",{type:"button","aria-pressed":b===null,disabled:w,onClick:Se,className:F({size:z,isSelected:b===null}),children:"N/A"})]}),X&&jsx("span",{className:"text-sm font-medium text-[var(--content-foreground)]","aria-live":"polite",children:X}),I&&S&&jsx("div",{id:q,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:S})]})});ae.displayName="RatingScale";var te=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var re=z.enum(["buttons","stars","slider"]),ne=z.enum(["sm","default","lg"]),ke=te.extend({value:z.number().nullable().optional(),onChange:z.custom().optional(),min:z.number().optional().default(1),max:z.number().optional().default(5),step:z.number().optional().default(1),displayStyle:re.optional().default("buttons"),label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),lowLabel:z.string().optional(),highLabel:z.string().optional(),valueLabels:z.record(z.string(),z.string()).optional(),showNA:z.boolean().optional().default(false),isRequired:z.boolean().optional().default(false),isDisabled:z.boolean().optional().default(false),isReadOnly:z.boolean().optional().default(false),isInvalid:z.boolean().optional().default(false),size:ne.optional().default("default"),name:z.string().optional()});export{ae as RatingScale,re as RatingScaleDisplayStyleSchema,ke as RatingScalePropsSchema,ne as RatingScaleSizeSchema,P as ratingScaleButtonOuterVariants,_ as ratingScaleButtonVisualVariants,L as ratingScaleContainerVariants,F as ratingScaleNAButtonVariants,C as ratingScaleRowVariants,B as ratingScaleSliderFillVariants,H as ratingScaleSliderThumbVariants,j as ratingScaleSliderTickVariants,D as ratingScaleSliderTrackVariants,k as ratingScaleStarOuterVariants,$ as ratingScaleStarVisualVariants};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/elements/RatingScale/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/styles/interaction-states.ts","../../../src/elements/RatingScale/RatingScale.styles.ts","../../../src/elements/RatingScale/RatingScale.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/RatingScale/RatingScale.types.ts"],"names":["cn","inputs","twMerge","clsx","FOCUS_STYLES","HIGH_CONTRAST_FOCUS","ratingScaleContainerVariants","cva","ratingScaleRowVariants","ratingScaleButtonOuterVariants","ratingScaleButtonVisualVariants","ratingScaleStarOuterVariants","ratingScaleStarVisualVariants","ratingScaleSliderTrackVariants","ratingScaleSliderFillVariants","ratingScaleSliderThumbVariants","ratingScaleSliderTickVariants","ratingScaleNAButtonVariants","getStepValues","min","max","step","values","v","ButtonsRenderer","currentValue","onValueChange","size","isDisabled","isReadOnly","isInvalid","name","groupId","jsx","AriaRadioGroup","val","AriaRadio","isSelected","StarsRenderer","isFilled","Star","SliderRenderer","effectiveValue","jsxs","AriaSlider","SliderOutput","state","SliderTrack","Fragment","percent","SliderThumb","RatingScale","forwardRef","props","ref","value","onChange","displayStyle","label","description","errorMessage","lowLabel","highLabel","valueLabels","showNA","isRequired","className","id","ariaLabel","ariaDescribedby","dataTestId","generatedId","useId","labelId","descriptionId","errorId","describedByParts","isControlled","internalValue","setInternalValue","useState","handleValueChange","useCallback","newValue","handleNAToggle","currentValueLabel","rendererProps","Label","Text","BaseComponentPropsSchema","z","RatingScaleDisplayStyleSchema","RatingScaleSizeSchema","RatingScalePropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * Global Interaction State Styles\n *\n * Consistent interaction patterns across all Themis components.\n * These styles ensure WCAG 2.2 AAA compliance and predictable UX.\n *\n * @see spec.md FR-010 (Visible focus ring for keyboard navigation)\n * @see spec.md FR-031 (Pressed state feedback)\n * @see spec.md FR-012 (High contrast mode support)\n * @see constitution.md Principle IV (Accessibility First)\n */\n\n/**\n * Focus state styles (FR-010)\n * Visible focus ring for keyboard navigation - WCAG 2.2 Level AAA\n *\n * Components can override by extending these styles:\n * @example\n * cn(FOCUS_STYLES, \"ring-4\") // Increases ring width to 4px\n */\nexport const FOCUS_STYLES = \"data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2\";\n\n/**\n * Pressed/Active state styles (FR-031)\n * Visual feedback for press interactions\n *\n * Components can override the scale amount:\n * @example\n * cn(PRESSED_STYLES_BASE, \"data-[pressed]:scale-[0.95]\") // More pronounced scale\n */\nexport const PRESSED_STYLES = \"data-[pressed]:scale-[0.97]\";\n\n/**\n * Base pressed styles without scale (for components that need different feedback)\n */\nexport const PRESSED_STYLES_BASE = \"data-[pressed]:transition-transform data-[pressed]:duration-100\";\n\n/**\n * Hover state styles\n * Elevation change on hover for better affordance\n *\n * Components can override shadow depth:\n * @example\n * cn(HOVER_STYLES_BASE, \"data-[hovered]:shadow-lg\") // Larger shadow\n */\nexport const HOVER_STYLES = \"data-[hovered]:shadow-md\";\n\n/**\n * Base hover styles without shadow (for components that use different hover effects)\n */\nexport const HOVER_STYLES_BASE = \"data-[hovered]:transition-shadow data-[hovered]:duration-200\";\n\n/**\n * High contrast mode focus (FR-012)\n * Enhanced outlines for users requiring high contrast\n *\n * Uses 'hc:' prefix for prefers-contrast: more media query\n */\nexport const HIGH_CONTRAST_FOCUS = \"hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground\";\n\n/**\n * High contrast mode hover (FR-012)\n * Enhanced outlines for hover in high contrast mode\n */\nexport const HIGH_CONTRAST_HOVER = \"hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground\";\n\n/**\n * High contrast mode pressed state\n * Enhanced outlines for pressed state in high contrast mode\n */\nexport const HIGH_CONTRAST_PRESSED = \"hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground\";\n\n/**\n * Combined high contrast styles\n * Use this for components that need all high contrast interaction states\n */\nexport const HIGH_CONTRAST_INTERACTIONS = `${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Disabled state styles\n * Consistent disabled appearance across all components\n */\nexport const DISABLED_STYLES = \"disabled:pointer-events-none disabled:opacity-50\";\n\n/**\n * Default interaction bundle\n * Most common combination for interactive components\n *\n * Includes: focus ring, pressed scale, hover shadow, high contrast enhancements\n *\n * @example\n * <button className={cn(DEFAULT_INTERACTIONS, \"bg-primary\")}>Click</button>\n */\nexport const DEFAULT_INTERACTIONS = `${FOCUS_STYLES} ${PRESSED_STYLES} ${HOVER_STYLES} ${HIGH_CONTRAST_FOCUS} ${HIGH_CONTRAST_HOVER} ${HIGH_CONTRAST_PRESSED}`;\n\n/**\n * Subtle interaction bundle\n * For components that need less pronounced feedback\n *\n * Includes: focus ring and high contrast, but no hover shadow or pressed scale\n */\nexport const SUBTLE_INTERACTIONS = `${FOCUS_STYLES} ${HIGH_CONTRAST_FOCUS}`;\n\n/**\n * Non-interactive element styles\n * For elements that should indicate they are not interactive\n */\nexport const NON_INTERACTIVE = \"cursor-default select-none\";\n","import { cva } from 'class-variance-authority';\nimport { FOCUS_STYLES, HIGH_CONTRAST_FOCUS } from '../../styles/interaction-states';\n\n/**\n * RatingScale CVA Variant Definitions\n *\n * Organised by display style (buttons, stars, slider) and shared elements.\n * All interactive elements maintain 44x44px minimum touch targets (WCAG 2.2 AAA).\n */\n\n// =============================================================================\n// Shared / Container\n// =============================================================================\n\n/** Root wrapper */\nexport const ratingScaleContainerVariants = cva(\"flex flex-col gap-1.5\", {\n  variants: {\n    size: {\n      sm: \"text-sm\",\n      default: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n/** Horizontal row containing scale items + endpoint labels */\nexport const ratingScaleRowVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1.5\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\n// =============================================================================\n// Buttons Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each button (44x44px minimum, transparent) */\nexport const ratingScaleButtonOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Visual button */\nexport const ratingScaleButtonVisualVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"rounded-md border font-medium\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-8 w-8 text-xs\",\n        default: \"h-9 w-9 text-sm\",\n        lg: \"h-11 w-11 text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] border-[var(--primary-action)]\",\n        false: \"bg-[var(--content-background)] text-[var(--content-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n      isInvalid: {\n        true: \"border-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Stars Display Style\n// =============================================================================\n\n/** Layer 1: Touch target for each star (44x44px minimum, transparent) */\nexport const ratingScaleStarOuterVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px]\",\n    \"cursor-pointer\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n  ].join(\" \"),\n);\n\n/** Layer 2: Star icon visual */\nexport const ratingScaleStarVisualVariants = cva(\n  [\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-5\",\n        default: \"h-6 w-6\",\n        lg: \"h-8 w-8\",\n      },\n      isFilled: {\n        true: \"fill-[var(--primary-action)] text-[var(--primary-action)]\",\n        false: \"fill-none text-[var(--border)] hover:text-[var(--primary-action)]/50\",\n      },\n      isInvalid: {\n        true: \"text-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isFilled: false,\n      isInvalid: false,\n    },\n  }\n);\n\n// =============================================================================\n// Slider Display Style\n// =============================================================================\n\n/** Slider track — overflow-visible so thumb + ticks render outside the thin bar */\nexport const ratingScaleSliderTrackVariants = cva(\n  [\n    \"relative w-full rounded-full overflow-visible\",\n    \"bg-[var(--border)]\",\n    \"cursor-pointer\",\n    \"data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-1.5\",\n        default: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider filled portion of track */\nexport const ratingScaleSliderFillVariants = cva(\n  \"absolute top-0 left-0 h-full rounded-full bg-[var(--primary-action)]\",\n  {\n    variants: {\n      isInvalid: {\n        true: \"bg-[var(--destructive-background)]\",\n        false: \"\",\n      },\n    },\n    defaultVariants: { isInvalid: false },\n  }\n);\n\n/** Slider thumb — Layer 1 is handled by React Aria's SliderThumb (44px touch target) */\nexport const ratingScaleSliderThumbVariants = cva(\n  [\n    \"rounded-full bg-[var(--primary-action)] border-2 border-[var(--content-background)]\",\n    \"shadow-md\",\n    \"transition-transform duration-200\",\n    \"motion-reduce:transition-none\",\n    \"data-[dragging]:scale-110\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        default: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n/** Slider tick mark at each step — vertical lines below the track */\nexport const ratingScaleSliderTickVariants = cva(\n  \"absolute bg-[var(--content-foreground)]/30\",\n  {\n    variants: {\n      size: {\n        sm: \"w-px h-2 top-[calc(100%+2px)]\",\n        default: \"w-px h-2.5 top-[calc(100%+3px)]\",\n        lg: \"w-px h-3 top-[calc(100%+4px)]\",\n      },\n    },\n    defaultVariants: { size: \"default\" },\n  }\n);\n\n// =============================================================================\n// N/A Button\n// =============================================================================\n\n/** N/A toggle button */\nexport const ratingScaleNAButtonVariants = cva(\n  [\n    \"inline-flex items-center justify-center\",\n    \"min-h-[44px] min-w-[44px] px-3\",\n    \"rounded-md border font-medium\",\n    \"cursor-pointer\",\n    \"transition-colors duration-200\",\n    \"motion-reduce:transition-none\",\n    FOCUS_STYLES,\n    HIGH_CONTRAST_FOCUS,\n    \"disabled:pointer-events-none disabled:opacity-50\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        default: \"text-sm\",\n        lg: \"text-base\",\n      },\n      isSelected: {\n        true: \"bg-[var(--muted)] text-[var(--content-foreground)] border-[var(--content-foreground)]\",\n        false: \"bg-[var(--content-background)] text-[var(--muted-foreground)] border-[var(--border)] hover:bg-[var(--accent)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      isSelected: false,\n    },\n  }\n);\n","\"use client\";\n\n/**\n * RatingScale Component\n * Configurable scale with 3 display styles for scoring/evaluation.\n *\n * Display styles:\n * - buttons: Numbered buttons in a RadioGroup\n * - stars: Star icons that fill up to selected value\n * - slider: Discrete step slider with tick marks\n *\n * Built on React Aria RadioGroup (buttons/stars) and Slider primitives.\n *\n * @see WCAG 2.2 AAA — 44x44px touch targets, 7:1 contrast, keyboard navigation\n */\n\nimport {\n  forwardRef,\n  useState,\n  useId,\n  useCallback,\n  type ReactNode,\n  type ForwardedRef,\n} from 'react';\nimport {\n  RadioGroup as AriaRadioGroup,\n  Radio as AriaRadio,\n  Slider as AriaSlider,\n  SliderTrack,\n  SliderThumb,\n  SliderOutput,\n  Label,\n  Text,\n} from 'react-aria-components';\nimport { Star } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { RatingScaleProps, RatingScaleSize } from './RatingScale.types';\nimport {\n  ratingScaleContainerVariants,\n  ratingScaleRowVariants,\n  ratingScaleButtonOuterVariants,\n  ratingScaleButtonVisualVariants,\n  ratingScaleStarOuterVariants,\n  ratingScaleStarVisualVariants,\n  ratingScaleSliderTrackVariants,\n  ratingScaleSliderFillVariants,\n  ratingScaleSliderThumbVariants,\n  ratingScaleSliderTickVariants,\n  ratingScaleNAButtonVariants,\n} from './RatingScale.styles';\n\n// =============================================================================\n// Helpers\n// =============================================================================\n\n/** Generate the array of step values for the scale */\nfunction getStepValues(min: number, max: number, step: number): number[] {\n  const values: number[] = [];\n  for (let v = min; v <= max; v += step) {\n    values.push(v);\n  }\n  return values;\n}\n\n// =============================================================================\n// Sub-renderers\n// =============================================================================\n\ninterface RendererProps {\n  values: number[];\n  currentValue: number | null;\n  onValueChange: (value: number) => void;\n  size: RatingScaleSize;\n  isDisabled: boolean;\n  isReadOnly: boolean;\n  isInvalid: boolean;\n  name?: string;\n  groupId: string;\n  min: number;\n  max: number;\n  step: number;\n}\n\n/** Buttons display: numbered buttons in a RadioGroup */\nfunction ButtonsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => (\n          <AriaRadio\n            key={v}\n            value={String(v)}\n            aria-label={String(v)}\n            className={ratingScaleButtonOuterVariants()}\n          >\n            {({ isSelected }) => (\n              <span\n                className={ratingScaleButtonVisualVariants({\n                  size,\n                  isSelected,\n                  isInvalid,\n                })}\n              >\n                {v}\n              </span>\n            )}\n          </AriaRadio>\n        ))}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Stars display: star icons that fill up to selected value */\nfunction StarsRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isReadOnly,\n  isInvalid,\n  name,\n  groupId,\n}: RendererProps): ReactNode {\n  return (\n    <AriaRadioGroup\n      aria-labelledby={`${groupId}-label`}\n      value={currentValue !== null ? String(currentValue) : undefined}\n      onChange={(val: string) => onValueChange(Number(val))}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      orientation=\"horizontal\"\n      name={name}\n      className=\"flex items-center gap-0\"\n    >\n      <div className={ratingScaleRowVariants({ size })}>\n        {values.map((v) => {\n          const isFilled = currentValue !== null && v <= currentValue;\n          return (\n            <AriaRadio\n              key={v}\n              value={String(v)}\n              aria-label={`${v} star${v !== 1 ? 's' : ''}`}\n              className={ratingScaleStarOuterVariants()}\n            >\n              <Star\n                aria-hidden=\"true\"\n                className={ratingScaleStarVisualVariants({\n                  size,\n                  isFilled,\n                  isInvalid,\n                })}\n              />\n            </AriaRadio>\n          );\n        })}\n      </div>\n    </AriaRadioGroup>\n  );\n}\n\n/** Slider display: discrete step slider with tick marks */\nfunction SliderRenderer({\n  values,\n  currentValue,\n  onValueChange,\n  size,\n  isDisabled,\n  isInvalid,\n  min,\n  max,\n  step,\n  groupId,\n}: RendererProps): ReactNode {\n  const effectiveValue = currentValue ?? min;\n\n  return (\n    <AriaSlider\n      aria-labelledby={`${groupId}-label`}\n      value={effectiveValue}\n      onChange={onValueChange}\n      minValue={min}\n      maxValue={max}\n      step={step}\n      isDisabled={isDisabled}\n      className=\"flex w-full flex-col gap-1 pb-4\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <SliderOutput className=\"text-sm font-medium text-[var(--content-foreground)]\">\n          {({ state }) => state.values[0]}\n        </SliderOutput>\n      </div>\n      <SliderTrack className={cn(ratingScaleSliderTrackVariants({ size }), \"relative\")}>\n        {({ state }) => (\n          <>\n            {/* Filled portion */}\n            <div\n              className={ratingScaleSliderFillVariants({ isInvalid })}\n              style={{ width: `${(((state.values[0] ?? min) - min) / (max - min)) * 100}%` }}\n            />\n\n            {/* Tick marks */}\n            {values.map((v) => {\n              const percent = ((v - min) / (max - min)) * 100;\n              return (\n                <div\n                  key={v}\n                  className={ratingScaleSliderTickVariants({ size })}\n                  style={{ left: `${percent}%`, transform: 'translateX(-50%)' }}\n                  aria-hidden=\"true\"\n                />\n              );\n            })}\n\n            {/* Thumb — override React Aria's top:0 to center on track */}\n            <SliderThumb\n              className={ratingScaleSliderThumbVariants({ size })}\n              style={{ top: '50%' }}\n            />\n          </>\n        )}\n      </SliderTrack>\n    </AriaSlider>\n  );\n}\n\n// =============================================================================\n// RatingScale Component\n// =============================================================================\n\nconst RatingScale = forwardRef<HTMLDivElement, RatingScaleProps>(\n  function RatingScale(props: RatingScaleProps, ref: ForwardedRef<HTMLDivElement>) {\n    const {\n      // Value\n      value,\n      onChange,\n      // Range\n      min = 1,\n      max = 5,\n      step = 1,\n      // Display\n      displayStyle = 'buttons',\n      // Labels\n      label,\n      description,\n      errorMessage,\n      lowLabel,\n      highLabel,\n      valueLabels,\n      // N/A\n      showNA = false,\n      // State\n      isRequired = false,\n      isDisabled = false,\n      isReadOnly = false,\n      isInvalid = false,\n      // Sizing\n      size = 'default',\n      // Form\n      name,\n      // Standard\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedby,\n      'data-testid': dataTestId,\n    } = props;\n\n    const generatedId = useId();\n    const groupId = id ?? generatedId;\n    const labelId = `${groupId}-label`;\n    const descriptionId = `${groupId}-description`;\n    const errorId = `${groupId}-error`;\n\n    const describedByParts: string[] = [];\n    if (ariaDescribedby) describedByParts.push(ariaDescribedby);\n    if (description) describedByParts.push(descriptionId);\n    if (isInvalid && errorMessage) describedByParts.push(errorId);\n\n    const values = getStepValues(min, max, step);\n\n    // Controlled vs uncontrolled state management\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<number | null>(null);\n    const currentValue = isControlled ? (value ?? null) : internalValue;\n\n    const handleValueChange = useCallback(\n      (newValue: number) => {\n        if (isReadOnly) return;\n        if (!isControlled) {\n          setInternalValue(newValue);\n        }\n        onChange?.(newValue);\n      },\n      [onChange, isReadOnly, isControlled],\n    );\n\n    const handleNAToggle = useCallback(() => {\n      if (isDisabled || isReadOnly) return;\n      if (currentValue === null) {\n        // Deselect N/A — revert to min value\n        if (!isControlled) {\n          setInternalValue(min);\n        }\n        onChange?.(min);\n      } else {\n        if (!isControlled) {\n          setInternalValue(null);\n        }\n        onChange?.(null);\n      }\n    }, [currentValue, onChange, min, isDisabled, isReadOnly, isControlled]);\n\n    const currentValueLabel =\n      currentValue !== null && valueLabels\n        ? valueLabels[String(currentValue)]\n        : undefined;\n\n    const rendererProps: RendererProps = {\n      values,\n      currentValue,\n      onValueChange: handleValueChange,\n      size,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      name,\n      groupId,\n      min,\n      max,\n      step,\n    };\n\n    return (\n      <div\n        ref={ref}\n        id={groupId}\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={label ? labelId : undefined}\n        aria-describedby={describedByParts.length > 0 ? describedByParts.join(' ') : undefined}\n        data-testid={dataTestId}\n        className={cn(ratingScaleContainerVariants({ size }), className)}\n      >\n        {/* Label */}\n        {label && (\n          <Label id={labelId} className=\"text-sm font-medium text-[var(--content-foreground)]\">\n            {label}\n            {isRequired && (\n              <span className=\"ml-1 text-[var(--destructive-background)]\" aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </Label>\n        )}\n\n        {/* Description */}\n        {description && (\n          <Text\n            id={descriptionId}\n            slot=\"description\"\n            className=\"text-sm text-[var(--menu-muted)]\"\n          >\n            {description}\n          </Text>\n        )}\n\n        {/* Scale row with endpoint labels */}\n        <div className=\"flex items-center gap-2\">\n          {lowLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {lowLabel}\n            </span>\n          )}\n\n          <div className=\"flex-1\">\n            {displayStyle === 'buttons' && <ButtonsRenderer {...rendererProps} />}\n            {displayStyle === 'stars' && <StarsRenderer {...rendererProps} />}\n            {displayStyle === 'slider' && <SliderRenderer {...rendererProps} />}\n          </div>\n\n          {highLabel && (\n            <span className=\"text-sm text-[var(--muted-foreground)] whitespace-nowrap\">\n              {highLabel}\n            </span>\n          )}\n\n          {/* N/A Button */}\n          {showNA && (\n            <button\n              type=\"button\"\n              aria-pressed={currentValue === null}\n              disabled={isDisabled}\n              onClick={handleNAToggle}\n              className={ratingScaleNAButtonVariants({\n                size,\n                isSelected: currentValue === null,\n              })}\n            >\n              N/A\n            </button>\n          )}\n        </div>\n\n        {/* Value label */}\n        {currentValueLabel && (\n          <span\n            className=\"text-sm font-medium text-[var(--content-foreground)]\"\n            aria-live=\"polite\"\n          >\n            {currentValueLabel}\n          </span>\n        )}\n\n        {/* Error message */}\n        {isInvalid && errorMessage && (\n          <div\n            id={errorId}\n            role=\"alert\"\n            className=\"text-sm text-[var(--destructive-background)]\"\n          >\n            {errorMessage}\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nRatingScale.displayName = \"RatingScale\";\n\nexport { RatingScale };\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n  // Styling\n  className: z.string().optional(),\n\n  // React\n  children: z.any().optional(), // ReactNode not directly supported by Zod\n  id: z.string().optional(),\n\n  // Accessibility (WCAG 2.2 AA requirements)\n  'aria-label': z.string().optional(),\n  'aria-labelledby': z.string().optional(),\n  'aria-describedby': z.string().optional(),\n  'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n  'aria-hidden': z.boolean().optional(),\n\n  // Testing & Development\n  'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\n\n/**\n * RatingScale display style schema\n * Determines the visual rendering of the scale\n */\nexport const RatingScaleDisplayStyleSchema = z.enum(['buttons', 'stars', 'slider']);\nexport type RatingScaleDisplayStyle = z.infer<typeof RatingScaleDisplayStyleSchema>;\n\n/**\n * RatingScale size schema\n * All sizes maintain 44px minimum touch targets (WCAG 2.2 AAA)\n */\nexport const RatingScaleSizeSchema = z.enum(['sm', 'default', 'lg']);\nexport type RatingScaleSize = z.infer<typeof RatingScaleSizeSchema>;\n\n/**\n * RatingScale props schema\n *\n * Configurable rating scale with 3 display styles:\n * - buttons: RadioGroup with numbered buttons\n * - stars: RadioGroup with star icons (fill up to selected)\n * - slider: Slider with discrete steps and tick marks\n */\nexport const RatingScalePropsSchema = BaseComponentPropsSchema.extend({\n  // Value props — number | null (null = N/A selected)\n  value: z.number().nullable().optional(),\n  onChange: z.custom<(value: number | null) => void>().optional(),\n\n  // Range props\n  min: z.number().optional().default(1),\n  max: z.number().optional().default(5),\n  step: z.number().optional().default(1),\n\n  // Display\n  displayStyle: RatingScaleDisplayStyleSchema.optional().default('buttons'),\n\n  // Labels\n  label: z.string().optional(),\n  description: z.string().optional(),\n  errorMessage: z.string().optional(),\n  lowLabel: z.string().optional(),\n  highLabel: z.string().optional(),\n  valueLabels: z.record(z.string(), z.string()).optional(),\n\n  // N/A support\n  showNA: z.boolean().optional().default(false),\n\n  // State props\n  isRequired: z.boolean().optional().default(false),\n  isDisabled: z.boolean().optional().default(false),\n  isReadOnly: z.boolean().optional().default(false),\n  isInvalid: z.boolean().optional().default(false),\n\n  // Sizing\n  size: RatingScaleSizeSchema.optional().default('default'),\n\n  // Form integration\n  name: z.string().optional(),\n});\n\nexport type RatingScaleProps = z.infer<typeof RatingScalePropsSchema>;\n"]}

package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Sanitise HTML string using DOMParser.
+ * Only preserves allowed tags, strips ALL attributes.
+ * Returns clean HTML safe for dangerouslySetInnerHTML.
+ */
+declare function sanitiseHtml(html: string): string;
+declare const SituationalJudgement: import("react").ForwardRefExoticComponent<{
+    scenarioText: string;
+    collapsibleScenario: boolean;
+    responses: {
+        value: string;
+        text: string;
+        ordinal: number;
+    }[];
+    isRequired: boolean;
+    isDisabled: boolean;
+    isReadOnly: boolean;
+    isInvalid: boolean;
+    size: "default" | "sm" | "lg";
+    className?: string | undefined;
+    children?: any;
+    id?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'data-testid'?: string | undefined;
+    value?: string | null | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    label?: string | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { SituationalJudgement, sanitiseHtml };
+//# sourceMappingURL=SituationalJudgement.d.ts.map

package/dist/elements/SituationalJudgement/SituationalJudgement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SituationalJudgement.d.ts","sourceRoot":"","sources":["../../../src/elements/SituationalJudgement/SituationalJudgement.tsx"],"names":[],"mappings":"AAgDA;;;;GAIG;AACH,iBAAS,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgD1C;AAwBD,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA0JzB,CAAC;AAIF,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,CAAC"}

package/dist/elements/SituationalJudgement/SituationalJudgement.styles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * SituationalJudgement CVA Variant Definitions
+ *
+ * Minimal styling since this component composes existing RadioGroup, Radio,
+ * and Accordion components. These variants cover the container and scenario panel.
+ */
+/** Root wrapper */
+export declare const sjtContainerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Scenario text panel (non-collapsible mode) */
+export declare const sjtScenarioVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Ordinal letter label ("A.", "B.", etc.) */
+export declare const sjtOrdinalVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=SituationalJudgement.styles.d.ts.map

package/dist/elements/SituationalJudgement/SituationalJudgement.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SituationalJudgement.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/SituationalJudgement/SituationalJudgement.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAMH,mBAAmB;AACnB,eAAO,MAAM,oBAAoB;;8EAS/B,CAAC;AAMH,iDAAiD;AACjD,eAAO,MAAM,mBAAmB;;8EAe/B,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,kBAAkB;;8EAY9B,CAAC"}

package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts

@@ -0,0 +1,67 @@
+import { z } from 'zod';
+/**
+ * SituationalJudgement size schema
+ */
+export declare const SJTSizeSchema: z.ZodEnum<{
+    default: "default";
+    sm: "sm";
+    lg: "lg";
+}>;
+export type SJTSize = z.infer<typeof SJTSizeSchema>;
+/**
+ * Individual response option schema
+ */
+export declare const SJTResponseSchema: z.ZodObject<{
+    value: z.ZodString;
+    text: z.ZodString;
+    ordinal: z.ZodNumber;
+}, z.core.$strip>;
+export type SJTResponse = z.infer<typeof SJTResponseSchema>;
+/**
+ * SituationalJudgement props schema
+ *
+ * Assessment component presenting a scenario with 3-6 response options.
+ * Composes existing RadioGroup + Radio for response selection
+ * and Accordion for collapsible scenario panel.
+ *
+ * Uses .refine() to enforce unique response values — requires getShape()
+ * helper from test-utils.ts in contract tests.
+ */
+export declare const SituationalJudgementPropsSchema: z.ZodObject<{
+    className: z.ZodOptional<z.ZodString>;
+    children: z.ZodOptional<z.ZodAny>;
+    id: z.ZodOptional<z.ZodString>;
+    'aria-label': z.ZodOptional<z.ZodString>;
+    'aria-labelledby': z.ZodOptional<z.ZodString>;
+    'aria-describedby': z.ZodOptional<z.ZodString>;
+    'aria-live': z.ZodOptional<z.ZodEnum<{
+        off: "off";
+        polite: "polite";
+        assertive: "assertive";
+    }>>;
+    'aria-hidden': z.ZodOptional<z.ZodBoolean>;
+    'data-testid': z.ZodOptional<z.ZodString>;
+    value: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    onChange: z.ZodOptional<z.ZodCustom<(value: string) => void, (value: string) => void>>;
+    scenarioText: z.ZodString;
+    collapsibleScenario: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    responses: z.ZodArray<z.ZodObject<{
+        value: z.ZodString;
+        text: z.ZodString;
+        ordinal: z.ZodNumber;
+    }, z.core.$strip>>;
+    label: z.ZodOptional<z.ZodString>;
+    description: z.ZodOptional<z.ZodString>;
+    errorMessage: z.ZodOptional<z.ZodString>;
+    isRequired: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    isDisabled: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    isReadOnly: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    isInvalid: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        sm: "sm";
+        lg: "lg";
+    }>>>;
+}, z.core.$strip>;
+export type SituationalJudgementProps = z.infer<typeof SituationalJudgementPropsSchema>;
+//# sourceMappingURL=SituationalJudgement.types.d.ts.map

package/dist/elements/SituationalJudgement/SituationalJudgement.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SituationalJudgement.types.d.ts","sourceRoot":"","sources":["../../../src/elements/SituationalJudgement/SituationalJudgement.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB;;GAEG;AACH,eAAO,MAAM,aAAa;;;;EAAkC,CAAC;AAC7D,MAAM,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,aAAa,CAAC,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D;;;;;;;;;GASG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;gDAGf,MAAM,KAAK,IAAI,UAAf,MAAM,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;iBA4B3C,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,+BAA+B,CAAC,CAAC"}

package/dist/elements/SituationalJudgement/index.d.ts

@@ -0,0 +1,5 @@
+export { SituationalJudgement, sanitiseHtml } from './SituationalJudgement';
+export { sjtContainerVariants, sjtScenarioVariants, sjtOrdinalVariants, } from './SituationalJudgement.styles';
+export type { SituationalJudgementProps, SJTResponse, SJTSize, } from './SituationalJudgement.types';
+export { SituationalJudgementPropsSchema, SJTResponseSchema, SJTSizeSchema, } from './SituationalJudgement.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/SituationalJudgement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SituationalJudgement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,yBAAyB,EACzB,WAAW,EACX,OAAO,GACR,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,+BAA+B,EAC/B,iBAAiB,EACjB,aAAa,GACd,MAAM,8BAA8B,CAAC"}

package/dist/elements/SituationalJudgement/index.js

@@ -0,0 +1,3 @@
+"use client";
+'use strict';var react=require('react'),reactAriaComponents=require('react-aria-components'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react'),zod=require('zod');function c(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var O="data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--themis-ring)] data-[focus-visible]:ring-offset-2";var P="hc:data-[focus-visible]:outline hc:data-[focus-visible]:outline-4 hc:data-[focus-visible]:outline-offset-2 hc:data-[focus-visible]:outline-foreground";var ee=react.createContext({variant:"default",size:"default",isInvalid:false}),Ge=classVarianceAuthority.cva("flex",{variants:{orientation:{vertical:"flex-col gap-2",horizontal:"flex-row flex-wrap gap-2"}},defaultVariants:{orientation:"vertical"}}),He=classVarianceAuthority.cva(["flex items-center gap-3 rounded-md border cursor-pointer","transition-colors duration-200","rtl:flex-row-reverse",O,P].join(" "),{variants:{variant:{default:["border-[var(--border)]","data-[hovered]:bg-[var(--accent)]/10","data-[selected]:border-[var(--primary)]","data-[selected]:bg-[var(--primary)]/10"].join(" "),destructive:["border-[var(--border)]","data-[hovered]:bg-[var(--destructive-background)]/10","data-[selected]:border-[var(--destructive-background)]","data-[selected]:bg-[var(--destructive-background)]/10"].join(" ")},size:{sm:"min-h-[44px] py-2 px-3 text-sm",default:"min-h-[48px] py-3 px-4 text-sm",lg:"min-h-[56px] py-4 px-5 text-base"},isDisabled:{true:"opacity-50 cursor-not-allowed",false:""},isInvalid:{true:"border-[var(--destructive-background)]",false:""}},defaultVariants:{variant:"default",size:"default",isDisabled:false,isInvalid:false}}),Oe=classVarianceAuthority.cva("flex-shrink-0 rounded-full border-2 flex items-center justify-center transition-colors duration-200",{variants:{variant:{default:["border-[var(--border)]","data-[selected]:border-[var(--primary)]"].join(" "),destructive:["border-[var(--border)]","data-[selected]:border-[var(--destructive-background)]"].join(" ")},size:{sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6"}},defaultVariants:{variant:"default",size:"default"}}),_e=classVarianceAuthority.cva(["rounded-full transition-transform duration-200","[transition-timing-function:cubic-bezier(0.34,1.56,0.64,1)]","motion-reduce:transition-none","scale-0 data-[selected]:scale-100"].join(" "),{variants:{variant:{default:"bg-[var(--primary)]",destructive:"bg-[var(--destructive-background)]"},size:{sm:"h-2 w-2",default:"h-2.5 w-2.5",lg:"h-3 w-3"}},defaultVariants:{variant:"default",size:"default"}});function te({children:e,className:t}){return jsxRuntime.jsx("span",{className:c("font-medium text-[var(--content-foreground)]",t),children:e})}te.displayName="Radio.Label";function ae({children:e,className:t}){return jsxRuntime.jsx("span",{className:c("text-sm text-[var(--menu-muted)]",t),children:e})}ae.displayName="Radio.Description";function Je({value:e,isDisabled:t,children:o,className:a}){let{variant:i,size:r,isInvalid:l}=react.useContext(ee);return jsxRuntime.jsx(reactAriaComponents.Radio,{value:e,isDisabled:t,className:n=>c(He({variant:i,size:r,isDisabled:n.isDisabled,isInvalid:l}),a),children:n=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:Oe({variant:i,size:r}),"data-selected":n.isSelected||void 0,children:jsxRuntime.jsx("div",{className:_e({variant:i,size:r}),"data-selected":n.isSelected||void 0})}),jsxRuntime.jsx("div",{className:"flex-1 flex flex-col",children:o})]})})}var B=Object.assign(Je,{Label:te,Description:ae});B.displayName="Radio";var K=react.forwardRef(function(t,o){let{label:a,description:i,errorMessage:r,value:l,defaultValue:n,isDisabled:s=false,isReadOnly:u=false,isRequired:b=false,isInvalid:x=false,orientation:S="vertical",variant:A="default",size:I="default",name:y,onChange:j,onFocusChange:$,className:L,children:w,id:k,"aria-label":M,"aria-labelledby":R,"aria-describedby":T,"data-testid":z,...G}=t,D=react.useId(),m=k??D,H=`${m}-label`,E=`${m}-description`,h=`${m}-error`,N=[];T&&N.push(T),i&&N.push(E),x&&r&&N.push(h);let ye=N.length>0?N.join(" "):void 0;return jsxRuntime.jsx(ee.Provider,{value:{variant:A,size:I,isInvalid:x},children:jsxRuntime.jsxs(reactAriaComponents.RadioGroup,{ref:o,id:m,name:y,value:l??void 0,defaultValue:n??void 0,isDisabled:s,isReadOnly:u,isRequired:b,isInvalid:x,orientation:S,onChange:j,onFocusChange:$,"aria-label":M,"aria-labelledby":a?H:R,"aria-describedby":ye,"data-testid":z,"data-orientation":S,className:c("flex flex-col gap-1.5",L),...G,children:[a&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:H,className:"text-sm font-medium text-[var(--content-foreground)]",children:[a,b&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),i&&jsxRuntime.jsx(reactAriaComponents.Text,{id:E,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:i}),jsxRuntime.jsx("div",{className:Ge({orientation:S}),children:w}),x&&r&&jsxRuntime.jsx(reactAriaComponents.FieldError,{id:h,className:"text-sm text-[var(--destructive-background)]",children:jsxRuntime.jsx("span",{role:"alert",children:r})})]})})});K.displayName="RadioGroup";var Be=react.Activity??function({children:t,mode:o}){return jsxRuntime.jsx("div",{"data-activity-mode":o,children:t})},ne=react.createContext({}),Qe=classVarianceAuthority.cva("w-full",{variants:{},defaultVariants:{}}),Ze=classVarianceAuthority.cva(["border-b border-[var(--border)]","last:border-b-0"].join(" "),{variants:{},defaultVariants:{}}),et=classVarianceAuthority.cva(["flex flex-1 items-center justify-between py-4 font-medium w-full","text-sm text-[var(--content-foreground)]","hover:underline","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","focus-visible:ring-offset-[var(--content-background)]","min-h-[44px]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","transition-all"].join(" "),{variants:{},defaultVariants:{}}),tt=classVarianceAuthority.cva(["h-4 w-4 shrink-0","text-[var(--menu-muted)]","transition-transform duration-200 ease-out","motion-reduce:transition-none"].join(" "),{variants:{isExpanded:{true:"rotate-180",false:"rotate-0"}},defaultVariants:{isExpanded:false}}),at=classVarianceAuthority.cva(["overflow-hidden","text-sm text-[var(--menu-muted)]"].join(" "),{variants:{},defaultVariants:{}}),re=classVarianceAuthority.cva("pb-4 pt-0",{variants:{},defaultVariants:{}});function ot(e){return {h1:1,h2:2,h3:3,h4:4,h5:5,h6:6}[e]}function rt(e){let t=react.Children.toArray(e);for(let o of t)if(react.isValidElement(o)){let a=o.props;if(a&&typeof a=="object"&&"id"in a)return a.id}}function se({type:e="single",collapsible:t=false,expandedKeys:o,defaultExpandedKeys:a,onExpandedChange:i,isDisabled:r=false,disabledKeys:l,className:n,children:s,...u}){let b=e==="multiple",x=react.useMemo(()=>{if(!t&&e==="single"&&!a&&!o){let A=rt(s);return A?[A]:void 0}return a},[t,e,a,o,s]),S=react.useMemo(()=>({disabledKeys:l}),[l]);return jsxRuntime.jsx(ne.Provider,{value:S,children:jsxRuntime.jsx(reactAriaComponents.DisclosureGroup,{allowsMultipleExpanded:b,expandedKeys:o,defaultExpandedKeys:x,onExpandedChange:i,isDisabled:r,className:c(Qe(),n),...u,children:s})})}se.displayName="Accordion";function de({id:e,isDisabled:t,className:o,children:a,...i}){let{disabledKeys:r}=react.useContext(ne),l=r?.includes(e)??false;return jsxRuntime.jsx(reactAriaComponents.Disclosure,{id:e,isDisabled:t||l,className:reactAriaComponents.composeRenderProps(o,s=>c(Ze(),s)),...i,children:a})}de.displayName="AccordionItem";function le({as:e="h3",icon:t,hideIcon:o=false,className:a,children:i,...r}){let n=react.useContext(reactAriaComponents.DisclosureStateContext)?.isExpanded??false;return jsxRuntime.jsx(reactAriaComponents.Heading,{level:ot(e),children:jsxRuntime.jsxs(reactAriaComponents.Button,{slot:"trigger",className:reactAriaComponents.composeRenderProps(a,s=>c(et(),s)),...r,children:[jsxRuntime.jsx("span",{className:"flex-1 text-left",children:i}),!o&&(t??jsxRuntime.jsx(lucideReact.ChevronDown,{"aria-hidden":"true",className:c(tt({isExpanded:n}))}))]})})}le.displayName="AccordionTrigger";function it({preserveState:e,children:t}){let a=react.useContext(reactAriaComponents.DisclosureStateContext)?.isExpanded??false;return e?jsxRuntime.jsx(Be,{mode:a?"visible":"hidden",children:jsxRuntime.jsx("div",{className:re(),children:t})}):jsxRuntime.jsx("div",{className:re(),children:t})}function ce({preserveState:e=false,className:t,children:o,...a}){return jsxRuntime.jsx(reactAriaComponents.DisclosurePanel,{className:reactAriaComponents.composeRenderProps(t,i=>c(at(),"animate-accordion",i)),...a,children:jsxRuntime.jsx(it,{preserveState:e,children:o})})}ce.displayName="AccordionContent";var ue=se,pe=de,fe=le,me=ce;var W=classVarianceAuthority.cva("flex flex-col gap-3",{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}}),J=classVarianceAuthority.cva(["rounded-md border border-[var(--border)]","bg-[var(--muted)] text-[var(--content-foreground)]"].join(" "),{variants:{size:{sm:"p-3 text-sm",default:"p-4 text-sm",lg:"p-5 text-base"}},defaultVariants:{size:"default"}}),X=classVarianceAuthority.cva("font-semibold text-[var(--muted-foreground)] flex-shrink-0",{variants:{size:{sm:"text-xs w-5",default:"text-sm w-6",lg:"text-base w-7"}},defaultVariants:{size:"default"}});var ut=new Set(["b","strong","i","em","ul","ol","li","p","br"]);function be(e){if(typeof window>"u"||typeof DOMParser>"u")return e.replace(/<[^>]*>/g,"");let o=new DOMParser().parseFromString(e,"text/html");function a(r){if(r.nodeType===Node.TEXT_NODE)return pt(r.textContent??"");if(r.nodeType===Node.ELEMENT_NODE){let l=r,n=l.tagName.toLowerCase();if(!ut.has(n)){let u="";for(let b of Array.from(l.childNodes))u+=a(b);return u}let s="";for(let u of Array.from(l.childNodes))s+=a(u);return n==="br"?"<br />":`<${n}>${s}</${n}>`}return ""}let i="";for(let r of Array.from(o.body.childNodes))i+=a(r);return i}function pt(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function ft(e){return String.fromCharCode(65+e)}var ge=react.forwardRef(function(t,o){let{value:a,onChange:i,scenarioText:r,collapsibleScenario:l=false,responses:n,label:s,description:u,errorMessage:b,isRequired:x=false,isDisabled:S=false,isReadOnly:A=false,isInvalid:I=false,size:y="default",className:j,id:$,"aria-label":L,"aria-describedby":w,"data-testid":k}=t,M=react.useId(),R=$??M,T=`${R}-label`,z=`${R}-description`,G=`${R}-error`,D=`${R}-scenario`,m=[];w&&m.push(w),u&&m.push(z),r&&m.push(D),I&&b&&m.push(G);let H=react.useMemo(()=>[...n].sort((h,N)=>h.ordinal-N.ordinal),[n]),E=react.useMemo(()=>be(r),[r]);return jsxRuntime.jsxs("div",{ref:o,id:R,"aria-label":L,"aria-labelledby":s?T:void 0,"data-testid":k,className:c(W({size:y}),j),children:[s&&jsxRuntime.jsxs(reactAriaComponents.Label,{id:T,className:"text-sm font-medium text-[var(--content-foreground)]",children:[s,x&&jsxRuntime.jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:"*"})]}),u&&jsxRuntime.jsx(reactAriaComponents.Text,{id:z,slot:"description",className:"text-sm text-[var(--menu-muted)]",children:u}),l?jsxRuntime.jsx(ue,{type:"single",collapsible:true,isDisabled:false,defaultExpandedKeys:["scenario"],children:jsxRuntime.jsxs(pe,{id:"scenario",children:[jsxRuntime.jsx(fe,{as:"h3",hideIcon:false,children:"Scenario"}),jsxRuntime.jsx(me,{preserveState:false,children:jsxRuntime.jsx("div",{id:D,className:J({size:y}),dangerouslySetInnerHTML:{__html:E}})})]})}):jsxRuntime.jsx("div",{id:D,role:"document",className:J({size:y}),dangerouslySetInnerHTML:{__html:E}}),jsxRuntime.jsx(K,{label:void 0,"aria-label":s?void 0:L,"aria-labelledby":s?T:void 0,"aria-describedby":m.length>0?m.join(" "):void 0,value:a??void 0,onChange:i,isDisabled:S,isReadOnly:A,isRequired:x,isInvalid:I,orientation:"vertical",variant:"default",size:y,children:H.map(h=>jsxRuntime.jsx(B,{value:h.value,isDisabled:false,children:jsxRuntime.jsxs("div",{className:"flex items-start gap-2",children:[jsxRuntime.jsxs("span",{className:X({size:y}),children:[ft(h.ordinal),"."]}),jsxRuntime.jsx("span",{className:"flex-1",children:h.text})]})},h.value))}),I&&b&&jsxRuntime.jsx("div",{id:G,role:"alert",className:"text-sm text-[var(--destructive-background)]",children:b})]})});ge.displayName="SituationalJudgement";var xe=zod.z.object({className:zod.z.string().optional(),children:zod.z.any().optional(),id:zod.z.string().optional(),"aria-label":zod.z.string().optional(),"aria-labelledby":zod.z.string().optional(),"aria-describedby":zod.z.string().optional(),"aria-live":zod.z.enum(["off","polite","assertive"]).optional(),"aria-hidden":zod.z.boolean().optional(),"data-testid":zod.z.string().optional()});var he=zod.z.enum(["sm","default","lg"]),Se=zod.z.object({value:zod.z.string(),text:zod.z.string(),ordinal:zod.z.number()}),mt=xe.extend({value:zod.z.string().nullable().optional(),onChange:zod.z.custom().optional(),scenarioText:zod.z.string(),collapsibleScenario:zod.z.boolean().optional().default(false),responses:zod.z.array(Se).min(3).max(6),label:zod.z.string().optional(),description:zod.z.string().optional(),errorMessage:zod.z.string().optional(),isRequired:zod.z.boolean().optional().default(false),isDisabled:zod.z.boolean().optional().default(false),isReadOnly:zod.z.boolean().optional().default(false),isInvalid:zod.z.boolean().optional().default(false),size:he.optional().default("default")}).refine(e=>{let t=e.responses.map(o=>o.value);return new Set(t).size===t.length},{message:"Response values must be unique",path:["responses"]});exports.SJTResponseSchema=Se;exports.SJTSizeSchema=he;exports.SituationalJudgement=ge;exports.SituationalJudgementPropsSchema=mt;exports.sanitiseHtml=be;exports.sjtContainerVariants=W;exports.sjtOrdinalVariants=X;exports.sjtScenarioVariants=J;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map