@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/image/image.cjs

@@ -0,0 +1,251 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Image: ()=>image_Image,
+    ImagePreview: ()=>ImagePreview,
+    ImagePreviewControl: ()=>ImagePreviewControl,
+    ImagePreviewGroup: ()=>ImagePreviewGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const loading_cjs_namespaceObject = require("../loading/loading.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const field_cjs_namespaceObject = require("../shared/field.cjs");
+const use_client_cjs_namespaceObject = require("../shared/use-client.cjs");
+const use_controllable_cjs_namespaceObject = require("../shared/use-controllable.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+const Viewer = /*#__PURE__*/ (0, external_react_namespaceObject.lazy)(()=>import("./viewer.cjs").then((module)=>({
+            default: module.ImageViewer
+        })));
+function ImagePreviewControl(props) {
+    const client = (0, use_client_cjs_namespaceObject.useClient)();
+    const [visited, setVisited] = (0, external_react_namespaceObject.useState)(props.open);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (props.open) setVisited(true);
+    }, [
+        props.open
+    ]);
+    if (!client || !props.open && !visited) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Suspense, {
+        fallback: null,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Viewer, {
+            ...props
+        })
+    });
+}
+const GroupContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+function ImagePreviewGroup(rawProps) {
+    const { children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ImagePreviewGroup', rawProps);
+    const [open, setOpen] = (0, use_controllable_cjs_namespaceObject.useControllable)(controlled, defaultOpen, onOpenChange);
+    const [index, setIndex] = (0, use_controllable_cjs_namespaceObject.useControllable)(controlledIndex, defaultIndex, onIndexChange);
+    const [registered, setRegistered] = (0, external_react_namespaceObject.useState)([]);
+    const register = (0, external_react_namespaceObject.useMemo)(()=>(id, item)=>setRegistered((previous)=>{
+                const position = previous.findIndex((entry)=>entry.id === id);
+                if (!item) return previous.filter((entry)=>entry.id !== id);
+                if (position < 0) return [
+                    ...previous,
+                    {
+                        id,
+                        item
+                    }
+                ];
+                return previous.map((entry)=>entry.id === id ? {
+                        id,
+                        item
+                    } : entry);
+            }), []);
+    const context = (0, external_react_namespaceObject.useMemo)(()=>({
+            register,
+            show (id) {
+                const position = registered.findIndex((entry)=>entry.id === id);
+                if (position >= 0) {
+                    setIndex(position);
+                    setOpen(true);
+                }
+            }
+        }), [
+        registered,
+        setIndex,
+        setOpen,
+        register
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(GroupContext.Provider, {
+        value: context,
+        children: [
+            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
+                items: items ?? registered.map((entry)=>entry.item),
+                open: open,
+                index: index,
+                onClose: ()=>setOpen(false),
+                onIndexChange: setIndex,
+                thumbnails: thumbnails,
+                downloadable: downloadable
+            })
+        ]
+    });
+}
+const image_Image = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Image', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
+    const group = (0, external_react_namespaceObject.useContext)(GroupContext);
+    const id = (0, external_react_namespaceObject.useId)();
+    const native = (0, external_react_namespaceObject.useRef)(null);
+    const mergedRef = (0, field_cjs_namespaceObject.useMergedRef)(native, ref);
+    const [state, setState] = (0, external_react_namespaceObject.useState)('loading');
+    const [open, setOpen] = (0, external_react_namespaceObject.useState)(false);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const node = native.current;
+        setState(node?.complete ? node.naturalWidth > 0 ? 'ready' : 'error' : 'loading');
+    }, [
+        src
+    ]);
+    const register = group?.register;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        register?.(id, preview && src ? {
+            src: previewSrc ?? src,
+            alt
+        } : null);
+    }, [
+        id,
+        src,
+        previewSrc,
+        alt,
+        preview,
+        register
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>()=>register?.(id, null), [
+        id,
+        register
+    ]);
+    const image = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
+        ...props,
+        ref: mergedRef,
+        src: src,
+        alt: alt,
+        width: width,
+        height: height,
+        loading: props.loading ?? 'lazy',
+        style: {
+            objectFit: fit
+        },
+        onLoad: (event)=>{
+            setState('ready');
+            onLoad?.(event);
+        },
+        onError: (event)=>{
+            setState('error');
+            onError?.(event);
+        }
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-image', className),
+        style: {
+            width,
+            height,
+            ...style
+        },
+        "data-state": state,
+        children: [
+            preview && src ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                type: "button",
+                className: "leaf-image__trigger",
+                "aria-label": format('image.previewImage', {
+                    alt: alt ? `: ${alt}` : ''
+                }),
+                onClick: (event)=>{
+                    if (!event.defaultPrevented && 'error' !== state) if (group) group.show(id);
+                    else setOpen(true);
+                },
+                children: [
+                    image,
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-image__zoom",
+                        "aria-hidden": "true",
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Scan, {
+                            size: 20
+                        })
+                    })
+                ]
+            }) : image,
+            'loading' === state && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-image__placeholder",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_cjs_namespaceObject.LoadingControl, {
+                    size: "sm"
+                })
+            }),
+            'error' === state && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-image__placeholder",
+                role: "img",
+                "aria-label": alt || t('image.imageUnavailable'),
+                children: fallback ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ImageOff, {
+                    size: 24,
+                    "aria-hidden": "true"
+                })
+            }),
+            !group && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
+                items: src ? [
+                    {
+                        src: previewSrc ?? src,
+                        alt
+                    }
+                ] : [],
+                open: open,
+                onClose: ()=>setOpen(false)
+            })
+        ]
+    });
+});
+function ImagePreview(rawProps) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('ImagePreview', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ImagePreviewControl, {
+        ...props
+    });
+}
+exports.Image = __webpack_exports__.Image;
+exports.ImagePreview = __webpack_exports__.ImagePreview;
+exports.ImagePreviewControl = __webpack_exports__.ImagePreviewControl;
+exports.ImagePreviewGroup = __webpack_exports__.ImagePreviewGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Image",
+    "ImagePreview",
+    "ImagePreviewControl",
+    "ImagePreviewGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=image.cjs.map

package/dist/cjs/image/image.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image/image.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/image/image.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ImageOff, Scan } from 'lucide-react';\nimport {\n  createContext,\n  forwardRef,\n  type ImgHTMLAttributes,\n  lazy,\n  type ReactNode,\n  Suspense,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\nimport { useFormattedText } from '../shared/use-formatted-text';\nimport { useText } from '../shared/use-text';\n\nexport interface ImagePreviewItem {\n  src: string;\n  thumbnailSrc?: string;\n  alt?: string;\n  width?: number;\n  height?: number;\n  download?: string | boolean;\n  downloadName?: string;\n}\nexport interface ImagePreviewProps {\n  items: readonly ImagePreviewItem[];\n  open: boolean;\n  index?: number;\n  onClose: () => void;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nconst Viewer = lazy(() => import('./viewer').then((module) => ({ default: module.ImageViewer })));\nexport function ImagePreviewControl(props: ImagePreviewProps) {\n  const client = useClient();\n  const [visited, setVisited] = useState(props.open);\n  useEffect(() => {\n    if (props.open) setVisited(true);\n  }, [props.open]);\n  if (!client || (!props.open && !visited)) return null;\n  return (\n    <Suspense fallback={null}>\n      <Viewer {...props} />\n    </Suspense>\n  );\n}\ninterface GroupContextValue {\n  register: (id: string, item: ImagePreviewItem | null) => void;\n  show: (id: string) => void;\n}\nconst GroupContext = createContext<GroupContextValue | null>(null);\nexport interface ImagePreviewGroupProps {\n  children?: ReactNode;\n  items?: readonly ImagePreviewItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  index?: number;\n  defaultIndex?: number;\n  onIndexChange?: (index: number) => void;\n  thumbnails?: boolean;\n  downloadable?: boolean;\n}\nexport function ImagePreviewGroup(rawProps: ImagePreviewGroupProps) {\n  const {\n    children,\n    items,\n    open: controlled,\n    defaultOpen = false,\n    onOpenChange,\n    index: controlledIndex,\n    defaultIndex = 0,\n    onIndexChange,\n    thumbnails = true,\n    downloadable = false,\n  } = useComponentProps('ImagePreviewGroup', rawProps);\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [index, setIndex] = useControllable(controlledIndex, defaultIndex, onIndexChange);\n  const [registered, setRegistered] = useState<{ id: string; item: ImagePreviewItem }[]>([]);\n  // Registration must not depend on the list or opening a viewer would reorder images.\n  const register = useMemo(\n    () => (id: string, item: ImagePreviewItem | null) =>\n      setRegistered((previous) => {\n        const position = previous.findIndex((entry) => entry.id === id);\n        if (!item) return previous.filter((entry) => entry.id !== id);\n        if (position < 0) return [...previous, { id, item }];\n        return previous.map((entry) => (entry.id === id ? { id, item } : entry));\n      }),\n    [],\n  );\n  const context = useMemo<GroupContextValue>(\n    () => ({\n      register,\n      show(id) {\n        const position = registered.findIndex((entry) => entry.id === id);\n        if (position >= 0) {\n          setIndex(position);\n          setOpen(true);\n        }\n      },\n    }),\n    [registered, setIndex, setOpen, register],\n  );\n  return (\n    <GroupContext.Provider value={context}>\n      {children}\n      <ImagePreviewControl\n        items={items ?? registered.map((entry) => entry.item)}\n        open={open}\n        index={index}\n        onClose={() => setOpen(false)}\n        onIndexChange={setIndex}\n        thumbnails={thumbnails}\n        downloadable={downloadable}\n      />\n    </GroupContext.Provider>\n  );\n}\nexport interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {\n  preview?: boolean;\n  previewSrc?: string;\n  fallback?: ReactNode;\n  fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';\n}\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(function Image(\n  rawProps: ImageProps,\n  ref,\n) {\n  const {\n    src,\n    alt = '',\n    preview = true,\n    previewSrc,\n    fallback,\n    fit = 'cover',\n    className,\n    style,\n    width,\n    height,\n    onLoad,\n    onError,\n    ...props\n  } = useComponentProps('Image', rawProps);\n  const t = useText();\n  const format = useFormattedText();\n  const group = useContext(GroupContext);\n  const id = useId();\n  const native = useRef<HTMLImageElement>(null);\n  const mergedRef = useMergedRef(native, ref);\n  const [state, setState] = useState<'loading' | 'ready' | 'error'>('loading');\n  const [open, setOpen] = useState(false);\n  // biome-ignore lint/correctness/useExhaustiveDependencies: A changed source begins a new image loading cycle.\n  useEffect(() => {\n    const node = native.current;\n    setState(node?.complete ? (node.naturalWidth > 0 ? 'ready' : 'error') : 'loading');\n  }, [src]);\n  const register = group?.register;\n  useEffect(() => {\n    register?.(id, preview && src ? { src: previewSrc ?? src, alt } : null);\n  }, [id, src, previewSrc, alt, preview, register]);\n  useEffect(() => () => register?.(id, null), [id, register]);\n  const image = (\n    <img\n      {...props}\n      ref={mergedRef}\n      src={src}\n      alt={alt}\n      width={width}\n      height={height}\n      loading={props.loading ?? 'lazy'}\n      style={{ objectFit: fit }}\n      onLoad={(event) => {\n        setState('ready');\n        onLoad?.(event);\n      }}\n      onError={(event) => {\n        setState('error');\n        onError?.(event);\n      }}\n    />\n  );\n  return (\n    <span\n      className={classes('leaf-image', className)}\n      style={{ width, height, ...style }}\n      data-state={state}\n    >\n      {preview && src ? (\n        <button\n          type=\"button\"\n          className=\"leaf-image__trigger\"\n          aria-label={format('image.previewImage', { alt: alt ? `: ${alt}` : '' })}\n          onClick={(event) => {\n            if (!event.defaultPrevented && state !== 'error') {\n              if (group) group.show(id);\n              else setOpen(true);\n            }\n          }}\n        >\n          {image}\n          <span className=\"leaf-image__zoom\" aria-hidden=\"true\">\n            <Scan size={20} />\n          </span>\n        </button>\n      ) : (\n        image\n      )}\n      {state === 'loading' && (\n        <span className=\"leaf-image__placeholder\">\n          <Loading size=\"sm\" />\n        </span>\n      )}\n      {state === 'error' && (\n        <span\n          className=\"leaf-image__placeholder\"\n          role=\"img\"\n          aria-label={alt || t('image.imageUnavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreviewControl\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n\nexport function ImagePreview(rawProps: ImagePreviewProps) {\n  const props = useComponentProps('ImagePreview', rawProps);\n  return <ImagePreviewControl {...props} />;\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Viewer","lazy","module","ImagePreviewControl","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","rawProps","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","useComponentProps","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","ref","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","t","useText","format","useFormattedText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff","ImagePreview"],"mappings":"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"}

package/dist/cjs/image/image.d.cts

@@ -0,0 +1,42 @@
+import { type ImgHTMLAttributes, type ReactNode } from 'react';
+export interface ImagePreviewItem {
+    src: string;
+    thumbnailSrc?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    download?: string | boolean;
+    downloadName?: string;
+}
+export interface ImagePreviewProps {
+    items: readonly ImagePreviewItem[];
+    open: boolean;
+    index?: number;
+    onClose: () => void;
+    onIndexChange?: (index: number) => void;
+    thumbnails?: boolean;
+    downloadable?: boolean;
+}
+export declare function ImagePreviewControl(props: ImagePreviewProps): import("react").JSX.Element | null;
+export interface ImagePreviewGroupProps {
+    children?: ReactNode;
+    items?: readonly ImagePreviewItem[];
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    thumbnails?: boolean;
+    downloadable?: boolean;
+}
+export declare function ImagePreviewGroup(rawProps: ImagePreviewGroupProps): import("react").JSX.Element;
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+    preview?: boolean;
+    previewSrc?: string;
+    fallback?: ReactNode;
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+}
+export declare const Image: import("react").ForwardRefExoticComponent<ImageProps & import("react").RefAttributes<HTMLImageElement>>;
+export declare function ImagePreview(rawProps: ImagePreviewProps): import("react").JSX.Element;
+//# sourceMappingURL=image.d.cts.map

package/dist/cjs/image/image.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.cts","sourceRoot":"","sources":["../../../src/image/image.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,iBAAiB,EAEtB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB,sCAY3D;AAMD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AACD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB,+BAsDjE;AACD,MAAM,WAAW,UAAW,SAAQ,iBAAiB,CAAC,gBAAgB,CAAC;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;CAC5D;AACD,eAAO,MAAM,KAAK,yGA0GhB,CAAC;AAEH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,iBAAiB,+BAGvD"}

package/dist/cjs/image/index.cjs

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Image: ()=>external_image_cjs_namespaceObject.Image,
+    ImagePreview: ()=>external_image_cjs_namespaceObject.ImagePreview,
+    ImagePreviewGroup: ()=>external_image_cjs_namespaceObject.ImagePreviewGroup
+});
+const external_image_cjs_namespaceObject = require("./image.cjs");
+exports.Image = __webpack_exports__.Image;
+exports.ImagePreview = __webpack_exports__.ImagePreview;
+exports.ImagePreviewGroup = __webpack_exports__.ImagePreviewGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Image",
+    "ImagePreview",
+    "ImagePreviewGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/image/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/image/index.d.cts

@@ -0,0 +1,3 @@
+export type { ImagePreviewGroupProps, ImagePreviewItem, ImagePreviewProps, ImageProps, } from './image.cjs';
+export { Image, ImagePreview, ImagePreviewGroup } from './image.cjs';
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/image/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/image/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}