@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-flex-box/index.js

@@ -1,4 +1,4 @@
-import { SFlexBox as x } from "./s-flex-box.js";
-export {
-  x as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { SFlexBox as e } from "./s-flex-box.js";
+export { e as default };

package/dist/s-flex-box/s-flex-box.d.ts

@@ -3,9 +3,6 @@ import { BoxProps } from '@mui/material/Box';
  * Props interface for SFlexBox component
  */
 export type SFlexBoxProps = BoxProps;
-/**
- * A flex container component that defaults display to flex with all Material-UI Box capabilities.
- */
 export declare const SFlexBox: {
     ({ children, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-flex-box/s-flex-box.js

@@ -1,8 +1,12 @@
-import { j as s } from "../jsx-runtime-tc70JA_2.js";
-import { B as e } from "../Box-BkXoTbe8.js";
-const r = ({ children: o, ...x }) => /* @__PURE__ */ s.jsx(e, { display: "flex", ...x, children: o });
+import "../createTheme-CMuiGmV-.js";
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { t } from "../Box-a5uPlxYL.js";
+//#region lib/s-flex-box/s-flex-box.tsx
+var n = e(), r = ({ children: e, ...r }) => /* @__PURE__ */ (0, n.jsx)(t, {
+	display: "flex",
+	...r,
+	children: e
+});
 r.displayName = "SFlexBox";
-export {
-  r as SFlexBox,
-  r as default
-};
+//#endregion
+export { r as SFlexBox, r as default };

package/dist/s-form/index.js

@@ -1,4 +1,3 @@
-import { SForm as a } from "./s-form.js";
-export {
-  a as default
-};
+import "../jsx-runtime-V-UOMaX1.js";
+import { SForm as e } from "./s-form.js";
+export { e as default };

package/dist/s-form/s-form.d.ts

@@ -15,7 +15,6 @@ export interface SFormProps {
     /** HTML 'for' attribute to associate label with input element */
     htmlFor?: string;
 }
-/** A form wrapper component that provides consistent labeling, error handling, and help text. */
 export declare const SForm: {
     ({ label, hint, error, required, children, htmlFor }: SFormProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-form/s-form.js

@@ -1,16 +1,24 @@
-import { j as e } from "../jsx-runtime-tc70JA_2.js";
-import { FormControl as i, FormLabel as x, FormHelperText as o } from "@mui/material";
-const a = ({ label: r, hint: s, error: l, required: n, children: t, htmlFor: m }) => /* @__PURE__ */ e.jsxs(i, { error: !!l, fullWidth: !0, children: [
-  r ? /* @__PURE__ */ e.jsxs(x, { htmlFor: m, required: n, sx: { display: "flex", alignItems: "center" }, children: [
-    r,
-    " "
-  ] }) : null,
-  t,
-  s && !l ? /* @__PURE__ */ e.jsx(o, { children: s }) : null,
-  l ? /* @__PURE__ */ e.jsx(o, { children: l }) : null
-] });
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { FormControl as t, FormHelperText as n, FormLabel as r } from "@mui/material";
+//#region lib/s-form/s-form.tsx
+var i = e(), a = ({ label: e, hint: a, error: o, required: s, children: c, htmlFor: l }) => /* @__PURE__ */ (0, i.jsxs)(t, {
+	error: !!o,
+	fullWidth: !0,
+	children: [
+		e ? /* @__PURE__ */ (0, i.jsxs)(r, {
+			htmlFor: l,
+			required: s,
+			sx: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: [e, " "]
+		}) : null,
+		c,
+		a && !o ? /* @__PURE__ */ (0, i.jsx)(n, { children: a }) : null,
+		o ? /* @__PURE__ */ (0, i.jsx)(n, { children: o }) : null
+	]
+});
 a.displayName = "SForm";
-export {
-  a as SForm,
-  a as default
-};
+//#endregion
+export { a as SForm, a as default };

package/dist/s-gallery/index.js

@@ -1,5 +1,4 @@
-import { MediaItem as l, SGallery as r } from "./s-gallery.js";
-export {
-  l as MediaItem,
-  r as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { MediaItem as e, SGallery as t } from "./s-gallery.js";
+export { e as MediaItem, t as default };

package/dist/s-gallery/s-gallery.d.ts

@@ -12,22 +12,6 @@ export type MediaItemProps = {
     /** Click handler */
     onClick?: () => void;
 };
-/**
- * MediaItem - Renders individual media items (images or videos) with optimized loading and playback.
- *
- * For videos:
- * - Intersection Observer for viewport-based autoplay/pause
- * - Buffering state management with loading indicator
- * - Muted autoplay with loop for engagement
- * - Preloading for smooth playback
- *
- * For images:
- * - Lazy loading via SLazyImage component
- * - Optimized object-fit handling
- *
- * @param props - MediaItemProps with item data and handlers
- * @returns JSX.Element - Rendered media item
- */
 export declare const MediaItem: React.FC<MediaItemProps>;
 /**
  * Built-in layout variants for the gallery
@@ -46,8 +30,5 @@ export interface SGalleryProps {
     /** Number of skeleton items to show when loading (default: 6) */
     skeletonCount?: number;
 }
-/**
- * A sophisticated media gallery with drag-and-drop reordering, modal viewing, and multiple layout variants.
- */
 export declare const SGallery: React.FC<SGalleryProps>;
 export default SGallery;