amotify 0.1.31 → 0.1.32

package/dist/atoms/FAI.js

@@ -1 +1,148 @@
-import{b as r,c as i,d as f}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import l from"./Box";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faTimes as h}from"@fortawesome/free-solid-svg-icons/faTimes";import{faAngleRight as C}from"@fortawesome/free-solid-svg-icons/faAngleRight";import{faAngleLeft as A}from"@fortawesome/free-solid-svg-icons/faAngleLeft";import{faAngleUp as g}from"@fortawesome/free-solid-svg-icons/faAngleUp";import{faAngleDown as w}from"@fortawesome/free-solid-svg-icons/faAngleDown";import{faChevronLeft as R}from"@fortawesome/free-solid-svg-icons/faChevronLeft";import{faChevronRight as u}from"@fortawesome/free-solid-svg-icons/faChevronRight";import{faChevronUp as L}from"@fortawesome/free-solid-svg-icons/faChevronUp";import{faChevronDown as S}from"@fortawesome/free-solid-svg-icons/faChevronDown";import{faCaretLeft as E}from"@fortawesome/free-solid-svg-icons/faCaretLeft";import{faCaretRight as x}from"@fortawesome/free-solid-svg-icons/faCaretRight";import{faCaretUp as I}from"@fortawesome/free-solid-svg-icons/faCaretUp";import{faCaretDown as P}from"@fortawesome/free-solid-svg-icons/faCaretDown";import{faArrowLeft as D}from"@fortawesome/free-solid-svg-icons/faArrowLeft";import{faArrowRight as d}from"@fortawesome/free-solid-svg-icons/faArrowRight";import{faArrowUp as k}from"@fortawesome/free-solid-svg-icons/faArrowUp";import{faArrowDown as y}from"@fortawesome/free-solid-svg-icons/faArrowDown";import{faRotate as U}from"@fortawesome/free-solid-svg-icons/faRotate";import{faRedo as F}from"@fortawesome/free-solid-svg-icons/faRedo";import{faCheck as v}from"@fortawesome/free-solid-svg-icons/faCheck";import{faQuestion as T}from"@fortawesome/free-solid-svg-icons/faQuestion";import{faExclamation as H}from"@fortawesome/free-solid-svg-icons/faExclamation";import{faExclamationTriangle as B}from"@fortawesome/free-solid-svg-icons/faExclamationTriangle";import{faHome as Q}from"@fortawesome/free-solid-svg-icons/faHome";import{faShare as M}from"@fortawesome/free-solid-svg-icons/faShare";import{faSearch as G}from"@fortawesome/free-solid-svg-icons/faSearch";import{faYenSign as V}from"@fortawesome/free-solid-svg-icons/faYenSign";import{faPen as Y}from"@fortawesome/free-solid-svg-icons/faPen";import{faBars as N}from"@fortawesome/free-solid-svg-icons/faBars";import{faDownload as O}from"@fortawesome/free-solid-svg-icons/faDownload";import{faLink as W}from"@fortawesome/free-solid-svg-icons/faLink";import{faLinkSlash as z}from"@fortawesome/free-solid-svg-icons/faLinkSlash";import{faExternalLinkAlt as b}from"@fortawesome/free-solid-svg-icons/faExternalLinkAlt";import{faGear as q}from"@fortawesome/free-solid-svg-icons/faGear";import{faPlus as J}from"@fortawesome/free-solid-svg-icons/faPlus";import{faMinus as K}from"@fortawesome/free-solid-svg-icons/faMinus";import{faEllipsisH as X}from"@fortawesome/free-solid-svg-icons/faEllipsisH";import{faEllipsisV as Z}from"@fortawesome/free-solid-svg-icons/faEllipsisV";import{faStar as _}from"@fortawesome/free-solid-svg-icons/faStar";import{faPaperPlane as $}from"@fortawesome/free-solid-svg-icons/faPaperPlane";import{faHeart as j}from"@fortawesome/free-solid-svg-icons/faHeart";import{faUser as oo}from"@fortawesome/free-regular-svg-icons/faUser";import{faCheckCircle as ro}from"@fortawesome/free-regular-svg-icons/faCheckCircle";import{faQuestionCircle as io}from"@fortawesome/free-regular-svg-icons/faQuestionCircle";import{faEdit as to}from"@fortawesome/free-regular-svg-icons/faEdit";import{faCopy as no}from"@fortawesome/free-regular-svg-icons/faCopy";import{faFile as eo}from"@fortawesome/free-regular-svg-icons/faFile";import{faTrashAlt as ao}from"@fortawesome/free-regular-svg-icons/faTrashAlt";import{faImage as mo}from"@fortawesome/free-regular-svg-icons/faImage";const e=o=>{let m=o,{icon:p,iconParams:a}=m,c=f(m,["icon","iconParams"]);return n(l,i(r({display:"inlineFlex",flexCenter:!0,position:"relative",freeCSS:{aspectRatio:"1"}},c),{children:n(s,i(r({icon:p,fixedWidth:!0,size:"sm"},a),{style:r({aspectRatio:1,minWidth:12*1,minHeight:12*1},a==null?void 0:a.style)}))}))},t=e;t.User=o=>n(e,i(r({},o),{icon:oo})),t.Times=o=>n(e,i(r({},o),{icon:h})),t.AngleRight=o=>n(e,i(r({},o),{icon:C})),t.AngleLeft=o=>n(e,i(r({},o),{icon:A})),t.AngleUp=o=>n(e,i(r({},o),{icon:g})),t.AngleDown=o=>n(e,i(r({},o),{icon:w})),t.ChevronLeft=o=>n(e,i(r({},o),{icon:R})),t.ChevronRight=o=>n(e,i(r({},o),{icon:u})),t.ChevronUp=o=>n(e,i(r({},o),{icon:L})),t.ChevronDown=o=>n(e,i(r({},o),{icon:S})),t.CaretLeft=o=>n(e,i(r({},o),{icon:E})),t.CaretRight=o=>n(e,i(r({},o),{icon:x})),t.CaretUp=o=>n(e,i(r({},o),{icon:I})),t.CaretDown=o=>n(e,i(r({},o),{icon:P})),t.ArrowLeft=o=>n(e,i(r({},o),{icon:D})),t.ArrowRight=o=>n(e,i(r({},o),{icon:d})),t.ArrowUp=o=>n(e,i(r({},o),{icon:k})),t.ArrowDown=o=>n(e,i(r({},o),{icon:y})),t.Rotate=o=>n(e,i(r({},o),{icon:U})),t.Redo=o=>n(e,i(r({},o),{icon:F})),t.Check=o=>n(e,i(r({},o),{icon:v})),t.CheckCircle=o=>n(e,i(r({},o),{icon:ro})),t.Question=o=>n(e,i(r({},o),{icon:T})),t.QuestionCircle=o=>n(e,i(r({},o),{icon:io})),t.Exclamation=o=>n(e,i(r({},o),{icon:H})),t.ExclamationTriangle=o=>n(e,i(r({},o),{icon:B})),t.Home=o=>n(e,i(r({},o),{icon:Q})),t.Share=o=>n(e,i(r({},o),{icon:M})),t.Search=o=>n(e,i(r({},o),{icon:G})),t.YenSign=o=>n(e,i(r({},o),{icon:V})),t.Heart=o=>n(e,i(r({},o),{icon:j})),t.Star=o=>n(e,i(r({},o),{icon:_})),t.Edit=o=>n(e,i(r({},o),{icon:to})),t.Pen=o=>n(e,i(r({},o),{icon:Y})),t.Copy=o=>n(e,i(r({},o),{icon:no})),t.File=o=>n(e,i(r({},o),{icon:eo})),t.TrashAlt=o=>n(e,i(r({},o),{icon:ao})),t.Bars=o=>n(e,i(r({},o),{icon:N})),t.Download=o=>n(e,i(r({},o),{icon:O})),t.Link=o=>n(e,i(r({},o),{icon:W})),t.LinkSlash=o=>n(e,i(r({},o),{icon:z})),t.ExternalLinkAlt=o=>n(e,i(r({},o),{icon:b})),t.Gear=o=>n(e,i(r({},o),{icon:q})),t.Plus=o=>n(e,i(r({},o),{icon:J})),t.Minus=o=>n(e,i(r({},o),{icon:K})),t.EllipsisH=o=>n(e,i(r({},o),{icon:X})),t.EllipsisV=o=>n(e,i(r({},o),{icon:Z})),t.PaperPlane=o=>n(e,i(r({},o),{icon:$})),t.Image=o=>n(e,i(r({},o),{icon:mo}));export{t as FAI,t as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import Box from "./Box";
+import {
+  FontAwesomeIcon
+} from "@fortawesome/react-fontawesome";
+import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
+import { faAngleRight } from "@fortawesome/free-solid-svg-icons/faAngleRight";
+import { faAngleLeft } from "@fortawesome/free-solid-svg-icons/faAngleLeft";
+import { faAngleUp } from "@fortawesome/free-solid-svg-icons/faAngleUp";
+import { faAngleDown } from "@fortawesome/free-solid-svg-icons/faAngleDown";
+import { faChevronLeft } from "@fortawesome/free-solid-svg-icons/faChevronLeft";
+import { faChevronRight } from "@fortawesome/free-solid-svg-icons/faChevronRight";
+import { faChevronUp } from "@fortawesome/free-solid-svg-icons/faChevronUp";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
+import { faCaretLeft } from "@fortawesome/free-solid-svg-icons/faCaretLeft";
+import { faCaretRight } from "@fortawesome/free-solid-svg-icons/faCaretRight";
+import { faCaretUp } from "@fortawesome/free-solid-svg-icons/faCaretUp";
+import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
+import { faArrowLeft } from "@fortawesome/free-solid-svg-icons/faArrowLeft";
+import { faArrowRight } from "@fortawesome/free-solid-svg-icons/faArrowRight";
+import { faArrowUp } from "@fortawesome/free-solid-svg-icons/faArrowUp";
+import { faArrowDown } from "@fortawesome/free-solid-svg-icons/faArrowDown";
+import { faRotate } from "@fortawesome/free-solid-svg-icons/faRotate";
+import { faRedo } from "@fortawesome/free-solid-svg-icons/faRedo";
+import { faCheck } from "@fortawesome/free-solid-svg-icons/faCheck";
+import { faQuestion } from "@fortawesome/free-solid-svg-icons/faQuestion";
+import { faExclamation } from "@fortawesome/free-solid-svg-icons/faExclamation";
+import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons/faExclamationTriangle";
+import { faHome } from "@fortawesome/free-solid-svg-icons/faHome";
+import { faShare } from "@fortawesome/free-solid-svg-icons/faShare";
+import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
+import { faYenSign } from "@fortawesome/free-solid-svg-icons/faYenSign";
+import { faPen } from "@fortawesome/free-solid-svg-icons/faPen";
+import { faBars } from "@fortawesome/free-solid-svg-icons/faBars";
+import { faDownload } from "@fortawesome/free-solid-svg-icons/faDownload";
+import { faLink } from "@fortawesome/free-solid-svg-icons/faLink";
+import { faLinkSlash } from "@fortawesome/free-solid-svg-icons/faLinkSlash";
+import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
+import { faGear } from "@fortawesome/free-solid-svg-icons/faGear";
+import { faPlus } from "@fortawesome/free-solid-svg-icons/faPlus";
+import { faMinus } from "@fortawesome/free-solid-svg-icons/faMinus";
+import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
+import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
+import { faStar } from "@fortawesome/free-solid-svg-icons/faStar";
+import { faPaperPlane } from "@fortawesome/free-solid-svg-icons/faPaperPlane";
+import { faHeart } from "@fortawesome/free-solid-svg-icons/faHeart";
+import { faUser } from "@fortawesome/free-regular-svg-icons/faUser";
+import { faCheckCircle } from "@fortawesome/free-regular-svg-icons/faCheckCircle";
+import { faQuestionCircle } from "@fortawesome/free-regular-svg-icons/faQuestionCircle";
+import { faEdit } from "@fortawesome/free-regular-svg-icons/faEdit";
+import { faCopy } from "@fortawesome/free-regular-svg-icons/faCopy";
+import { faFile } from "@fortawesome/free-regular-svg-icons/faFile";
+import { faTrashAlt } from "@fortawesome/free-regular-svg-icons/faTrashAlt";
+import { faImage } from "@fortawesome/free-regular-svg-icons/faImage";
+const Component = (params) => {
+  let _a = params, {
+    icon,
+    iconParams
+  } = _a, others = __objRest(_a, [
+    "icon",
+    "iconParams"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      display: "inlineFlex",
+      flexCenter: true,
+      position: "relative",
+      freeCSS: {
+        aspectRatio: "1"
+      }
+    }, others), {
+      children: /* @__PURE__ */ jsx(
+        FontAwesomeIcon,
+        __spreadProps(__spreadValues({
+          icon,
+          fixedWidth: true,
+          size: "sm"
+        }, iconParams), {
+          style: __spreadValues({
+            aspectRatio: 1,
+            minWidth: 12 * 1,
+            minHeight: 12 * 1
+          }, iconParams == null ? void 0 : iconParams.style)
+        })
+      )
+    })
+  );
+};
+const FAI = Component;
+FAI.User = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faUser }));
+FAI.Times = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faTimes }));
+FAI.AngleRight = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faAngleRight }));
+FAI.AngleLeft = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faAngleLeft }));
+FAI.AngleUp = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faAngleUp }));
+FAI.AngleDown = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faAngleDown }));
+FAI.ChevronLeft = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faChevronLeft }));
+FAI.ChevronRight = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faChevronRight }));
+FAI.ChevronUp = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faChevronUp }));
+FAI.ChevronDown = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faChevronDown }));
+FAI.CaretLeft = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCaretLeft }));
+FAI.CaretRight = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCaretRight }));
+FAI.CaretUp = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCaretUp }));
+FAI.CaretDown = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCaretDown }));
+FAI.ArrowLeft = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faArrowLeft }));
+FAI.ArrowRight = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faArrowRight }));
+FAI.ArrowUp = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faArrowUp }));
+FAI.ArrowDown = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faArrowDown }));
+FAI.Rotate = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faRotate }));
+FAI.Redo = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faRedo }));
+FAI.Check = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCheck }));
+FAI.CheckCircle = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCheckCircle }));
+FAI.Question = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faQuestion }));
+FAI.QuestionCircle = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faQuestionCircle }));
+FAI.Exclamation = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faExclamation }));
+FAI.ExclamationTriangle = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faExclamationTriangle }));
+FAI.Home = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faHome }));
+FAI.Share = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faShare }));
+FAI.Search = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faSearch }));
+FAI.YenSign = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faYenSign }));
+FAI.Heart = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faHeart }));
+FAI.Star = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faStar }));
+FAI.Edit = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faEdit }));
+FAI.Pen = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faPen }));
+FAI.Copy = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faCopy }));
+FAI.File = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faFile }));
+FAI.TrashAlt = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faTrashAlt }));
+FAI.Bars = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faBars }));
+FAI.Download = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faDownload }));
+FAI.Link = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faLink }));
+FAI.LinkSlash = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faLinkSlash }));
+FAI.ExternalLinkAlt = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faExternalLinkAlt }));
+FAI.Gear = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faGear }));
+FAI.Plus = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faPlus }));
+FAI.Minus = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faMinus }));
+FAI.EllipsisH = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faEllipsisH }));
+FAI.EllipsisV = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faEllipsisV }));
+FAI.PaperPlane = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faPaperPlane }));
+FAI.Image = (params) => /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, params), { icon: faImage }));
+export {
+  FAI,
+  FAI as default
+};

package/dist/atoms/Flex.js

@@ -1 +1,34 @@
-import{b as t,c as r}from"../chunk-VY3566IV.js";import{jsx as n}from"react/jsx-runtime";import o from"./Box";const l=e=>n(o,r(t({flexType:"row",flexWrap:!0,display:"flex"},e),{freeCSS:t({wordBreak:"break-word"},e.freeCSS)})),a=e=>n(o,t({width:1,flexSizing:"none"},e));export{l as Flex,a as FlexBr,l as default};
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import Box from "./Box";
+const Flex = (params) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      flexType: "row",
+      flexWrap: true,
+      display: "flex"
+    }, params), {
+      freeCSS: __spreadValues({
+        wordBreak: "break-word"
+      }, params.freeCSS)
+    })
+  );
+};
+const FlexBr = (params) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      width: 1,
+      flexSizing: "none"
+    }, params)
+  );
+};
+export {
+  Flex,
+  FlexBr,
+  Flex as default
+};

package/dist/atoms/Grid.js

@@ -1 +1,17 @@
-import{b as o}from"../chunk-VY3566IV.js";import{jsx as p}from"react/jsx-runtime";import d from"./Box";const r=t=>p(d,o({display:"grid"},t));export{r as Grid,r as default};
+import {
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import Box from "./Box";
+const Grid = (params) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      display: "grid"
+    }, params)
+  );
+};
+export {
+  Grid,
+  Grid as default
+};

package/dist/atoms/Img.js

@@ -1 +1,65 @@
-import{b as r,d as a}from"../chunk-VY3566IV.js";import{jsx as h}from"react/jsx-runtime";import{GenerateClassName as C}from"../@utils/_";import S from"../fn/Sheet";import{ImgClasses as m}from"../@styles/componentClasses/_";const p=c=>{let n=c,{src:s="",alt:g="",showExpand:o}=n,e=a(n,["src","alt","showExpand"]);e.freeCSS=r({cursor:o?"zoom-in":"inherit"},e.freeCSS);let i=C(e),{freeCSS:u,className:l=""}=i,f=a(i,["freeCSS","className"]);return h("img",r({src:s,alt:g,className:[m("Img"),m("ShowExpand_"+!!o),l].join(" "),onMouseDown:t=>{o&&t.stopPropagation()},onTouchStart:t=>{o&&t.stopPropagation()},onClick:t=>{o&&(t.stopPropagation(),S.open({type:"image",src:o!=!0?o:s})),e.onClick&&e.onClick(t)}},f))};export{p as Img,p as default};
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  GenerateClassName
+} from "../@utils/_";
+import Sheet from "../fn/Sheet";
+import { ImgClasses } from "../@styles/componentClasses/_";
+const Img = (params) => {
+  let _a = params, {
+    src = "",
+    alt = "",
+    showExpand
+  } = _a, others = __objRest(_a, [
+    "src",
+    "alt",
+    "showExpand"
+  ]);
+  others.freeCSS = __spreadValues({
+    cursor: showExpand ? "zoom-in" : "inherit"
+  }, others.freeCSS);
+  let _b = GenerateClassName(others), {
+    freeCSS,
+    className = ""
+  } = _b, Others = __objRest(_b, [
+    "freeCSS",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "img",
+    __spreadValues({
+      src,
+      alt,
+      className: [
+        ImgClasses("Img"),
+        ImgClasses("ShowExpand_" + !!showExpand),
+        className
+      ].join(" "),
+      onMouseDown: (event) => {
+        if (showExpand)
+          event.stopPropagation();
+      },
+      onTouchStart: (event) => {
+        if (showExpand)
+          event.stopPropagation();
+      },
+      onClick: (event) => {
+        if (showExpand) {
+          event.stopPropagation();
+          Sheet.open({
+            type: "image",
+            src: showExpand != true ? showExpand : src
+          });
+        }
+        others.onClick && others.onClick(event);
+      }
+    }, Others)
+  );
+};
+export {
+  Img,
+  Img as default
+};