@max-ts/kit 1.5.2 → 1.6.0

package/lib/stories/ContentState.stories.d.ts

@@ -0,0 +1,14 @@
+import { ContentState } from '../components/index.ts';
+declare const _default: {
+    title: string;
+    component: typeof ContentState;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default _default;
+export declare function Success(): import("react").JSX.Element;
+export declare function Loading(): import("react").JSX.Element;
+export declare function ErrorState(): import("react").JSX.Element;
+//# sourceMappingURL=ContentState.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentState.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ContentState.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAa5C,wBAOsC;AAEtC,wBAAgB,OAAO,gCAMtB;AAED,wBAAgB,OAAO,gCAQtB;AAED,wBAAgB,UAAU,gCAezB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,QAAQ,EAMR,MAAM,cAAc,CAAC;;;;;;;;;AAGtB,wBAOkC;AA6JlC,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCA6BvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAmDvB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAsB1B,CAAC"}
+{"version":3,"file":"DataGrid.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DataGrid.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EACN,QAAQ,EAKR,MAAM,cAAc,CAAC;;;;;;;;;AAGtB,wBAOkC;AA6JlC,eAAO,MAAM,WAAW,mCAMvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCA6BvB,CAAC;AAEF,eAAO,MAAM,WAAW,mCAoCvB,CAAC;AAEF,eAAO,MAAM,OAAO,mCAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,mCAEtB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAsB1B,CAAC"}

package/lib/stories/DataList.stories.d.ts

@@ -6,7 +6,7 @@ import type React from 'react';
  */
 declare const _default: {
     title: string;
-    component: <TDataItem extends Record<string, unknown>>({ data, keyId, className, itemContent, noDataPlaceholder, endOfScrollMsg, errorState, isLoading, isError, isEndReached, onRetry, onEndReached, ref, }: import("../components/index.ts").DataListProps<TDataItem>) => React.JSX.Element;
+    component: <TDataItem extends Record<string, unknown>>({ data, keyId, className, itemContent, noDataPlaceholder, endOfScrollMsg, errorState, isLoading, isError, isEndReached, onRetry, onEndReached, ref, }: import("../components/index.ts").DataListProps<TDataItem>) => string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element;
     parameters: {
         layout: string;
     };

package/lib/stories/Spinner.stories.d.ts

@@ -0,0 +1,13 @@
+import { Spinner } from '../components/index.ts';
+declare const _default: {
+    title: string;
+    component: typeof Spinner;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default _default;
+export declare function Default(): import("react").JSX.Element;
+export declare function CustomSize(): import("react").JSX.Element;
+//# sourceMappingURL=Spinner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Spinner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAEvC,wBAOiC;AAEjC,wBAAgB,OAAO,gCAEtB;AAED,wBAAgB,UAAU,gCAEzB"}

package/lib/styles.css

@@ -2210,90 +2210,124 @@ a.outline__1af895x4:hover {
   max-width: 400px;
 }
 
-.style__1o97kvm0 {
-  object-fit: contain;
-  max-width: 100%;
-  color: var(--colors-text-secondary);
-  display: block;
+.style__e4li7y0 {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-4);
+  border-radius: var(--borderRadius-lg);
+  width: 100%;
+  min-width: 0;
+  padding: var(--spacing-6);
+  text-align: center;
+  text-wrap: balance;
+  flex-direction: column;
+  flex: 1;
+  display: flex;
 }
 
-.small__1o97kvm1 {
-  margin: auto auto var(--spacing-4);
+.style__e4li7y1 {
+  align-items: center;
+  gap: var(--spacing-2);
+  flex-direction: column;
+  max-width: 24rem;
+  display: flex;
 }
 
-.medium__1o97kvm2 {
-  margin: auto auto var(--spacing-8);
+.style__e4li7y2 {
+  margin-bottom: var(--spacing-2);
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  display: flex;
 }
 
-.large__1o97kvm3 {
-  margin: auto auto var(--spacing-10);
+.default__e4li7y3 {
+  background-color: #0000;
 }
 
-@media (width <= 600px) {
-  .style__1o97kvm0 {
-    margin: auto auto var(--spacing-4);
-  }
+.icon__e4li7y4 {
+  width: var(--spacing-8);
+  height: var(--spacing-8);
+  border-radius: var(--borderRadius-md);
+  background-color: var(--colors-background-element);
+  color: var(--colors-text-primary);
+  flex-shrink: 0;
 }
 
-.style__1nenzg00 {
-  width: 100%;
-  height: 100%;
-  padding: var(--spacing-4);
-  background-color: var(--colors-background-paper);
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  display: flex;
+.style__e4li7y2 svg {
+  pointer-events: none;
+  flex-shrink: 0;
 }
 
-.small__1nenzg01 {
-  gap: var(--spacing-4);
+.icon__e4li7y4 svg:not([class*="size-"]) {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
 }
 
-.medium__1nenzg02 {
-  gap: var(--spacing-8);
+.style__e4li7y5 {
+  font-size: var(--fontSize-sm);
+  font-weight: var(--fontWeight-medium);
+  line-height: var(--lineHeight-normal);
 }
 
-.large__1nenzg03 {
-  gap: var(--spacing-10);
+.style__e4li7y6 {
+  color: var(--colors-text-secondary);
+  font-size: var(--fontSize-sm);
+  line-height: var(--lineHeight-relaxed);
 }
 
-.style__1nenzg04 {
-  margin: 0 auto;
+.style__e4li7y6 a {
+  text-decoration: underline;
 }
 
-.style__1nenzg05 {
-  text-align: center;
-  color: var(--colors-text-secondary);
-  display: block;
+.style__e4li7y6 a:hover {
+  color: var(--colors-primary);
 }
 
-.style__1nenzg06 {
-  color: var(--colors-text-secondary);
-  justify-content: center;
-  gap: var(--spacing-2);
-  flex-wrap: wrap;
+.style__e4li7y7 {
+  width: 100%;
+  min-width: 0;
+  max-width: 24rem;
+  font-size: var(--fontSize-sm);
+  text-wrap: balance;
+  flex-direction: column;
+  align-items: center;
+  gap: .625rem;
   display: flex;
 }
 
-@media (width <= 560px) {
-  .style__1nenzg00 {
-    gap: var(--spacing-4);
-    grid-template-rows: 1fr max-content;
-    grid-template-columns: 100%;
-    display: grid;
+@keyframes style__1dbefg90 {
+  to {
+    transform: rotate(360deg);
   }
 }
 
+.style__1dbefg91 {
+  width: var(--spacing-4);
+  height: var(--spacing-4);
+  color: currentColor;
+  animation: 1s linear infinite style__1dbefg90;
+}
+
 .style__nan0ao0 {
-  flex-grow: 1;
+  box-sizing: border-box;
   justify-content: center;
   align-items: center;
   width: 100%;
+  min-width: 0;
   height: 100%;
+  min-height: 100%;
   display: flex;
 }
 
+.style__nan0ao1 {
+  max-width: 100%;
+  width: var(--spacing-20);
+  height: var(--spacing-20);
+  object-fit: contain;
+  display: block;
+}
+
 @keyframes style__izacrl0 {
   from {
     opacity: 0;
@@ -2514,11 +2548,15 @@ a.outline__1af895x4:hover {
 }
 
 .style__15m2ib81 {
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  min-height: 50px;
-  display: flex;
+  max-width: 100%;
+  width: var(--spacing-20);
+  height: var(--spacing-20);
+  object-fit: contain;
+  display: block;
+}
+
+.style__15m2ib82 {
+  height: 60vh;
 }
 
 .style__82af400 {
@@ -2547,6 +2585,44 @@ a.outline__1af895x4:hover {
   display: none;
 }
 
+.style__o752f00 {
+  align-items: center;
+  gap: var(--spacing-1);
+  cursor: pointer;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  overflow-wrap: break-word;
+  background-color: #0000;
+  border: none;
+  width: 100%;
+  height: 100%;
+  font-family: inherit;
+  display: flex;
+  position: relative;
+}
+
+.style__o752f00 svg {
+  stroke: currentColor;
+  min-width: 12px;
+}
+
+.left__o752f01 {
+  justify-content: flex-start;
+}
+
+.center__o752f02 {
+  justify-content: center;
+}
+
+.right__o752f03 {
+  justify-content: flex-end;
+}
+
+.justify__o752f04 {
+  justify-content: space-between;
+}
+
 .style__uma6hu0 {
   padding: var(--spacing-1) var(--spacing-2);
   width: 100%;
@@ -2860,44 +2936,6 @@ a.outline__1af895x4:hover {
   display: inline-flex;
 }
 
-.style__o752f00 {
-  align-items: center;
-  gap: var(--spacing-1);
-  cursor: pointer;
-  color: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  overflow-wrap: break-word;
-  background-color: #0000;
-  border: none;
-  width: 100%;
-  height: 100%;
-  font-family: inherit;
-  display: flex;
-  position: relative;
-}
-
-.style__o752f00 svg {
-  stroke: currentColor;
-  min-width: 12px;
-}
-
-.left__o752f01 {
-  justify-content: flex-start;
-}
-
-.center__o752f02 {
-  justify-content: center;
-}
-
-.right__o752f03 {
-  justify-content: flex-end;
-}
-
-.justify__o752f04 {
-  justify-content: space-between;
-}
-
 .style__1syvw5e0 {
   padding: var(--spacing-4) var(--spacing-5);
   justify-content: center;
@@ -2942,6 +2980,81 @@ a.outline__1af895x4:hover {
   }
 }
 
+.style__1o97kvm0 {
+  object-fit: contain;
+  max-width: 100%;
+  color: var(--colors-text-secondary);
+  display: block;
+}
+
+.small__1o97kvm1 {
+  margin: auto auto var(--spacing-4);
+}
+
+.medium__1o97kvm2 {
+  margin: auto auto var(--spacing-8);
+}
+
+.large__1o97kvm3 {
+  margin: auto auto var(--spacing-10);
+}
+
+@media (width <= 600px) {
+  .style__1o97kvm0 {
+    margin: auto auto var(--spacing-4);
+  }
+}
+
+.style__1nenzg00 {
+  width: 100%;
+  height: 100%;
+  padding: var(--spacing-4);
+  background-color: var(--colors-background-paper);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.small__1nenzg01 {
+  gap: var(--spacing-4);
+}
+
+.medium__1nenzg02 {
+  gap: var(--spacing-8);
+}
+
+.large__1nenzg03 {
+  gap: var(--spacing-10);
+}
+
+.style__1nenzg04 {
+  margin: 0 auto;
+}
+
+.style__1nenzg05 {
+  text-align: center;
+  color: var(--colors-text-secondary);
+  display: block;
+}
+
+.style__1nenzg06 {
+  color: var(--colors-text-secondary);
+  justify-content: center;
+  gap: var(--spacing-2);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+@media (width <= 560px) {
+  .style__1nenzg00 {
+    gap: var(--spacing-4);
+    grid-template-rows: 1fr max-content;
+    grid-template-columns: 100%;
+    display: grid;
+  }
+}
+
 .style__1jg5nd90 {
   right: var(--spacing-3);
   bottom: var(--spacing-8);
@@ -3524,92 +3637,6 @@ a.outline__1af895x4:hover {
   }
 }
 
-.style__e4li7y0 {
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-4);
-  border-radius: var(--borderRadius-lg);
-  width: 100%;
-  min-width: 0;
-  padding: var(--spacing-6);
-  text-align: center;
-  text-wrap: balance;
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-}
-
-.style__e4li7y1 {
-  align-items: center;
-  gap: var(--spacing-2);
-  flex-direction: column;
-  max-width: 24rem;
-  display: flex;
-}
-
-.style__e4li7y2 {
-  margin-bottom: var(--spacing-2);
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.default__e4li7y3 {
-  background-color: #0000;
-}
-
-.icon__e4li7y4 {
-  width: var(--spacing-8);
-  height: var(--spacing-8);
-  border-radius: var(--borderRadius-md);
-  background-color: var(--colors-background-element);
-  color: var(--colors-text-primary);
-  flex-shrink: 0;
-}
-
-.style__e4li7y2 svg {
-  pointer-events: none;
-  flex-shrink: 0;
-}
-
-.icon__e4li7y4 svg:not([class*="size-"]) {
-  width: var(--spacing-4);
-  height: var(--spacing-4);
-}
-
-.style__e4li7y5 {
-  font-size: var(--fontSize-sm);
-  font-weight: var(--fontWeight-medium);
-  line-height: var(--lineHeight-normal);
-}
-
-.style__e4li7y6 {
-  color: var(--colors-text-secondary);
-  font-size: var(--fontSize-sm);
-  line-height: var(--lineHeight-relaxed);
-}
-
-.style__e4li7y6 a {
-  text-decoration: underline;
-}
-
-.style__e4li7y6 a:hover {
-  color: var(--colors-primary);
-}
-
-.style__e4li7y7 {
-  width: 100%;
-  min-width: 0;
-  max-width: 24rem;
-  font-size: var(--fontSize-sm);
-  text-wrap: balance;
-  flex-direction: column;
-  align-items: center;
-  gap: .625rem;
-  display: flex;
-}
-
 .style__a5l83v0 {
   width: 100%;
   max-width: 800px;
@@ -4337,6 +4364,10 @@ a.outline__1af895x4:hover {
   display: inline-flex;
 }
 
+.style__5ilg7o6:has(button) {
+  padding-right: 0;
+}
+
 .style__5ilg7o7 {
   text-overflow: ellipsis;
   min-width: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",