tailwind-joy/dist/components.cjs

React component library that styles the components of Joy UI in the Tailwind CSS way.

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),e=require("./class-adapter-CR4ZGd7X.cjs"),s=require("react"),De=require("tailwindcss/defaultTheme"),i={variants:{plain:{primary:{className:["[--variant-borderWidth:0px]",e.colorTokens.primary.plainColor,e.colorTokens.primary.plainBg,e.colorTokens.primary.plainBorder],tokens:{color:e.baseTokens.primary.plainColor,backgroundColor:e.baseTokens.primary.plainBg,borderColor:e.baseTokens.primary.plainBorder}},neutral:{className:["[--variant-borderWidth:0px]",e.colorTokens.neutral.plainColor,e.colorTokens.neutral.plainBg,e.colorTokens.neutral.plainBorder],tokens:{color:e.baseTokens.neutral.plainColor,backgroundColor:e.baseTokens.neutral.plainBg,borderColor:e.baseTokens.neutral.plainBorder}},danger:{className:["[--variant-borderWidth:0px]",e.colorTokens.danger.plainColor,e.colorTokens.danger.plainBg,e.colorTokens.danger.plainBorder],tokens:{color:e.baseTokens.danger.plainColor,backgroundColor:e.baseTokens.danger.plainBg,borderColor:e.baseTokens.danger.plainBorder}},success:{className:["[--variant-borderWidth:0px]",e.colorTokens.success.plainColor,e.colorTokens.success.plainBg,e.colorTokens.success.plainBorder],tokens:{color:e.baseTokens.success.plainColor,backgroundColor:e.baseTokens.success.plainBg,borderColor:e.baseTokens.success.plainBorder}},warning:{className:["[--variant-borderWidth:0px]",e.colorTokens.warning.plainColor,e.colorTokens.warning.plainBg,e.colorTokens.warning.plainBorder],tokens:{color:e.baseTokens.warning.plainColor,backgroundColor:e.baseTokens.warning.plainBg,borderColor:e.baseTokens.warning.plainBorder}}},plainHover:{primary:{className:[e.colorTokens.primary.plainHoverColor,e.colorTokens.primary.plainHoverBg,e.colorTokens.primary.plainHoverBorder],tokens:{color:e.baseTokens.primary.plainHoverColor,backgroundColor:e.baseTokens.primary.plainHoverBg,borderColor:e.baseTokens.primary.plainHoverBorder}},neutral:{className:[e.colorTokens.neutral.plainHoverColor,e.colorTokens.neutral.plainHoverBg,e.colorTokens.neutral.plainHoverBorder],tokens:{color:e.baseTokens.neutral.plainHoverColor,backgroundColor:e.baseTokens.neutral.plainHoverBg,borderColor:e.baseTokens.neutral.plainHoverBorder}},danger:{className:[e.colorTokens.danger.plainHoverColor,e.colorTokens.danger.plainHoverBg,e.colorTokens.danger.plainHoverBorder],tokens:{color:e.baseTokens.danger.plainHoverColor,backgroundColor:e.baseTokens.danger.plainHoverBg,borderColor:e.baseTokens.danger.plainHoverBorder}},success:{className:[e.colorTokens.success.plainHoverColor,e.colorTokens.success.plainHoverBg,e.colorTokens.success.plainHoverBorder],tokens:{color:e.baseTokens.success.plainHoverColor,backgroundColor:e.baseTokens.success.plainHoverBg,borderColor:e.baseTokens.success.plainHoverBorder}},warning:{className:[e.colorTokens.warning.plainHoverColor,e.colorTokens.warning.plainHoverBg,e.colorTokens.warning.plainHoverBorder],tokens:{color:e.baseTokens.warning.plainHoverColor,backgroundColor:e.baseTokens.warning.plainHoverBg,borderColor:e.baseTokens.warning.plainHoverBorder}}},plainActive:{primary:{className:[e.colorTokens.primary.plainActiveColor,e.colorTokens.primary.plainActiveBg,e.colorTokens.primary.plainActiveBorder],tokens:{color:e.baseTokens.primary.plainActiveColor,backgroundColor:e.baseTokens.primary.plainActiveBg,borderColor:e.baseTokens.primary.plainActiveBorder}},neutral:{className:[e.colorTokens.neutral.plainActiveColor,e.colorTokens.neutral.plainActiveBg,e.colorTokens.neutral.plainActiveBorder],tokens:{color:e.baseTokens.neutral.plainActiveColor,backgroundColor:e.baseTokens.neutral.plainActiveBg,borderColor:e.baseTokens.neutral.plainActiveBorder}},danger:{className:[e.colorTokens.danger.plainActiveColor,e.colorTokens.danger.plainActiveBg,e.colorTokens.danger.plainActiveBorder],tokens:{color:e.baseTokens.danger.plainActiveColor,backgroundColor:e.baseTokens.danger.plainActiveBg,borderColor:e.baseTokens.danger.plainActiveBorder}},success:{className:[e.colorTokens.success.plainActiveColor,e.colorTokens.success.plainActiveBg,e.colorTokens.success.plainActiveBorder],tokens:{color:e.baseTokens.success.plainActiveColor,backgroundColor:e.baseTokens.success.plainActiveBg,borderColor:e.baseTokens.success.plainActiveBorder}},warning:{className:[e.colorTokens.warning.plainActiveColor,e.colorTokens.warning.plainActiveBg,e.colorTokens.warning.plainActiveBorder],tokens:{color:e.baseTokens.warning.plainActiveColor,backgroundColor:e.baseTokens.warning.plainActiveBg,borderColor:e.baseTokens.warning.plainActiveBorder}}},plainDisabled:{primary:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.primary.plainDisabledColor,e.colorTokens.primary.plainDisabledBg,e.colorTokens.primary.plainDisabledBorder],tokens:{color:e.baseTokens.primary.plainDisabledColor,backgroundColor:e.baseTokens.primary.plainDisabledBg,borderColor:e.baseTokens.primary.plainDisabledBorder}},neutral:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.neutral.plainDisabledColor,e.colorTokens.neutral.plainDisabledBg,e.colorTokens.neutral.plainDisabledBorder],tokens:{color:e.baseTokens.neutral.plainDisabledColor,backgroundColor:e.baseTokens.neutral.plainDisabledBg,borderColor:e.baseTokens.neutral.plainDisabledBorder}},danger:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.danger.plainDisabledColor,e.colorTokens.danger.plainDisabledBg,e.colorTokens.danger.plainDisabledBorder],tokens:{color:e.baseTokens.danger.plainDisabledColor,backgroundColor:e.baseTokens.danger.plainDisabledBg,borderColor:e.baseTokens.danger.plainDisabledBorder}},success:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.success.plainDisabledColor,e.colorTokens.success.plainDisabledBg,e.colorTokens.success.plainDisabledBorder],tokens:{color:e.baseTokens.success.plainDisabledColor,backgroundColor:e.baseTokens.success.plainDisabledBg,borderColor:e.baseTokens.success.plainDisabledBorder}},warning:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.warning.plainDisabledColor,e.colorTokens.warning.plainDisabledBg,e.colorTokens.warning.plainDisabledBorder],tokens:{color:e.baseTokens.warning.plainDisabledColor,backgroundColor:e.baseTokens.warning.plainDisabledBg,borderColor:e.baseTokens.warning.plainDisabledBorder}}},outlined:{primary:{className:["[--variant-borderWidth:1px]","border-[length:var(--variant-borderWidth)] border-solid",e.colorTokens.primary.outlinedColor,e.colorTokens.primary.outlinedBg,e.colorTokens.primary.outlinedBorder],tokens:{color:e.baseTokens.primary.outlinedColor,backgroundColor:e.baseTokens.primary.outlinedBg,borderColor:e.baseTokens.primary.outlinedBorder}},neutral:{className:["[--variant-borderWidth:1px]","border-[length:var(--variant-borderWidth)] border-solid",e.colorTokens.neutral.outlinedColor,e.colorTokens.neutral.outlinedBg,e.colorTokens.neutral.outlinedBorder],tokens:{color:e.baseTokens.neutral.outlinedColor,backgroundColor:e.baseTokens.neutral.outlinedBg,borderColor:e.baseTokens.neutral.outlinedBorder}},danger:{className:["[--variant-borderWidth:1px]","border-[length:var(--variant-borderWidth)] border-solid",e.colorTokens.danger.outlinedColor,e.colorTokens.danger.outlinedBg,e.colorTokens.danger.outlinedBorder],tokens:{color:e.baseTokens.danger.outlinedColor,backgroundColor:e.baseTokens.danger.outlinedBg,borderColor:e.baseTokens.danger.outlinedBorder}},success:{className:["[--variant-borderWidth:1px]","border-[length:var(--variant-borderWidth)] border-solid",e.colorTokens.success.outlinedColor,e.colorTokens.success.outlinedBg,e.colorTokens.success.outlinedBorder],tokens:{color:e.baseTokens.success.outlinedColor,backgroundColor:e.baseTokens.success.outlinedBg,borderColor:e.baseTokens.success.outlinedBorder}},warning:{className:["[--variant-borderWidth:1px]","border-[length:var(--variant-borderWidth)] border-solid",e.colorTokens.warning.outlinedColor,e.colorTokens.warning.outlinedBg,e.colorTokens.warning.outlinedBorder],tokens:{color:e.baseTokens.warning.outlinedColor,backgroundColor:e.baseTokens.warning.outlinedBg,borderColor:e.baseTokens.warning.outlinedBorder}}},outlinedHover:{primary:{className:[e.colorTokens.primary.outlinedHoverColor,e.colorTokens.primary.outlinedHoverBg,e.colorTokens.primary.outlinedHoverBorder],tokens:{color:e.baseTokens.primary.outlinedHoverColor,backgroundColor:e.baseTokens.primary.outlinedHoverBg,borderColor:e.baseTokens.primary.outlinedHoverBorder}},neutral:{className:[e.colorTokens.neutral.outlinedHoverColor,e.colorTokens.neutral.outlinedHoverBg,e.colorTokens.neutral.outlinedHoverBorder],tokens:{color:e.baseTokens.neutral.outlinedHoverColor,backgroundColor:e.baseTokens.neutral.outlinedHoverBg,borderColor:e.baseTokens.neutral.outlinedHoverBorder}},danger:{className:[e.colorTokens.danger.outlinedHoverColor,e.colorTokens.danger.outlinedHoverBg,e.colorTokens.danger.outlinedHoverBorder],tokens:{color:e.baseTokens.danger.outlinedHoverColor,backgroundColor:e.baseTokens.danger.outlinedHoverBg,borderColor:e.baseTokens.danger.outlinedHoverBorder}},success:{className:[e.colorTokens.success.outlinedHoverColor,e.colorTokens.success.outlinedHoverBg,e.colorTokens.success.outlinedHoverBorder],tokens:{color:e.baseTokens.success.outlinedHoverColor,backgroundColor:e.baseTokens.success.outlinedHoverBg,borderColor:e.baseTokens.success.outlinedHoverBorder}},warning:{className:[e.colorTokens.warning.outlinedHoverColor,e.colorTokens.warning.outlinedHoverBg,e.colorTokens.warning.outlinedHoverBorder],tokens:{color:e.baseTokens.warning.outlinedHoverColor,backgroundColor:e.baseTokens.warning.outlinedHoverBg,borderColor:e.baseTokens.warning.outlinedHoverBorder}}},outlinedActive:{primary:{className:[e.colorTokens.primary.outlinedActiveColor,e.colorTokens.primary.outlinedActiveBg,e.colorTokens.primary.outlinedActiveBorder],tokens:{color:e.baseTokens.primary.outlinedActiveColor,backgroundColor:e.baseTokens.primary.outlinedActiveBg,borderColor:e.baseTokens.primary.outlinedActiveBorder}},neutral:{className:[e.colorTokens.neutral.outlinedActiveColor,e.colorTokens.neutral.outlinedActiveBg,e.colorTokens.neutral.outlinedActiveBorder],tokens:{color:e.baseTokens.neutral.outlinedActiveColor,backgroundColor:e.baseTokens.neutral.outlinedActiveBg,borderColor:e.baseTokens.neutral.outlinedActiveBorder}},danger:{className:[e.colorTokens.danger.outlinedActiveColor,e.colorTokens.danger.outlinedActiveBg,e.colorTokens.danger.outlinedActiveBorder],tokens:{color:e.baseTokens.danger.outlinedActiveColor,backgroundColor:e.baseTokens.danger.outlinedActiveBg,borderColor:e.baseTokens.danger.outlinedActiveBorder}},success:{className:[e.colorTokens.success.outlinedActiveColor,e.colorTokens.success.outlinedActiveBg,e.colorTokens.success.outlinedActiveBorder],tokens:{color:e.baseTokens.success.outlinedActiveColor,backgroundColor:e.baseTokens.success.outlinedActiveBg,borderColor:e.baseTokens.success.outlinedActiveBorder}},warning:{className:[e.colorTokens.warning.outlinedActiveColor,e.colorTokens.warning.outlinedActiveBg,e.colorTokens.warning.outlinedActiveBorder],tokens:{color:e.baseTokens.warning.outlinedActiveColor,backgroundColor:e.baseTokens.warning.outlinedActiveBg,borderColor:e.baseTokens.warning.outlinedActiveBorder}}},outlinedDisabled:{primary:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.primary.outlinedDisabledColor,e.colorTokens.primary.outlinedDisabledBg,e.colorTokens.primary.outlinedDisabledBorder],tokens:{color:e.baseTokens.primary.outlinedDisabledColor,backgroundColor:e.baseTokens.primary.outlinedDisabledBg,borderColor:e.baseTokens.primary.outlinedDisabledBorder}},neutral:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.neutral.outlinedDisabledColor,e.colorTokens.neutral.outlinedDisabledBg,e.colorTokens.neutral.outlinedDisabledBorder],tokens:{color:e.baseTokens.neutral.outlinedDisabledColor,backgroundColor:e.baseTokens.neutral.outlinedDisabledBg,borderColor:e.baseTokens.neutral.outlinedDisabledBorder}},danger:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.danger.outlinedDisabledColor,e.colorTokens.danger.outlinedDisabledBg,e.colorTokens.danger.outlinedDisabledBorder],tokens:{color:e.baseTokens.danger.outlinedDisabledColor,backgroundColor:e.baseTokens.danger.outlinedDisabledBg,borderColor:e.baseTokens.danger.outlinedDisabledBorder}},success:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.success.outlinedDisabledColor,e.colorTokens.success.outlinedDisabledBg,e.colorTokens.success.outlinedDisabledBorder],tokens:{color:e.baseTokens.success.outlinedDisabledColor,backgroundColor:e.baseTokens.success.outlinedDisabledBg,borderColor:e.baseTokens.success.outlinedDisabledBorder}},warning:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.warning.outlinedDisabledColor,e.colorTokens.warning.outlinedDisabledBg,e.colorTokens.warning.outlinedDisabledBorder],tokens:{color:e.baseTokens.warning.outlinedDisabledColor,backgroundColor:e.baseTokens.warning.outlinedDisabledBg,borderColor:e.baseTokens.warning.outlinedDisabledBorder}}},soft:{primary:{className:["[--variant-borderWidth:0px]",e.colorTokens.primary.softColor,e.colorTokens.primary.softBg,e.colorTokens.primary.softBorder],tokens:{color:e.baseTokens.primary.softColor,backgroundColor:e.baseTokens.primary.softBg,borderColor:e.baseTokens.primary.softBorder}},neutral:{className:["[--variant-borderWidth:0px]",e.colorTokens.neutral.softColor,e.colorTokens.neutral.softBg,e.colorTokens.neutral.softBorder],tokens:{color:e.baseTokens.neutral.softColor,backgroundColor:e.baseTokens.neutral.softBg,borderColor:e.baseTokens.neutral.softBorder}},danger:{className:["[--variant-borderWidth:0px]",e.colorTokens.danger.softColor,e.colorTokens.danger.softBg,e.colorTokens.danger.softBorder],tokens:{color:e.baseTokens.danger.softColor,backgroundColor:e.baseTokens.danger.softBg,borderColor:e.baseTokens.danger.softBorder}},success:{className:["[--variant-borderWidth:0px]",e.colorTokens.success.softColor,e.colorTokens.success.softBg,e.colorTokens.success.softBorder],tokens:{color:e.baseTokens.success.softColor,backgroundColor:e.baseTokens.success.softBg,borderColor:e.baseTokens.success.softBorder}},warning:{className:["[--variant-borderWidth:0px]",e.colorTokens.warning.softColor,e.colorTokens.warning.softBg,e.colorTokens.warning.softBorder],tokens:{color:e.baseTokens.warning.softColor,backgroundColor:e.baseTokens.warning.softBg,borderColor:e.baseTokens.warning.softBorder}}},softHover:{primary:{className:[e.colorTokens.primary.softHoverColor,e.colorTokens.primary.softHoverBg,e.colorTokens.primary.softHoverBorder],tokens:{color:e.baseTokens.primary.softHoverColor,backgroundColor:e.baseTokens.primary.softHoverBg,borderColor:e.baseTokens.primary.softHoverBorder}},neutral:{className:[e.colorTokens.neutral.softHoverColor,e.colorTokens.neutral.softHoverBg,e.colorTokens.neutral.softHoverBorder],tokens:{color:e.baseTokens.neutral.softHoverColor,backgroundColor:e.baseTokens.neutral.softHoverBg,borderColor:e.baseTokens.neutral.softHoverBorder}},danger:{className:[e.colorTokens.danger.softHoverColor,e.colorTokens.danger.softHoverBg,e.colorTokens.danger.softHoverBorder],tokens:{color:e.baseTokens.danger.softHoverColor,backgroundColor:e.baseTokens.danger.softHoverBg,borderColor:e.baseTokens.danger.softHoverBorder}},success:{className:[e.colorTokens.success.softHoverColor,e.colorTokens.success.softHoverBg,e.colorTokens.success.softHoverBorder],tokens:{color:e.baseTokens.success.softHoverColor,backgroundColor:e.baseTokens.success.softHoverBg,borderColor:e.baseTokens.success.softHoverBorder}},warning:{className:[e.colorTokens.warning.softHoverColor,e.colorTokens.warning.softHoverBg,e.colorTokens.warning.softHoverBorder],tokens:{color:e.baseTokens.warning.softHoverColor,backgroundColor:e.baseTokens.warning.softHoverBg,borderColor:e.baseTokens.warning.softHoverBorder}}},softActive:{primary:{className:[e.colorTokens.primary.softActiveColor,e.colorTokens.primary.softActiveBg,e.colorTokens.primary.softActiveBorder],tokens:{color:e.baseTokens.primary.softActiveColor,backgroundColor:e.baseTokens.primary.softActiveBg,borderColor:e.baseTokens.primary.softActiveBorder}},neutral:{className:[e.colorTokens.neutral.softActiveColor,e.colorTokens.neutral.softActiveBg,e.colorTokens.neutral.softActiveBorder],tokens:{color:e.baseTokens.neutral.softActiveColor,backgroundColor:e.baseTokens.neutral.softActiveBg,borderColor:e.baseTokens.neutral.softActiveBorder}},danger:{className:[e.colorTokens.danger.softActiveColor,e.colorTokens.danger.softActiveBg,e.colorTokens.danger.softActiveBorder],tokens:{color:e.baseTokens.danger.softActiveColor,backgroundColor:e.baseTokens.danger.softActiveBg,borderColor:e.baseTokens.danger.softActiveBorder}},success:{className:[e.colorTokens.success.softActiveColor,e.colorTokens.success.softActiveBg,e.colorTokens.success.softActiveBorder],tokens:{color:e.baseTokens.success.softActiveColor,backgroundColor:e.baseTokens.success.softActiveBg,borderColor:e.baseTokens.success.softActiveBorder}},warning:{className:[e.colorTokens.warning.softActiveColor,e.colorTokens.warning.softActiveBg,e.colorTokens.warning.softActiveBorder],tokens:{color:e.baseTokens.warning.softActiveColor,backgroundColor:e.baseTokens.warning.softActiveBg,borderColor:e.baseTokens.warning.softActiveBorder}}},softDisabled:{primary:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.primary.softDisabledColor,e.colorTokens.primary.softDisabledBg,e.colorTokens.primary.softDisabledBorder],tokens:{color:e.baseTokens.primary.softDisabledColor,backgroundColor:e.baseTokens.primary.softDisabledBg,borderColor:e.baseTokens.primary.softDisabledBorder}},neutral:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.neutral.softDisabledColor,e.colorTokens.neutral.softDisabledBg,e.colorTokens.neutral.softDisabledBorder],tokens:{color:e.baseTokens.neutral.softDisabledColor,backgroundColor:e.baseTokens.neutral.softDisabledBg,borderColor:e.baseTokens.neutral.softDisabledBorder}},danger:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.danger.softDisabledColor,e.colorTokens.danger.softDisabledBg,e.colorTokens.danger.softDisabledBorder],tokens:{color:e.baseTokens.danger.softDisabledColor,backgroundColor:e.baseTokens.danger.softDisabledBg,borderColor:e.baseTokens.danger.softDisabledBorder}},success:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.success.softDisabledColor,e.colorTokens.success.softDisabledBg,e.colorTokens.success.softDisabledBorder],tokens:{color:e.baseTokens.success.softDisabledColor,backgroundColor:e.baseTokens.success.softDisabledBg,borderColor:e.baseTokens.success.softDisabledBorder}},warning:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.warning.softDisabledColor,e.colorTokens.warning.softDisabledBg,e.colorTokens.warning.softDisabledBorder],tokens:{color:e.baseTokens.warning.softDisabledColor,backgroundColor:e.baseTokens.warning.softDisabledBg,borderColor:e.baseTokens.warning.softDisabledBorder}}},solid:{primary:{className:["[--variant-borderWidth:0px]",e.colorTokens.primary.solidColor,e.colorTokens.primary.solidBg,e.colorTokens.primary.solidBorder],tokens:{color:e.baseTokens.primary.solidColor,backgroundColor:e.baseTokens.primary.solidBg,borderColor:e.baseTokens.primary.solidBorder}},neutral:{className:["[--variant-borderWidth:0px]",e.colorTokens.neutral.solidColor,e.colorTokens.neutral.solidBg,e.colorTokens.neutral.solidBorder],tokens:{color:e.baseTokens.neutral.solidColor,backgroundColor:e.baseTokens.neutral.solidBg,borderColor:e.baseTokens.neutral.solidBorder}},danger:{className:["[--variant-borderWidth:0px]",e.colorTokens.danger.solidColor,e.colorTokens.danger.solidBg,e.colorTokens.danger.solidBorder],tokens:{color:e.baseTokens.danger.solidColor,backgroundColor:e.baseTokens.danger.solidBg,borderColor:e.baseTokens.danger.solidBorder}},success:{className:["[--variant-borderWidth:0px]",e.colorTokens.success.solidColor,e.colorTokens.success.solidBg,e.colorTokens.success.solidBorder],tokens:{color:e.baseTokens.success.solidColor,backgroundColor:e.baseTokens.success.solidBg,borderColor:e.baseTokens.success.solidBorder}},warning:{className:["[--variant-borderWidth:0px]",e.colorTokens.warning.solidColor,e.colorTokens.warning.solidBg,e.colorTokens.warning.solidBorder],tokens:{color:e.baseTokens.warning.solidColor,backgroundColor:e.baseTokens.warning.solidBg,borderColor:e.baseTokens.warning.solidBorder}}},solidHover:{primary:{className:[e.colorTokens.primary.solidHoverColor,e.colorTokens.primary.solidHoverBg,e.colorTokens.primary.solidHoverBorder],tokens:{color:e.baseTokens.primary.solidHoverColor,backgroundColor:e.baseTokens.primary.solidHoverBg,borderColor:e.baseTokens.primary.solidHoverBorder}},neutral:{className:[e.colorTokens.neutral.solidHoverColor,e.colorTokens.neutral.solidHoverBg,e.colorTokens.neutral.solidHoverBorder],tokens:{color:e.baseTokens.neutral.solidHoverColor,backgroundColor:e.baseTokens.neutral.solidHoverBg,borderColor:e.baseTokens.neutral.solidHoverBorder}},danger:{className:[e.colorTokens.danger.solidHoverColor,e.colorTokens.danger.solidHoverBg,e.colorTokens.danger.solidHoverBorder],tokens:{color:e.baseTokens.danger.solidHoverColor,backgroundColor:e.baseTokens.danger.solidHoverBg,borderColor:e.baseTokens.danger.solidHoverBorder}},success:{className:[e.colorTokens.success.solidHoverColor,e.colorTokens.success.solidHoverBg,e.colorTokens.success.solidHoverBorder],tokens:{color:e.baseTokens.success.solidHoverColor,backgroundColor:e.baseTokens.success.solidHoverBg,borderColor:e.baseTokens.success.solidHoverBorder}},warning:{className:[e.colorTokens.warning.solidHoverColor,e.colorTokens.warning.solidHoverBg,e.colorTokens.warning.solidHoverBorder],tokens:{color:e.baseTokens.warning.solidHoverColor,backgroundColor:e.baseTokens.warning.solidHoverBg,borderColor:e.baseTokens.warning.solidHoverBorder}}},solidActive:{primary:{className:[e.colorTokens.primary.solidActiveColor,e.colorTokens.primary.solidActiveBg,e.colorTokens.primary.solidActiveBorder],tokens:{color:e.baseTokens.primary.solidActiveColor,backgroundColor:e.baseTokens.primary.solidActiveBg,borderColor:e.baseTokens.primary.solidActiveBorder}},neutral:{className:[e.colorTokens.neutral.solidActiveColor,e.colorTokens.neutral.solidActiveBg,e.colorTokens.neutral.solidActiveBorder],tokens:{color:e.baseTokens.neutral.solidActiveColor,backgroundColor:e.baseTokens.neutral.solidActiveBg,borderColor:e.baseTokens.neutral.solidActiveBorder}},danger:{className:[e.colorTokens.danger.solidActiveColor,e.colorTokens.danger.solidActiveBg,e.colorTokens.danger.solidActiveBorder],tokens:{color:e.baseTokens.danger.solidActiveColor,backgroundColor:e.baseTokens.danger.solidActiveBg,borderColor:e.baseTokens.danger.solidActiveBorder}},success:{className:[e.colorTokens.success.solidActiveColor,e.colorTokens.success.solidActiveBg,e.colorTokens.success.solidActiveBorder],tokens:{color:e.baseTokens.success.solidActiveColor,backgroundColor:e.baseTokens.success.solidActiveBg,borderColor:e.baseTokens.success.solidActiveBorder}},warning:{className:[e.colorTokens.warning.solidActiveColor,e.colorTokens.warning.solidActiveBg,e.colorTokens.warning.solidActiveBorder],tokens:{color:e.baseTokens.warning.solidActiveColor,backgroundColor:e.baseTokens.warning.solidActiveBg,borderColor:e.baseTokens.warning.solidActiveBorder}}},solidDisabled:{primary:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.primary.solidDisabledColor,e.colorTokens.primary.solidDisabledBg,e.colorTokens.primary.solidDisabledBorder],tokens:{color:e.baseTokens.primary.solidDisabledColor,backgroundColor:e.baseTokens.primary.solidDisabledBg,borderColor:e.baseTokens.primary.solidDisabledBorder}},neutral:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.neutral.solidDisabledColor,e.colorTokens.neutral.solidDisabledBg,e.colorTokens.neutral.solidDisabledBorder],tokens:{color:e.baseTokens.neutral.solidDisabledColor,backgroundColor:e.baseTokens.neutral.solidDisabledBg,borderColor:e.baseTokens.neutral.solidDisabledBorder}},danger:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.danger.solidDisabledColor,e.colorTokens.danger.solidDisabledBg,e.colorTokens.danger.solidDisabledBorder],tokens:{color:e.baseTokens.danger.solidDisabledColor,backgroundColor:e.baseTokens.danger.solidDisabledBg,borderColor:e.baseTokens.danger.solidDisabledBorder}},success:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.success.solidDisabledColor,e.colorTokens.success.solidDisabledBg,e.colorTokens.success.solidDisabledBorder],tokens:{color:e.baseTokens.success.solidDisabledColor,backgroundColor:e.baseTokens.success.solidDisabledBg,borderColor:e.baseTokens.success.solidDisabledBorder}},warning:{className:[e.disabled("pointer-events-none cursor-default [--Icon-color:currentColor] dark:[--Icon-color:currentColor]"),e.colorTokens.warning.solidDisabledColor,e.colorTokens.warning.solidDisabledBg,e.colorTokens.warning.solidDisabledBorder],tokens:{color:e.baseTokens.warning.solidDisabledColor,backgroundColor:e.baseTokens.warning.solidDisabledBg,borderColor:e.baseTokens.warning.solidDisabledBorder}}}},typography:{h1:{className:["font-[var(--joy-fontWeight-xl,700)]","text-[length:var(--joy-fontSize-xl4,2.25rem)]","leading-[var(--joy-lineHeight-xs,1.33334)]","tracking-[-0.025em]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-xl,700)",fontSize:"var(--joy-fontSize-xl4,2.25rem)",lineHeight:"var(--joy-lineHeight-xs,1.33334)",letterSpacing:"-0.025em"},tokens:{color:e.baseTokens.text.primary}},h2:{className:["font-[var(--joy-fontWeight-xl,700)]","text-[length:var(--joy-fontSize-xl3,1.875rem)]","leading-[var(--joy-lineHeight-xs,1.33334)]","tracking-[-0.025em]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-xl,700)",fontSize:"var(--joy-fontSize-xl3,1.875rem)",lineHeight:"var(--joy-lineHeight-xs,1.33334)",letterSpacing:"-0.025em"},tokens:{color:e.baseTokens.text.primary}},h3:{className:["font-[var(--joy-fontWeight-lg,600)]","text-[length:var(--joy-fontSize-xl2,1.5rem)]","leading-[var(--joy-lineHeight-xs,1.33334)]","tracking-[-0.025em]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-lg,600)",fontSize:"var(--joy-fontSize-xl2,1.5rem)",lineHeight:"var(--joy-lineHeight-xs,1.33334)",letterSpacing:"-0.025em"},tokens:{color:e.baseTokens.text.primary}},h4:{className:["font-[var(--joy-fontWeight-lg,600)]","text-[length:var(--joy-fontSize-xl,1.25rem)]","leading-[var(--joy-lineHeight-md,1.5)]","tracking-[-0.025em]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-lg,600)",fontSize:"var(--joy-fontSize-xl,1.25rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:"-0.025em"},tokens:{color:e.baseTokens.text.primary}},"title-lg":{className:["font-[var(--joy-fontWeight-lg,600)]","text-[length:var(--joy-fontSize-lg,1.125rem)]","leading-[var(--joy-lineHeight-xs,1.33334)]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-lg,600)",fontSize:"var(--joy-fontSize-lg,1.125rem)",lineHeight:"var(--joy-lineHeight-xs,1.33334)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.primary}},"title-md":{className:["font-[var(--joy-fontWeight-md,500)]","text-[length:var(--joy-fontSize-md,1rem)]","leading-[var(--joy-lineHeight-md,1.5)]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-md,500)",fontSize:"var(--joy-fontSize-md,1rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.primary}},"title-sm":{className:["font-[var(--joy-fontWeight-md,500)]","text-[length:var(--joy-fontSize-sm,0.875rem)]","leading-[var(--joy-lineHeight-sm,1.42858)]",e.colorTokens.text.primary],values:{fontWeight:"var(--joy-fontWeight-md,500)",fontSize:"var(--joy-fontSize-sm,0.875rem)",lineHeight:"var(--joy-lineHeight-sm,1.42858)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.primary}},"body-lg":{className:["text-[length:var(--joy-fontSize-lg,1.125rem)]","leading-[var(--joy-lineHeight-md,1.5)]",e.colorTokens.text.secondary],values:{fontWeight:void 0,fontSize:"var(--joy-fontSize-lg,1.125rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.secondary}},"body-md":{className:["text-[length:var(--joy-fontSize-md,1rem)]","leading-[var(--joy-lineHeight-md,1.5)]",e.colorTokens.text.secondary],values:{fontWeight:void 0,fontSize:"var(--joy-fontSize-md,1rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.secondary}},"body-sm":{className:["text-[length:var(--joy-fontSize-sm,0.875rem)]","leading-[var(--joy-lineHeight-md,1.5)]",e.colorTokens.text.tertiary],values:{fontWeight:void 0,fontSize:"var(--joy-fontSize-sm,0.875rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.tertiary}},"body-xs":{className:["font-[var(--joy-fontWeight-md,500)]","text-[length:var(--joy-fontSize-xs,0.75rem)]","leading-[var(--joy-lineHeight-md,1.5)]",e.colorTokens.text.tertiary],values:{fontWeight:"var(--joy-fontWeight-md,500)",fontSize:"var(--joy-fontSize-xs,0.75rem)",lineHeight:"var(--joy-lineHeight-md,1.5)",letterSpacing:void 0},tokens:{color:e.baseTokens.text.tertiary}}}};function $(){return De.transitionProperty.colors.includes("outline-color")}function L(t){return Object.fromEntries(Object.entries(t).map(([r,o])=>[r,Object.fromEntries(Object.entries(o).filter(([a])=>a!=="className"))]))}function He(t){const{color:r="neutral",variant:o="soft",flex:a=!1}=t??{};return e.twMerge(e.clsx(["tj-aspect-ratio-root group/tj-aspect-ratio","[--AspectRatio-paddingBottom:clamp(var(--AspectRatio-minHeight),calc(100%/(var(--tj-AspectRatio-ratio))),var(--AspectRatio-maxHeight))]","[--AspectRatio-maxHeight:var(--tj-AspectRatio-maxHeight)]","[--AspectRatio-minHeight:var(--tj-AspectRatio-minHeight)]",r!=="neutral"||o==="solid"?"[--Icon-color:currentColor] dark:[--Icon-color:currentColor]":e.toVariableClass(e.baseTokens.text.icon,"Icon-color"),"rounded-[var(--AspectRatio-radius)]",a?"flex":"block",a?"flex-1":"flex-[initial]","flex-col","m-[var(--AspectRatio-margin)]"]))}function Le(t){const{color:r="neutral",variant:o="soft"}=t??{};return e.twMerge(e.clsx(["tj-aspect-ratio-content","flex-1","relative","rounded-[inherit]","h-0","pb-[calc(var(--AspectRatio-paddingBottom)-2*var(--variant-borderWidth,0px))]","overflow-hidden","[transition:inherit]",e.addPrefix(e.clsx(["flex","justify-center","items-center","box-border","absolute","w-full","h-full","[object-fit:var(--tj-AspectRatio-objectFit)]","m-0","p-0"]),"[&_[data-first-child]]:"),e.addPrefix(e.clsx(["w-full","h-full","[object-fit:var(--tj-AspectRatio-objectFit)]"]),"[&_[data-first-child]>img]:"),i.typography["body-md"].className,i.variants[o][r].className]))}function Ae({color:t="neutral",variant:r="soft",className:o,flex:a=!1,maxHeight:n,minHeight:l,objectFit:d="cover",ratio:c="16/9",style:u,slotProps:g={},component:k="div",children:m,...f},p){var b,C;const h=s.useMemo(()=>L(g),[g]);return s.createElement(k,{ref:p,className:e.twMerge(He({color:t,variant:r,flex:a}),o,((b=g.root)==null?void 0:b.className)??""),style:{...u,...n===void 0?{"--tj-AspectRatio-maxHeight":"9999px"}:{"--tj-AspectRatio-maxHeight":typeof n=="number"?`${n}px`:n},...l===void 0?{"--tj-AspectRatio-minHeight":"0px"}:{"--tj-AspectRatio-minHeight":typeof l=="number"?`${l}px`:l},"--tj-AspectRatio-objectFit":d,"--tj-AspectRatio-ratio":c},...f,...h.root??{}},v.jsx("div",{className:e.twMerge(Le({color:t,variant:r}),((C=g.content)==null?void 0:C.className)??""),...h.content??{},children:s.Children.map(m,(x,T)=>s.isValidElement(x)?s.cloneElement(x,{"data-first-child":T===0?"":void 0}):x)}))}const Se=s.forwardRef(Ae);var me={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},ie=s.createContext&&s.createContext(me),Re=["attr","size","title"];function Me(t,r){if(t==null)return{};var o=We(t,r),a,n;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(n=0;n<l.length;n++)a=l[n],!(r.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(t,a)&&(o[a]=t[a])}return o}function We(t,r){if(t==null)return{};var o={};for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){if(r.indexOf(a)>=0)continue;o[a]=t[a]}return o}function X(){return X=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(t[a]=o[a])}return t},X.apply(this,arguments)}function le(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),o.push.apply(o,a)}return o}function Y(t){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};r%2?le(Object(o),!0).forEach(function(a){$e(t,a,o[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):le(Object(o)).forEach(function(a){Object.defineProperty(t,a,Object.getOwnPropertyDescriptor(o,a))})}return t}function $e(t,r,o){return r=Pe(r),r in t?Object.defineProperty(t,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[r]=o,t}function Pe(t){var r=Ve(t,"string");return typeof r=="symbol"?r:r+""}function Ve(t,r){if(typeof t!="object"||!t)return t;var o=t[Symbol.toPrimitive];if(o!==void 0){var a=o.call(t,r);if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function be(t){return t&&t.map((r,o)=>s.createElement(r.tag,Y({key:o},r.attr),be(r.child)))}function J(t){return r=>s.createElement(Ge,X({attr:Y({},t.attr)},r),be(t.child))}function Ge(t){var r=o=>{var{attr:a,size:n,title:l}=t,d=Me(t,Re),c=n||o.size||"1em",u;return o.className&&(u=o.className),t.className&&(u=(u?u+" ":"")+t.className),s.createElement("svg",X({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},o.attr,a,d,{className:u,style:Y(Y({color:t.color||o.color},o.style),t.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),l&&s.createElement("title",null,l),t.children)};return ie!==void 0?s.createElement(ie.Consumer,null,o=>r(o)):r(me)}function Ee(t){return J({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{fillRule:"evenodd",d:"M4 11h16v2H4z"},child:[]}]})(t)}function Oe(t){return J({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"},child:[]}]})(t)}function Fe(t){return J({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"},child:[]}]})(t)}function Xe(t){return J({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"},child:[]}]})(t)}const ke=s.createContext({});function Ye(t){const{size:r="md"}=t??{};return e.twMerge(e.clsx(["tj-avatar-group-root group/tj-avatar-group",r==="sm"&&["[--AvatarGroup-gap:-0.375rem]","[--Avatar-ringSize:2px]"],r==="md"&&["[--AvatarGroup-gap:-0.5rem]","[--Avatar-ringSize:2px]"],r==="lg"&&["[--AvatarGroup-gap:-0.625rem]","[--Avatar-ringSize:4px]"],e.toVariableClass(e.baseTokens.background.surface,"tj-Avatar-ringColor"),"[--Avatar-ring:0_0_0_var(--Avatar-ringSize)_var(--Avatar-ringColor,var(--tj-Avatar-ringColor))]","[--Avatar-marginInlineStart:var(--AvatarGroup-gap)]","flex","ms-[calc(-1*var(--AvatarGroup-gap))]"]))}function qe({color:t="neutral",size:r="md",variant:o="soft",className:a,slotProps:n={},component:l="div",children:d,...c},u){var k;const g=s.useMemo(()=>L(n),[n]);return v.jsx(ke.Provider,{value:{color:t,size:r,variant:o},children:s.createElement(l,{ref:u,className:e.twMerge(Ye({size:r}),a,((k=n.root)==null?void 0:k.className)??""),...c,...g.root??{}},d)})}const Ue=s.forwardRef(qe);function Je(t){const{color:r="neutral",size:o="md",variant:a="soft"}=t??{};return e.twMerge(e.clsx(["tj-avatar-root group/tj-avatar",r!=="neutral"||a==="solid"?"[--Icon-color:currentColor] dark:[--Icon-color:currentColor]":e.toVariableClass(e.baseTokens.text.icon,"Icon-color"),i.typography[`title-${o}`].className,o==="sm"&&["w-[var(--Avatar-size,2rem)]","h-[var(--Avatar-size,2rem)]","text-[length:calc(var(--Avatar-size,2rem)*0.4375)]"],o==="md"&&["w-[var(--Avatar-size,2.5rem)]","h-[var(--Avatar-size,2.5rem)]","text-[length:calc(var(--Avatar-size,2.5rem)*0.4)]"],o==="lg"&&["w-[var(--Avatar-size,3rem)]","h-[var(--Avatar-size,3rem)]","text-[length:calc(var(--Avatar-size,3rem)*0.375)]"],"ms-[var(--Avatar-marginInlineStart)]","[box-shadow:var(--Avatar-ring)]","relative","flex","items-center","justify-center","shrink-0","leading-none","overflow-hidden","rounded-[var(--Avatar-radius,50%)]","select-none",i.variants[a][r].className]))}function Ke(){return e.twMerge(e.clsx(["tj-avatar-image","w-full","h-full","text-center","object-cover","text-transparent","indent-[10000px]"]))}function Ze(){return e.twMerge(e.clsx(["tj-avatar-fallback","w-[64%]","h-[64%]"]))}function Qe({src:t,srcSet:r}){const[o,a]=s.useState(!1);return s.useEffect(()=>{if(!t&&!r)return;a(!1);let n=!0;const l=new Image;return l.onload=()=>{n&&a("loaded")},l.onerror=()=>{n&&a("error")},t&&(l.src=t),r&&(l.srcset=r),()=>{n=!1}},[t,r]),o}function er({alt:t,src:r,srcSet:o,color:a,size:n,variant:l,className:d,slotProps:c={},component:u="div",children:g,...k},m){var y,j,_;const f=s.useContext(ke),p=s.useMemo(()=>L(c),[c]),h=Qe({src:r,srcSet:o}),b=a??f.color??"neutral",C=n??f.size??"md",x=l??f.variant??"soft";let T=null;return!!(r||o)&&h!=="error"?T=v.jsx("img",{className:e.twMerge(Ke(),((y=c.img)==null?void 0:y.className)??""),alt:t,src:r,srcSet:o,...p.img??{}}):g!=null?T=g:t?T=t[0]:T=v.jsx(Xe,{className:e.twMerge(e.iconClassVariants({color:b}),Ze(),((j=c.fallback)==null?void 0:j.className)??""),...p.fallback??{}}),s.createElement(u,{ref:m,className:e.twMerge(Je({color:b,size:C,variant:x}),d,((_=c.root)==null?void 0:_.className)??""),...k,...p.root??{}},T)}const rr=s.forwardRef(er);function or(){return e.twMerge(e.clsx(["tj-box-root group/tj-box"]))}function tr({className:t,component:r="div",children:o,...a},n){return s.createElement(r,{ref:n,className:e.twMerge(or(),t),...a},o)}const ar=s.forwardRef(tr),K=s.createContext({});function he(t){const{color:r="neutral",variant:o="outlined",orientation:a="horizontal",flexibleButton:n=!1,connectedButton:l=!1}=t??{};return e.twMerge(e.clsx(["tj-button-group-root group/tj-button-group",o==="outlined"?"[--ButtonGroup-separatorSize:1px]":"[--ButtonGroup-separatorSize:calc(var(--ButtonGroup-connected)*1px)]",e.toVariableClass(i.variants.outlined[r].tokens.borderColor,"ButtonGroup-separatorColor"),"[--ButtonGroup-radius:6px]","[--Divider-inset:0.5rem]","[--unstable_childRadius:calc((1-var(--ButtonGroup-connected))*var(--ButtonGroup-radius)-var(--variant-borderWidth,0px))]",l?"[--ButtonGroup-connected:1]":"[--ButtonGroup-connected:0]","gap-[var(--tj-ButtonGroup-spacing)]","flex","rounded-[var(--ButtonGroup-radius)]",a==="vertical"?"flex-col":"flex-row",e.addPrefix(e.clsx([a==="vertical"?[e.r`[--Button-radius:var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)]`,e.r`[--IconButton-radius:var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)]`,"border-b-[length:var(--ButtonGroup-separatorSize)] border-solid border-b-[color:var(--ButtonGroup-separatorColor)]"]:[e.r`[--Button-radius:var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)]`,e.r`[--IconButton-radius:var(--ButtonGroup-radius)_var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)]`,"border-r-[length:var(--ButtonGroup-separatorSize)] border-solid border-r-[color:var(--ButtonGroup-separatorColor)]"]]),"[&>[data-first-child]]:"),e.addPrefix(e.clsx([e.r`[--Button-radius:var(--unstable\_childRadius)]`,e.r`[--IconButton-radius:var(--unstable\_childRadius)]`,e.r`rounded-[var(--unstable\_childRadius)]`,a==="vertical"?["border-t-[length:var(--ButtonGroup-separatorSize)] border-solid border-t-[color:var(--ButtonGroup-separatorColor)]","border-b-[length:var(--ButtonGroup-separatorSize)] border-solid border-b-[color:var(--ButtonGroup-separatorColor)]"]:["border-l-[length:var(--ButtonGroup-separatorSize)] border-solid border-l-[color:var(--ButtonGroup-separatorColor)]","border-r-[length:var(--ButtonGroup-separatorSize)] border-solid border-r-[color:var(--ButtonGroup-separatorColor)]"]]),"[&>:not([data-first-child]):not([data-last-child]):not(:only-child)]:"),e.addPrefix(e.clsx([a==="vertical"?[e.r`[--Button-radius:var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)]`,e.r`[--IconButton-radius:var(--unstable\_childRadius)_var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)]`,"border-t-[length:var(--ButtonGroup-separatorSize)] border-solid border-t-[color:var(--ButtonGroup-separatorColor)]"]:[e.r`[--Button-radius:var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)]`,e.r`[--IconButton-radius:var(--unstable\_childRadius)_var(--ButtonGroup-radius)_var(--ButtonGroup-radius)_var(--unstable\_childRadius)]`,"border-l-[length:var(--ButtonGroup-separatorSize)] border-solid border-l-[color:var(--ButtonGroup-separatorColor)]"]]),"[&>[data-last-child]]:"),e.addPrefix(e.clsx(["[--Button-radius:var(--ButtonGroup-radius)]","[--IconButton-radius:var(--ButtonGroup-radius)]"]),"[&>:only-child]:"),e.addPrefix(e.clsx([a==="vertical"?["[--Button-margin:calc(var(--ButtonGroup-separatorSize)*-1)_0_0_0]","[--IconButton-margin:calc(var(--ButtonGroup-separatorSize)*-1)_0_0_0]"]:["[--Button-margin:0_0_0_calc(var(--ButtonGroup-separatorSize)*-1)]","[--IconButton-margin:0_0_0_calc(var(--ButtonGroup-separatorSize)*-1)]"]]),"[&>:not([data-first-child]):not(:only-child)]:"),["[&_.tj-button-root:enabled]:z-[1]",e.addPrefix(e.toVariableClass(i.variants.outlinedDisabled[r].tokens.borderColor,"ButtonGroup-separatorColor"),"[&_.tj-button-root:disabled]:"),"non-touchscreen-hover:[&_.tj-button-root]:z-[2]","[&_.tj-button-root:focus-visible]:z-[2]"],["[&_.tj-icon-button-root:enabled]:z-[1]",e.addPrefix(e.toVariableClass(i.variants.outlinedDisabled[r].tokens.borderColor,"ButtonGroup-separatorColor"),"[&_.tj-icon-button-root:disabled]:"),"non-touchscreen-hover:[&_.tj-icon-button-root]:z-[2]","[&_.tj-icon-button-root:focus-visible]:z-[2]"],n&&["[&>*:not(.tj-icon-button-root)]:flex-[var(--tj-ButtonGroup-buttonFlex)]","[&>:not(button)>.tj-button-root]:w-full"]]))}function nr({color:t="neutral",size:r="md",variant:o="outlined",disabled:a=!1,className:n,style:l,buttonFlex:d,orientation:c,spacing:u="0",slotProps:g={},component:k="div",children:m,...f},p){var b;const h=s.useMemo(()=>L(g),[g]);return s.createElement(k,{ref:p,role:"group",className:e.twMerge(he({color:t,variant:o,orientation:c,flexibleButton:d!==void 0,connectedButton:Number.parseFloat(u)===0}),n,((b=g.root)==null?void 0:b.className)??""),style:{...l,...d===void 0?{}:{"--tj-ButtonGroup-buttonFlex":d},"--tj-ButtonGroup-spacing":u},...f,...h.root??{}},v.jsx(K.Provider,{value:{color:t,size:r,variant:o,disabled:a},children:s.Children.map(m,(C,x)=>{if(!s.isValidElement(C))return C;const T={"data-first-child":s.Children.count(m)>1&&x===0?"":void 0,"data-last-child":s.Children.count(m)>1&&x===s.Children.count(m)-1?"":void 0};return s.cloneElement(C,T)})}))}const sr=s.forwardRef(nr);function ir(t){const{color:r="primary",size:o="md",variant:a="soft",instanceSize:n}=t??{};return e.twMerge(e.clsx(["tj-circular-progress-root group/tj-circular-progress",e.r`[--Icon-fontSize:calc(0.4*var(--\_root-size))]`,e.toVariableClass(i.variants[a][r].tokens.backgroundColor,"CircularProgress-trackColor"),e.toVariableClass(i.variants[a][r].tokens.color,"CircularProgress-progressColor"),"[--CircularProgress-linecap:round]",o==="sm"&&["[--_root-size:var(--CircularProgress-size,24px)]","[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,3px))]","[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,3px))]"],n==="sm"&&"[--CircularProgress-size:24px]",o==="md"&&["[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,6px))]","[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,6px))]","[--_root-size:var(--CircularProgress-size,40px)]"],n==="md"&&"[--CircularProgress-size:40px]",o==="lg"&&["[--_track-thickness:var(--CircularProgress-trackThickness,var(--CircularProgress-thickness,8px))]","[--_progress-thickness:var(--CircularProgress-progressThickness,var(--CircularProgress-thickness,8px))]","[--_root-size:var(--CircularProgress-size,64px)]"],n==="lg"&&"[--CircularProgress-size:64px]",e.r`[--_thickness-diff:calc(var(--\_track-thickness)-var(--\_progress-thickness))]`,e.r`[--_inner-size:calc(var(--\_root-size)-2*var(--variant-borderWidth,0px))]`,e.r`[--_outlined-inset:max(var(--\_track-thickness),var(--\_progress-thickness))]`,e.r`w-[var(--\_root-size)]`,e.r`h-[var(--\_root-size)]`,e.r`rounded-[var(--\_root-size)]`,e.r`m-[var(--CircularProgress-margin)]`,"box-border","inline-flex","justify-center","items-center","shrink-0","relative",e.textColor(i.variants[a][r].tokens.color),["font-medium",e.r`text-[calc(0.2*var(--\_root-size))]`],[a==="outlined"?"[--variant-borderWidth:1px] border-[length:var(--variant-borderWidth)] border-solid":"[--variant-borderWidth:0px]",e.borderColor(i.variants[a][r].tokens.borderColor)],a==="outlined"&&[e.addPrefix(e.clsx(['content-[""]',"block","absolute","rounded-[inherit]",e.r`inset-[var(--\_outlined-inset)]`,[a==="outlined"?"[--variant-borderWidth:1px] border-[length:var(--variant-borderWidth)] border-solid":"[--variant-borderWidth:0px]",e.borderColor(i.variants[a][r].tokens.borderColor)]]),"before:")],a==="soft"&&[e.toVariableClass(i.variants.soft.neutral.tokens.backgroundColor,"CircularProgress-trackColor"),e.toVariableClass(i.variants.solid[r].tokens.backgroundColor,"CircularProgress-progressColor")],a==="solid"&&[e.toVariableClass(i.variants.softHover[r].tokens.backgroundColor,"CircularProgress-trackColor"),e.toVariableClass(i.variants.solid[r].tokens.backgroundColor,"CircularProgress-progressColor")]]))}function lr(){return e.twMerge(e.clsx(["tj-circular-progress-svg","w-[inherit]","h-[inherit]","[display:inherit]","[box-sizing:inherit]","absolute","top-[calc(-1*var(--variant-borderWidth,0px))]","left-[calc(-1*var(--variant-borderWidth,0px))]"]))}function cr(){return e.twMerge(e.clsx(["tj-circular-progress-track","[cx:50%]","[cy:50%]",e.r`[r:calc(var(--\_inner-size)/2-var(--\_track-thickness)/2+min(0px,var(--\_thickness-diff)/2))]`,"fill-transparent",e.r`stroke-[length:var(--\_track-thickness)]`,"stroke-[var(--CircularProgress-trackColor)]"]))}function dr(t){const{determinate:r=!1}=t??{};return e.twMerge(e.clsx(["tj-circular-progress-progress",e.r`[--_progress-radius:calc(var(--\_inner-size)/2-var(--\_progress-thickness)/2-max(0px,var(--\_thickness-diff)/2))]`,e.r`[--_progress-length:calc(2*var(--pi)*var(--\_progress-radius))]`,"[cx:50%]","[cy:50%]",e.r`[r:var(--\_progress-radius)]`,"fill-transparent",e.r`stroke-[length:var(--\_progress-thickness)]`,"stroke-[var(--CircularProgress-progressColor)]","[stroke-linecap:var(--CircularProgress-linecap,round)]",e.r`[stroke-dasharray:var(--\_progress-length)]`,e.r`[stroke-dashoffset:calc(var(--\_progress-length)*(1-var(--CircularProgress-percent)/100))]`,"origin-center","-rotate-90",!r&&"animate-joy-circulate"]))}function ur({color:t="primary",size:r,variant:o="soft",className:a,determinate:n,style:l,thickness:d,value:c=n?0:25,slotProps:u={},component:g="span",children:k,...m},f){var h,b,C,x;const p=s.useMemo(()=>L(u),[u]);return s.createElement(g,{ref:f,role:"progressbar",className:e.twMerge(ir({color:t,size:r,variant:o,instanceSize:r}),a,((h=u.root)==null?void 0:h.className)??""),style:{...l,...d===void 0?{}:{"--_track-thickness":`${d}px`,"--_progress-thickness":`${d}px`},"--CircularProgress-percent":c},...m,...p.root??{}},v.jsxs(v.Fragment,{children:[v.jsxs("svg",{className:e.twMerge(lr(),((b=u.svg)==null?void 0:b.className)??""),...p.svg??{},children:[v.jsx("circle",{className:e.twMerge(cr(),((C=u.track)==null?void 0:C.className)??""),...p.track??{}}),v.jsx("circle",{className:e.twMerge(dr({determina