@vuer-ai/vuer-uikit 0.0.19 → 0.0.21

package/dist/index.css

@@ -0,0 +1,318 @@
+/* src/index.css */
+@property --tw-animation-delay { syntax:"*";inherits:false;initial-value:0s }
+@property --tw-animation-direction { syntax:"*";inherits:false;initial-value:normal }
+@property --tw-animation-duration { syntax:"*";inherits:false }
+@property --tw-animation-fill-mode { syntax:"*";inherits:false;initial-value:none }
+@property --tw-animation-iteration-count { syntax:"*";inherits:false;initial-value:1 }
+@property --tw-enter-opacity { syntax:"*";inherits:false;initial-value:1 }
+@property --tw-enter-rotate { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-enter-scale { syntax:"*";inherits:false;initial-value:1 }
+@property --tw-enter-translate-x { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-enter-translate-y { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-exit-opacity { syntax:"*";inherits:false;initial-value:1 }
+@property --tw-exit-rotate { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-exit-scale { syntax:"*";inherits:false;initial-value:1 }
+@property --tw-exit-translate-x { syntax:"*";inherits:false;initial-value:0 }
+@property --tw-exit-translate-y { syntax:"*";inherits:false;initial-value:0 }
+@theme inline { --animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,auto)))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }} }
+@utility animation-duration-* { --tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); }
+@utility delay-* { animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*, [duration], "initial", [*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*, [duration], "initial", [*]); }
+@utility repeat-* { animation-iteration-count: --value(--animation-repeat-*, number, "initial", [*]); --tw-animation-iteration-count: --value(--animation-repeat-*, number, "initial", [*]); }
+@utility direction-* { animation-direction: --value(--animation-direction-*, "initial", [*]); --tw-animation-direction: --value(--animation-direction-*, "initial", [*]); }
+@utility fill-mode-* { animation-fill-mode: --value(--animation-fill-mode-*, "initial", [*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*, "initial", [*]); }
+@utility running { animation-play-state: running; }
+@utility paused { animation-play-state: paused; }
+@utility play-state-* { animation-play-state: --value("initial", [*]); }
+@utility fade-in { --tw-enter-opacity: 0; }
+@utility fade-in-* { --tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]); }
+@utility fade-out { --tw-exit-opacity: 0; }
+@utility fade-out-* { --tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]); }
+@utility zoom-in { --tw-enter-scale: 0; }
+@utility zoom-in-* { --tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]); }
+@utility -zoom-in-* { --tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]); }
+@utility zoom-out { --tw-exit-scale: 0; }
+@utility zoom-out-* { --tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]); }
+@utility -zoom-out-* { --tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]); }
+@utility spin-in { --tw-enter-rotate: 30deg; }
+@utility spin-in-* { --tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]); }
+@utility -spin-in { --tw-enter-rotate: -30deg; }
+@utility -spin-in-* { --tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]); }
+@utility spin-out { --tw-exit-rotate: 30deg; }
+@utility spin-out-* { --tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]); }
+@utility -spin-out { --tw-exit-rotate: -30deg; }
+@utility -spin-out-* { --tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]); }
+@utility slide-in-from-top { --tw-enter-translate-y: -100%; }
+@utility slide-in-from-top-* { --tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-in-from-bottom { --tw-enter-translate-y: 100%; }
+@utility slide-in-from-bottom-* { --tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]); }
+@utility slide-in-from-left { --tw-enter-translate-x: -100%; }
+@utility slide-in-from-left-* { --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-in-from-right { --tw-enter-translate-x: 100%; }
+@utility slide-in-from-right-* { --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }
+@utility slide-in-from-start { &:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; } }
+@utility slide-in-from-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); } }
+@utility slide-in-from-end { &:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; } }
+@utility slide-in-from-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
+@utility slide-out-to-top { --tw-exit-translate-y: -100%; }
+@utility slide-out-to-top-* { --tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-out-to-bottom { --tw-exit-translate-y: 100%; }
+@utility slide-out-to-bottom-* { --tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]); }
+@utility slide-out-to-left { --tw-exit-translate-x: -100%; }
+@utility slide-out-to-left-* { --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }
+@utility slide-out-to-right { --tw-exit-translate-x: 100%; }
+@utility slide-out-to-right-* { --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }
+@utility slide-out-to-start { &:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; } }
+@utility slide-out-to-start-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); } }
+@utility slide-out-to-end { &:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; } }
+@utility slide-out-to-end-* { &:where(:dir(ltr), [dir="ltr"], [dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl), [dir="rtl"], [dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); } }
+:root {
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--gray-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+  --shadow-tertiary: var(--black-alpha-4);
+  --black-1: rgba(0, 0, 0, 1);
+  --black-alpha-1: rgba(0, 0, 0, 0.6);
+  --black-alpha-2: rgba(0, 0, 0, 0.2);
+  --black-alpha-3: rgba(0, 0, 0, 0.1);
+  --black-alpha-4: rgba(0, 0, 0, 0.06);
+  --black-alpha-5: rgba(56, 57, 59, 0.5);
+  --black-alpha-6: rgba(90, 93, 98, 0.3);
+  --black-alpha-7: rgba(75, 77, 83, 0.5);
+  --white-1: rgba(255, 255, 255, 1);
+  --white-alpha-1: rgba(227, 230, 235, 0.6);
+  --white-alpha-2: rgba(173, 176, 183, 0.6);
+  --white-alpha-3: rgba(246, 247, 248, 0.8);
+  --blue-1: rgba(230, 246, 255, 1);
+  --blue-2: rgba(163, 220, 255, 1);
+  --blue-3: rgba(122, 200, 255, 1);
+  --blue-4: rgba(82, 177, 255, 1);
+  --blue-5: rgba(41, 151, 255, 1);
+  --blue-6: rgba(0, 123, 255, 1);
+  --blue-7: rgba(0, 98, 217, 1);
+  --blue-8: rgba(0, 74, 179, 1);
+  --blue-9: rgba(0, 54, 140, 1);
+  --blue-10: rgba(0, 36, 102, 1);
+  --gray-1: rgba(245, 245, 245, 1);
+  --gray-2: rgba(220, 222, 229, 1);
+  --gray-3: rgba(202, 206, 217, 1);
+  --gray-4: rgba(181, 184, 196, 1);
+  --gray-5: rgba(147, 150, 159, 1);
+  --gray-6: rgba(121, 124, 131, 1);
+  --gray-7: rgba(87, 90, 96, 1);
+  --gray-8: rgba(75, 77, 83, 1);
+  --gray-9: rgba(52, 53, 56, 1);
+  --gray-10: rgba(29, 29, 30, 1);
+  --red-1: rgba(255, 240, 240, 1);
+  --red-2: rgba(255, 232, 232, 1);
+  --red-3: rgba(255, 191, 192, 1);
+  --red-4: rgba(255, 150, 156, 1);
+  --red-5: rgba(255, 110, 122, 1);
+  --red-6: rgba(255, 69, 91, 1);
+  --red-7: rgba(217, 48, 73, 1);
+  --red-8: rgba(179, 30, 58, 1);
+  --red-9: rgba(140, 17, 44, 1);
+  --red-10: rgba(102, 11, 34, 1);
+  --yellow-1: rgba(255, 253, 240, 1);
+  --yellow-2: rgba(255, 248, 214, 1);
+  --yellow-3: rgba(255, 237, 173, 1);
+  --yellow-4: rgba(255, 224, 133, 1);
+  --yellow-5: rgba(255, 209, 92, 1);
+  --yellow-6: rgba(251, 187, 49, 1);
+  --yellow-7: rgba(212, 149, 32, 1);
+  --yellow-8: rgba(173, 114, 17, 1);
+  --yellow-9: rgba(135, 82, 7, 1);
+  --yellow-10: rgba(97, 55, 4, 1);
+  --green-1: rgba(240, 255, 243, 1);
+  --green-2: rgba(228, 242, 231, 1);
+  --green-3: rgba(211, 230, 216, 1);
+  --green-4: rgba(165, 217, 181, 1);
+  --green-5: rgba(122, 204, 151, 1);
+  --green-6: rgba(84, 190, 125, 1);
+  --green-7: rgba(60, 153, 99, 1);
+  --green-8: rgba(39, 115, 73, 1);
+  --green-9: rgba(22, 77, 48, 1);
+  --green-10: rgba(11, 38, 25, 1);
+  --radius: 0.25rem;
+  --spacing: 0.25rem;
+}
+.dark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--gray-9);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--gray-8);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+  --shadow-tertiary: var(--black-alpha-6);
+}
+.liquidlight {
+  color-scheme: light;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--black-1);
+  --text-primary: var(--gray-9);
+  --text-secondary: var(--gray-7);
+  --text-tertiary: var(--gray-5);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--white-1);
+  --bg-secondary: var(--white-alpha-1);
+  --bg-tertiary: var(--gray-2);
+  --bg-quaternary: var(--gray-3);
+  --bg-mask: var(--white-alpha-3);
+  --icon-highlight: var(--black-1);
+  --icon-primary: var(--gray-8);
+  --icon-secondary: var(--gray-6);
+  --icon-tertiary: var(--gray-4);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--white-alpha-2);
+  --line-secondary: var(--gray-6);
+  --shadow-primary: var(--black-alpha-3);
+  --shadow-secondary: var(--black-alpha-4);
+  --shadow-tertiary: var(--black-alpha-4);
+}
+.liquiddark {
+  color-scheme: dark;
+  --brand-primary: var(--blue-6);
+  --brand-secondary: var(--blue-4);
+  --brand-tertiary: var(--blue-8);
+  --text-highlight: var(--white-1);
+  --text-primary: var(--gray-2);
+  --text-secondary: var(--gray-5);
+  --text-tertiary: var(--gray-6);
+  --text-withbg: var(--white-1);
+  --bg-primary: var(--gray-10);
+  --bg-secondary: var(--black-alpha-6);
+  --bg-tertiary: var(--gray-8);
+  --bg-quaternary: var(--gray-7);
+  --bg-mask: var(--black-alpha-5);
+  --icon-highlight: var(--white-1);
+  --icon-primary: var(--gray-2);
+  --icon-secondary: var(--gray-5);
+  --icon-tertiary: var(--gray-6);
+  --icon-withbg: var(--white-1);
+  --danger-primary: var(--red-6);
+  --danger-secondary: var(--red-4);
+  --danger-tertiary: var(--red-8);
+  --accent-warning: var(--yellow-6);
+  --accent-success: var(--green-6);
+  --line-primary: var(--black-alpha-7);
+  --line-secondary: var(--gray-4);
+  --shadow-primary: var(--black-alpha-1);
+  --shadow-secondary: var(--black-alpha-2);
+  --shadow-tertiary: var(--black-alpha-6);
+}
+@custom-variant liquid (&:is(.liquiddark *, .liquidlight *));
+@utility liquid-bg { background: linear-gradient(147.1deg, rgba(172, 172, 172, 0.1) 0%, rgba(74, 74, 74, 0.1) 105.28%) !important; -webkit-backdrop-filter: blur(20px) !important; backdrop-filter: blur(20px) !important; }
+@utility scrollbar-hide { scrollbar-width: none; &::-webkit-scrollbar { display: none; } }
+@theme inline { --font-sans: Inter; --font-number-input: "Fira Mono"; --color-brand-primary: var(--brand-primary); --color-brand-secondary: var(--brand-secondary); --color-brand-tertiary: var(--brand-tertiary); --color-text-highlight: var(--text-highlight); --color-text-primary: var(--text-primary); --color-text-secondary: var(--text-secondary); --color-text-tertiary: var(--text-tertiary); --color-text-withbg: var(--text-withbg); --color-bg-primary: var(--bg-primary); --color-bg-secondary: var(--bg-secondary); --color-bg-tertiary: var(--bg-tertiary); --color-bg-quaternary: var(--bg-quaternary); --color-bg-mask: var(--bg-mask); --color-icon-highlight: var(--icon-highlight); --color-icon-primary: var(--icon-primary); --color-icon-secondary: var(--icon-secondary); --color-icon-tertiary: var(--icon-tertiary); --color-icon-withbg: var(--icon-withbg); --color-danger-primary: var(--danger-primary); --color-danger-secondary: var(--danger-secondary); --color-danger-tertiary: var(--danger-tertiary); --color-accent-warning: var(--accent-warning); --color-accent-success: var(--accent-success); --color-line-primary: var(--line-primary); --color-line-secondary: var(--line-secondary); --color-shadow-primary: var(--shadow-primary); --color-shadow-secondary: var(--shadow-secondary); --radius-uk-xs: var(--radius); --radius-uk-sm: calc(var(--radius) + 2px); --radius-uk-md: calc(var(--radius) + 4px); --radius-uk-lg: calc(var(--radius) + 8px); --radius-uk-xl: calc(var(--radius) + 12px); --spacing-xxs: calc(var(--spacing) - 2px); --spacing-xs: var(--spacing); --spacing-sm: calc(var(--spacing) + 2px); --spacing-md: calc(var(--spacing) + 4px); --spacing-lg: calc(var(--spacing) + 8px); --spacing-xl: calc(var(--spacing) + 12px); --text-uk-xs: 11px; --text-uk-sm: 12px; --text-uk-md: 14px; --text-uk-lg: 16px; --text-uk-xl: 18px; --text-uk-xxl: 20px; --leading-uk-xs: 14px; --leading-uk-sm: 16px; --leading-uk-md: 20px; --leading-uk-lg: 24px; --leading-uk-xl: 28px; --leading-uk-xxl: 32px; }
+.vk-toast,
+[data-sonner-toast].vk-toast {
+  background: var(--color-bg-primary) !important;
+  border: none !important;
+  border-radius: var(--radius-uk-md) !important;
+  padding: var(--spacing-lg) !important;
+  box-shadow: 0px 8px 24px 0px var(--color-shadow-primary) !important;
+  padding-right: 60px !important;
+}
+.vk-toast [data-title] {
+  color: var(--color-text-primary) !important;
+  font-size: var(--text-uk-md) !important;
+  line-height: var(--leading-uk-md) !important;
+  font-weight: 500 !important;
+  display: -webkit-box;
+  line-clamp: 1;
+  box-orient: vertical;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vk-toast-description {
+  color: var(--color-text-secondary) !important;
+  font-size: var(--text-uk-sm) !important;
+  line-height: var(--leading-uk-sm) !important;
+  font-weight: 400 !important;
+  display: -webkit-box;
+  line-clamp: 3;
+  box-orient: vertical;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.vk-toast button[data-button] {
+  background: transparent !important;
+  color: var(--color-text-primary) !important;
+  border: none !important;
+  font-size: var(--text-uk-sm) !important;
+  line-height: var(--leading-uk-sm) !important;
+  font-weight: 400 !important;
+  text-decoration: none !important;
+  cursor: pointer !important;
+  position: absolute !important;
+  border-radius: 0 !important;
+  right: 0 !important;
+  top: 0 !important;
+  height: 100% !important;
+  width: 60px !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  text-overflow: ellipsis !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+}
+.vk-toast button[data-button]:hover {
+  background: var(--color-bg-secondary) !important;
+}

package/dist/index.d.mts

@@ -0,0 +1,55 @@
+export { LogItemData, Timeline } from './ui/timeline.mjs';
+export { TreeDataItemV2, TreeViewV2 } from './ui/tree-view-v2.mjs';
+export { TreeDataItem, TreeView } from './ui/tree-view.mjs';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.mjs';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.mjs';
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './ui/avatar.mjs';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.mjs';
+export { Toaster } from './ui/toast.mjs';
+export { Textarea } from './ui/textarea.mjs';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown.mjs';
+export { Toggle, toggleVariants } from './ui/toggle.mjs';
+export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.mjs';
+export { Badge, badgeVariants } from './ui/badge.mjs';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group.mjs';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.mjs';
+export { Checkbox } from './ui/checkbox.mjs';
+export { Switch } from './ui/switch.mjs';
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.mjs';
+export { Modal, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalPortal, ModalPortalProps, ModalProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps } from './ui/modal.mjs';
+export { Button, ButtonProps } from './ui/button.mjs';
+export { InputRoot, InputRootProps, InputSlot, InputSlotProps } from './ui/input.mjs';
+export { InputNumbers, InputNumbersProps } from './ui/input-numbers.mjs';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.mjs';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.mjs';
+export { Slider, SliderProps } from './ui/slider.mjs';
+export { Layout, LayoutProps } from './ui/layout.mjs';
+export { VersionBadge } from './ui/version-badge.mjs';
+export { Theme, ThemeProvider, useTheme } from './ui/theme-context.mjs';
+export { cn } from './utils/cn.mjs';
+export { useLocalStorage } from './utils/use-local-storage.mjs';
+export { CursorProvider } from './highlight-cursor/cursor-provider.mjs';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './highlight-cursor/enhanced-components.mjs';
+export { TabsCursorProvider } from './highlight-cursor/tabs-cursor-context.mjs';
+export { withCursor } from './highlight-cursor/with-cursor.mjs';
+export { toast } from 'sonner';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-tooltip';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toggle-group';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-select';
+import '@radix-ui/react-slider';
+import 'clsx';
+import './highlight-cursor/types.mjs';

package/dist/index.d.ts

@@ -0,0 +1,55 @@
+export { LogItemData, Timeline } from './ui/timeline.js';
+export { TreeDataItemV2, TreeViewV2 } from './ui/tree-view-v2.js';
+export { TreeDataItem, TreeView } from './ui/tree-view.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './ui/popover.js';
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage } from './ui/avatar.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip.js';
+export { Toaster } from './ui/toast.js';
+export { Textarea } from './ui/textarea.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './ui/dropdown.js';
+export { Toggle, toggleVariants } from './ui/toggle.js';
+export { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
+export { Badge, badgeVariants } from './ui/badge.js';
+export { RadioGroup, RadioGroupItem } from './ui/radio-group.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.js';
+export { Checkbox } from './ui/checkbox.js';
+export { Switch } from './ui/switch.js';
+export { Tabs, TabsContent, TabsContentProps, TabsList, TabsListProps, TabsProps, TabsTrigger, TabsTriggerProps } from './ui/tabs.js';
+export { Modal, ModalClose, ModalCloseProps, ModalContent, ModalContentProps, ModalDescription, ModalDescriptionProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalPortal, ModalPortalProps, ModalProps, ModalTitle, ModalTitleProps, ModalTrigger, ModalTriggerProps } from './ui/modal.js';
+export { Button, ButtonProps } from './ui/button.js';
+export { InputRoot, InputRootProps, InputSlot, InputSlotProps } from './ui/input.js';
+export { InputNumbers, InputNumbersProps } from './ui/input-numbers.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible.js';
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './ui/select.js';
+export { Slider, SliderProps } from './ui/slider.js';
+export { Layout, LayoutProps } from './ui/layout.js';
+export { VersionBadge } from './ui/version-badge.js';
+export { Theme, ThemeProvider, useTheme } from './ui/theme-context.js';
+export { cn } from './utils/cn.js';
+export { useLocalStorage } from './utils/use-local-storage.js';
+export { CursorProvider } from './highlight-cursor/cursor-provider.js';
+export { CursorButton, CursorInputRoot, CursorSelectTrigger, CursorTabs, CursorTextarea } from './highlight-cursor/enhanced-components.js';
+export { TabsCursorProvider } from './highlight-cursor/tabs-cursor-context.js';
+export { withCursor } from './highlight-cursor/with-cursor.js';
+export { toast } from 'sonner';
+import 'react/jsx-runtime';
+import 'react';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-tooltip';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toggle-group';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-checkbox';
+import '@radix-ui/react-switch';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-select';
+import '@radix-ui/react-slider';
+import 'clsx';
+import './highlight-cursor/types.js';