@kimdw-rtk/ui 0.0.22 → 0.0.24

package/dist/assets/src/components/Accordion/Accordion.css.ts.vanilla-DHoRkV3W.css

@@ -0,0 +1,13 @@
+@layer components;
+@layer components {
+  .Accordion_layeredBase__18xln001 {
+    width: 100%;
+    border-bottom: 1px solid rgb(var(--color-border__n6e2fs3));
+  }
+  .Accordion_styleWithLayer__18xln002 {
+    --paddingVar__18xln000: 0.75em;
+  }
+  .Accordion_styleWithLayer__18xln003 {
+    --paddingVar__18xln000: 0.75em 0;
+  }
+}

package/dist/assets/src/components/Accordion/AccordionContent.css.ts.vanilla-BB_uFIKZ.css

@@ -0,0 +1,17 @@
+@layer components;
+@layer components {
+  .AccordionContent_layeredBase__a19wuy0 {
+    overflow: hidden;
+    transition: height 0.2s ease, opacity 0.2s ease;
+  }
+  .AccordionContent_styleWithLayer__a19wuy1 {
+    opacity: 1;
+  }
+  .AccordionContent_styleWithLayer__a19wuy2 {
+    height: 0;
+    opacity: 0;
+  }
+  .AccordionContent_styleWithLayer__a19wuy6 {
+    padding: var(--paddingVar__18xln000);
+  }
+}

package/dist/assets/src/components/Accordion/AccordionTrigger.css.ts.vanilla-DqImW62b.css

@@ -0,0 +1,27 @@
+@layer components;
+@layer components {
+  .AccordionTrigger_layeredBase__1xaprgb0 {
+    display: flex;
+    align-items: center;
+    gap: 0.25em;
+    width: 100%;
+    padding: var(--paddingVar__18xln000);
+    cursor: pointer;
+  }
+  .AccordionTrigger_layeredBase__1xaprgb0:hover {
+    text-decoration: underline;
+  }
+  .AccordionTrigger_styleWithLayer__1xaprgb2 {
+    justify-content: space-between;
+  }
+  .AccordionTrigger_layeredBase__1xaprgb6 {
+    line-height: 0;
+    transition: transform 0.2s ease;
+  }
+  .AccordionTrigger_styleWithLayer__1xaprgb7 {
+    transform: rotate(-180deg);
+  }
+  .AccordionTrigger_styleWithLayer__1xaprgb8 {
+    transform: rotate(0);
+  }
+}

package/dist/assets/src/components/Box/Box.css.ts.vanilla-B1R5OnVN.css

@@ -0,0 +1,9 @@
+@layer components;
+@layer components {
+  .Box_styleWithLayer__1wsb57c0 {
+    display: flex;
+  }
+  .Box_styleWithLayer__1wsb57c1 {
+    border-radius: var(--borderRadius__n6e2fs0);
+  }
+}

package/dist/assets/src/components/Button/Button.css.ts.vanilla-CwKkiO3-.css

@@ -0,0 +1,256 @@
+@keyframes Button_pulse__1abigtsw {
+  0% {
+    background-position: -300% 0;
+  }
+  100% {
+    background-position: 300% 0;
+  }
+}
+@layer components;
+.Button_icon__1abigts2v {
+  line-height: 0;
+}
+.Button_icon__1abigts2v > * {
+  width: 1em;
+  height: 1em;
+  line-height: 0;
+  pointer-events: none;
+}
+.Button__1abigts1o svg {
+  width: 1em;
+  height: 1em;
+}
+@layer components {
+  .Button_styleWithLayer__1abigts2 {
+    --backgroundVar__1abigts0: var(--color-primary__n6e2fs7);
+    --foregroundVar__1abigts1: var(--color-primary-foreground__n6e2fs8);
+  }
+  .Button_styleWithLayer__1abigts3 {
+    --backgroundVar__1abigts0: var(--color-secondary__n6e2fs9);
+    --foregroundVar__1abigts1: var(--color-secondary-foreground__n6e2fsa);
+  }
+  .Button_styleWithLayer__1abigts4 {
+    --backgroundVar__1abigts0: var(--color-muted__n6e2fsb);
+    --foregroundVar__1abigts1: var(--color-muted-foreground__n6e2fsc);
+  }
+  .Button_styleWithLayer__1abigts5 {
+    --backgroundVar__1abigts0: var(--color-accent__n6e2fsd);
+    --foregroundVar__1abigts1: var(--color-accent-foreground__n6e2fse);
+  }
+  .Button_styleWithLayer__1abigts6 {
+    --backgroundVar__1abigts0: var(--color-card__n6e2fsf);
+    --foregroundVar__1abigts1: var(--color-card-foreground__n6e2fsg);
+  }
+  .Button_styleWithLayer__1abigts7 {
+    --backgroundVar__1abigts0: var(--color-danger__n6e2fsh);
+    --foregroundVar__1abigts1: var(--color-danger-foreground__n6e2fsi);
+  }
+  .Button_styleWithLayer__1abigts8 {
+    --backgroundVar__1abigts0: var(--color-warning__n6e2fsj);
+    --foregroundVar__1abigts1: var(--color-warning-foreground__n6e2fsk);
+  }
+  .Button_styleWithLayer__1abigts9 {
+    --backgroundVar__1abigts0: var(--color-success__n6e2fsl);
+    --foregroundVar__1abigts1: var(--color-success-foreground__n6e2fsm);
+  }
+  .Button_styleWithLayer__1abigtsa {
+    --backgroundVar__1abigts0: var(--color-red-500__n6e2fss);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsb {
+    --backgroundVar__1abigts0: var(--color-orange-500__n6e2fs13);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsc {
+    --backgroundVar__1abigts0: var(--color-amber-500__n6e2fs1e);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsd {
+    --backgroundVar__1abigts0: var(--color-yellow-500__n6e2fs1p);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtse {
+    --backgroundVar__1abigts0: var(--color-lime-500__n6e2fs20);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsf {
+    --backgroundVar__1abigts0: var(--color-green-500__n6e2fs2b);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsg {
+    --backgroundVar__1abigts0: var(--color-emerald-500__n6e2fs2m);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsh {
+    --backgroundVar__1abigts0: var(--color-teal-500__n6e2fs2x);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsi {
+    --backgroundVar__1abigts0: var(--color-cyan-500__n6e2fs38);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsj {
+    --backgroundVar__1abigts0: var(--color-sky-500__n6e2fs3j);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsk {
+    --backgroundVar__1abigts0: var(--color-blue-500__n6e2fs3u);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsl {
+    --backgroundVar__1abigts0: var(--color-indigo-500__n6e2fs45);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsm {
+    --backgroundVar__1abigts0: var(--color-violet-500__n6e2fs4g);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsn {
+    --backgroundVar__1abigts0: var(--color-purple-500__n6e2fs4r);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtso {
+    --backgroundVar__1abigts0: var(--color-fuchsia-500__n6e2fs52);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsp {
+    --backgroundVar__1abigts0: var(--color-pink-500__n6e2fs5d);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsq {
+    --backgroundVar__1abigts0: var(--color-rose-500__n6e2fs5o);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsr {
+    --backgroundVar__1abigts0: var(--color-slate-500__n6e2fs5z);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtss {
+    --backgroundVar__1abigts0: var(--color-gray-500__n6e2fs6a);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtst {
+    --backgroundVar__1abigts0: var(--color-zinc-500__n6e2fs6l);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsu {
+    --backgroundVar__1abigts0: var(--color-neutral-500__n6e2fs6w);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_styleWithLayer__1abigtsv {
+    --backgroundVar__1abigts0: var(--color-stone-500__n6e2fs77);
+    --foregroundVar__1abigts1: var(--color-background__n6e2fs1);
+  }
+  .Button_layeredBase__1abigtsx {
+    line-height: 0;
+  }
+  .Button_styleWithLayer__1abigtsy {
+    font-size: 0.875em;
+  }
+  .Button_styleWithLayer__1abigtsz {
+    font-size: 1em;
+  }
+  .Button_styleWithLayer__1abigts10 {
+    font-size: 1.125em;
+  }
+  .Button_styleWithLayer__1abigts11 {
+    font-size: 1em;
+  }
+  .Button_styleWithLayer__1abigts12 {
+    font-size: 1.25em;
+  }
+  .Button_styleWithLayer__1abigts13 {
+    font-size: 1.5em;
+  }
+  .Button_layeredBase__1abigts1b {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+    border: 0;
+    border-radius: var(--borderRadius__n6e2fs0);
+    font-size: 1em;
+    transition: background-color 0.2s ease, color 0.2s ease;
+    cursor: pointer;
+    user-select: none;
+  }
+  .Button_styleWithLayer__1abigts1c {
+    gap: 0.5em;
+  }
+  .Button_styleWithLayer__1abigts1d {
+    height: 2.25em;
+    padding: 0 0.75em;
+  }
+  .Button_styleWithLayer__1abigts1e {
+    height: 2.5em;
+    padding: 0 0.875em;
+  }
+  .Button_styleWithLayer__1abigts1f {
+    height: 2.75em;
+    padding: 0 1em;
+  }
+  .Button_styleWithLayer__1abigts1g {
+    width: 2em;
+    height: 2em;
+  }
+  .Button_styleWithLayer__1abigts1h {
+    width: 2.5em;
+    height: 2.5em;
+  }
+  .Button_styleWithLayer__1abigts1i {
+    width: 2.75em;
+    height: 2.75em;
+  }
+  .Button_styleWithLayer__1abigts1j {
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+    background-color: rgb(var(--backgroundVar__1abigts0));
+    color: rgb(var(--foregroundVar__1abigts1));
+  }
+  .Button_styleWithLayer__1abigts1j:disabled {
+    background-color: rgb(var(--color-muted__n6e2fsb));
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+    cursor: default;
+  }
+  .Button_styleWithLayer__1abigts1k {
+    box-shadow: inset 0 0 0 1px rgb(var(--backgroundVar__1abigts0));
+    background-color: rgb(var(--color-background__n6e2fs1));
+    color: rgb(var(--color-foreground__n6e2fs2));
+  }
+  .Button_styleWithLayer__1abigts1k:disabled {
+    background-color: rgb(var(--color-muted__n6e2fsb));
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+    cursor: default;
+  }
+  .Button_styleWithLayer__1abigts1l {
+    background: transparent;
+    color: rgb(var(--color-foreground__n6e2fs2));
+  }
+  .Button_styleWithLayer__1abigts1l:hover {
+    background-color: rgba(var(--backgroundVar__1abigts0), 0.8);
+    color: rgb(var(--foregroundVar__1abigts1));
+  }
+  .Button_styleWithLayer__1abigts1l:disabled {
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+    cursor: default;
+  }
+  .Button_styleWithLayer__1abigts1m {
+    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+    background-color: rgba(var(--backgroundVar__1abigts0), 0.75);
+    backdrop-filter: blur(1rem);
+    color: rgb(var(--color-foreground__n6e2fs2));
+  }
+  .Button_styleWithLayer__1abigts1m:disabled {
+    background-color: rgb(var(--color-muted__n6e2fsb));
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+    cursor: default;
+  }
+  .Button_styleWithLayer__1abigts1n::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(90deg, transparent 30%, #ffffff33 65%, transparent 100%);
+    background-size: 300% 100%;
+    animation: Button_pulse__1abigtsw 5s linear 0s infinite;
+  }
+}

package/dist/assets/src/components/Card/Card.css.ts.vanilla-B6zOHg3m.css

@@ -0,0 +1,129 @@
+@layer components;
+@layer components {
+  .Card_styleWithLayer__1foreks0 {
+    background-color: rgb(var(--color-primary__n6e2fs7));
+  }
+  .Card_styleWithLayer__1foreks1 {
+    background-color: rgb(var(--color-secondary__n6e2fs9));
+  }
+  .Card_styleWithLayer__1foreks2 {
+    background-color: rgb(var(--color-muted__n6e2fsb));
+  }
+  .Card_styleWithLayer__1foreks3 {
+    background-color: rgb(var(--color-accent__n6e2fsd));
+  }
+  .Card_styleWithLayer__1foreks4 {
+    background-color: rgb(var(--color-card__n6e2fsf));
+  }
+  .Card_styleWithLayer__1foreks5 {
+    background-color: rgb(var(--color-danger__n6e2fsh));
+  }
+  .Card_styleWithLayer__1foreks6 {
+    background-color: rgb(var(--color-warning__n6e2fsj));
+  }
+  .Card_styleWithLayer__1foreks7 {
+    background-color: rgb(var(--color-success__n6e2fsl));
+  }
+  .Card_styleWithLayer__1foreks8 {
+    background-color: color-mix(in srgb, rgb(var(--color-red-500__n6e2fss)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreks9 {
+    background-color: color-mix(in srgb, rgb(var(--color-orange-500__n6e2fs13)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksa {
+    background-color: color-mix(in srgb, rgb(var(--color-amber-500__n6e2fs1e)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksb {
+    background-color: color-mix(in srgb, rgb(var(--color-yellow-500__n6e2fs1p)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksc {
+    background-color: color-mix(in srgb, rgb(var(--color-lime-500__n6e2fs20)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksd {
+    background-color: color-mix(in srgb, rgb(var(--color-green-500__n6e2fs2b)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1forekse {
+    background-color: color-mix(in srgb, rgb(var(--color-emerald-500__n6e2fs2m)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksf {
+    background-color: color-mix(in srgb, rgb(var(--color-teal-500__n6e2fs2x)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksg {
+    background-color: color-mix(in srgb, rgb(var(--color-cyan-500__n6e2fs38)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksh {
+    background-color: color-mix(in srgb, rgb(var(--color-sky-500__n6e2fs3j)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksi {
+    background-color: color-mix(in srgb, rgb(var(--color-blue-500__n6e2fs3u)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksj {
+    background-color: color-mix(in srgb, rgb(var(--color-indigo-500__n6e2fs45)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksk {
+    background-color: color-mix(in srgb, rgb(var(--color-violet-500__n6e2fs4g)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksl {
+    background-color: color-mix(in srgb, rgb(var(--color-purple-500__n6e2fs4r)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksm {
+    background-color: color-mix(in srgb, rgb(var(--color-fuchsia-500__n6e2fs52)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksn {
+    background-color: color-mix(in srgb, rgb(var(--color-pink-500__n6e2fs5d)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1forekso {
+    background-color: color-mix(in srgb, rgb(var(--color-rose-500__n6e2fs5o)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksp {
+    background-color: color-mix(in srgb, rgb(var(--color-slate-500__n6e2fs5z)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksq {
+    background-color: color-mix(in srgb, rgb(var(--color-gray-500__n6e2fs6a)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1foreksr {
+    background-color: color-mix(in srgb, rgb(var(--color-zinc-500__n6e2fs6l)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1forekss {
+    background-color: color-mix(in srgb, rgb(var(--color-neutral-500__n6e2fs6w)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_styleWithLayer__1forekst {
+    background-color: color-mix(in srgb, rgb(var(--color-stone-500__n6e2fs77)) 20%, rgb(var(--color-background__n6e2fs1)) 80%);
+  }
+  .Card_layeredBase__1foreksu {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    position: relative;
+    border-radius: var(--borderRadius__n6e2fs0);
+    color: rgb(var(--color-foreground__n6e2fs2));
+    transition: border-color 0.2s ease, transform 0.4s ease;
+  }
+  .Card_layeredBase__1foreksu:has(.CardInteraction_styleWithLayer__3n4sac0:hover) {
+    border-color: color-mix(in srgb, rgb(var(--color-primary__n6e2fs7)) 10%, rgb(var(--color-border__n6e2fs3)) 90%);
+  }
+  .Card_layeredBase__1foreksu:has(.CardInteraction_styleWithLayer__3n4sac0:active) {
+    border-color: color-mix(in srgb, rgb(var(--color-primary__n6e2fs7)) 40%, rgb(var(--color-border__n6e2fs3)) 60%);
+  }
+  .Card_styleWithLayer__1foreksw {
+    border: 1px solid;
+    border-color: rgb(var(--color-border__n6e2fs3));
+  }
+  .Card_styleWithLayer__1foreksx {
+    border: 1px solid rgb(var(--color-border\.weak__n6e2fs4));
+    border-radius: 0.75rem;
+    background: linear-gradient(rgba(var(--color-card\.gradient__n6e2fs5), 0.06) 0%, rgba(var(--color-card\.gradient__n6e2fs5), 0.02) 100%);
+    backdrop-filter: blur(1rem);
+  }
+  .Card_styleWithLayer__1foreksx::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+  .Card_styleWithLayer__1foreksx:hover::before {
+    opacity: 1;
+  }
+}

package/dist/assets/src/components/Card/CardContent.css.ts.vanilla-D6el3eAl.css

@@ -0,0 +1,7 @@
+@layer components;
+@layer components {
+  .CardContent_styleWithLayer__1nhygmc0 {
+    flex: 1 1 auto;
+    padding: 0.5em;
+  }
+}

package/dist/assets/src/components/Card/CardInteraction.css.ts.vanilla-BE4dgSQF.css

@@ -0,0 +1,10 @@
+@layer components;
+@layer components {
+  .CardInteraction_styleWithLayer__3n4sac0 {
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+    cursor: pointer;
+    user-select: none;
+  }
+}

package/dist/assets/src/components/Card/CardThumbnail.css.ts.vanilla-4ExzCHGB.css

@@ -0,0 +1,7 @@
+@layer components;
+@layer components {
+  .CardThumbnail_styleWithLayer__1c08tgo0 {
+    width: auto;
+    max-width: 100%;
+  }
+}

package/dist/assets/src/components/Chip/Chip.css.ts.vanilla-BQyyiuIh.css

@@ -0,0 +1,144 @@
+@layer components;
+@layer components {
+  .Chip_styleWithLayer__1ogf81t2 {
+    --backgroundVar__1ogf81t0: var(--color-primary__n6e2fs7);
+    --foregroundVar__1ogf81t1: var(--color-primary-foreground__n6e2fs8);
+  }
+  .Chip_styleWithLayer__1ogf81t3 {
+    --backgroundVar__1ogf81t0: var(--color-secondary__n6e2fs9);
+    --foregroundVar__1ogf81t1: var(--color-secondary-foreground__n6e2fsa);
+  }
+  .Chip_styleWithLayer__1ogf81t4 {
+    --backgroundVar__1ogf81t0: var(--color-muted__n6e2fsb);
+    --foregroundVar__1ogf81t1: var(--color-muted-foreground__n6e2fsc);
+  }
+  .Chip_styleWithLayer__1ogf81t5 {
+    --backgroundVar__1ogf81t0: var(--color-accent__n6e2fsd);
+    --foregroundVar__1ogf81t1: var(--color-accent-foreground__n6e2fse);
+  }
+  .Chip_styleWithLayer__1ogf81t6 {
+    --backgroundVar__1ogf81t0: var(--color-card__n6e2fsf);
+    --foregroundVar__1ogf81t1: var(--color-card-foreground__n6e2fsg);
+  }
+  .Chip_styleWithLayer__1ogf81t7 {
+    --backgroundVar__1ogf81t0: var(--color-danger__n6e2fsh);
+    --foregroundVar__1ogf81t1: var(--color-danger-foreground__n6e2fsi);
+  }
+  .Chip_styleWithLayer__1ogf81t8 {
+    --backgroundVar__1ogf81t0: var(--color-warning__n6e2fsj);
+    --foregroundVar__1ogf81t1: var(--color-warning-foreground__n6e2fsk);
+  }
+  .Chip_styleWithLayer__1ogf81t9 {
+    --backgroundVar__1ogf81t0: var(--color-success__n6e2fsl);
+    --foregroundVar__1ogf81t1: var(--color-success-foreground__n6e2fsm);
+  }
+  .Chip_styleWithLayer__1ogf81ta {
+    --backgroundVar__1ogf81t0: var(--color-red-500__n6e2fss);
+    --foregroundVar__1ogf81t1: var(--color-red-50__n6e2fsn);
+  }
+  .Chip_styleWithLayer__1ogf81tb {
+    --backgroundVar__1ogf81t0: var(--color-orange-500__n6e2fs13);
+    --foregroundVar__1ogf81t1: var(--color-orange-50__n6e2fsy);
+  }
+  .Chip_styleWithLayer__1ogf81tc {
+    --backgroundVar__1ogf81t0: var(--color-amber-500__n6e2fs1e);
+    --foregroundVar__1ogf81t1: var(--color-amber-50__n6e2fs19);
+  }
+  .Chip_styleWithLayer__1ogf81td {
+    --backgroundVar__1ogf81t0: var(--color-yellow-500__n6e2fs1p);
+    --foregroundVar__1ogf81t1: var(--color-yellow-50__n6e2fs1k);
+  }
+  .Chip_styleWithLayer__1ogf81te {
+    --backgroundVar__1ogf81t0: var(--color-lime-500__n6e2fs20);
+    --foregroundVar__1ogf81t1: var(--color-lime-50__n6e2fs1v);
+  }
+  .Chip_styleWithLayer__1ogf81tf {
+    --backgroundVar__1ogf81t0: var(--color-green-500__n6e2fs2b);
+    --foregroundVar__1ogf81t1: var(--color-green-50__n6e2fs26);
+  }
+  .Chip_styleWithLayer__1ogf81tg {
+    --backgroundVar__1ogf81t0: var(--color-emerald-500__n6e2fs2m);
+    --foregroundVar__1ogf81t1: var(--color-emerald-50__n6e2fs2h);
+  }
+  .Chip_styleWithLayer__1ogf81th {
+    --backgroundVar__1ogf81t0: var(--color-teal-500__n6e2fs2x);
+    --foregroundVar__1ogf81t1: var(--color-teal-50__n6e2fs2s);
+  }
+  .Chip_styleWithLayer__1ogf81ti {
+    --backgroundVar__1ogf81t0: var(--color-cyan-500__n6e2fs38);
+    --foregroundVar__1ogf81t1: var(--color-cyan-50__n6e2fs33);
+  }
+  .Chip_styleWithLayer__1ogf81tj {
+    --backgroundVar__1ogf81t0: var(--color-sky-500__n6e2fs3j);
+    --foregroundVar__1ogf81t1: var(--color-sky-50__n6e2fs3e);
+  }
+  .Chip_styleWithLayer__1ogf81tk {
+    --backgroundVar__1ogf81t0: var(--color-blue-500__n6e2fs3u);
+    --foregroundVar__1ogf81t1: var(--color-blue-50__n6e2fs3p);
+  }
+  .Chip_styleWithLayer__1ogf81tl {
+    --backgroundVar__1ogf81t0: var(--color-indigo-500__n6e2fs45);
+    --foregroundVar__1ogf81t1: var(--color-indigo-50__n6e2fs40);
+  }
+  .Chip_styleWithLayer__1ogf81tm {
+    --backgroundVar__1ogf81t0: var(--color-violet-500__n6e2fs4g);
+    --foregroundVar__1ogf81t1: var(--color-violet-50__n6e2fs4b);
+  }
+  .Chip_styleWithLayer__1ogf81tn {
+    --backgroundVar__1ogf81t0: var(--color-purple-500__n6e2fs4r);
+    --foregroundVar__1ogf81t1: var(--color-purple-50__n6e2fs4m);
+  }
+  .Chip_styleWithLayer__1ogf81to {
+    --backgroundVar__1ogf81t0: var(--color-fuchsia-500__n6e2fs52);
+    --foregroundVar__1ogf81t1: var(--color-fuchsia-50__n6e2fs4x);
+  }
+  .Chip_styleWithLayer__1ogf81tp {
+    --backgroundVar__1ogf81t0: var(--color-pink-500__n6e2fs5d);
+    --foregroundVar__1ogf81t1: var(--color-pink-50__n6e2fs58);
+  }
+  .Chip_styleWithLayer__1ogf81tq {
+    --backgroundVar__1ogf81t0: var(--color-rose-500__n6e2fs5o);
+    --foregroundVar__1ogf81t1: var(--color-rose-50__n6e2fs5j);
+  }
+  .Chip_styleWithLayer__1ogf81tr {
+    --backgroundVar__1ogf81t0: var(--color-slate-500__n6e2fs5z);
+    --foregroundVar__1ogf81t1: var(--color-slate-50__n6e2fs5u);
+  }
+  .Chip_styleWithLayer__1ogf81ts {
+    --backgroundVar__1ogf81t0: var(--color-gray-500__n6e2fs6a);
+    --foregroundVar__1ogf81t1: var(--color-gray-50__n6e2fs65);
+  }
+  .Chip_styleWithLayer__1ogf81tt {
+    --backgroundVar__1ogf81t0: var(--color-zinc-500__n6e2fs6l);
+    --foregroundVar__1ogf81t1: var(--color-zinc-50__n6e2fs6g);
+  }
+  .Chip_styleWithLayer__1ogf81tu {
+    --backgroundVar__1ogf81t0: var(--color-neutral-500__n6e2fs6w);
+    --foregroundVar__1ogf81t1: var(--color-neutral-50__n6e2fs6r);
+  }
+  .Chip_styleWithLayer__1ogf81tv {
+    --backgroundVar__1ogf81t0: var(--color-stone-500__n6e2fs77);
+    --foregroundVar__1ogf81t1: var(--color-stone-50__n6e2fs72);
+  }
+  .Chip_layeredBase__1ogf81tw {
+    display: inline-flex;
+    align-items: center;
+    line-height: 0;
+    gap: 0.125em;
+    height: 2em;
+    padding: 0 0.75em;
+    border-radius: var(--borderRadius__n6e2fs0);
+    background-color: rgb(var(--backgroundVar__1ogf81t0));
+    color: rgb(var(--foregroundVar__1ogf81t1));
+    user-select: none;
+  }
+  .Chip_styleWithLayer__1ogf81tx {
+    font-size: 0.75em;
+  }
+  .Chip_styleWithLayer__1ogf81ty {
+    font-size: 0.875em;
+  }
+  .Chip_styleWithLayer__1ogf81tz {
+    font-size: 1em;
+  }
+}

package/dist/assets/src/components/Dialog/Dialog.css.ts.vanilla-YKNZi-5m.css

@@ -0,0 +1,17 @@
+.Dialog_container__qjtgcx0 {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  overflow-y: auto;
+  max-width: calc(100vw - 2rem);
+  min-width: min(20rem, calc(100vw - 2rem));
+  max-height: calc(100vh - 2rem);
+  border-radius: var(--borderRadius__n6e2fs0);
+  box-sizing: border-box;
+  background-color: rgb(var(--color-background__n6e2fs1));
+}
+.Dialog_message__qjtgcx1 {
+  margin-bottom: 1rem;
+  line-height: 150%;
+  word-break: break-all;
+}

package/dist/assets/src/components/Dialog/DialogContent.css.ts.vanilla-CDgem4JS.css

@@ -0,0 +1,10 @@
+@layer components;
+@layer components {
+  .DialogContent_styleWithLayer__1v0lk0e0 {
+    padding: 0 1.5rem 1.5rem 1.5rem;
+    word-break: break-all;
+  }
+  .DialogHeader_styleWithLayer__jb8ns00 + .DialogContent_styleWithLayer__1v0lk0e0 {
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+  }
+}

package/dist/assets/src/components/Dialog/DialogHeader.css.ts.vanilla-B7ELV9Tz.css

@@ -0,0 +1,24 @@
+@layer components;
+@layer components {
+  .DialogHeader_styleWithLayer__jb8ns00 {
+    position: sticky;
+    top: 0;
+    padding: 1.5rem;
+    z-index: 10;
+    background-color: rgb(var(--color-background__n6e2fs1));
+  }
+  .DialogHeader_styleWithLayer__jb8ns01 {
+    width: 1.25rem;
+    height: 1.25rem;
+    padding: 0;
+    border: 0;
+    background-color: transparent;
+    font-size: 1em;
+    color: rgb(var(--color-muted-foreground__n6e2fsc));
+    cursor: pointer;
+    transition: color 0.1s ease;
+  }
+  .DialogHeader_styleWithLayer__jb8ns01:hover {
+    color: rgb(var(--color-foreground__n6e2fs2));
+  }
+}

package/dist/assets/src/components/Navigation/NavigationAside.css.ts.vanilla-CyvGpR0t.css

@@ -0,0 +1,8 @@
+@layer components;
+@layer components {
+  .NavigationAside_styleWithLayer__alxqst0 {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+  }
+}