1d:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsPage"] 1e:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsTitle"] 1f:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsDescription"] 20:I[53266,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"DocsBody"] 21:I[26731,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"ComponentPreview"] 22:I[25325,["/_next/static/immutable/chunks/26aurwqmzxm76.js","/_next/static/immutable/chunks/05170pppx2k2h.js","/_next/static/immutable/chunks/39elksblf9txj.js","/_next/static/immutable/chunks/2s6zgp9pxvdhv.js","/_next/static/immutable/chunks/0vrgcfw5ofcpy.js","/_next/static/immutable/chunks/1k909hfpkg-9o.js","/_next/static/immutable/chunks/120_ecefuttit.js","/_next/static/immutable/chunks/17odxrx2h79dx.js"],"CodeTabs"] 23:T8ee,/** * Variant helpers. * * Every component in this folder describes its variants with `cva`. Nothing * hand-rolls a `variant === "primary" ? "..." : "..."` ternary, because that is * exactly the pattern that drifts: the fifth time someone writes it, one of the * five is slightly different. * * Re-exported here rather than imported from `class-variance-authority` at each * call site so there is a single place to swap the implementation, and so * `import { cva } from "@/registry/tier-2-primitives/lib/cva"` reads as "the design system's cva", not * "some npm package a component happens to use". */ export { cva, cx, type VariantProps } from "class-variance-authority"; /** * The focus treatment every interactive control shares. * * Two shapes, and which one a component uses is not a style preference: * * `focusRing` a 2px outline at 2px offset. For anything that sits ON the * page — buttons, links, tabs, chips, icon buttons. The offset * is what makes it legible against a filled control. * * `focusField` a brand border plus a soft 3px ring. For anything that is a * BOX a person types into — input, textarea, select. The border * already exists, so the outline would double it. * * Never write `outline-none` without one of these replacing it. The * accessibility page is blunt about this: not even temporarily. */ export const focusRing = "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--focus-ring)]"; export const focusField = "outline-none focus-visible:border-border-accent focus-visible:shadow-focus"; /** * Disabled: the same treatment everywhere, so "unavailable" looks like one * thing across the product rather than five. */ export const disabledState = "disabled:cursor-not-allowed disabled:opacity-45 disabled:pointer-events-none"; /** * The invisible hit area that brings a small control up to the 44px WCAG 2.2 * touch target without changing how it looks. Apply to controls under 44px that * are a primary target on mobile. */ export const touchTarget = "relative after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:size-11 after:content-['']"; 24:T204a,

/**
 * Variant helpers.
 *
 * Every component in this folder describes its variants with `cva`. Nothing
 * hand-rolls a `variant === "primary" ? "..." : "..."` ternary, because that is
 * exactly the pattern that drifts: the fifth time someone writes it, one of the
 * five is slightly different.
 *
 * Re-exported here rather than imported from `class-variance-authority` at each
 * call site so there is a single place to swap the implementation, and so
 * `import { cva } from "@/registry/tier-2-primitives/lib/cva"` reads as "the design system's cva", not
 * "some npm package a component happens to use".
 */

export { cva, cx, type VariantProps } from "class-variance-authority";

/**
 * The focus treatment every interactive control shares.
 *
 * Two shapes, and which one a component uses is not a style preference:
 *
 *   `focusRing`   a 2px outline at 2px offset. For anything that sits ON the
 *                 page — buttons, links, tabs, chips, icon buttons. The offset
 *                 is what makes it legible against a filled control.
 *
 *   `focusField`  a brand border plus a soft 3px ring. For anything that is a
 *                 BOX a person types into — input, textarea, select. The border
 *                 already exists, so the outline would double it.
 *
 * Never write `outline-none` without one of these replacing it. The
 * accessibility page is blunt about this: not even temporarily.
 */
export const focusRing =
  "outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--focus-ring)]";

export const focusField =
  "outline-none focus-visible:border-border-accent focus-visible:shadow-focus";

/**
 * Disabled: the same treatment everywhere, so "unavailable" looks like one
 * thing across the product rather than five.
 */
export const disabledState =
  "disabled:cursor-not-allowed disabled:opacity-45 disabled:pointer-events-none";

/**
 * The invisible hit area that brings a small control up to the 44px WCAG 2.2
 * touch target without changing how it looks. Apply to controls under 44px that
 * are a primary target on mobile.
 */
export const touchTarget =
  "relative after:absolute after:left-1/2 after:top-1/2 after:-translate-x-1/2 after:-translate-y-1/2 after:size-11 after:content-['']";

13:["$","$L1d",null,{"children":[["$","p",null,{"className":"text-text-accent text-caption font-bold tracking-wide uppercase","children":"Primitives"}],["$","$L1e",null,{"children":"cva helpers"}],["$","$L1f",null,{"children":"Variant authoring plus the shared focus-ring, disabled and touch-target fragments."}],["$","$L20",null,{"children":[["$","$L21",null,{"slug":"cva"}],["$","div",null,{"className":"mt-6","children":["$","$L22",null,{"command":"bunx --bun shadcn@latest add @woohl/cva","source":"$23","highlighted":"$24","npm":["class-variance-authority"],"registry":["@woohl/tokens"],"props":"$undefined"}]}]]}]]}]