@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/cjs/browser/modules/form/validation.cjs

@@ -0,0 +1,115 @@
+"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__, {
+    useFormValidation: ()=>useFormValidation
+});
+const external_react_namespaceObject = require("react");
+function useFormValidation(options) {
+    const [errors, setErrors] = (0, external_react_namespaceObject.useState)({}), [pending, setPending] = (0, external_react_namespaceObject.useState)(false);
+    const controller = (0, external_react_namespaceObject.useRef)(void 0);
+    const latest = (0, external_react_namespaceObject.useRef)(options);
+    latest.current = options;
+    (0, external_react_namespaceObject.useEffect)(()=>()=>controller.current?.abort(), []);
+    const cancel = ()=>{
+        controller.current?.abort();
+        controller.current = void 0;
+        setPending(false);
+    };
+    const handleSubmit = async (event)=>{
+        event.preventDefault();
+        controller.current?.abort();
+        controller.current = void 0;
+        setPending(false);
+        const form = event.currentTarget;
+        if (!form.noValidate && !form.reportValidity()) return;
+        const request = new AbortController();
+        controller.current = request;
+        setPending(true);
+        const data = new FormData(form);
+        try {
+            const result = await latest.current.validate(data, request.signal);
+            if (request.signal.aborted) return;
+            setErrors(result);
+            const first = Object.keys(result)[0];
+            if (first) {
+                if (false !== latest.current.focusError) {
+                    const element = form.elements.namedItem(first);
+                    if (element instanceof HTMLElement) element.focus();
+                    else if (element instanceof RadioNodeList && element[0] instanceof HTMLElement) element[0].focus();
+                }
+                return;
+            }
+            await latest.current.onSubmit?.(data, request.signal);
+        } catch (error) {
+            if (!request.signal.aborted) latest.current.onError?.(error);
+        } finally{
+            if (controller.current === request && !request.signal.aborted) {
+                setPending(false);
+                controller.current = void 0;
+            }
+        }
+    };
+    return {
+        errors,
+        pending,
+        setErrors,
+        handleSubmit,
+        cancel,
+        handleReset: (event)=>{
+            queueMicrotask(()=>{
+                if (!event.defaultPrevented) {
+                    cancel();
+                    setErrors({});
+                }
+            });
+        },
+        clearErrors: (name)=>{
+            cancel();
+            setErrors((previous)=>{
+                if (!name) return {};
+                const next = {
+                    ...previous
+                };
+                delete next[name];
+                return next;
+            });
+        }
+    };
+}
+exports.useFormValidation = __webpack_exports__.useFormValidation;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useFormValidation"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=validation.cjs.map

package/dist/cjs/browser/modules/form/validation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form/validation.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/form/validation.ts"],"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 {\n  type Dispatch,\n  type FormEvent,\n  type SetStateAction,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nexport interface FormValidationApi {\n  errors: Record<string, string>;\n  pending: boolean;\n  setErrors: Dispatch<SetStateAction<Record<string, string>>>;\n  handleSubmit: (event: FormEvent<HTMLFormElement>) => Promise<void>;\n  handleReset: (event: FormEvent<HTMLFormElement>) => void;\n  cancel: () => void;\n  clearErrors: (name?: string) => void;\n}\nexport interface FormValidationOptions {\n  validate: (\n    data: FormData,\n    signal: AbortSignal,\n  ) => Record<string, string> | Promise<Record<string, string>>;\n  onSubmit?: (data: FormData, signal: AbortSignal) => void | Promise<void>;\n  onError?: (error: unknown) => void;\n  focusError?: boolean;\n}\n/** Schema, asynchronous and server errors, keeping native FormData as the source. */\nexport function useFormValidation(options: FormValidationOptions): FormValidationApi {\n  const [errors, setErrors] = useState<Record<string, string>>({}),\n    [pending, setPending] = useState(false);\n  const controller = useRef<AbortController | undefined>(undefined);\n  const latest = useRef(options);\n  latest.current = options;\n  useEffect(() => () => controller.current?.abort(), []);\n  const cancel = () => {\n    controller.current?.abort();\n    controller.current = undefined;\n    setPending(false);\n  };\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    controller.current?.abort();\n    controller.current = undefined;\n    setPending(false);\n    const form = event.currentTarget;\n    if (!form.noValidate && !form.reportValidity()) return;\n    const request = new AbortController();\n    controller.current = request;\n    setPending(true);\n    const data = new FormData(form);\n    try {\n      const result = await latest.current.validate(data, request.signal);\n      if (request.signal.aborted) return;\n      setErrors(result);\n      const first = Object.keys(result)[0];\n      if (first) {\n        if (latest.current.focusError !== false) {\n          const element = form.elements.namedItem(first);\n          if (element instanceof HTMLElement) element.focus();\n          else if (element instanceof RadioNodeList && element[0] instanceof HTMLElement)\n            element[0].focus();\n        }\n        return;\n      }\n      await latest.current.onSubmit?.(data, request.signal);\n    } catch (error) {\n      if (!request.signal.aborted) latest.current.onError?.(error);\n    } finally {\n      if (controller.current === request && !request.signal.aborted) {\n        setPending(false);\n        controller.current = undefined;\n      }\n    }\n  };\n  return {\n    errors,\n    pending,\n    setErrors,\n    handleSubmit,\n    cancel,\n    handleReset: (event: FormEvent<HTMLFormElement>) => {\n      queueMicrotask(() => {\n        if (!event.defaultPrevented) {\n          cancel();\n          setErrors({});\n        }\n      });\n    },\n    clearErrors: (name?: string) => {\n      cancel();\n      setErrors((previous) => {\n        if (!name) return {};\n        const next = { ...previous };\n        delete next[name];\n        return next;\n      });\n    },\n  };\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","useFormValidation","options","errors","setErrors","useState","pending","setPending","controller","useRef","undefined","latest","useEffect","cancel","handleSubmit","event","form","request","AbortController","data","FormData","result","first","element","HTMLElement","RadioNodeList","error","queueMicrotask","name","previous","next"],"mappings":"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"}

package/dist/cjs/browser/modules/grid/grid.cjs

@@ -0,0 +1,136 @@
+"use client";
+"use strict";
+require('../../../styles/components/grid.css');
+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__, {
+    Col: ()=>grid_Col,
+    Grid: ()=>grid_Grid,
+    Row: ()=>grid_Row
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const grid_Grid = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ columns = 3, gap = 16, align = 'stretch', className, style, ...props }, ref) {
+    const variables = {
+        alignItems: align,
+        gap: 'object' == typeof gap ? gap.map((v)=>'number' == typeof v ? `${v}px` : v).join(' ') : gap,
+        ...style
+    };
+    if ('number' == typeof columns) variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));
+    else {
+        let last = 1;
+        for (const point of [
+            'xs',
+            'sm',
+            'md',
+            'lg',
+            'xl'
+        ]){
+            last = columns[point] ?? last;
+            variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));
+        }
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ...props,
+        ref: ref,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-grid', className),
+        style: variables
+    });
+});
+const grid_Row = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ gutter = 16, className, style, ...props }, ref) {
+    const [vertical, horizontal] = 'object' == typeof gutter ? gutter : [
+        gutter,
+        gutter
+    ];
+    const unit = (value)=>'number' == typeof value ? `${value}px` : value;
+    const variables = {
+        '--leaf-row-gutter': unit(horizontal),
+        columnGap: 0,
+        rowGap: unit(vertical),
+        ...style
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(grid_Grid, {
+        ...props,
+        ref: ref,
+        columns: 24,
+        gap: gutter,
+        style: variables,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-row', className)
+    });
+});
+const grid_Col = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props }, ref) {
+    const variables = {
+        ...style
+    };
+    let last = span;
+    for (const [point, value] of Object.entries({
+        xs,
+        sm,
+        md,
+        lg,
+        xl
+    })){
+        last = value ?? last;
+        variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));
+        variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';
+    }
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            offset > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                "aria-hidden": "true",
+                className: "leaf-col leaf-col--offset",
+                style: {
+                    ...variables,
+                    gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,
+                    flexBasis: `${Math.min(23, Math.max(1, Math.trunc(offset))) / 24 * 100}%`
+                }
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                ...props,
+                ref: ref,
+                className: (0, classes_cjs_namespaceObject.classes)('leaf-col', className),
+                style: variables
+            })
+        ]
+    });
+});
+exports.Col = __webpack_exports__.Col;
+exports.Grid = __webpack_exports__.Grid;
+exports.Row = __webpack_exports__.Row;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Col",
+    "Grid",
+    "Row"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=grid.cjs.map

package/dist/cjs/browser/modules/grid/grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid/grid.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/grid/grid.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 { forwardRef, type HTMLAttributes } from 'react';\nimport { classes } from '../shared/classes';\nimport type { LeafThemeStyle } from '../theme';\n\nexport type GridBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  columns?: number | Partial<Record<GridBreakpoint, number>>;\n  gap?: number | string | readonly [number | string, number | string];\n  align?: 'start' | 'center' | 'end' | 'stretch';\n}\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  { columns = 3, gap = 16, align = 'stretch', className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = {\n    alignItems: align,\n    gap:\n      typeof gap === 'object'\n        ? gap.map((v) => (typeof v === 'number' ? `${v}px` : v)).join(' ')\n        : gap,\n    ...style,\n  };\n  if (typeof columns === 'number')\n    variables['--leaf-grid-columns'] = Math.max(1, Math.trunc(columns));\n  else {\n    let last = 1;\n    for (const point of ['xs', 'sm', 'md', 'lg', 'xl'] as const) {\n      last = columns[point] ?? last;\n      variables[`--leaf-grid-columns-${point}`] = Math.max(1, Math.trunc(last));\n    }\n  }\n  return <div {...props} ref={ref} className={classes('leaf-grid', className)} style={variables} />;\n});\nexport interface RowProps extends Omit<GridProps, 'columns' | 'gap'> {\n  gutter?: GridProps['gap'];\n}\nexport const Row = forwardRef<HTMLDivElement, RowProps>(function Row(\n  { gutter = 16, className, style, ...props },\n  ref,\n) {\n  const [vertical, horizontal] = typeof gutter === 'object' ? gutter : [gutter, gutter];\n  const unit = (value: number | string) => (typeof value === 'number' ? `${value}px` : value);\n  const variables: LeafThemeStyle = {\n    '--leaf-row-gutter': unit(horizontal),\n    columnGap: 0,\n    rowGap: unit(vertical),\n    ...style,\n  };\n  return (\n    <Grid\n      {...props}\n      ref={ref}\n      columns={24}\n      gap={gutter}\n      style={variables}\n      className={classes('leaf-row', className)}\n    />\n  );\n});\nexport interface ColProps extends HTMLAttributes<HTMLDivElement> {\n  span?: number;\n  offset?: number;\n  xs?: number;\n  sm?: number;\n  md?: number;\n  lg?: number;\n  xl?: number;\n}\nexport const Col = forwardRef<HTMLDivElement, ColProps>(function Col(\n  { span = 24, offset = 0, xs, sm, md, lg, xl, className, style, ...props },\n  ref,\n) {\n  const variables: LeafThemeStyle = { ...style };\n  let last = span;\n  for (const [point, value] of Object.entries({ xs, sm, md, lg, xl })) {\n    last = value ?? last;\n    variables[`--leaf-col-span-${point}`] = Math.min(24, Math.max(1, Math.trunc(last)));\n    variables[`--leaf-col-display-${point}`] = last <= 0 ? 'none' : 'block';\n  }\n  return (\n    <>\n      {offset > 0 && (\n        <div\n          aria-hidden=\"true\"\n          className=\"leaf-col leaf-col--offset\"\n          style={{\n            ...variables,\n            gridColumnEnd: `span ${Math.min(23, Math.max(1, Math.trunc(offset)))}`,\n            flexBasis: `${(Math.min(23, Math.max(1, Math.trunc(offset))) / 24) * 100}%`,\n          }}\n        />\n      )}\n      <div {...props} ref={ref} className={classes('leaf-col', className)} style={variables} />\n    </>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Grid","forwardRef","columns","gap","align","className","style","props","ref","variables","v","Math","last","point","classes","Row","gutter","vertical","horizontal","unit","value","Col","span","offset","xs","sm","md","lg","xl"],"mappings":"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"}

package/dist/cjs/browser/modules/grid/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__, {
+    Col: ()=>external_grid_cjs_namespaceObject.Col,
+    Grid: ()=>external_grid_cjs_namespaceObject.Grid,
+    Row: ()=>external_grid_cjs_namespaceObject.Row
+});
+const external_grid_cjs_namespaceObject = require("./grid.cjs");
+exports.Col = __webpack_exports__.Col;
+exports.Grid = __webpack_exports__.Grid;
+exports.Row = __webpack_exports__.Row;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Col",
+    "Grid",
+    "Row"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/grid/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid/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/browser/modules/image/image.cjs

@@ -0,0 +1,236 @@
+"use client";
+"use strict";
+require('../../../styles/components/image.css');
+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,
+    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 index_cjs_namespaceObject = require("../loading/index.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_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 ImagePreview(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({ children, items, open: controlled, defaultOpen = false, onOpenChange, index: controlledIndex, defaultIndex = 0, onIndexChange, thumbnails = true, downloadable = false }) {
+    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)(ImagePreview, {
+                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({ src, alt = '', preview = true, previewSrc, fallback, fit = 'cover', className, style, width, height, onLoad, onError, ...props }, ref) {
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    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": `${t('预览图片', 'Preview image')}${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)(index_cjs_namespaceObject.Loading, {
+                    size: "sm"
+                })
+            }),
+            'error' === state && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-image__placeholder",
+                role: "img",
+                "aria-label": alt || t('图片加载失败', 'Image unavailable'),
+                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)(ImagePreview, {
+                items: src ? [
+                    {
+                        src: previewSrc ?? src,
+                        alt
+                    }
+                ] : [],
+                open: open,
+                onClose: ()=>setOpen(false)
+            })
+        ]
+    });
+});
+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=image.cjs.map

package/dist/cjs/browser/modules/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 { Loading } from '../loading';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { useClient } from '../shared/use-client';\nimport { useControllable } from '../shared/use-controllable';\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 ImagePreview(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({\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}: ImagePreviewGroupProps) {\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      <ImagePreview\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  {\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  },\n  ref,\n) {\n  const t = useText();\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={`${t('预览图片', 'Preview image')}${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 unavailable')}\n        >\n          {fallback ?? <ImageOff size={24} aria-hidden=\"true\" />}\n        </span>\n      )}\n      {!group && (\n        <ImagePreview\n          items={src ? [{ src: previewSrc ?? src, alt }] : []}\n          open={open}\n          onClose={() => setOpen(false)}\n        />\n      )}\n    </span>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Viewer","lazy","module","ImagePreview","props","client","useClient","visited","setVisited","useState","useEffect","Suspense","GroupContext","createContext","ImagePreviewGroup","children","items","controlled","defaultOpen","onOpenChange","controlledIndex","defaultIndex","onIndexChange","thumbnails","downloadable","open","setOpen","useControllable","index","setIndex","registered","setRegistered","register","useMemo","id","item","previous","position","entry","context","Image","forwardRef","src","alt","preview","previewSrc","fallback","fit","className","style","width","height","onLoad","onError","ref","t","useText","group","useContext","useId","native","useRef","mergedRef","useMergedRef","state","setState","node","image","event","classes","Scan","Loading","ImageOff"],"mappings":"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"}

package/dist/cjs/browser/modules/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