@fragments-sdk/ui 0.13.0 → 0.15.1

package/dist/components/Icon/index.d.ts

@@ -1,18 +1,37 @@
 import * as React from 'react';
-import type { IconProps as PhosphorIconProps } from '@phosphor-icons/react';
-export interface IconProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> {
-    /** The Phosphor icon component to render */
-    icon: React.ComponentType<PhosphorIconProps>;
+type AnyIconComponent = React.ComponentType<any>;
+type IconComponentProps<TIcon extends AnyIconComponent> = React.ComponentPropsWithoutRef<TIcon>;
+export type IconProps<TIcon extends AnyIconComponent = AnyIconComponent> = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & {
+    /** The icon component to render */
+    icon: TIcon;
     /** Size of the icon */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Weight/style of the icon */
-    weight?: 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
+    /** Optional style/weight hint forwarded when the icon component supports a `weight` prop */
+    weight?: string;
     /** Semantic color variant */
     variant?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error';
     /** @deprecated Use variant instead */
     color?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'success' | 'warning' | 'error';
-}
-export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>> & {
-    Root: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLSpanElement>>;
+    /** Additional props forwarded to the underlying icon component (typed from `icon`) */
+    iconProps?: Partial<IconComponentProps<TIcon>>;
 };
+declare const IconRoot: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "color"> & {
+    /** The icon component to render */
+    icon: AnyIconComponent;
+    /** Size of the icon */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /** Optional style/weight hint forwarded when the icon component supports a `weight` prop */
+    weight?: string;
+    /** Semantic color variant */
+    variant?: "default" | "primary" | "secondary" | "tertiary" | "accent" | "success" | "warning" | "error";
+    /** @deprecated Use variant instead */
+    color?: "primary" | "secondary" | "tertiary" | "accent" | "success" | "warning" | "error";
+    /** Additional props forwarded to the underlying icon component (typed from `icon`) */
+    iconProps?: Partial<Omit<any, "ref">> | undefined;
+} & React.RefAttributes<HTMLSpanElement>>;
+type IconComponentSignature = <TIcon extends AnyIconComponent = AnyIconComponent>(props: IconProps<TIcon> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;
+export declare const Icon: typeof IconRoot & IconComponentSignature & {
+    Root: typeof IconRoot;
+};
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG5E,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACrF,4CAA4C;IAC5C,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpE,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxG,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CAC3F;AA2CD,eAAO,MAAM,IAAI;;CAEf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACjD,KAAK,kBAAkB,CAAC,KAAK,SAAS,gBAAgB,IAAI,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAEhG,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,IACrE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC,GAAG;IACrD,mCAAmC;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,uBAAuB;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC,4FAA4F;IAC5F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxG,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1F,sFAAsF;IACtF,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;CAChD,CAAC;AAUJ,QAAA,MAAM,QAAQ;IAtBV,mCAAmC;;IAEnC,uBAAuB;WAChB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACvC,4FAA4F;aACnF,MAAM;IACf,6BAA6B;cACnB,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;IACvG,sCAAsC;YAC9B,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO;IACzF,sFAAsF;;yCAwDzF,CAAC;AAEF,KAAK,sBAAsB,GAAG,CAAC,KAAK,SAAS,gBAAgB,GAAG,gBAAgB,EAC9E,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAC3D,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,eAAO,MAAM,IAAI,EAEX,OAAO,QAAQ,GAAG,sBAAsB,GAAG;IAC/C,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC"}

package/dist/components/Icon/index.js

@@ -15,6 +15,7 @@ const IconRoot = React.forwardRef(
     weight = "regular",
     variant,
     color,
+    iconProps,
     className,
     style,
     ...htmlProps
@@ -25,7 +26,16 @@ const IconRoot = React.forwardRef(
       colorVariant && colorVariant !== "default" && styles[colorVariant],
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsx(IconComponent, { size: sizeMap[size], weight }) });
+    const resolvedIconProps = {
+      ...iconProps
+    };
+    if (!("size" in resolvedIconProps)) {
+      resolvedIconProps.size = sizeMap[size];
+    }
+    if (weight && !("weight" in resolvedIconProps)) {
+      resolvedIconProps.weight = weight;
+    }
+    return /* @__PURE__ */ jsx("span", { ref, ...htmlProps, className: classes, style, children: /* @__PURE__ */ jsx(IconComponent, { ...resolvedIconProps }) });
   }
 );
 const Icon = Object.assign(IconRoot, {
@@ -34,4 +44,3 @@ const Icon = Object.assign(IconRoot, {
 export {
   Icon
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Image/Image.module.scss.cjs

@@ -1,46 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const imageContainer = "_imageContainer_jaiqu_1";
-const image = "_image_jaiqu_1";
-const fitCover = "_fit-cover_jaiqu_15";
-const fitContain = "_fit-contain_jaiqu_19";
-const fitFill = "_fit-fill_jaiqu_23";
-const fitNone = "_fit-none_jaiqu_27";
-const aspect11 = "_aspect-1-1_jaiqu_31";
-const aspect43 = "_aspect-4-3_jaiqu_35";
-const aspect169 = "_aspect-16-9_jaiqu_39";
-const aspect219 = "_aspect-21-9_jaiqu_43";
-const roundedSm = "_rounded-sm_jaiqu_47";
-const roundedMd = "_rounded-md_jaiqu_51";
-const roundedLg = "_rounded-lg_jaiqu_55";
-const roundedFull = "_rounded-full_jaiqu_59";
-const fallback = "_fallback_jaiqu_63";
+const imageContainer = "_imageContainer_cdvml_1";
+const image = "_image_cdvml_1";
+const fitCover = "_fit-cover_cdvml_15";
+const fitContain = "_fit-contain_cdvml_19";
+const fitFill = "_fit-fill_cdvml_23";
+const fitNone = "_fit-none_cdvml_27";
+const aspect11 = "_aspect-1-1_cdvml_31";
+const aspect43 = "_aspect-4-3_cdvml_35";
+const aspect169 = "_aspect-16-9_cdvml_39";
+const aspect219 = "_aspect-21-9_cdvml_43";
+const roundedSm = "_rounded-sm_cdvml_47";
+const roundedMd = "_rounded-md_cdvml_51";
+const roundedLg = "_rounded-lg_cdvml_55";
+const roundedFull = "_rounded-full_cdvml_59";
+const fallback = "_fallback_cdvml_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_jaiqu_15",
+  "fit-cover": "_fit-cover_cdvml_15",
   fitCover,
-  "fit-contain": "_fit-contain_jaiqu_19",
+  "fit-contain": "_fit-contain_cdvml_19",
   fitContain,
-  "fit-fill": "_fit-fill_jaiqu_23",
+  "fit-fill": "_fit-fill_cdvml_23",
   fitFill,
-  "fit-none": "_fit-none_jaiqu_27",
+  "fit-none": "_fit-none_cdvml_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_jaiqu_31",
+  "aspect-1-1": "_aspect-1-1_cdvml_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_jaiqu_35",
+  "aspect-4-3": "_aspect-4-3_cdvml_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_jaiqu_39",
+  "aspect-16-9": "_aspect-16-9_cdvml_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_jaiqu_43",
+  "aspect-21-9": "_aspect-21-9_cdvml_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_jaiqu_47",
+  "rounded-sm": "_rounded-sm_cdvml_47",
   roundedSm,
-  "rounded-md": "_rounded-md_jaiqu_51",
+  "rounded-md": "_rounded-md_cdvml_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_jaiqu_55",
+  "rounded-lg": "_rounded-lg_cdvml_55",
   roundedLg,
-  "rounded-full": "_rounded-full_jaiqu_59",
+  "rounded-full": "_rounded-full_cdvml_59",
   roundedFull,
   fallback
 };
@@ -60,4 +60,3 @@ exports.roundedFull = roundedFull;
 exports.roundedLg = roundedLg;
 exports.roundedMd = roundedMd;
 exports.roundedSm = roundedSm;
-//# sourceMappingURL=Image.module.scss.cjs.map

package/dist/components/Image/Image.module.scss.js

@@ -1,44 +1,44 @@
-const imageContainer = "_imageContainer_jaiqu_1";
-const image = "_image_jaiqu_1";
-const fitCover = "_fit-cover_jaiqu_15";
-const fitContain = "_fit-contain_jaiqu_19";
-const fitFill = "_fit-fill_jaiqu_23";
-const fitNone = "_fit-none_jaiqu_27";
-const aspect11 = "_aspect-1-1_jaiqu_31";
-const aspect43 = "_aspect-4-3_jaiqu_35";
-const aspect169 = "_aspect-16-9_jaiqu_39";
-const aspect219 = "_aspect-21-9_jaiqu_43";
-const roundedSm = "_rounded-sm_jaiqu_47";
-const roundedMd = "_rounded-md_jaiqu_51";
-const roundedLg = "_rounded-lg_jaiqu_55";
-const roundedFull = "_rounded-full_jaiqu_59";
-const fallback = "_fallback_jaiqu_63";
+const imageContainer = "_imageContainer_cdvml_1";
+const image = "_image_cdvml_1";
+const fitCover = "_fit-cover_cdvml_15";
+const fitContain = "_fit-contain_cdvml_19";
+const fitFill = "_fit-fill_cdvml_23";
+const fitNone = "_fit-none_cdvml_27";
+const aspect11 = "_aspect-1-1_cdvml_31";
+const aspect43 = "_aspect-4-3_cdvml_35";
+const aspect169 = "_aspect-16-9_cdvml_39";
+const aspect219 = "_aspect-21-9_cdvml_43";
+const roundedSm = "_rounded-sm_cdvml_47";
+const roundedMd = "_rounded-md_cdvml_51";
+const roundedLg = "_rounded-lg_cdvml_55";
+const roundedFull = "_rounded-full_cdvml_59";
+const fallback = "_fallback_cdvml_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_jaiqu_15",
+  "fit-cover": "_fit-cover_cdvml_15",
   fitCover,
-  "fit-contain": "_fit-contain_jaiqu_19",
+  "fit-contain": "_fit-contain_cdvml_19",
   fitContain,
-  "fit-fill": "_fit-fill_jaiqu_23",
+  "fit-fill": "_fit-fill_cdvml_23",
   fitFill,
-  "fit-none": "_fit-none_jaiqu_27",
+  "fit-none": "_fit-none_cdvml_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_jaiqu_31",
+  "aspect-1-1": "_aspect-1-1_cdvml_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_jaiqu_35",
+  "aspect-4-3": "_aspect-4-3_cdvml_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_jaiqu_39",
+  "aspect-16-9": "_aspect-16-9_cdvml_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_jaiqu_43",
+  "aspect-21-9": "_aspect-21-9_cdvml_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_jaiqu_47",
+  "rounded-sm": "_rounded-sm_cdvml_47",
   roundedSm,
-  "rounded-md": "_rounded-md_jaiqu_51",
+  "rounded-md": "_rounded-md_cdvml_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_jaiqu_55",
+  "rounded-lg": "_rounded-lg_cdvml_55",
   roundedLg,
-  "rounded-full": "_rounded-full_jaiqu_59",
+  "rounded-full": "_rounded-full_cdvml_59",
   roundedFull,
   fallback
 };
@@ -60,4 +60,3 @@ export {
   roundedMd,
   roundedSm
 };
-//# sourceMappingURL=Image.module.scss.js.map

package/dist/components/Image/index.cjs

@@ -31,7 +31,11 @@ const ImageRoot = React__namespace.forwardRef(
     rounded = "none",
     fallback,
     className,
-    style
+    style,
+    imgProps,
+    onImageLoad,
+    onImageError,
+    ...htmlProps
   }, ref) {
     const imgRef = React__namespace.useRef(null);
     const [status, setStatus] = React__namespace.useState("loading");
@@ -41,8 +45,14 @@ const ImageRoot = React__namespace.forwardRef(
         setStatus(img.naturalWidth > 0 ? "loaded" : "error");
       }
     }, [src]);
-    const handleLoad = () => setStatus("loaded");
-    const handleError = () => setStatus("error");
+    const handleLoad = (event) => {
+      setStatus("loaded");
+      onImageLoad == null ? void 0 : onImageLoad(event);
+    };
+    const handleError = (event) => {
+      setStatus("error");
+      onImageError == null ? void 0 : onImageError(event);
+    };
     const classes = [
       Image_module.default.imageContainer,
       aspectRatio !== "auto" && Image_module.default[`aspect-${aspectRatio.replace(":", "-")}`],
@@ -58,12 +68,13 @@ const ImageRoot = React__namespace.forwardRef(
       ...width !== void 0 && { width: typeof width === "number" ? `${width}px` : width },
       ...height !== void 0 && { height: typeof height === "number" ? `${height}px` : height }
     };
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: classes, style: containerStyle, children: status === "error" && fallback ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: Image_module.default.fallback, children: fallback }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...htmlProps, className: classes, style: containerStyle, children: status === "error" && fallback ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: Image_module.default.fallback, children: fallback }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       status === "loading" && fallback && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Image_module.default.fallback, children: fallback }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
           ref: imgRef,
+          ...imgProps,
           src,
           alt,
           className: imgClasses,
@@ -79,4 +90,3 @@ const Image = Object.assign(ImageRoot, {
   Root: ImageRoot
 });
 exports.Image = Image;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Image/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export interface ImageProps {
+export interface ImageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Image source URL */
     src: string;
     /** Alt text for accessibility */
@@ -20,6 +20,12 @@ export interface ImageProps {
     className?: string;
     /** Inline styles */
     style?: React.CSSProperties;
+    /** Additional props for the underlying img element */
+    imgProps?: Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'width' | 'height' | 'className' | 'style' | 'onLoad' | 'onError'>;
+    /** Called when the image finishes loading */
+    onImageLoad?: React.ReactEventHandler<HTMLImageElement>;
+    /** Called when the image fails to load */
+    onImageError?: React.ReactEventHandler<HTMLImageElement>;
 }
 export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>> & {
     Root: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAU;IACzB,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC/C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA+ED,eAAO,MAAM,KAAK;;CAEhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Image/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAClD,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC/C,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,IAAI,CACb,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAClF,CAAC;IACF,6CAA6C;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACxD,0CAA0C;IAC1C,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AA0FD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}

package/dist/components/Image/index.js

@@ -12,7 +12,11 @@ const ImageRoot = React.forwardRef(
     rounded = "none",
     fallback,
     className,
-    style
+    style,
+    imgProps,
+    onImageLoad,
+    onImageError,
+    ...htmlProps
   }, ref) {
     const imgRef = React.useRef(null);
     const [status, setStatus] = React.useState("loading");
@@ -22,8 +26,14 @@ const ImageRoot = React.forwardRef(
         setStatus(img.naturalWidth > 0 ? "loaded" : "error");
       }
     }, [src]);
-    const handleLoad = () => setStatus("loaded");
-    const handleError = () => setStatus("error");
+    const handleLoad = (event) => {
+      setStatus("loaded");
+      onImageLoad == null ? void 0 : onImageLoad(event);
+    };
+    const handleError = (event) => {
+      setStatus("error");
+      onImageError == null ? void 0 : onImageError(event);
+    };
     const classes = [
       styles.imageContainer,
       aspectRatio !== "auto" && styles[`aspect-${aspectRatio.replace(":", "-")}`],
@@ -39,12 +49,13 @@ const ImageRoot = React.forwardRef(
       ...width !== void 0 && { width: typeof width === "number" ? `${width}px` : width },
       ...height !== void 0 && { height: typeof height === "number" ? `${height}px` : height }
     };
-    return /* @__PURE__ */ jsx("div", { ref, className: classes, style: containerStyle, children: status === "error" && fallback ? /* @__PURE__ */ jsx("div", { className: styles.fallback, children: fallback }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsx("div", { ref, ...htmlProps, className: classes, style: containerStyle, children: status === "error" && fallback ? /* @__PURE__ */ jsx("div", { className: styles.fallback, children: fallback }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       status === "loading" && fallback && /* @__PURE__ */ jsx("div", { className: styles.fallback, children: fallback }),
       /* @__PURE__ */ jsx(
         "img",
         {
           ref: imgRef,
+          ...imgProps,
           src,
           alt,
           className: imgClasses,
@@ -62,4 +73,3 @@ const Image = Object.assign(ImageRoot, {
 export {
   Image
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Input/Input.module.scss.cjs

@@ -1,35 +1,40 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_11ujh_1";
-const label = "_label_11ujh_6";
-const input = "_input_11ujh_14";
-const sm = "_sm_11ujh_54";
-const md = "_md_11ujh_60";
-const lg = "_lg_11ujh_66";
-const labelSm = "_labelSm_11ujh_72";
-const error = "_error_11ujh_76";
-const helper = "_helper_11ujh_84";
-const helperError = "_helperError_11ujh_91";
-const inputContainer = "_inputContainer_11ujh_95";
-const hasShortcut = "_hasShortcut_11ujh_101";
-const shortcut = "_shortcut_11ujh_105";
+const wrapper = "_wrapper_1cha3_1";
+const label = "_label_1cha3_6";
+const required = "_required_1cha3_14";
+const helper = "_helper_1cha3_19";
+const helperError = "_helperError_1cha3_26";
+const errorMessage = "_errorMessage_1cha3_30";
+const input = "_input_1cha3_36";
+const sm = "_sm_1cha3_76";
+const md = "_md_1cha3_82";
+const lg = "_lg_1cha3_88";
+const labelSm = "_labelSm_1cha3_94";
+const error = "_error_1cha3_30";
+const inputContainer = "_inputContainer_1cha3_112";
+const shortcut = "_shortcut_1cha3_117";
+const hasShortcut = "_hasShortcut_1cha3_121";
 const styles = {
   wrapper,
   label,
+  required,
+  helper,
+  helperError,
+  errorMessage,
   input,
   sm,
   md,
   lg,
   labelSm,
   error,
-  helper,
-  helperError,
   inputContainer,
-  hasShortcut,
-  shortcut
+  shortcut,
+  hasShortcut
 };
 exports.default = styles;
 exports.error = error;
+exports.errorMessage = errorMessage;
 exports.hasShortcut = hasShortcut;
 exports.helper = helper;
 exports.helperError = helperError;
@@ -39,7 +44,7 @@ exports.label = label;
 exports.labelSm = labelSm;
 exports.lg = lg;
 exports.md = md;
+exports.required = required;
 exports.shortcut = shortcut;
 exports.sm = sm;
 exports.wrapper = wrapper;
-//# sourceMappingURL=Input.module.scss.cjs.map

package/dist/components/Input/Input.module.scss.js

@@ -1,34 +1,39 @@
-const wrapper = "_wrapper_11ujh_1";
-const label = "_label_11ujh_6";
-const input = "_input_11ujh_14";
-const sm = "_sm_11ujh_54";
-const md = "_md_11ujh_60";
-const lg = "_lg_11ujh_66";
-const labelSm = "_labelSm_11ujh_72";
-const error = "_error_11ujh_76";
-const helper = "_helper_11ujh_84";
-const helperError = "_helperError_11ujh_91";
-const inputContainer = "_inputContainer_11ujh_95";
-const hasShortcut = "_hasShortcut_11ujh_101";
-const shortcut = "_shortcut_11ujh_105";
+const wrapper = "_wrapper_1cha3_1";
+const label = "_label_1cha3_6";
+const required = "_required_1cha3_14";
+const helper = "_helper_1cha3_19";
+const helperError = "_helperError_1cha3_26";
+const errorMessage = "_errorMessage_1cha3_30";
+const input = "_input_1cha3_36";
+const sm = "_sm_1cha3_76";
+const md = "_md_1cha3_82";
+const lg = "_lg_1cha3_88";
+const labelSm = "_labelSm_1cha3_94";
+const error = "_error_1cha3_30";
+const inputContainer = "_inputContainer_1cha3_112";
+const shortcut = "_shortcut_1cha3_117";
+const hasShortcut = "_hasShortcut_1cha3_121";
 const styles = {
   wrapper,
   label,
+  required,
+  helper,
+  helperError,
+  errorMessage,
   input,
   sm,
   md,
   lg,
   labelSm,
   error,
-  helper,
-  helperError,
   inputContainer,
-  hasShortcut,
-  shortcut
+  shortcut,
+  hasShortcut
 };
 export {
   styles as default,
   error,
+  errorMessage,
   hasShortcut,
   helper,
   helperError,
@@ -38,8 +43,8 @@ export {
   labelSm,
   lg,
   md,
+  required,
   shortcut,
   sm,
   wrapper
 };
-//# sourceMappingURL=Input.module.scss.js.map