@yr3/ui 1.0.0

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2026 Yumber Ramirez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction...
+
+[continua standard MIT]

package/README.md

@@ -0,0 +1,55 @@
+### YR3 UI SYSTEM DESIGN
+
+## COMPONENTES
+ - Avatar
+ - Backdrop
+ - Box
+ - Buttons
+ - Calendar
+ - Checkbox
+ - Chip
+ - Collapse
+ - Container
+ - Control
+ - Divider
+ - Drawer
+ - Fade
+ - Flex
+ - Grid
+ - Group
+ - Icons
+ - Image
+ - ImageDropzone
+ - Input
+ - Label
+ - Modal
+ - Pending
+ - Radio
+ - Select
+ - Slide
+ - Switch
+ - Text
+
+## Hooks
+ - useClickAway
+ - useTheme
+
+## Utils
+ - bem 
+ - calendar
+ - cx
+ - ui
+ - variants
+ - color
+
+## Provider
+ - ThemeProvider
+ - createTheme
+ - tokens
+ - brakpoints
+ - text
+ - controlContext
+ - backdropContenxt
+
+
+# Yumber Ramirez 

package/dist/components/Avatar/avatar.css

@@ -0,0 +1,133 @@
+.yr3Avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  user-select: none;
+  font-family: var(--font-family-base);
+  font-weight: var(--fontWeight-semibold);
+  font-size: var(--typo-size);
+  background: var(--avatar-bg, var(--color-primary));
+  color: var(--avatar-color, var(--color-on-primary));
+}
+
+/* ===== IMAGE ===== */
+.yr3Avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* ===== FALLBACK ===== */
+.yr3Avatar--fallback {
+  font-size: var(--typo-size);
+}
+
+/* ===== SIZES ===== */
+.yr3Avatar--sm {
+  width: 32px;
+  height: 32px;
+  font-size: 12px;
+  --typo-size: 16px;
+}
+
+.yr3Avatar--md {
+  width: 40px;
+  height: 40px;
+  font-size: 14px;
+  --typo-size: 20px;
+}
+
+.yr3Avatar--lg {
+  width: 56px;
+  height: 56px;
+  font-size: 18px;
+  --typo-size: 28px;
+}
+
+/* ===== VARIANTS ===== */
+.yr3Avatar--circle {
+  border-radius: 50%;
+}
+
+.yr3Avatar--rounded {
+  border-radius: 12px;
+}
+
+.yr3Avatar--square {
+  border-radius: 0;
+}
+
+/* ===== COLORS (THEME DRIVEN) ===== */
+.yr3Avatar--color-primary {
+  --avatar-bg: var(--color-primary);
+  --avatar-shadow: var(--color-primary);
+  --avatar-color: var(--color-on-primary);
+}
+
+.yr3Avatar--color-secondary {
+  --avatar-bg: var(--color-secondary);
+  --avatar-shadow: var(--color-secondary);
+  --avatar-color: var(--color-on-secondary);
+}
+
+.yr3Avatar--color-success {
+  --avatar-bg: var(--color-success);
+  --avatar-shadow: var(--color-success);
+  --avatar-color: var(--color-on-success);
+}
+
+.yr3Avatar--color-error {
+  --avatar-bg: var(--color-error);
+  --avatar-shadow: var(--color-error);
+  --avatar-color: var(--color-on-error);
+}
+
+.yr3Avatar--color-warning {
+  --avatar-bg: var(--color-warning);
+  --avatar-shadow: var(--color-warning);
+  --avatar-color: var(--color-on-warning);
+}
+
+.yr3Avatar--color-disabled {
+  --avatar-bg: var(--color-disabled);
+  --avatar-shadow: var(--color-disabled);
+  --avatar-color: var(--color-on-disabled);
+}
+
+.yr3Avatar--color-background {
+  --avatar-bg: var(--color-surface);
+  --avatar-shadow: var(--color-surface);
+  --avatar-color: var(--color-text-primary);
+}
+
+.yr3Avatar--color-text {
+  --avatar-bg: var(--color-text-primary);
+  --avatar-shadow: var(--color-surface);
+  --avatar-color: var(--color-on-surface);
+}
+
+.yr3Avatar--bordered {
+  border: 1px solid var(--avatar-color);
+}
+
+.yr3Avatar--shadow-1 {
+  box-shadow: 0px 1px 3px var(--avatar-shadow);
+}
+
+.yr3Avatar--shadow-2 {
+  box-shadow: 0px 4px 6px var(--avatar-shadow);
+}
+
+.yr3Avatar--shadow-3 {
+  box-shadow: 0px 10px 20px rgba(var(--avatar-shadow), 0.5);
+}
+
+.yr3Avatar--floating {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  animation: float 3s ease-in-out infinite;
+}
+
+/*# sourceMappingURL=avatar.css.map */

package/dist/components/Avatar/avatar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Avatar/avatar.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAEA;EAAiB;EAAa;EAAc;EAAiB;;;AAC7D;EAAiB;EAAa;EAAc;EAAiB;;;AAC7D;EAAiB;EAAa;EAAc;EAAiB;;;AAE7D;AAEA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIF;EACE;EACA;EACA;EACA","file":"avatar.css"}

package/dist/components/Backdrop/backdrop.css

@@ -0,0 +1,27 @@
+.yr3Backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+  backdrop-filter: blur(2px);
+}
+.yr3Backdrop--open {
+  opacity: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  pointer-events: auto;
+  z-index: 2;
+}
+
+.yr3Backdrop--blur {
+  backdrop-filter: blur(4px);
+}
+
+/*# sourceMappingURL=backdrop.css.map */

package/dist/components/Backdrop/backdrop.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Backdrop/backdrop.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE","file":"backdrop.css"}

package/dist/components/Box/box.css

@@ -0,0 +1,46 @@
+.yr3Box {
+  display: flex;
+  width: 100%;
+}
+.yr3Box.yr3Box--start {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
+.yr3Box.yr3Box--center {
+  align-items: center;
+  justify-content: center;
+}
+.yr3Box.yr3Box--end {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.yr3Box--drawer {
+  align-items: center;
+  background: var(--color-surface);
+  border-bottom-left-radius: 8vw;
+  min-height: 0px;
+  z-index: 3;
+  border-bottom-right-radius: 8vw;
+  box-shadow: 0 2px 12px var(--color-primary);
+}
+
+.yr3Box--position-relative {
+  position: relative;
+}
+
+.yr3Box--position-absolute {
+  position: absolute;
+}
+
+.yr3Box--position-fixed {
+  position: fixed;
+}
+
+.yr3Box--position-sticky {
+  position: sticky;
+}
+
+/*# sourceMappingURL=box.css.map */

package/dist/components/Box/box.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Box/box.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI","file":"box.css"}

package/dist/components/Button/buttons.css

@@ -0,0 +1,114 @@
+.yr3Button {
+  padding: 8px 16px;
+  min-width: 100px;
+  border: none;
+  border: none;
+  outline: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--font-family-base);
+  font-size: var(--typo-button-fontSize);
+  font-weight: var(--typo-button-fontWeight);
+  text-transform: var(--typo-button-textTransform);
+  letter-spacing: var(--typo-button-letterSpacing);
+  border-radius: var(--border-radius);
+  cursor: pointer;
+}
+
+.yr3Button--filled.yr3Button--color-primary {
+  background: var(--bg-surface);
+  color: var(--color-primary-contrast);
+  border: 1px solid var(--color-primary);
+}
+.yr3Button--filled.yr3Button--color-secondary {
+  background: var(--color-secondary);
+  color: var(--color-secondary-contrast);
+  border: 1px solid var(--color-secondary);
+}
+.yr3Button--filled.yr3Button--color-text {
+  background: var(--color-secondary);
+  color: var(--color-secondary-contrast);
+  border: 1px solid var(--color-secondary);
+}
+
+/* ===== OUTLINED ===== */
+.yr3Button--outlined.yr3Button--color-primary {
+  background: transparent;
+  box-sizing: content-box;
+  border: 1px solid var(--color-primary);
+  color: var(--color-primary);
+}
+.yr3Button--outlined.yr3Button--color-secondary {
+  background: transparent;
+  box-sizing: content-box;
+  border: 1px solid var(--color-secondary);
+}
+.yr3Button--outlined.yr3Button--color-text {
+  background: var(--color-secondary);
+  color: var(--color-secondary-contrast);
+  border: 1px solid var(--color-secondary);
+}
+
+/* ===== TEXT ===== */
+.yr3Button--text.yr3Button--color-primary {
+  background: transparent;
+  border: none;
+  min-width: auto;
+  padding: 0px 4px;
+  color: var(--color-primary);
+}
+.yr3Button--text.yr3Button--color-secondary {
+  background: transparent;
+  border: none;
+  min-width: auto;
+  padding: 0px 4px;
+  color: var(--color-secondary);
+}
+.yr3Button--text.yr3Button--color-text {
+  background: transparent;
+  border: none;
+  min-width: auto;
+  padding: 0px 4px;
+  color: var(--color-text);
+}
+
+.yr3Button--animated {
+  animation: glowPulse 3s infinite;
+  background: linear-gradient(135deg, #4e90fa 0%, #9b41ee 50%, #fd58aa 100%) !important;
+}
+
+.yr3Button--disabled {
+  border-image: none;
+  color: var(--color-disabled);
+  border-color: var(--color-disabled);
+  animation: none;
+  opacity: 0.6;
+}
+
+.yr3Button--gradientBorder {
+  background: linear-gradient(129deg, #fdfdfd, #81e9f9, #fda6fe, var(--color-primary)) !important;
+  background-clip: text !important;
+  -webkit-background-clip: text !important;
+  -webkit-text-fill-color: transparent !important;
+  border: 2px solid;
+  border-image: linear-gradient(135deg, #42fbfe, #fda6fe, var(--color-primary)) 1 !important;
+}
+
+.yr3Button:hover, .yr3Button:focus, .yr3Button:active {
+  background: none;
+}
+
+@keyframes glowPulse {
+  0% {
+    filter: drop-shadow(0 0 8px #d46ef3);
+  }
+  50% {
+    filter: drop-shadow(0 0 12px #fe409f);
+  }
+  100% {
+    filter: drop-shadow(0 0 8px rgba(165, 71, 254, 0.8588235294));
+  }
+}
+
+/*# sourceMappingURL=buttons.css.map */

package/dist/components/Button/buttons.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Button/buttons.scss","../../../src/styles/_mixins.scss"],"names":[],"mappings":"AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIH;AAEG;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIN;AAEI;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAIN;EACE;EACA;;;AASF;EACE;EACA;EACA;EACA;EACA;;;AAIF;EChGI;EAOA;EACA;EACA;EACA;EACA;;;ADyFJ;EACE;;;AAIF;EACE;IAAK;;EACL;IAAM;;EACN;IAAO","file":"buttons.css"}

package/dist/components/Calendar/calendar.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=calendar.css.map */

package/dist/components/Calendar/calendar.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"calendar.css"}

package/dist/components/Checkbox/checkbox.css

@@ -0,0 +1,122 @@
+.yr3Checkbox {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--checkbox-spacing, 4px);
+  cursor: pointer;
+}
+.yr3Checkbox input {
+  display: none;
+}
+
+/* BOX */
+.yr3Checkbox-box {
+  width: 18px;
+  height: 18px;
+  border-radius: 4px;
+  border: 2px solid var(--color-border, #ccc);
+  transition: 0.2s;
+  position: relative;
+}
+
+/* CHECKED */
+.yr3Checkbox-box--checked {
+  background: var(--checkbox-active);
+  border-color: var(--checkbox-active);
+}
+.yr3Checkbox-box--checked > .yr3Checkbox-label {
+  color: var(--checkbox-active);
+}
+
+/* ICON */
+.yr3Checkbox-box--checked::after {
+  content: "";
+  position: absolute;
+  left: 4px;
+  top: 1px;
+  width: 5px;
+  height: 10px;
+  border: solid var(--color-checkmark, #fff);
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+/* COLORS */
+.yr3Checkbox--color-primary {
+  --checkbox-active: var(--color-primary);
+  --color-checkmark: var(--color-surface);
+}
+
+.yr3Checkbox--color-secondary {
+  --checkbox-active: var(--color-secondary);
+  --color-checkmark: var(--color-secondary);
+}
+
+.yr3Checkbox--color-error {
+  --checkbox-active: var(--color-error);
+  --color-checkmark: var(--color-error);
+}
+
+.yr3Checkbox--color-success {
+  --checkbox-active: var(--color-success);
+  --color-checkmark: var(--color-success);
+}
+
+.yr3Checkbox--color-warning {
+  --checkbox-active: var(--color-warning);
+  --color-checkmark: var(--color-warning);
+}
+
+.yr3Checkbox--color-info {
+  --checkbox-active: var(--color-info);
+  --color-checkmark: var(--color-info);
+}
+
+.yr3Checkbox--color-disabled {
+  --checkbox-active: var(--color-disabled);
+  --color-checkmark: var(--color-disabled);
+}
+
+.yr3Checkbox--color-background {
+  --checkbox-active: var(--color-surface);
+  --color-checkmark: var(--color-surface);
+}
+
+.yr3Checkbox--color-text {
+  --checkbox-active: var(--color-text);
+  --color-checkmark: var(--color-text);
+  --checkbox-spacing: 1px;
+}
+
+/* DISABLED */
+.yr3Checkbox--disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+/* VARIANTS */
+.yr3Checkbox--variant-filled .yr3Checkbox-box {
+  background: var(--checkbox-active);
+  border-color: var(--checkbox-active);
+}
+
+.yr3Checkbox--variant-outlined .yr3Checkbox-box {
+  background: transparent;
+  border-color: var(--checkbox-active);
+}
+
+.yr3Checkbox--variant-text .yr3Checkbox-box {
+  border-color: transparent;
+  background: transparent;
+  --checkbox-spacing: 1px;
+}
+
+/* LABEL */
+.yr3Checkbox-label {
+  font-size: 14px;
+  user-select: none;
+}
+.yr3Checkbox-label.yr3Checkbox-box--checked {
+  color: var(--checkbox-active);
+}
+
+/*# sourceMappingURL=checkbox.css.map */

package/dist/components/Checkbox/checkbox.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Checkbox/checkbox.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;AACA;EACE;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACC;;;AAKL;AACA;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;AACA;EACE","file":"checkbox.css"}

package/dist/components/Chip/chip.css

@@ -0,0 +1,136 @@
+.yr3Chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  justify-content: space-between;
+  padding: 0px 10px;
+  color: var(--badge-color, var(--color-on-surface));
+  border: 1px solid var(--badge-border, transparent);
+  background: var(--badge-bg, transparent);
+  font-size: 12px;
+  height: 24px;
+}
+.yr3Chip.yr3Chip--rounded {
+  border-radius: 16px;
+}
+.yr3Chip.yr3Chip--square {
+  border-radius: 4px;
+}
+.yr3Chip.yr3Chip--small {
+  height: 20px;
+  font-size: 10px;
+}
+.yr3Chip.yr3Chip--medium {
+  height: 24px;
+  font-size: 12px;
+}
+.yr3Chip.yr3Chip--large {
+  height: 28px;
+  font-size: 14px;
+}
+
+.yr3Chip--filled {
+  font-weight: var(--fontWeight-regular);
+}
+.yr3Chip--filled.yr3Chip--primary {
+  --badge-bg: var(--color-primary);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-primary);
+}
+.yr3Chip--filled.yr3Chip--secondary {
+  --badge-bg: var(--color-secondary);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-secondary);
+}
+.yr3Chip--filled.yr3Chip--success {
+  --badge-bg: var(--color-success);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-success);
+}
+.yr3Chip--filled.yr3Chip--warning {
+  --badge-bg: var(--color-warning);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-warning);
+}
+.yr3Chip--filled.yr3Chip--error {
+  --badge-bg: var(--color-error);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-error);
+}
+.yr3Chip--filled.yr3Chip--background {
+  --badge-bg: var(--color-disabled);
+  --badge-color: var(--color-text);
+  --badge-border: var(--color-disabled);
+}
+.yr3Chip--filled.yr3Chip--info {
+  --badge-bg: var(--color-info);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-info);
+}
+.yr3Chip--filled.yr3Chip--text {
+  --badge-bg: var(--color-text-primary);
+  --badge-color: var(--color-surface);
+  --badge-border: var(--color-text-primary);
+}
+.yr3Chip--filled--rounded {
+  border-radius: 16px;
+}
+.yr3Chip--filled--square {
+  border-radius: 4px;
+}
+
+.yr3Chip--outlined {
+  font-weight: var(--fontWeight-thin);
+  --badge-bg: 'transparent';
+}
+.yr3Chip--outlined.yr3Chip--primary {
+  --badge-color: var(--color-text);
+  --badge-border: var(--color-primary);
+}
+.yr3Chip--outlined.yr3Chip--secondary {
+  --badge-border: var(--color-secondary);
+  --badge-color: var(--color-text);
+}
+.yr3Chip--outlined.yr3Chip--success {
+  --badge-border: var(--color-success);
+  --badge-color: var(--color-success);
+}
+.yr3Chip--outlined.yr3Chip--warning {
+  --badge-border: var(--color-warning);
+  --badge-color: var(--color-warning);
+}
+.yr3Chip--outlined.yr3Chip--error {
+  --badge-border: var(--color-error);
+  --badge-color: var(--color-error);
+}
+.yr3Chip--outlined.yr3Chip--background {
+  --badge-color: var(--color-disabled);
+  --badge-border: var(--color-disabled);
+}
+.yr3Chip--outlined.yr3Chip--info {
+  --badge-border: var(--color-info);
+  --badge-color: var(--color-info);
+}
+.yr3Chip--outlined.yr3Chip--text {
+  --badge-border: var(--color-text-primary);
+  --badge-color: var(--color-text-primary);
+}
+.yr3Chip--outlined .yr3Chip--rounded {
+  border-radius: 16px;
+}
+.yr3Chip--outlined .yr3Chip--square {
+  border-radius: 4px;
+}
+
+.yr3Chip__delete {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  margin-right: -8px;
+}
+.yr3Chip__delete svg {
+  stroke: var(--badge-color);
+}
+
+/*# sourceMappingURL=chip.css.map */

package/dist/components/Chip/chip.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Chip/chip.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;;AAIR;EACI;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI","file":"chip.css"}

package/dist/components/Collapse/collapse.css

@@ -0,0 +1,14 @@
+.yr3Collapse {
+  overflow: hidden;
+  transition: 0.5s ease-in-out;
+}
+
+.yr3Collapse__inner {
+  padding: 8px 0;
+  transition: 0.5s ease-in-out;
+}
+.yr3Collapse__inner.yr3Collapse__bottom {
+  transform: translateY(-100%);
+}
+
+/*# sourceMappingURL=collapse.css.map */

package/dist/components/Collapse/collapse.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/Collapse/collapse.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;;AACA;EACE","file":"collapse.css"}