@max-ts/kit 1.3.1 → 1.4.1

package/lib/stories/Autocomplete.stories.d.ts

@@ -6,4 +6,5 @@ export declare function Default(): import("react").JSX.Element;
 export declare function ErrorState(): import("react").JSX.Element;
 export declare function WithObjectItems(): import("react").JSX.Element;
 export declare function MultipleWithObjects(): import("react").JSX.Element;
+export declare function AsyncOptions(): import("react").JSX.Element;
 //# sourceMappingURL=Autocomplete.stories.d.ts.map

package/lib/stories/Autocomplete.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC"}
+{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}

package/lib/stories/Carousel.stories.d.ts

@@ -9,5 +9,6 @@ declare const _default: {
 };
 export default _default;
 export declare function Demo(): import("react").JSX.Element;
+export declare function StartAligned(): import("react").JSX.Element;
 export declare function Vertical(): import("react").JSX.Element;
 //# sourceMappingURL=Carousel.stories.d.ts.map

package/lib/stories/Carousel.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Carousel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAE9C,wBAOkC;AAElC,wBAAgB,IAAI,gCAiDnB;AAED,wBAAgB,QAAQ,gCAqDvB"}
+{"version":3,"file":"Carousel.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Carousel.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAE9C,wBAOkC;AAElC,wBAAgB,IAAI,gCAkDnB;AAED,wBAAgB,YAAY,gCAkD3B;AAED,wBAAgB,QAAQ,gCAoDvB"}

package/lib/styles.css

@@ -612,6 +612,77 @@ img, picture, video, canvas, svg {
   }
 }
 
+@keyframes style__m6b9n20 {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes style__m6b9n21 {
+  0% {
+    stroke-dasharray: 1 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100 200;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100 200;
+    stroke-dashoffset: -125px;
+  }
+}
+
+.style__m6b9n22 {
+  display: inline-block;
+  position: relative;
+}
+
+.style__m6b9n23 {
+  transform-origin: center;
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.style__m6b9n24 {
+  stroke: currentColor;
+  stroke-linecap: round;
+  transition: stroke-dashoffset .35s;
+}
+
+.determinate__m6b9n25 {
+  & style__m6b9n23 {
+    transform: rotate(-90deg);
+  }
+
+  & style__m6b9n24 {
+    transition: stroke-dashoffset .35s;
+  }
+}
+
+.indeterminate__m6b9n26 {
+  animation: 1.4s linear infinite style__m6b9n20;
+
+  & style__m6b9n24 {
+    animation: 1.4s ease-in-out infinite style__m6b9n21;
+  }
+}
+
+.primary__m6b9n27 {
+  color: var(--colors-primary);
+}
+
+.secondary__m6b9n28 {
+  color: var(--colors-secondary);
+}
+
+.inherit__m6b9n29 {
+  color: inherit;
+}
+
 .style__1rv6t1j0 {
   min-height: var(--spacing-8);
   border: 1px solid var(--colors-border);
@@ -1305,6 +1376,15 @@ img, picture, video, canvas, svg {
 }
 
 .style__17arfox6 {
+  min-height: var(--spacing-10);
+  padding: var(--spacing-2);
+  color: var(--colors-text-secondary);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.style__17arfox7 {
   color: var(--colors-text-secondary);
   font-size: var(--fontSize-xs);
   margin-left: auto;
@@ -1836,61 +1916,104 @@ a.outline__1af895x4:hover {
 }
 
 .style__2d6ocq0 {
-  opacity: .4;
-  -webkit-user-select: none;
-  user-select: none;
-  border-radius: var(--borderRadius-md);
-  color: var(--colors-primary);
-  place-items: center;
-  transition: opacity .2s linear;
-  display: grid;
+  cursor: pointer;
+  background-color: #0000;
+  border: none;
+  justify-content: center;
+  align-items: center;
+  display: flex;
   position: absolute;
 }
 
 .style__2d6ocq0:disabled {
-  pointer-events: none;
-  opacity: .2;
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: default;
+  opacity: .5;
 }
 
-.style__2d6ocq0:hover {
-  opacity: 1;
+.style__2d6ocq1 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  background-color: var(--colors-background-paper);
+  border-radius: 9999px;
+  justify-content: center;
+  align-items: center;
+  transition: transform .2s;
+  display: flex;
 }
 
-.style__2d6ocq1 {
-  bottom: 0;
-  right: 0;
+.style__2d6ocq0:not(:disabled):hover .style__2d6ocq1 {
+  transform: scale(1.1);
 }
 
-.style__2d6ocq2 {
+.style__2d6ocq1 svg {
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+}
+
+.horizontal__2d6ocq2 {
+  width: clamp(2.5rem, 4vw, 4rem);
+  height: 100%;
   top: 0;
+  right: 0;
+}
+
+.vertical__2d6ocq3 {
+  width: 100%;
+  height: clamp(2.5rem, 4vw, 4rem);
+  bottom: 0;
   left: 0;
 }
 
-.horizontal__2d6ocq3 {
-  width: clamp(35px, 15%, 55px);
+.horizontal__2d6ocq4 {
+  width: clamp(2.5rem, 4vw, 4rem);
   height: 100%;
+  top: 0;
+  left: 0;
 }
 
-.vertical__2d6ocq4 {
+.vertical__2d6ocq5 {
   width: 100%;
-  height: clamp(35px, 15%, 55px);
+  height: clamp(2.5rem, 4vw, 4rem);
+  top: 0;
+  right: 0;
+}
+
+.vertical__2d6ocq3 svg, .vertical__2d6ocq5 svg {
+  transform: rotate(90deg);
 }
 
 .style__i1lems0 {
+  scroll-behavior: smooth;
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
   width: 100%;
   height: 100%;
+  display: flex;
   overflow: hidden;
 }
 
+.style__i1lems0::-webkit-scrollbar {
+  display: none;
+}
+
 .horizontal__i1lems1 {
-  gap: var(--spacing-4);
-  display: flex;
+  scroll-snap-type: x mandatory;
+  overscroll-behavior-x: contain;
+  overscroll-behavior-y: auto;
+  column-gap: var(--spacing-4);
+  flex-direction: row;
+  overflow: auto hidden;
 }
 
 .vertical__i1lems2 {
-  gap: var(--spacing-4);
+  scroll-snap-type: y mandatory;
+  overscroll-behavior-y: contain;
+  overscroll-behavior-x: auto;
+  row-gap: var(--spacing-4);
   flex-direction: column;
-  display: flex;
+  overflow: hidden auto;
 }
 
 .style__e2zpp60 {
@@ -1963,6 +2086,16 @@ a.outline__1af895x4:hover {
   min-width: 0;
 }
 
+.horizontal__1gif6yr1 {
+  scroll-snap-align: center;
+  scroll-snap-stop: always;
+}
+
+.vertical__1gif6yr2 {
+  scroll-snap-align: start;
+  scroll-snap-stop: always;
+}
+
 .Carousel__1jbydv50 {
   position: relative;
 }
@@ -2007,77 +2140,6 @@ a.outline__1af895x4:hover {
   stroke-width: 3px;
 }
 
-@keyframes style__m6b9n20 {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes style__m6b9n21 {
-  0% {
-    stroke-dasharray: 1 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 100 200;
-    stroke-dashoffset: -15px;
-  }
-
-  100% {
-    stroke-dasharray: 100 200;
-    stroke-dashoffset: -125px;
-  }
-}
-
-.style__m6b9n22 {
-  display: inline-block;
-  position: relative;
-}
-
-.style__m6b9n23 {
-  transform-origin: center;
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.style__m6b9n24 {
-  stroke: currentColor;
-  stroke-linecap: round;
-  transition: stroke-dashoffset .35s;
-}
-
-.determinate__m6b9n25 {
-  & style__m6b9n23 {
-    transform: rotate(-90deg);
-  }
-
-  & style__m6b9n24 {
-    transition: stroke-dashoffset .35s;
-  }
-}
-
-.indeterminate__m6b9n26 {
-  animation: 1.4s linear infinite style__m6b9n20;
-
-  & style__m6b9n24 {
-    animation: 1.4s ease-in-out infinite style__m6b9n21;
-  }
-}
-
-.primary__m6b9n27 {
-  color: var(--colors-primary);
-}
-
-.secondary__m6b9n28 {
-  color: var(--colors-secondary);
-}
-
-.inherit__m6b9n29 {
-  color: inherit;
-}
-
 @keyframes style__1xy4jvu0 {
   from {
     opacity: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.3.1",
+  "version": "1.4.1",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
@@ -18,7 +18,6 @@
     "@base-ui/react": "^1.5.0",
     "@react-input/mask": "^2.0.4",
     "clsx": "^2.1.1",
-    "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
     "lucide-react": "^1.17.0",
     "react-day-picker": "^10.0.1",