@solostylist/ui-kit 1.0.168 → 1.0.169

package/dist/s-two-pane-layout/s-two-pane-layout.js

@@ -68,11 +68,11 @@ const r = ({
 };
 r.displayName = "STwoPaneLayout";
 try {
-  r.displayName = "STwoPaneLayout", r.__docgenInfo = { description: "A flexible two-pane layout component with customizable sidebar and content areas.", displayName: "STwoPaneLayout", props: { sidebar: { defaultValue: null, description: "Content to display in the sidebar pane", name: "sidebar", required: !0, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Content to display in the main content pane", name: "content", required: !0, type: { name: "ReactNode" } }, sidebarWidth: { defaultValue: { value: "280" }, description: "Width of the sidebar in pixels. Default: 280", name: "sidebarWidth", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "calc(100vh - 65px)" }, description: "Container height. Can be a CSS value or 'auto'. Default: 'calc(100vh - 65px)'", name: "height", required: !1, type: { name: "string | number" } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarSx: { defaultValue: null, description: "Custom styles for the sidebar container", name: "sidebarSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content container", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarHeaderSx: { defaultValue: null, description: "Custom styles for the sidebar header", name: "sidebarHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, contentHeaderSx: { defaultValue: null, description: "Custom styles for the content header", name: "contentHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarScrollSx: { defaultValue: null, description: "Custom styles for the sidebar scrollable area", name: "sidebarScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, contentScrollSx: { defaultValue: null, description: "Custom styles for the content scrollable area", name: "contentScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, disableBorder: { defaultValue: { value: "false" }, description: "Hide border between sidebar and content. Default: false", name: "disableBorder", required: !1, type: { name: "boolean" } }, sidebarHeader: { defaultValue: null, description: "Optional header content for the sidebar", name: "sidebarHeader", required: !1, type: { name: "ReactNode" } }, contentHeader: { defaultValue: null, description: "Optional header content for the main content area", name: "contentHeader", required: !1, type: { name: "ReactNode" } }, enableSidebarScroll: { defaultValue: { value: "true" }, description: "Enable scrollbar for sidebar. Default: true", name: "enableSidebarScroll", required: !1, type: { name: "boolean" } }, enableContentScroll: { defaultValue: { value: "false" }, description: "Enable scrollbar for content. Default: false", name: "enableContentScroll", required: !1, type: { name: "boolean" } }, sidebarPosition: { defaultValue: { value: "left" }, description: "Sidebar position. Default: 'left'", name: "sidebarPosition", required: !1, type: { name: "enum", value: [{ value: '"right"' }, { value: '"left"' }] } }, sidebarPadding: { defaultValue: { value: "1" }, description: "Padding for sidebar content. Default: 1", name: "sidebarPadding", required: !1, type: { name: "string | number" } }, contentPadding: { defaultValue: { value: "1" }, description: "Padding for main content. Default: 0", name: "contentPadding", required: !1, type: { name: "string | number" } }, sidebarHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for sidebar header. Default: 2", name: "sidebarHeaderPadding", required: !1, type: { name: "string | number" } }, contentHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for content header. Default: 2", name: "contentHeaderPadding", required: !1, type: { name: "string | number" } } } };
+  r.displayName = "STwoPaneLayout", r.__docgenInfo = { description: "A flexible two-pane layout component with customizable sidebar and content areas.", displayName: "STwoPaneLayout", props: { sidebar: { defaultValue: null, description: "Content to display in the sidebar pane", name: "sidebar", required: !0, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Content to display in the main content pane", name: "content", required: !0, type: { name: "ReactNode" } }, sidebarWidth: { defaultValue: { value: "280" }, description: "Width of the sidebar in pixels. Default: 280", name: "sidebarWidth", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "calc(100vh - 65px)" }, description: "Container height. Can be a CSS value or 'auto'. Default: 'calc(100vh - 65px)'", name: "height", required: !1, type: { name: "string | number" } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarSx: { defaultValue: null, description: "Custom styles for the sidebar container", name: "sidebarSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content container", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarHeaderSx: { defaultValue: null, description: "Custom styles for the sidebar header", name: "sidebarHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, contentHeaderSx: { defaultValue: null, description: "Custom styles for the content header", name: "contentHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarScrollSx: { defaultValue: null, description: "Custom styles for the sidebar scrollable area", name: "sidebarScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, contentScrollSx: { defaultValue: null, description: "Custom styles for the content scrollable area", name: "contentScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, disableBorder: { defaultValue: { value: "false" }, description: "Hide border between sidebar and content. Default: false", name: "disableBorder", required: !1, type: { name: "boolean" } }, sidebarHeader: { defaultValue: null, description: "Optional header content for the sidebar", name: "sidebarHeader", required: !1, type: { name: "ReactNode" } }, contentHeader: { defaultValue: null, description: "Optional header content for the main content area", name: "contentHeader", required: !1, type: { name: "ReactNode" } }, enableSidebarScroll: { defaultValue: { value: "true" }, description: "Enable scrollbar for sidebar. Default: true", name: "enableSidebarScroll", required: !1, type: { name: "boolean" } }, enableContentScroll: { defaultValue: { value: "false" }, description: "Enable scrollbar for content. Default: false", name: "enableContentScroll", required: !1, type: { name: "boolean" } }, sidebarPosition: { defaultValue: { value: "left" }, description: "Sidebar position. Default: 'left'", name: "sidebarPosition", required: !1, type: { name: "enum", value: [{ value: '"left"' }, { value: '"right"' }] } }, sidebarPadding: { defaultValue: { value: "1" }, description: "Padding for sidebar content. Default: 1", name: "sidebarPadding", required: !1, type: { name: "string | number" } }, contentPadding: { defaultValue: { value: "1" }, description: "Padding for main content. Default: 0", name: "contentPadding", required: !1, type: { name: "string | number" } }, sidebarHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for sidebar header. Default: 2", name: "sidebarHeaderPadding", required: !1, type: { name: "string | number" } }, contentHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for content header. Default: 2", name: "contentHeaderPadding", required: !1, type: { name: "string | number" } } } };
 } catch {
 }
 try {
-  stwopanelayout.displayName = "stwopanelayout", stwopanelayout.__docgenInfo = { description: "A flexible two-pane layout component with customizable sidebar and content areas.", displayName: "stwopanelayout", props: { sidebar: { defaultValue: null, description: "Content to display in the sidebar pane", name: "sidebar", required: !0, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Content to display in the main content pane", name: "content", required: !0, type: { name: "ReactNode" } }, sidebarWidth: { defaultValue: { value: "280" }, description: "Width of the sidebar in pixels. Default: 280", name: "sidebarWidth", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "calc(100vh - 65px)" }, description: "Container height. Can be a CSS value or 'auto'. Default: 'calc(100vh - 65px)'", name: "height", required: !1, type: { name: "string | number" } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarSx: { defaultValue: null, description: "Custom styles for the sidebar container", name: "sidebarSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content container", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarHeaderSx: { defaultValue: null, description: "Custom styles for the sidebar header", name: "sidebarHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, contentHeaderSx: { defaultValue: null, description: "Custom styles for the content header", name: "contentHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarScrollSx: { defaultValue: null, description: "Custom styles for the sidebar scrollable area", name: "sidebarScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, contentScrollSx: { defaultValue: null, description: "Custom styles for the content scrollable area", name: "contentScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, disableBorder: { defaultValue: { value: "false" }, description: "Hide border between sidebar and content. Default: false", name: "disableBorder", required: !1, type: { name: "boolean" } }, sidebarHeader: { defaultValue: null, description: "Optional header content for the sidebar", name: "sidebarHeader", required: !1, type: { name: "ReactNode" } }, contentHeader: { defaultValue: null, description: "Optional header content for the main content area", name: "contentHeader", required: !1, type: { name: "ReactNode" } }, enableSidebarScroll: { defaultValue: { value: "true" }, description: "Enable scrollbar for sidebar. Default: true", name: "enableSidebarScroll", required: !1, type: { name: "boolean" } }, enableContentScroll: { defaultValue: { value: "false" }, description: "Enable scrollbar for content. Default: false", name: "enableContentScroll", required: !1, type: { name: "boolean" } }, sidebarPosition: { defaultValue: { value: "left" }, description: "Sidebar position. Default: 'left'", name: "sidebarPosition", required: !1, type: { name: "enum", value: [{ value: '"right"' }, { value: '"left"' }] } }, sidebarPadding: { defaultValue: { value: "1" }, description: "Padding for sidebar content. Default: 1", name: "sidebarPadding", required: !1, type: { name: "string | number" } }, contentPadding: { defaultValue: { value: "1" }, description: "Padding for main content. Default: 0", name: "contentPadding", required: !1, type: { name: "string | number" } }, sidebarHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for sidebar header. Default: 2", name: "sidebarHeaderPadding", required: !1, type: { name: "string | number" } }, contentHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for content header. Default: 2", name: "contentHeaderPadding", required: !1, type: { name: "string | number" } } } };
+  stwopanelayout.displayName = "stwopanelayout", stwopanelayout.__docgenInfo = { description: "A flexible two-pane layout component with customizable sidebar and content areas.", displayName: "stwopanelayout", props: { sidebar: { defaultValue: null, description: "Content to display in the sidebar pane", name: "sidebar", required: !0, type: { name: "ReactNode" } }, content: { defaultValue: null, description: "Content to display in the main content pane", name: "content", required: !0, type: { name: "ReactNode" } }, sidebarWidth: { defaultValue: { value: "280" }, description: "Width of the sidebar in pixels. Default: 280", name: "sidebarWidth", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "calc(100vh - 65px)" }, description: "Container height. Can be a CSS value or 'auto'. Default: 'calc(100vh - 65px)'", name: "height", required: !1, type: { name: "string | number" } }, containerSx: { defaultValue: null, description: "Custom styles for the main container", name: "containerSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarSx: { defaultValue: null, description: "Custom styles for the sidebar container", name: "sidebarSx", required: !1, type: { name: "SxProps<Theme>" } }, contentSx: { defaultValue: null, description: "Custom styles for the content container", name: "contentSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarHeaderSx: { defaultValue: null, description: "Custom styles for the sidebar header", name: "sidebarHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, contentHeaderSx: { defaultValue: null, description: "Custom styles for the content header", name: "contentHeaderSx", required: !1, type: { name: "SxProps<Theme>" } }, sidebarScrollSx: { defaultValue: null, description: "Custom styles for the sidebar scrollable area", name: "sidebarScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, contentScrollSx: { defaultValue: null, description: "Custom styles for the content scrollable area", name: "contentScrollSx", required: !1, type: { name: "SxProps<Theme>" } }, disableBorder: { defaultValue: { value: "false" }, description: "Hide border between sidebar and content. Default: false", name: "disableBorder", required: !1, type: { name: "boolean" } }, sidebarHeader: { defaultValue: null, description: "Optional header content for the sidebar", name: "sidebarHeader", required: !1, type: { name: "ReactNode" } }, contentHeader: { defaultValue: null, description: "Optional header content for the main content area", name: "contentHeader", required: !1, type: { name: "ReactNode" } }, enableSidebarScroll: { defaultValue: { value: "true" }, description: "Enable scrollbar for sidebar. Default: true", name: "enableSidebarScroll", required: !1, type: { name: "boolean" } }, enableContentScroll: { defaultValue: { value: "false" }, description: "Enable scrollbar for content. Default: false", name: "enableContentScroll", required: !1, type: { name: "boolean" } }, sidebarPosition: { defaultValue: { value: "left" }, description: "Sidebar position. Default: 'left'", name: "sidebarPosition", required: !1, type: { name: "enum", value: [{ value: '"left"' }, { value: '"right"' }] } }, sidebarPadding: { defaultValue: { value: "1" }, description: "Padding for sidebar content. Default: 1", name: "sidebarPadding", required: !1, type: { name: "string | number" } }, contentPadding: { defaultValue: { value: "1" }, description: "Padding for main content. Default: 0", name: "contentPadding", required: !1, type: { name: "string | number" } }, sidebarHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for sidebar header. Default: 2", name: "sidebarHeaderPadding", required: !1, type: { name: "string | number" } }, contentHeaderPadding: { defaultValue: { value: "2" }, description: "Padding for content header. Default: 2", name: "contentHeaderPadding", required: !1, type: { name: "string | number" } } } };
 } catch {
 }
 export {

package/dist/s-zoom-image/index.js

@@ -1,6 +1,6 @@
 import { SZoomImage as r } from "./s-zoom-image.js";
 try {
-  szoomimage.displayName = "szoomimage", szoomimage.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "szoomimage", props: { borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
+  szoomimage.displayName = "szoomimage", szoomimage.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "szoomimage", props: { height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
 } catch {
 }
 try {

package/dist/s-zoom-image/s-zoom-image.js

@@ -84,11 +84,11 @@ const o = L.forwardRef(
 );
 o.displayName = "SZoomImage";
 try {
-  o.displayName = "SZoomImage", o.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "SZoomImage", props: { borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
+  o.displayName = "SZoomImage", o.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "SZoomImage", props: { height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
 } catch {
 }
 try {
-  szoomimage.displayName = "szoomimage", szoomimage.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "szoomimage", props: { borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
+  szoomimage.displayName = "szoomimage", szoomimage.__docgenInfo = { description: "An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.", displayName: "szoomimage", props: { height: { defaultValue: { value: "100%" }, description: "Image height for lazy loading skeleton", name: "height", required: !1, type: { name: "string | number" } }, transitionDuration: { defaultValue: { value: "0.3" }, description: "Duration of the spring animation in seconds", name: "transitionDuration", required: !1, type: { name: "number" } }, width: { defaultValue: { value: "100%" }, description: "Image width for lazy loading skeleton", name: "width", required: !1, type: { name: "string | number" } }, borderRadius: { defaultValue: { value: "1.5" }, description: "Border radius (number uses theme spacing, string accepts any CSS unit)", name: "borderRadius", required: !1, type: { name: "string | number" } }, alt: { defaultValue: null, description: "Alternative text for accessibility", name: "alt", required: !0, type: { name: "string" } }, src: { defaultValue: null, description: "Image source URL", name: "src", required: !0, type: { name: "string" } }, zoomScale: { defaultValue: { value: "1.2" }, description: "Scale factor to apply on zoom", name: "zoomScale", required: !1, type: { name: "number" } }, imgStyle: { defaultValue: null, description: "Custom styles applied to the image element", name: "imgStyle", required: !1, type: { name: "CSSProperties" } }, imgClassName: { defaultValue: null, description: "Custom class name for the image element", name: "imgClassName", required: !1, type: { name: "string" } }, skeletonVariant: { defaultValue: { value: "rounded" }, description: "Skeleton variant while loading", name: "skeletonVariant", required: !1, type: { name: "enum", value: [{ value: '"text"' }, { value: '"rectangular"' }, { value: '"rounded"' }, { value: '"circular"' }] } } } };
 } catch {
 }
 export {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.168",
+  "version": "1.0.169",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",
@@ -20,7 +20,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc --p ./tsconfig-build.json && vite build",
-    "build:docs": "vite build --config vite.docs.config.ts",
+    "build:mcp": "tsx scripts/build-mcp-data.ts",
+    "build:docs": "npm run build:mcp && vite build --config vite.docs.config.ts",
     "build:lib": "tsc --p ./tsconfig-build.json && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint --fix . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -64,6 +65,7 @@
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.4.2",
     "@joshwooding/vite-plugin-react-docgen-typescript": "^0.6.3",
+    "@types/fs-extra": "^11.0.4",
     "@types/node": "^22.15.30",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
@@ -71,6 +73,7 @@
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^8.33.1",
     "@typescript-eslint/parser": "^8.33.1",
+    "@vercel/node": "^5.5.16",
     "@vitejs/plugin-react": "^4.5.1",
     "baseline-browser-mapping": "^2.9.11",
     "eslint": "^9.28.0",
@@ -81,7 +84,10 @@
     "lint-staged": "^16.1.0",
     "prettier": "^3.5.3",
     "react": "^19.1.0",
+    "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.1.0",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.21.0",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
@@ -116,5 +122,10 @@
   },
   "keywords": [],
   "author": "Lê Đặng Trường Đạt",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.25.1",
+    "fs-extra": "^11.3.3",
+    "zod": "^4.2.1"
+  }
 }