@max-ts/kit 1.3.2 → 1.5.0

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/stories/Select.stories.d.ts

@@ -1,8 +1,16 @@
-import type { Meta } from 'storybook-react-rsbuild';
 import { Select } from '../components/index.ts';
-declare const _default: Meta<typeof Select>;
+declare const _default: {
+    title: string;
+    component: typeof Select;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
 export default _default;
-export declare function SelectDemo(): import("react").JSX.Element;
+export declare function Demo(): import("react").JSX.Element;
 export declare function Sizes(): import("react").JSX.Element;
-export declare function SelectScrollable(): import("react").JSX.Element;
+export declare function Multiple(): import("react").JSX.Element;
+export declare function MultipleControlled(): import("react").JSX.Element;
+export declare function Scrollable(): import("react").JSX.Element;
 //# sourceMappingURL=Select.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EACN,MAAM,EAON,MAAM,cAAc,CAAC;wBASjB,IAAI,CAAC,OAAO,MAAM,CAAC;AAPxB,wBAOyB;AAEzB,wBAAgB,UAAU,gCAkBzB;AAED,wBAAgB,KAAK,gCAmCpB;AAED,wBAAgB,gBAAgB,gCA8D/B"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAsBtC,wBAOgC;AAehC,wBAAgB,IAAI,gCAWnB;AAED,wBAAgB,KAAK,gCAepB;AAED,wBAAgB,QAAQ,gCAiBvB;AAED,wBAAgB,kBAAkB,gCA4BjC;AAED,wBAAgB,UAAU,gCAgEzB"}

package/lib/styles.css

@@ -1916,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 {
@@ -2043,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;
 }
@@ -4214,20 +4267,20 @@ a.outline__1af895x4:hover {
   opacity: .5;
 }
 
-.small__5ilg7o3 {
-  height: 28px;
+.style__5ilg7o2[data-size="small"] {
+  height: calc(var(--spacing-6) + var(--spacing-1));
   font-size: var(--fontSize-sm);
   padding: var(--spacing-1) var(--spacing-2);
 }
 
-.medium__5ilg7o4 {
+.style__5ilg7o2[data-size="medium"] {
   height: var(--spacing-8);
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
 
-.large__5ilg7o5 {
-  height: 36px;
+.style__5ilg7o2[data-size="large"] {
+  height: calc(var(--spacing-8) + var(--spacing-1));
   font-size: var(--fontSize-base);
   padding: var(--spacing-2) var(--spacing-2);
 }
@@ -4238,7 +4291,7 @@ a.outline__1af895x4:hover {
   overflow: hidden;
 }
 
-.style__5ilg7o6 {
+.style__5ilg7o3 {
   cursor: default;
   padding: var(--spacing-1) 0;
   justify-content: center;
@@ -4246,12 +4299,12 @@ a.outline__1af895x4:hover {
   display: flex;
 }
 
-.style__5ilg7o7 {
+.style__5ilg7o4 {
   isolation: isolate;
   z-index: 5000;
 }
 
-.style__5ilg7o8 {
+.style__5ilg7o5 {
   z-index: 5000;
   max-height: var(--available-height, 24rem);
   border-radius: var(--borderRadius-md);
@@ -4264,43 +4317,43 @@ a.outline__1af895x4:hover {
   box-shadow: 0 2px 4px #0000001a;
 }
 
-.style__5ilg7o8[data-open] {
+.style__5ilg7o5[data-open] {
   animation: .15s ease-out style__5ilg7o0;
 }
 
-.style__5ilg7o8[data-closed] {
+.style__5ilg7o5[data-closed] {
   animation: .15s ease-in style__5ilg7o1;
 }
 
-.style__5ilg7o8[data-side="bottom"] {
+.style__5ilg7o5[data-side="bottom"] {
   transform: translateY(4px);
 }
 
-.style__5ilg7o8[data-side="top"] {
+.style__5ilg7o5[data-side="top"] {
   transform: translateY(-4px);
 }
 
-.style__5ilg7o8[data-side="left"] {
+.style__5ilg7o5[data-side="left"] {
   transform: translateX(-4px);
 }
 
-.style__5ilg7o8[data-side="right"] {
+.style__5ilg7o5[data-side="right"] {
   transform: translateX(4px);
 }
 
-.style__5ilg7o9 {
+.style__5ilg7o6 {
   padding: var(--spacing-1);
   width: 100%;
   min-width: var(--anchor-width, 100%);
 }
 
-.style__5ilg7oa {
+.style__5ilg7o7 {
   padding: var(--spacing-1) var(--spacing-2) var(--spacing-1) var(--spacing-8);
   font-size: var(--fontSize-sm);
   font-weight: var(--fontWeight-semibold);
 }
 
-.style__5ilg7ob {
+.style__5ilg7o8 {
   cursor: default;
   -webkit-user-select: none;
   user-select: none;
@@ -4314,17 +4367,17 @@ a.outline__1af895x4:hover {
   position: relative;
 }
 
-.style__5ilg7ob[data-highlighted] {
+.style__5ilg7o8[data-highlighted] {
   background-color: var(--colors-background-elementHover);
   color: var(--colors-text-primary);
 }
 
-.style__5ilg7ob[data-disabled] {
+.style__5ilg7o8[data-disabled] {
   pointer-events: none;
   opacity: .5;
 }
 
-.style__5ilg7oc {
+.style__5ilg7o9 {
   left: var(--spacing-2);
   justify-content: center;
   align-items: center;
@@ -4334,18 +4387,18 @@ a.outline__1af895x4:hover {
   position: absolute;
 }
 
-.style__5ilg7od {
+.style__5ilg7oa {
   margin: var(--spacing-1) calc(-1 * var(--spacing-1));
   background-color: var(--colors-background-element);
   height: 1px;
 }
 
-.style__5ilg7oe {
+.style__5ilg7ob {
   width: 1rem;
   height: 1rem;
 }
 
-.style__5ilg7of {
+.style__5ilg7oc {
   opacity: .5;
   width: 1rem;
   height: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.3.2",
+  "version": "1.5.0",
   "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",