@zentauri-ui/zentauri-components 2.0.0 → 2.1.1

package/dist/chunk-523VQLCW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/radio-group.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GAAwB;AAE9B,IAAM,qBAAA,GACX;AAEK,IAAM,wBAAA,GACX;AAEK,IAAM,0BAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,SAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA,GACb;AAAA,EACA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,SAAA,EAAW;AAAA;AAEf;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,uiBAAA;AAAA,EACF,OAAA,EACE,yjBAAA;AAAA,EACF,OAAA,EACE,qjBAAA;AAAA,EACF,KAAA,EACE,qiBAAA;AAAA,EACF,IAAA,EAAM,iiBAAA;AAAA,EACN,MAAA,EACE,ynBAAA;AAAA,EACF,KAAA,EACE,6mBAAA;AAAA,EACF,IAAA,EAAM,imBAAA;AAAA,EACN,MAAA,EACE,ynBAAA;AAAA,EACF,IAAA,EAAM,w1BAAA;AAAA,EACN,IAAA,EAAM,w1BAAA;AAAA,EACN,KAAA,EACE,w2BAAA;AAAA,EACF,IAAA,EAAM,w1BAAA;AAAA,EACN,IAAA,EAAM,w1BAAA;AAAA,EACN,KAAA,EACE,w2BAAA;AAAA,EACF,QAAA,EACE,w5BAAA;AAAA,EACF,QAAA,EACE,w5BAAA;AAAA,EACF,IAAA,EAAM,w1BAAA;AAAA,EACN,GAAA,EAAK,w0BAAA;AAAA,EACL,KAAA,EACE,w2BAAA;AAAA,EACF,IAAA,EAAM,w1BAAA;AAAA,EACN,KAAA,EACE,w2BAAA;AAAA,EACF,KAAA,EACE,w2BAAA;AAAA,EACF,QAAA,EACE,w5BAAA;AAAA,EACF,MAAA,EACE,w3BAAA;AAAA,EACF,MAAA,EACE,w3BAAA;AAAA,EACF,OAAA,EACE,w4BAAA;AAAA,EACF,OAAA,EACE,w4BAAA;AAAA,EACF,IAAA,EAAM,w1BAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY;AACd","file":"chunk-523VQLCW.mjs","sourcesContent":["export const zuiRadioGroupRootBase = \"grid gap-2\";\n\nexport const zuiRadioGroupItemBase =\n  \"group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-radio-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-radio-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRadioGroupControlBase =\n  \"grid shrink-0 place-items-center rounded-full border-2 border-[color:var(--zui-radio-border,var(--zui-border,#0000004d))] bg-[var(--zui-radio-bg,var(--zui-surface-muted,transparent))] dark:bg-[var(--zui-radio-bg-dark,var(--zui-surface-muted-dark,transparent))] transition-[background-color,border-color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-radio-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281_/_0.7)))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:border-[color:var(--zui-radio-border-dark,var(--zui-border-dark,#ffffff4d))] dark:peer-focus-visible:ring-[var(--zui-radio-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894_/_0.7)))] dark:peer-focus-visible:ring-offset-[var(--zui-radio-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] group-data-[disabled=true]:cursor-not-allowed\";\n\nexport const zuiRadioGroupIndicatorBase =\n  \"pointer-events-none block rounded-full opacity-0 transition-opacity duration-150 group-data-[state=checked]:opacity-100\";\n\nexport const zuiRadioGroupSizes = {\n  sm: {\n    item: \"text-xs\",\n    control: \"mt-0.5 size-4\",\n    indicator: \"size-1.5\",\n  },\n  md: {\n    item: \"text-sm\",\n    control: \"mt-0.5 size-5\",\n    indicator: \"size-2\",\n  },\n  lg: {\n    item: \"text-base\",\n    control: \"mt-0.5 size-6\",\n    indicator: \"size-2.5\",\n  },\n} as const;\n\nexport const zuiRadioGroupAppearances = {\n  default:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked,var(--zui-border,oklch(44.6%_0.043_257.281)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-default-border-checked-dark,var(--zui-border-dark,oklch(44.6%_0.043_257.281)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg,var(--zui-surface-muted,oklch(44.6%_0.043_257.281)))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-default-indicator-bg-dark,var(--zui-surface-muted-dark,oklch(44.6%_0.043_257.281)))]\",\n  success:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked,var(--zui-status-success,oklch(59.6%_0.145_163.225)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-success-border-checked-dark,var(--zui-status-success-dark,oklch(59.6%_0.145_163.225)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg,var(--zui-status-success,oklch(59.6%_0.145_163.225)))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-success-indicator-bg-dark,var(--zui-status-success-dark,oklch(59.6%_0.145_163.225)))]\",\n  warning:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-warning-border-checked-dark,var(--zui-status-warning-dark,oklch(68.1%_0.162_75.834)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-warning-indicator-bg-dark,var(--zui-status-warning-dark,oklch(68.1%_0.162_75.834)))]\",\n  error:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-error-border-checked-dark,var(--zui-status-error-dark,oklch(58.6%_0.253_17.585)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-error-indicator-bg-dark,var(--zui-status-error-dark,oklch(58.6%_0.253_17.585)))]\",\n  info: \"group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-info-border-checked-dark,var(--zui-status-info-dark,oklch(54.6%_0.245_262.881)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-info-indicator-bg-dark,var(--zui-status-info-dark,oklch(54.6%_0.245_262.881)))]\",\n  violet:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-violet-border-checked-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg,color-mix(in oklch, var(--zui-color-violet,oklch(54.1%_0.281_293.009)) 10%, transparent))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-violet-indicator-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)) 18%, transparent))]\",\n  amber:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-amber-border-checked-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg,color-mix(in oklch, var(--zui-color-amber,oklch(66.6%_0.179_58.318)) 10%, transparent))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-amber-indicator-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)) 18%, transparent))]\",\n  pink: \"group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-pink-border-checked-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg,color-mix(in oklch, var(--zui-color-pink,oklch(59.2%_0.249_0.584)) 10%, transparent))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-pink-indicator-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)) 18%, transparent))]\",\n  indigo:\n    \"group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:group-data-[state=checked]:border-[color:var(--zui-radio-indigo-border-checked-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] [&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(51.1%_0.262_276.966)) 10%, transparent))] dark:[&_[data-slot=radio-group-indicator]]:bg-[var(--zui-radio-indigo-indicator-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)) 18%, transparent))]\",\n  blue: \"border-[color:var(--zui-radio-group-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-radio-group-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] text-[color:var(--zui-radio-group-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-radio-group-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked,var(--zui-color-blue,#2563eb))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-blue-border-checked-dark,var(--zui-color-blue-dark,#3b82f6))] data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-blue-bg-checked-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 14%, transparent))]\",\n  cyan: \"border-[color:var(--zui-radio-group-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-radio-group-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] text-[color:var(--zui-radio-group-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-radio-group-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked,var(--zui-color-cyan,#0891b2))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-cyan-border-checked-dark,var(--zui-color-cyan-dark,#22d3ee))] data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-cyan-bg-checked-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 14%, transparent))]\",\n  green:\n    \"border-[color:var(--zui-radio-group-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-radio-group-green-border-dark,var(--zui-color-green-dark,#22c55e))] text-[color:var(--zui-radio-group-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-radio-group-green-fg-dark,var(--zui-color-green-dark,#22c55e))] data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked,var(--zui-color-green,#16a34a))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-green-border-checked-dark,var(--zui-color-green-dark,#22c55e))] data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked,color-mix(in oklch, var(--zui-color-green,#16a34a14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-green-bg-checked-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 14%, transparent))]\",\n  lime: \"border-[color:var(--zui-radio-group-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-radio-group-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] text-[color:var(--zui-radio-group-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-radio-group-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked,var(--zui-color-lime,#65a30d))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lime-border-checked-dark,var(--zui-color-lime-dark,#a3e635))] data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-lime-bg-checked-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 14%, transparent))]\",\n  mint: \"border-[color:var(--zui-radio-group-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-radio-group-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] text-[color:var(--zui-radio-group-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-radio-group-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked,var(--zui-color-mint,#10b981))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-mint-border-checked-dark,var(--zui-color-mint-dark,#6ee7b7))] data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked,color-mix(in oklch, var(--zui-color-mint,#10b98114) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-mint-bg-checked-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 14%, transparent))]\",\n  ocean:\n    \"border-[color:var(--zui-radio-group-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-radio-group-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] text-[color:var(--zui-radio-group-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-radio-group-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked,var(--zui-color-ocean,#0284c7))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ocean-border-checked-dark,var(--zui-color-ocean-dark,#38bdf8))] data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-ocean-bg-checked-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 14%, transparent))]\",\n  sapphire:\n    \"border-[color:var(--zui-radio-group-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-radio-group-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] text-[color:var(--zui-radio-group-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-radio-group-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked,var(--zui-color-sapphire,#1d4ed8))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sapphire-border-checked-dark,var(--zui-color-sapphire-dark,#60a5fa))] data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-sapphire-bg-checked-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 14%, transparent))]\",\n  lavender:\n    \"border-[color:var(--zui-radio-group-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-radio-group-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] text-[color:var(--zui-radio-group-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-radio-group-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked,var(--zui-color-lavender,#8b5cf6))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-lavender-border-checked-dark,var(--zui-color-lavender-dark,#a78bfa))] data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-lavender-bg-checked-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 14%, transparent))]\",\n  ruby: \"border-[color:var(--zui-radio-group-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-radio-group-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] text-[color:var(--zui-radio-group-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-radio-group-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked,var(--zui-color-ruby,#be123c))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-ruby-border-checked-dark,var(--zui-color-ruby-dark,#fb7185))] data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-ruby-bg-checked-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 14%, transparent))]\",\n  red: \"border-[color:var(--zui-radio-group-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-radio-group-red-border-dark,var(--zui-color-red-dark,#ef4444))] text-[color:var(--zui-radio-group-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-radio-group-red-fg-dark,var(--zui-color-red-dark,#ef4444))] data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked,var(--zui-color-red,#dc2626))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-red-border-checked-dark,var(--zui-color-red-dark,#ef4444))] data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked,color-mix(in oklch, var(--zui-color-red,#dc262614) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-red-bg-checked-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 14%, transparent))]\",\n  slate:\n    \"border-[color:var(--zui-radio-group-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-radio-group-slate-border-dark,var(--zui-color-slate-dark,#64748b))] text-[color:var(--zui-radio-group-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-radio-group-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked,var(--zui-color-slate,#475569))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-slate-border-checked-dark,var(--zui-color-slate-dark,#64748b))] data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked,color-mix(in oklch, var(--zui-color-slate,#47556914) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-slate-bg-checked-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 14%, transparent))]\",\n  zinc: \"border-[color:var(--zui-radio-group-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-radio-group-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] text-[color:var(--zui-radio-group-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-radio-group-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked,var(--zui-color-zinc,#52525b))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-zinc-border-checked-dark,var(--zui-color-zinc-dark,#71717a))] data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-zinc-bg-checked-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 14%, transparent))]\",\n  stone:\n    \"border-[color:var(--zui-radio-group-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-radio-group-stone-border-dark,var(--zui-color-stone-dark,#78716c))] text-[color:var(--zui-radio-group-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-radio-group-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked,var(--zui-color-stone,#57534e))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-stone-border-checked-dark,var(--zui-color-stone-dark,#78716c))] data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked,color-mix(in oklch, var(--zui-color-stone,#57534e14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-stone-bg-checked-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 14%, transparent))]\",\n  royal:\n    \"border-[color:var(--zui-radio-group-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-radio-group-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] text-[color:var(--zui-radio-group-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-radio-group-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked,var(--zui-color-royal,#4338ca))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-royal-border-checked-dark,var(--zui-color-royal-dark,#818cf8))] data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-royal-bg-checked-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 14%, transparent))]\",\n  electric:\n    \"border-[color:var(--zui-radio-group-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-radio-group-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] text-[color:var(--zui-radio-group-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-radio-group-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked,var(--zui-color-electric,#0ea5e9))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-electric-border-checked-dark,var(--zui-color-electric-dark,#38bdf8))] data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-electric-bg-checked-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 14%, transparent))]\",\n  forest:\n    \"border-[color:var(--zui-radio-group-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-radio-group-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] text-[color:var(--zui-radio-group-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-radio-group-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked,var(--zui-color-forest,#166534))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-forest-border-checked-dark,var(--zui-color-forest-dark,#4ade80))] data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked,color-mix(in oklch, var(--zui-color-forest,#16653414) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-forest-bg-checked-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 14%, transparent))]\",\n  sunset:\n    \"border-[color:var(--zui-radio-group-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-radio-group-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] text-[color:var(--zui-radio-group-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-radio-group-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked,var(--zui-color-sunset,#ea580c))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-sunset-border-checked-dark,var(--zui-color-sunset-dark,#fb923c))] data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-sunset-bg-checked-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 14%, transparent))]\",\n  magenta:\n    \"border-[color:var(--zui-radio-group-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-radio-group-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] text-[color:var(--zui-radio-group-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-radio-group-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked,var(--zui-color-magenta,#c026d3))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-magenta-border-checked-dark,var(--zui-color-magenta-dark,#e879f9))] data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-magenta-bg-checked-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 14%, transparent))]\",\n  crimson:\n    \"border-[color:var(--zui-radio-group-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-radio-group-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] text-[color:var(--zui-radio-group-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-radio-group-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked,var(--zui-color-crimson,#b91c1c))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-crimson-border-checked-dark,var(--zui-color-crimson-dark,#f87171))] data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-crimson-bg-checked-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 14%, transparent))]\",\n  aqua: \"border-[color:var(--zui-radio-group-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-radio-group-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] text-[color:var(--zui-radio-group-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-radio-group-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked,var(--zui-color-aqua,#0f766e))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-aqua-border-checked-dark,var(--zui-color-aqua-dark,#2dd4bf))] data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-aqua-bg-checked-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 14%, transparent))]\",\n  plum: \"border-[color:var(--zui-radio-group-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-radio-group-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] text-[color:var(--zui-radio-group-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-radio-group-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked,var(--zui-color-plum,#7e22ce))] dark:data-[state=checked]:border-[color:var(--zui-radio-group-plum-border-checked-dark,var(--zui-color-plum-dark,#c084fc))] data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 8%, transparent))] dark:data-[state=checked]:bg-[var(--zui-radio-group-plum-bg-checked-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 14%, transparent))]\",\n} as const;\n\nexport const zuiRadioGroupOrientations = {\n  vertical: \"grid gap-2\",\n  horizontal: \"flex flex-wrap gap-x-5 gap-y-2\",\n} as const;\n"]}

package/dist/chunk-5AOVTY2X.mjs

@@ -0,0 +1,68 @@
+// src/design-system/rating.ts
+var zuiRatingRootBase = "grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiRatingLabelBase = "text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+var zuiRatingHintBase = "max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-rating-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiRatingGroupBase = "flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]";
+var zuiRatingItemBase = "relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,var(--zui-fg-muted,oklch(86.9%_0.022_252.894)))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,var(--zui-fg-muted-dark,oklch(37.2%_0.044_257.287)))]";
+var zuiRatingIconBase = "pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out";
+var zuiRatingControlBase = "absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.32)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]";
+var zuiRatingErrorBase = "text-sm leading-6 text-[color:var(--zui-rating-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]";
+var zuiRatingSizes = {
+  sm: "size-5 text-lg",
+  md: "size-7 text-2xl",
+  lg: "size-9 text-3xl"
+};
+var zuiRatingAppearances = {
+  default: "text-[color:var(--zui-rating-default-active,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-default-active-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  secondary: "text-[color:var(--zui-rating-secondary-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-secondary-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  destructive: "text-[color:var(--zui-rating-destructive-active,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-destructive-active-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
+  outline: "text-[color:var(--zui-rating-outline-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-outline-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  ghost: "text-[color:var(--zui-rating-ghost-active,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-rating-ghost-active-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
+  glass: "text-[color:var(--zui-rating-glass-active,var(--zui-fg,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,var(--zui-fg-dark,oklch(78.9%_0.154_211.53)))]",
+  emerald: "text-[color:var(--zui-rating-emerald-active,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-rating-emerald-active-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]",
+  indigo: "text-[color:var(--zui-rating-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-rating-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "text-[color:var(--zui-rating-purple-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-rating-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  pink: "text-[color:var(--zui-rating-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-rating-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  rose: "text-[color:var(--zui-rating-rose-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-rose-active-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
+  sky: "text-[color:var(--zui-rating-sky-active,var(--zui-color-sky,oklch(62.3%_0.214_259.815)))] dark:text-[color:var(--zui-rating-sky-active-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
+  teal: "text-[color:var(--zui-rating-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-rating-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  yellow: "text-[color:var(--zui-rating-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:text-[color:var(--zui-rating-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  orange: "text-[color:var(--zui-rating-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-rating-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  gray: "text-[color:var(--zui-rating-gray-active,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-rating-gray-active-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]",
+  amber: "text-[color:var(--zui-rating-amber-active,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:text-[color:var(--zui-rating-amber-active-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]",
+  violet: "text-[color:var(--zui-rating-violet-active,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-rating-violet-active-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]",
+  "gradient-blue": "text-[color:var(--zui-rating-gradient-blue-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]",
+  "gradient-green": "text-[color:var(--zui-rating-gradient-green-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]",
+  "gradient-red": "text-[color:var(--zui-rating-gradient-red-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]",
+  "gradient-yellow": "text-[color:var(--zui-rating-gradient-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  "gradient-purple": "text-[color:var(--zui-rating-gradient-purple-active,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  "gradient-teal": "text-[color:var(--zui-rating-gradient-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  "gradient-indigo": "text-[color:var(--zui-rating-gradient-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-pink": "text-[color:var(--zui-rating-gradient-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  blue: "text-[color:var(--zui-rating-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-rating-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "text-[color:var(--zui-rating-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-rating-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "text-[color:var(--zui-rating-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-rating-green-fg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "text-[color:var(--zui-rating-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-rating-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "text-[color:var(--zui-rating-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-rating-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "text-[color:var(--zui-rating-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-rating-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "text-[color:var(--zui-rating-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-rating-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "text-[color:var(--zui-rating-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-rating-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "text-[color:var(--zui-rating-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-rating-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "text-[color:var(--zui-rating-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-rating-red-fg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "text-[color:var(--zui-rating-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-rating-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "text-[color:var(--zui-rating-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-rating-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "text-[color:var(--zui-rating-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-rating-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "text-[color:var(--zui-rating-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-rating-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "text-[color:var(--zui-rating-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-rating-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "text-[color:var(--zui-rating-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-rating-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "text-[color:var(--zui-rating-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-rating-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "text-[color:var(--zui-rating-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-rating-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "text-[color:var(--zui-rating-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-rating-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "text-[color:var(--zui-rating-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-rating-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "text-[color:var(--zui-rating-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-rating-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+
+export { zuiRatingAppearances, zuiRatingControlBase, zuiRatingErrorBase, zuiRatingGroupBase, zuiRatingHintBase, zuiRatingIconBase, zuiRatingItemBase, zuiRatingLabelBase, zuiRatingRootBase, zuiRatingSizes };
+//# sourceMappingURL=chunk-5AOVTY2X.mjs.map
+//# sourceMappingURL=chunk-5AOVTY2X.mjs.map

package/dist/chunk-5AOVTY2X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/rating.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,oMAAA;AAAA,EACF,SAAA,EACE,kMAAA;AAAA,EACF,WAAA,EACE,wNAAA;AAAA,EACF,OAAA,EACE,8LAAA;AAAA,EACF,KAAA,EACE,0LAAA;AAAA,EACF,KAAA,EACE,wOAAA;AAAA,EACF,OAAA,EACE,oNAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,IAAA,EAAM,sMAAA;AAAA,EACN,IAAA,EAAM,sMAAA;AAAA,EACN,GAAA,EAAK,mMAAA;AAAA,EACL,IAAA,EAAM,sMAAA;AAAA,EACN,MAAA,EACE,8MAAA;AAAA,EACF,MAAA,EACE,4MAAA;AAAA,EACF,IAAA,EAAM,wMAAA;AAAA,EACN,KAAA,EACE,yMAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,eAAA,EACE,wQAAA;AAAA,EACF,gBAAA,EACE,4QAAA;AAAA,EACF,cAAA,EACE,kQAAA;AAAA,EACF,iBAAA,EACE,8QAAA;AAAA,EACF,iBAAA,EACE,+QAAA;AAAA,EACF,eAAA,EACE,uQAAA;AAAA,EACF,iBAAA,EACE,gRAAA;AAAA,EACF,eAAA,EACE,uQAAA;AAAA,EACF,iBAAA,EACE,4QAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,GAAA,EAAK,sJAAA;AAAA,EACL,KAAA,EACE,8JAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,KAAA,EACE,8JAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,MAAA,EACE,kKAAA;AAAA,EACF,MAAA,EACE,kKAAA;AAAA,EACF,OAAA,EACE,sKAAA;AAAA,EACF,OAAA,EACE,sKAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-5AOVTY2X.mjs","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-rating-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,var(--zui-fg-muted,oklch(86.9%_0.022_252.894)))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,var(--zui-fg-muted-dark,oklch(37.2%_0.044_257.287)))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.32)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-default-active-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-secondary-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-destructive-active-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-outline-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-rating-ghost-active-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,var(--zui-fg,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,var(--zui-fg-dark,oklch(78.9%_0.154_211.53)))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-rating-emerald-active-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-rating-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-rating-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-rating-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-rose-active-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,var(--zui-color-sky,oklch(62.3%_0.214_259.815)))] dark:text-[color:var(--zui-rating-sky-active-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-rating-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:text-[color:var(--zui-rating-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-rating-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-rating-gray-active-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:text-[color:var(--zui-rating-amber-active-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-rating-violet-active-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  blue: \"text-[color:var(--zui-rating-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-rating-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"text-[color:var(--zui-rating-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-rating-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"text-[color:var(--zui-rating-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-rating-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"text-[color:var(--zui-rating-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-rating-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"text-[color:var(--zui-rating-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-rating-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"text-[color:var(--zui-rating-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-rating-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"text-[color:var(--zui-rating-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-rating-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"text-[color:var(--zui-rating-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-rating-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"text-[color:var(--zui-rating-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-rating-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"text-[color:var(--zui-rating-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-rating-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"text-[color:var(--zui-rating-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-rating-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"text-[color:var(--zui-rating-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-rating-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"text-[color:var(--zui-rating-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-rating-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"text-[color:var(--zui-rating-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-rating-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"text-[color:var(--zui-rating-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-rating-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"text-[color:var(--zui-rating-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-rating-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"text-[color:var(--zui-rating-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-rating-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"text-[color:var(--zui-rating-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-rating-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"text-[color:var(--zui-rating-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-rating-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"text-[color:var(--zui-rating-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-rating-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"text-[color:var(--zui-rating-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-rating-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n"]}

package/dist/{chunk-GVGKISKD.js → chunk-5QLPZYWO.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkDWDDIG6R_js = require('./chunk-DWDDIG6R.js');
+var chunkUT6QG35L_js = require('./chunk-UT6QG35L.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var avatarVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarBase, {
+var avatarVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarBase, {
   variants: {
-    appearance: chunkDWDDIG6R_js.zuiAvatarAppearances,
-    size: chunkDWDDIG6R_js.zuiAvatarSizes
+    appearance: chunkUT6QG35L_js.zuiAvatarAppearances,
+    size: chunkUT6QG35L_js.zuiAvatarSizes
   },
   defaultVariants: {
     size: "md",
     appearance: "default"
   }
 });
-var avatarImageVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarImageBase);
-var avatarFallbackVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarFallbackBase);
-var avatarGroupVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarGroupBase);
+var avatarImageVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarImageBase);
+var avatarFallbackVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarFallbackBase);
+var avatarGroupVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarGroupBase);
 var AvatarContext = react.createContext(null);
 function useAvatarContext(component) {
   const ctx = react.useContext(AvatarContext);
@@ -166,5 +166,5 @@ exports.avatarFallbackVariants = avatarFallbackVariants;
 exports.avatarGroupVariants = avatarGroupVariants;
 exports.avatarImageVariants = avatarImageVariants;
 exports.avatarVariants = avatarVariants;
-//# sourceMappingURL=chunk-GVGKISKD.js.map
-//# sourceMappingURL=chunk-GVGKISKD.js.map
+//# sourceMappingURL=chunk-5QLPZYWO.js.map
+//# sourceMappingURL=chunk-5QLPZYWO.js.map

package/dist/{chunk-GVGKISKD.js.map → chunk-5QLPZYWO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/avatar/variants.ts","../src/ui/avatar/avatar-base.tsx"],"names":["cva","zuiAvatarBase","zuiAvatarAppearances","zuiAvatarSizes","zuiAvatarImageBase","zuiAvatarFallbackBase","zuiAvatarGroupBase","createContext","useContext","useState","useMemo","jsx","cn","useEffect","Children","isValidElement","jsxs"],"mappings":"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","file":"chunk-GVGKISKD.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAvatarAppearances,\n  zuiAvatarBase,\n  zuiAvatarFallbackBase,\n  zuiAvatarGroupBase,\n  zuiAvatarImageBase,\n  zuiAvatarSizes,\n} from \"../../design-system/avatar\";\n\nexport const avatarVariants = cva(zuiAvatarBase, {\n  variants: {\n    appearance: zuiAvatarAppearances,\n    size: zuiAvatarSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const avatarImageVariants = cva(zuiAvatarImageBase);\n\nexport const avatarFallbackVariants = cva(zuiAvatarFallbackBase);\n\nexport const avatarGroupVariants = cva(zuiAvatarGroupBase);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AvatarBaseProps,\n  AvatarCtx,\n  AvatarFallbackProps,\n  AvatarGroupProps,\n  AvatarImageProps,\n  ImageStatus,\n} from \"./types\";\nimport {\n  avatarFallbackVariants,\n  avatarGroupVariants,\n  avatarImageVariants,\n  avatarVariants,\n} from \"./variants\";\n\nconst AvatarContext = createContext<AvatarCtx | null>(null);\n\nfunction useAvatarContext(component: string): AvatarCtx {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Avatar>`);\n  }\n  return ctx;\n}\n\nexport function AvatarBase({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  as: Wrapper = \"span\",\n  ...rest\n}: AvatarBaseProps) {\n  const [imageStatus, setImageStatus] = useState<ImageStatus>(\"idle\");\n  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);\n\n  return (\n    <AvatarContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"avatar\"\n        className={cn(avatarVariants({ size, appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </AvatarContext.Provider>\n  );\n}\n\nAvatarBase.displayName = \"Avatar\";\n\nexport function AvatarImage({\n  className,\n  onLoad,\n  onError,\n  ref,\n  ...rest\n}: AvatarImageProps & { ref?: Ref<HTMLImageElement> }) {\n  const { setImageStatus } = useAvatarContext(\"AvatarImage\");\n\n  return (\n    <img\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(avatarImageVariants(), className)}\n      onLoad={(e) => {\n        setImageStatus(\"loaded\");\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setImageStatus(\"error\");\n        onError?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n\nAvatarImage.displayName = \"AvatarImage\";\n\nexport function AvatarFallback({\n  className,\n  delayMs = 0,\n  ref,\n  ...rest\n}: AvatarFallbackProps & { ref?: Ref<HTMLSpanElement> }) {\n  const { imageStatus } = useAvatarContext(\"AvatarFallback\");\n  const [show, setShow] = useState(delayMs === 0);\n\n  useEffect(() => {\n    if (imageStatus === \"loaded\") {\n      setShow(false);\n      return;\n    }\n    if (imageStatus === \"error\") {\n      setShow(true);\n      return;\n    }\n    if (delayMs <= 0) {\n      setShow(true);\n      return;\n    }\n    const t = window.setTimeout(() => setShow(true), delayMs);\n    return () => window.clearTimeout(t);\n  }, [delayMs, imageStatus]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport function AvatarGroup({\n  className,\n  max,\n  children,\n  ref,\n  ...rest\n}: AvatarGroupProps & { ref?: Ref<HTMLDivElement> }) {\n  const childArray = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const visible = max !== undefined ? childArray.slice(0, max) : childArray;\n  const overflow =\n    max !== undefined && childArray.length > max ? childArray.length - max : 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"avatar-group\"\n      className={cn(avatarGroupVariants(), className)}\n      {...rest}\n    >\n      {visible}\n      {overflow > 0 ? (\n        <span\n          data-slot=\"avatar-group-overflow\"\n          className={cn(\n            avatarVariants({ size: \"md\" }),\n            \"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white\",\n          )}\n          aria-label={`${overflow} more`}\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}
+{"version":3,"sources":["../src/ui/avatar/variants.ts","../src/ui/avatar/avatar-base.tsx"],"names":["cva","zuiAvatarBase","zuiAvatarAppearances","zuiAvatarSizes","zuiAvatarImageBase","zuiAvatarFallbackBase","zuiAvatarGroupBase","createContext","useContext","useState","useMemo","jsx","cn","useEffect","Children","isValidElement","jsxs"],"mappings":"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","file":"chunk-5QLPZYWO.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAvatarAppearances,\n  zuiAvatarBase,\n  zuiAvatarFallbackBase,\n  zuiAvatarGroupBase,\n  zuiAvatarImageBase,\n  zuiAvatarSizes,\n} from \"../../design-system/avatar\";\n\nexport const avatarVariants = cva(zuiAvatarBase, {\n  variants: {\n    appearance: zuiAvatarAppearances,\n    size: zuiAvatarSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const avatarImageVariants = cva(zuiAvatarImageBase);\n\nexport const avatarFallbackVariants = cva(zuiAvatarFallbackBase);\n\nexport const avatarGroupVariants = cva(zuiAvatarGroupBase);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AvatarBaseProps,\n  AvatarCtx,\n  AvatarFallbackProps,\n  AvatarGroupProps,\n  AvatarImageProps,\n  ImageStatus,\n} from \"./types\";\nimport {\n  avatarFallbackVariants,\n  avatarGroupVariants,\n  avatarImageVariants,\n  avatarVariants,\n} from \"./variants\";\n\nconst AvatarContext = createContext<AvatarCtx | null>(null);\n\nfunction useAvatarContext(component: string): AvatarCtx {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Avatar>`);\n  }\n  return ctx;\n}\n\nexport function AvatarBase({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  as: Wrapper = \"span\",\n  ...rest\n}: AvatarBaseProps) {\n  const [imageStatus, setImageStatus] = useState<ImageStatus>(\"idle\");\n  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);\n\n  return (\n    <AvatarContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"avatar\"\n        className={cn(avatarVariants({ size, appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </AvatarContext.Provider>\n  );\n}\n\nAvatarBase.displayName = \"Avatar\";\n\nexport function AvatarImage({\n  className,\n  onLoad,\n  onError,\n  ref,\n  ...rest\n}: AvatarImageProps & { ref?: Ref<HTMLImageElement> }) {\n  const { setImageStatus } = useAvatarContext(\"AvatarImage\");\n\n  return (\n    <img\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(avatarImageVariants(), className)}\n      onLoad={(e) => {\n        setImageStatus(\"loaded\");\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setImageStatus(\"error\");\n        onError?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n\nAvatarImage.displayName = \"AvatarImage\";\n\nexport function AvatarFallback({\n  className,\n  delayMs = 0,\n  ref,\n  ...rest\n}: AvatarFallbackProps & { ref?: Ref<HTMLSpanElement> }) {\n  const { imageStatus } = useAvatarContext(\"AvatarFallback\");\n  const [show, setShow] = useState(delayMs === 0);\n\n  useEffect(() => {\n    if (imageStatus === \"loaded\") {\n      setShow(false);\n      return;\n    }\n    if (imageStatus === \"error\") {\n      setShow(true);\n      return;\n    }\n    if (delayMs <= 0) {\n      setShow(true);\n      return;\n    }\n    const t = window.setTimeout(() => setShow(true), delayMs);\n    return () => window.clearTimeout(t);\n  }, [delayMs, imageStatus]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport function AvatarGroup({\n  className,\n  max,\n  children,\n  ref,\n  ...rest\n}: AvatarGroupProps & { ref?: Ref<HTMLDivElement> }) {\n  const childArray = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const visible = max !== undefined ? childArray.slice(0, max) : childArray;\n  const overflow =\n    max !== undefined && childArray.length > max ? childArray.length - max : 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"avatar-group\"\n      className={cn(avatarGroupVariants(), className)}\n      {...rest}\n    >\n      {visible}\n      {overflow > 0 ? (\n        <span\n          data-slot=\"avatar-group-overflow\"\n          className={cn(\n            avatarVariants({ size: \"md\" }),\n            \"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white\",\n          )}\n          aria-label={`${overflow} more`}\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}

package/dist/{chunk-OPACTZGV.js → chunk-5TVBPPS6.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunk3Z6L24ZK_js = require('./chunk-3Z6L24ZK.js');
+var chunkBIQZC26Q_js = require('./chunk-BIQZC26Q.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var tabsListVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsListBase, {
+var tabsListVariants = classVarianceAuthority.cva(chunkBIQZC26Q_js.zuiTabsListBase, {
   variants: {
-    variant: chunk3Z6L24ZK_js.zuiTabsListVariants,
-    size: chunk3Z6L24ZK_js.zuiTabsListSizes,
-    orientation: chunk3Z6L24ZK_js.zuiTabsOrientations
+    variant: chunkBIQZC26Q_js.zuiTabsListVariants,
+    size: chunkBIQZC26Q_js.zuiTabsListSizes,
+    orientation: chunkBIQZC26Q_js.zuiTabsOrientations
   },
   defaultVariants: {
     size: "md",
@@ -18,11 +18,11 @@ var tabsListVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsListBa
     variant: "pills"
   }
 });
-var tabsTriggerVariants = classVarianceAuthority.cva(chunk3Z6L24ZK_js.zuiTabsTriggerBase, {
+var tabsTriggerVariants = classVarianceAuthority.cva(chunkBIQZC26Q_js.zuiTabsTriggerBase, {
   variants: {
-    appearance: chunk3Z6L24ZK_js.zuiTabsTriggerAppearances,
-    variant: chunk3Z6L24ZK_js.zuiTabsTriggerVariants,
-    size: chunk3Z6L24ZK_js.zuiTabsTriggerSizes
+    appearance: chunkBIQZC26Q_js.zuiTabsTriggerAppearances,
+    variant: chunkBIQZC26Q_js.zuiTabsTriggerVariants,
+    size: chunkBIQZC26Q_js.zuiTabsTriggerSizes
   },
   defaultVariants: {
     appearance: "default",
@@ -227,5 +227,5 @@ exports.TabsTrigger = TabsTrigger;
 exports.tabsListVariants = tabsListVariants;
 exports.tabsTriggerVariants = tabsTriggerVariants;
 exports.useTabs = useTabs;
-//# sourceMappingURL=chunk-OPACTZGV.js.map
-//# sourceMappingURL=chunk-OPACTZGV.js.map
+//# sourceMappingURL=chunk-5TVBPPS6.js.map
+//# sourceMappingURL=chunk-5TVBPPS6.js.map

package/dist/{chunk-OPACTZGV.js.map → chunk-5TVBPPS6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-OPACTZGV.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}
+{"version":3,"sources":["../src/ui/tabs/variants.ts","../src/ui/tabs/tabs-base.tsx"],"names":["cva","zuiTabsListBase","zuiTabsListVariants","zuiTabsListSizes","zuiTabsOrientations","zuiTabsTriggerBase","zuiTabsTriggerAppearances","zuiTabsTriggerVariants","zuiTabsTriggerSizes","createContext","useContext","useState","useId","useRef","jsx","cn"],"mappings":"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","file":"chunk-5TVBPPS6.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTabsListBase,\n  zuiTabsListSizes,\n  zuiTabsListVariants,\n  zuiTabsOrientations,\n  zuiTabsTriggerAppearances,\n  zuiTabsTriggerBase,\n  zuiTabsTriggerSizes,\n  zuiTabsTriggerVariants,\n} from \"../../design-system/tabs\";\n\nexport const tabsListVariants = cva(zuiTabsListBase, {\n  variants: {\n    variant: zuiTabsListVariants,\n    size: zuiTabsListSizes,\n    orientation: zuiTabsOrientations,\n  },\n  defaultVariants: {\n    size: \"md\",\n    orientation: \"horizontal\",\n    variant: \"pills\",\n  },\n});\n\nexport const tabsTriggerVariants = cva(zuiTabsTriggerBase, {\n  variants: {\n    appearance: zuiTabsTriggerAppearances,\n    variant: zuiTabsTriggerVariants,\n    size: zuiTabsTriggerSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    variant: \"pills\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  KeyboardEvent,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport {\n  TabsContentProps,\n  TabsListProps,\n  TabsProps,\n  TabsTriggerProps,\n  TabsValue,\n  TabsContextType,\n} from \"./types\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./variants\";\n\nexport const TabsContext = createContext<TabsContextType | null>(null);\n\nexport const useTabs = () => {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error(\"Tabs components must be used within Tabs\");\n  return ctx;\n};\n\nexport function Tabs({\n  value,\n  defaultValue,\n  onValueChange,\n  orientation = \"horizontal\",\n  variant,\n  size,\n  appearance,\n  children,\n  className,\n}: TabsProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const idPrefix = useId();\n  const listRef = useRef<HTMLDivElement | null>(null);\n\n  const isControlled = value !== undefined;\n  const currentValue = isControlled ? value : internalValue;\n\n  const setValue = (val: string) => {\n    if (!isControlled) setInternalValue(val);\n    onValueChange?.(val);\n  };\n\n  const tabTriggerId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-tab-${tabValue}`;\n  const tabPanelId = (tabValue: TabsValue) =>\n    `${idPrefix}zentauri-panel-${tabValue}`;\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value: currentValue,\n        setValue,\n        listRef,\n        orientation,\n        size,\n        variant,\n        appearance,\n        tabTriggerId,\n        tabPanelId,\n      }}\n    >\n      <div data-slot=\"tabs\" className={cn(\"w-full\", className)}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n}\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  const { orientation, size, listRef } = useTabs();\n\n  return (\n    <div\n      ref={listRef}\n      role=\"tablist\"\n      aria-orientation={orientation}\n      className={cn(tabsListVariants({ orientation, size }), className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function TabsTrigger({\n  value,\n  children,\n  disabled,\n  className,\n  ...props\n}: TabsTriggerProps) {\n  const {\n    value: activeValue,\n    setValue,\n    listRef,\n    orientation,\n    tabTriggerId,\n    tabPanelId,\n    size,\n    appearance,\n    variant,\n  } = useTabs();\n\n  const isActive = activeValue === value;\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n    const list = listRef.current;\n    const triggers =\n      list === null\n        ? []\n        : Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]'));\n\n    const nextKeys =\n      orientation === \"vertical\" ? [\"ArrowDown\"] : [\"ArrowRight\"];\n    const prevKeys = orientation === \"vertical\" ? [\"ArrowUp\"] : [\"ArrowLeft\"];\n\n    const index = triggers.findIndex((el) => el === e.currentTarget);\n    if (index === -1) {\n      return;\n    }\n\n    const findEnabledIndex = (\n      start: number,\n      direction: 1 | -1,\n    ): number | undefined => {\n      const n = triggers.length;\n      if (n === 0) {\n        return undefined;\n      }\n      let i = start;\n      for (let step = 0; step < n; step += 1) {\n        i = (i + direction + n) % n;\n        if (triggers[i]?.disabled !== true) {\n          return i;\n        }\n      }\n      return undefined;\n    };\n\n    const focusAt = (i: number) => {\n      const target = triggers[i];\n      if (target !== undefined && target.disabled !== true) {\n        target.focus();\n      }\n    };\n\n    const isNext = nextKeys.includes(e.key);\n    const isPrev = prevKeys.includes(e.key);\n\n    if (isNext) {\n      e.preventDefault();\n      const nextIdx = findEnabledIndex(index, 1);\n      if (nextIdx !== undefined) {\n        focusAt(nextIdx);\n      }\n      return;\n    }\n\n    if (isPrev) {\n      e.preventDefault();\n      const prevIdx = findEnabledIndex(index, -1);\n      if (prevIdx !== undefined) {\n        focusAt(prevIdx);\n      }\n      return;\n    }\n\n    if (e.key === \"Home\") {\n      e.preventDefault();\n      const firstEnabledIndex = triggers.findIndex((btn) => !btn.disabled);\n      if (firstEnabledIndex !== -1) {\n        triggers[firstEnabledIndex]?.focus();\n      }\n      return;\n    }\n\n    if (e.key === \"End\") {\n      e.preventDefault();\n      for (let i = triggers.length - 1; i >= 0; i -= 1) {\n        if (!triggers[i]?.disabled) {\n          triggers[i]?.focus();\n          break;\n        }\n      }\n    }\n  };\n\n  return (\n    <button\n      id={tabTriggerId(value)}\n      type=\"button\"\n      role=\"tab\"\n      data-state={isActive ? \"active\" : \"inactive\"}\n      aria-selected={isActive}\n      aria-controls={tabPanelId(value)}\n      disabled={disabled}\n      tabIndex={activeValue === undefined ? undefined : isActive ? 0 : -1}\n      onClick={() => setValue(value)}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        tabsTriggerVariants({ size, appearance, variant }),\n        className,\n        \"cursor-pointer\",\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function TabsContent({\n  value,\n  children,\n  className,\n  as: Wrapper = \"div\",\n  ...props\n}: TabsContentProps) {\n  const { value: activeValue, tabTriggerId, tabPanelId } = useTabs();\n\n  if (activeValue !== value) return null;\n\n  return (\n    <Wrapper\n      id={tabPanelId(value)}\n      role=\"tabpanel\"\n      aria-labelledby={tabTriggerId(value)}\n      className={cn(\"mt-2\", className)}\n      {...props}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n"]}

package/dist/{chunk-NWMSIYZP.js → chunk-642JVK45.js}

@@ -1,33 +1,33 @@
 'use strict';
 
 var chunkGBWGVNDA_js = require('./chunk-GBWGVNDA.js');
-var chunkR2256VSD_js = require('./chunk-R2256VSD.js');
+var chunkUQQHB3OI_js = require('./chunk-UQQHB3OI.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
-var commandOverlayVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandOverlayBase);
-var commandTriggerVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandTriggerBase);
-var commandContentVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandContentBase, {
+var commandOverlayVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandOverlayBase);
+var commandTriggerVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandTriggerBase);
+var commandContentVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandContentBase, {
   variants: {
-    size: chunkR2256VSD_js.zuiCommandContentSizes,
-    appearance: chunkR2256VSD_js.zuiCommandContentAppearances
+    size: chunkUQQHB3OI_js.zuiCommandContentSizes,
+    appearance: chunkUQQHB3OI_js.zuiCommandContentAppearances
   },
   defaultVariants: {
     size: "md",
     appearance: "default"
   }
 });
-var commandInputRowVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandInputRowBase);
-var commandInputVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandInputBase);
-var commandListVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandListBase);
-var commandGroupHeadingVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandGroupHeadingBase);
-var commandItemVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandItemBase);
-var commandSeparatorVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandSeparatorBase);
-var commandEmptyVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandEmptyBase);
-var commandFooterVariants = classVarianceAuthority.cva(chunkR2256VSD_js.zuiCommandFooterBase);
+var commandInputRowVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandInputRowBase);
+var commandInputVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandInputBase);
+var commandListVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandListBase);
+var commandGroupHeadingVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandGroupHeadingBase);
+var commandItemVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandItemBase);
+var commandSeparatorVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandSeparatorBase);
+var commandEmptyVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandEmptyBase);
+var commandFooterVariants = classVarianceAuthority.cva(chunkUQQHB3OI_js.zuiCommandFooterBase);
 var CommandContext = react.createContext(null);
 function useCommandContext(component) {
   const ctx = react.useContext(CommandContext);
@@ -570,5 +570,5 @@ exports.commandContentVariants = commandContentVariants;
 exports.commandItemVariants = commandItemVariants;
 exports.commandOverlayVariants = commandOverlayVariants;
 exports.useCommandContext = useCommandContext;
-//# sourceMappingURL=chunk-NWMSIYZP.js.map
-//# sourceMappingURL=chunk-NWMSIYZP.js.map
+//# sourceMappingURL=chunk-642JVK45.js.map
+//# sourceMappingURL=chunk-642JVK45.js.map