@max-ts/svelte 1.9.0 → 1.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/svelte",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "type": "module",
   "description": "Svelte component library.",
   "author": "Tsepelev Maksim",
@@ -19,7 +19,8 @@
     "./utils": {
       "types": "./dist/utils.d.ts",
       "default": "./dist/utils.js"
-    }
+    },
+    "./styles.css": "./dist/assets/styles.css"
   },
   "sideEffects": [
     "**/*.css"
@@ -35,30 +36,30 @@
     "svelte": "^5.53.5"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.4",
-    "@changesets/cli": "^2.29.8",
+    "@biomejs/biome": "^2.4.6",
+    "@changesets/cli": "^2.30.0",
     "@chromatic-com/storybook": "^5.0.1",
-    "@internationalized/date": "^3.11.0",
-    "@storybook/addon-a11y": "^10.2.13",
-    "@storybook/addon-docs": "^10.2.13",
+    "@internationalized/date": "^3.12.0",
+    "@storybook/addon-a11y": "^10.2.16",
+    "@storybook/addon-docs": "^10.2.16",
     "@storybook/addon-svelte-csf": "^5.0.11",
-    "@storybook/addon-vitest": "^10.2.13",
-    "@storybook/sveltekit": "^10.2.13",
+    "@storybook/addon-vitest": "^10.2.16",
+    "@storybook/sveltekit": "^10.2.16",
     "@sveltejs/vite-plugin-svelte": "^6.2.4",
     "@tsconfig/svelte": "^5.0.8",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.3.5",
     "@vanilla-extract/css": "^1.18.0",
     "@vanilla-extract/rollup-plugin": "^1.5.1",
     "@vanilla-extract/vite-plugin": "^5.1.4",
     "@vitest/browser-playwright": "^4.0.18",
     "bumpp": "^10.4.1",
     "rollup-plugin-svelte": "^7.2.3",
-    "storybook": "^10.2.13",
-    "svelte": "^5.53.5",
-    "svelte-check": "^4.4.3",
+    "storybook": "^10.2.16",
+    "svelte": "^5.53.7",
+    "svelte-check": "^4.4.5",
     "svelte-preprocess": "^6.0.3",
-    "svelte2tsx": "^0.7.51",
-    "tsdown": "0.20.3",
+    "svelte2tsx": "^0.7.52",
+    "tsdown": "0.21.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-tsconfig-paths": "^6.1.1",
@@ -66,8 +67,8 @@
     "vitest-browser-svelte": "^2.0.2"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.575.0",
-    "bits-ui": "^2.16.2"
+    "@lucide/svelte": "^0.577.0",
+    "bits-ui": "^2.16.3"
   },
   "scripts": {
     "build": "tsdown",

package/dist/assets/src/components/Accordion/Content/styles.css.ts.vanilla-CRgv-0Oa.css

@@ -1,30 +0,0 @@
-@keyframes styles_accordionUp__14zrieq0 {
-  0% {
-    height: var(--bits-accordion-content-height);
-  }
-  100% {
-    height: 0;
-  }
-}
-@keyframes styles_accordionDown__14zrieq1 {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--bits-accordion-content-height);
-  }
-}
-.styles_content__14zrieq2 {
-  overflow: hidden;
-  padding-inline: var(--spacing-2);
-}
-.styles_content__14zrieq2[data-state=closed] {
-  animation: styles_accordionUp__14zrieq0 0.2s ease-out;
-}
-.styles_content__14zrieq2[data-state=open] {
-  animation: styles_accordionDown__14zrieq1 0.2s ease-out;
-}
-.styles_inner__14zrieq3 {
-  padding-top: 0;
-  padding-bottom: var(--spacing-4);
-}

package/dist/assets/src/components/Accordion/Trigger/styles.css.ts.vanilla-Cy15wtKZ.css

@@ -1,39 +0,0 @@
-.styles_header__11d5qg50 {
-  display: flex;
-}
-.styles_trigger__11d5qg51 {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--spacing-4);
-  padding: var(--spacing-2);
-  border-radius: var(--radius-small);
-  text-align: start;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
-.styles_trigger__11d5qg51:focus-visible {
-  box-shadow: 0 0 0 3px var(--colors-info);
-  border-color: var(--colors-info);
-}
-.styles_trigger__11d5qg51[disabled] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-.styles_trigger__11d5qg51[data-state=open] > svg {
-  transform: rotate(180deg);
-}
-.styles_icon__11d5qg52 {
-  color: var(--colors-text-secondary);
-  pointer-events: none;
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-  flex-shrink: 0;
-  transform: translateY(0.125rem);
-  transition-property: transform;
-  transition-duration: 200ms;
-}

package/dist/assets/src/components/Alert/Description/styles.css.ts.vanilla-aIFKt78Y.css

@@ -1,11 +0,0 @@
-.styles_description__1j59szw0 {
-  grid-area: description;
-  display: grid;
-  justify-items: start;
-  gap: var(--spacing-1);
-  font-size: var(--fontSize-sm);
-  opacity: 0.8;
-}
-.styles_description__1j59szw0 p {
-  line-height: var(--lineHeight-relaxed);
-}

package/dist/assets/src/components/Alert/Title/styles.css.ts.vanilla-BaybB7G2.css

@@ -1,9 +0,0 @@
-.styles_title__1wq1fea0 {
-  grid-area: title;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  min-height: 1rem;
-  font-weight: var(--fontWeight-medium);
-  letter-spacing: -0.02em;
-}

package/dist/assets/src/components/Alert/styles.css.ts.vanilla-iD1pgdZ8.css

@@ -1,46 +0,0 @@
-.styles_alertBase__vk70iv0 {
-  position: relative;
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: auto auto;
-  grid-template-areas: 
-	"icon title"
-	"description description"
-;
-  align-items: center;
-  gap: var(--spacing-1) var(--spacing-2);
-  border-radius: var(--radius-large);
-  border: 1px solid var(--colors-border);
-  padding: var(--spacing-3) var(--spacing-4);
-  font-size: var(--fontSize-sm);
-}
-.styles_alertBase__vk70iv0 > svg {
-  width: 1rem;
-  height: 1rem;
-  color: currentColor;
-}
-.styles_alertVariants_default__vk70iv1 {
-  background-color: var(--colors-background-paper);
-  color: var(--colors-text-primary);
-  border-color: var(--colors-border);
-}
-.styles_alertVariants_error__vk70iv2 {
-  color: var(--colors-error);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-error);
-}
-.styles_alertVariants_info__vk70iv3 {
-  color: var(--colors-info);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-info);
-}
-.styles_alertVariants_success__vk70iv4 {
-  color: var(--colors-success);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-success);
-}
-.styles_alertVariants_warning__vk70iv5 {
-  color: var(--colors-warning);
-  background-color: var(--colors-background-paper);
-  border-color: var(--colors-warning);
-}

package/dist/assets/src/components/Badge/styles.css.ts.vanilla-Bjel8_Kw.css

@@ -1,55 +0,0 @@
-.styles_badge__l5k2ok0 {
-  display: inline-flex;
-  width: fit-content;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-1);
-  overflow: hidden;
-  border-radius: 9999px;
-  border: 1px solid transparent;
-  padding: 2px var(--spacing-2);
-  font-size: var(--fontSize-xs);
-  font-weight: var(--fontWeight-medium);
-  white-space: nowrap;
-  transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
-  text-decoration: none;
-  outline: none;
-}
-.styles_badge__l5k2ok0:focus-visible {
-  box-shadow: 0 0 0 2px var(--colors-background-paper), 0 0 0 4px var(--colors-primary);
-}
-.styles_badge__l5k2ok0 > svg {
-  pointer-events: none;
-  width: var(--spacing-3);
-  height: var(--spacing-3);
-}
-.styles_badgeVariants_default__l5k2ok1 {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-}
-.styles_badgeVariants_default__l5k2ok1[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-primary) 90%, transparent);
-}
-.styles_badgeVariants_secondary__l5k2ok2 {
-  background-color: var(--colors-secondary);
-  color: var(--colors-foreground-secondary);
-}
-.styles_badgeVariants_secondary__l5k2ok2[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-secondary) 90%, transparent);
-}
-.styles_badgeVariants_destructive__l5k2ok3 {
-  background-color: var(--colors-error);
-  color: var(--colors-foreground-primary);
-}
-.styles_badgeVariants_destructive__l5k2ok3[href]:hover {
-  background-color: color-mix(in oklch, var(--colors-error) 90%, transparent);
-}
-.styles_badgeVariants_outline__l5k2ok4 {
-  background-color: transparent;
-  color: var(--colors-text-primary);
-  border: 1px solid var(--colors-border);
-}
-.styles_badgeVariants_outline__l5k2ok4[href]:hover {
-  background-color: var(--colors-background-elementHover);
-}

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

@@ -1,208 +0,0 @@
-@keyframes styles_spin__16himha1 {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.styles_buttonBase__16himha0 {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  white-space: nowrap;
-  border-radius: var(--radius-medium);
-  border-width: 0;
-  font-size: inherit;
-  font-family: inherit;
-  font-weight: var(--fontWeight-medium);
-  transition: background-color 0.2s;
-  cursor: pointer;
-  line-height: 100%;
-  position: relative;
-}
-.styles_buttonBase__16himha0:disabled {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.styles_buttonBase__16himha0:focus-visible {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  box-shadow: var(--elevation-1);
-}
-.styles_loading__16himha2 {
-  pointer-events: none;
-  opacity: 0.6;
-}
-.styles_loading__16himha2::after {
-  content: "";
-  position: absolute;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  border-radius: 50%;
-  border-width: 2px;
-  border-style: solid;
-  border-bottom-color: transparent;
-  animation: styles_spin__16himha1 1s linear infinite;
-  z-index: 2;
-}
-.styles_loading__16himha2:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: inherit;
-  background-color: inherit;
-  z-index: 1;
-}
-.styles_fullWidth__16himha3 {
-  width: 100%;
-}
-.styles_buttonVariants_default__16himha4 {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-}
-.styles_buttonVariants_default__16himha4:hover {
-  background-color: color-mix(in oklch, var(--colors-primary) 85%, transparent);
-}
-.styles_buttonVariants_destructive__16himha5 {
-  background-color: var(--colors-error);
-  color: var(--colors-foreground-primary);
-}
-.styles_buttonVariants_destructive__16himha5:hover {
-  background-color: color-mix(in oklch, var(--colors-error) 85%, transparent);
-}
-.styles_buttonVariants_outline__16himha6 {
-  border: 1px solid var(--colors-border);
-  background-color: var(--colors-background-paper);
-  color: var(--colors-text-primary);
-}
-.styles_buttonVariants_outline__16himha6:hover {
-  background-color: var(--colors-background-elementHover);
-}
-.styles_buttonVariants_ghost__16himha7 {
-  background-color: transparent;
-  color: var(--colors-text-primary);
-}
-.styles_buttonVariants_ghost__16himha7:hover {
-  background-color: var(--colors-background-elementHover);
-}
-.styles_buttonVariants_ghost__16himha7.styles_loading__16himha2 {
-  background-color: var(--colors-background-elementHover);
-}
-.styles_buttonVariants_link__16himha8 {
-  background-color: transparent;
-  color: var(--colors-primary);
-  text-underline-offset: 4px;
-}
-.styles_buttonVariants_link__16himha8:hover {
-  text-decoration-line: underline;
-}
-.styles_buttonSizes_small__16himha9 {
-  height: var(--spacing-7);
-  padding: var(--spacing-1) var(--spacing-2);
-  border-radius: var(--radius-small);
-  font-size: var(--fontSize-xs);
-}
-.styles_buttonSizes_medium__16himhaa {
-  height: var(--spacing-9);
-  padding: var(--spacing-2) var(--spacing-3);
-  font-size: var(--fontSize-base);
-}
-.styles_buttonSizes_large__16himhab {
-  height: var(--spacing-10);
-  padding: var(--spacing-3) var(--spacing-4);
-  font-size: var(--fontSize-lg);
-}
-.styles_buttonSizes_icon__16himhac {
-  height: var(--spacing-9);
-  width: var(--spacing-9);
-}
-.styles_buttonSizes_iconSmall__16himhad {
-  height: var(--spacing-7);
-  width: var(--spacing-7);
-}
-.styles_buttonSizes_icon__16himhac svg {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
-}
-.styles_buttonSizes_iconSmall__16himhad svg {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-}
-*, *::before, *::after {
-  box-sizing: border-box;
-}
-body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
-  margin: 0;
-}
-ul[role="list"], ol[role="list"] {
-  padding: 0;
-}
-ul, ol {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-li {
-  padding: 0;
-  margin: 0;
-  list-style-type: none;
-}
-body {
-  line-height: 1.5;
-  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  color: var(--colors-text-primary);
-  background-color: var(--colors-background-paper);
-}
-h1, h2, h3, h4, h5, h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-button, input, textarea, select {
-  font: inherit;
-  color: inherit;
-  background: none;
-  border: none;
-  padding: 0;
-  margin: 0;
-  outline: none;
-}
-button {
-  cursor: pointer;
-}
-a {
-  text-decoration: none;
-  color: inherit;
-}
-img, picture, video, canvas {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-*::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-*::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-*::-webkit-scrollbar-thumb {
-  background-color: color-mix(in oklch, var(--colors-primary) 60%, transparent);
-  border-radius: var(--radius-small);
-  width: 6px;
-  height: 6px;
-}
-@media (prefers-reduced-motion: reduce) {
-  *, *::before, *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto;
-  }
-}

package/dist/assets/src/components/ButtonGroup/Separator/styles.css.ts.vanilla-EvTZBBDg.css

@@ -1,9 +0,0 @@
-.styles_separator__mohq570 {
-  background-color: var(--colors-border);
-  position: relative;
-  margin: 0 !important;
-  align-self: stretch;
-}
-.styles_separator__mohq570[data-orientation=vertical] {
-  height: auto;
-}

package/dist/assets/src/components/ButtonGroup/Text/styles.css.ts.vanilla-IWUf3WT6.css

@@ -1,20 +0,0 @@
-.styles_text__1n5rolr0 {
-  background-color: var(--colors-background-element);
-  display: flex;
-  align-items: center;
-  gap: var(--spacing-2);
-  border-radius: var(--radius-medium);
-  border: 1px solid var(--colors-border);
-  padding: var(--spacing-2) var(--spacing-4);
-  font-size: var(--fontSize-sm);
-  font-weight: var(--fontWeight-medium);
-  color: var(--colors-text-primary);
-  box-shadow: var(--shadow-1);
-}
-.styles_text__1n5rolr0 svg {
-  pointer-events: none;
-}
-.styles_text__1n5rolr0 svg:not([class*='size-']) {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-}

package/dist/assets/src/components/ButtonGroup/styles.css.ts.vanilla-C1HKTlBo.css

@@ -1,48 +0,0 @@
-.styles_container__zn4w4x0 {
-  display: flex;
-  width: fit-content;
-  align-items: stretch;
-}
-.styles_container__zn4w4x0:has(> [data-slot=button-group]) {
-  gap: var(--spacing-2);
-}
-.styles_orientation_horizontal__zn4w4x1 {
-  flex-direction: row;
-}
-.styles_orientation_vertical__zn4w4x2 {
-  flex-direction: column;
-}
-.styles_container__zn4w4x0 > * {
-  position: relative;
-}
-.styles_container__zn4w4x0 > *:focus-visible {
-  z-index: 10;
-}
-.styles_orientation_horizontal__zn4w4x1 > *:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  border-left-width: 0;
-}
-.styles_orientation_horizontal__zn4w4x1 > *:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.styles_orientation_vertical__zn4w4x2 > *:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top-width: 0;
-}
-.styles_orientation_vertical__zn4w4x2 > *:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.styles_container__zn4w4x0 {
-  width: fit-content;
-}
-.styles_container__zn4w4x0 > input {
-  flex: 1;
-}
-.styles_orientation_horizontal__zn4w4x1:has(> select[aria-hidden=true]:last-child) > [data-slot=select-trigger]:last-of-type {
-  border-top-right-radius: var(--radius-medium);
-  border-bottom-right-radius: var(--radius-medium);
-}

package/dist/assets/src/components/Calendar/Cell/styles.css.ts.vanilla-Cbks2GU9.css

@@ -1,19 +0,0 @@
-.styles_cell__k3waa00 {
-  position: relative;
-  width: var(--cell-size);
-  height: var(--cell-size);
-  padding: 0;
-  text-align: center;
-  font-size: var(--fontSize-sm);
-}
-.styles_cell__k3waa00:focus-within {
-  z-index: 20;
-}
-.styles_cell__k3waa00:first-child[data-selected] [data-bits-day] {
-  border-top-left-radius: var(--radius-medium);
-  border-bottom-left-radius: var(--radius-medium);
-}
-.styles_cell__k3waa00:last-child[data-selected] [data-bits-day] {
-  border-top-right-radius: var(--radius-medium);
-  border-bottom-right-radius: var(--radius-medium);
-}

package/dist/assets/src/components/Calendar/Day/styles.css.ts.vanilla-CfL5V7LV.css

@@ -1,46 +0,0 @@
-.styles_day__em3vch0 {
-  display: flex;
-  width: var(--cell-size);
-  height: var(--cell-size);
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-1);
-  padding: 0;
-  white-space: nowrap;
-  user-select: none;
-}
-.styles_day__em3vch0:focus {
-  position: relative;
-}
-.styles_day__em3vch0[data-selected] {
-  background-color: var(--colors-primary);
-  color: var(--colors-foreground-primary);
-}
-.styles_day__em3vch0[data-today] {
-  text-decoration: underline;
-  text-underline-offset: var(--spacing-1);
-  text-decoration-thickness: 2px;
-}
-.styles_day__em3vch0[data-disabled] {
-  color: var(--colors-text-secondary);
-  pointer-events: none;
-  opacity: 0.5;
-}
-.styles_day__em3vch0[data-unavailable] {
-  color: var(--colors-text-secondary);
-  text-decoration: line-through;
-}
-.styles_day__em3vch0 > span {
-  font-size: var(--fontSize-xs);
-  opacity: 0.7;
-}
-.styles_day__em3vch0[data-today][data-disabled] {
-  color: var(--colors-text-hint);
-}
-.styles_day__em3vch0[data-outside-month]:not([data-selected]) {
-  color: var(--colors-text-hint);
-}
-.styles_day__em3vch0[data-outside-month]:not([data-selected]):hover {
-  color: var(--colors-text-primary);
-}

package/dist/assets/src/components/Calendar/Grid/styles.css.ts.vanilla-CoC90GwV.css

@@ -1,8 +0,0 @@
-.styles_grid__duhgu40 {
-  margin-top: var(--spacing-4);
-  display: flex;
-  width: 100%;
-  border-collapse: collapse;
-  flex-direction: column;
-  gap: var(--spacing-1);
-}

package/dist/assets/src/components/Calendar/GridRow/styles.css.ts.vanilla-U6mvCZYf.css

@@ -1,4 +0,0 @@
-.styles_gridRow__1mm3fo10 {
-  display: flex;
-  column-gap: var(--spacing-1);
-}

package/dist/assets/src/components/Calendar/HeadCell/styles.css.ts.vanilla-uZVFT3sf.css

@@ -1,7 +0,0 @@
-.styles_headCell__1nghnwh0 {
-  color: var(--colors-text-secondary);
-  width: var(--cell-size);
-  border-radius: var(--radius-medium);
-  font-size: var(--fontSize-xs);
-  font-weight: var(--fontWeight-normal);
-}

package/dist/assets/src/components/Calendar/Header/styles.css.ts.vanilla-HzvDukx2.css

@@ -1,10 +0,0 @@
-.styles_header__s2om6s0 {
-  display: flex;
-  height: var(--cell-size);
-  width: 100%;
-  align-items: center;
-  justify-content: center;
-  gap: 0.375rem;
-  font-size: var(--fontSize-sm);
-  font-weight: var(--fontWeight-medium);
-}