amotify 0.1.30 → 0.1.32

package/dist/atoms/Logo.js

@@ -1,51 +1,359 @@
-import{b as l,c as a,d as p}from"../chunk-VY3566IV.js";import{Fragment as A,jsx as e,jsxs as I}from"react/jsx-runtime";import{$$ as h}from"../@utils/_";import L from"./Flex";import S from"./Img";import{LogoClasses as c}from"../@styles/componentClasses/_";let s="https://cdn.amotify.com/";const T={ComunIcon:()=>e("svg",{viewBox:"0,0,1200,1200",className:c("ComunIcon"),children:I("g",{children:[e("path",{d:`
-        M
-        100,600
-        A 500,500 0 0,0 600,1100
-        A 100,100 0 0,0 600,900
-        A 300,300 0 0,1 300,600
-        A 100,100 0 0,0 100,600
-        Z
-        `,style:{opacity:.9,fill:"#16a3ec"}}),e("path",{d:`
-        M
-        600,1100
-        A 500,500 0 0,0 1100,600
-        A 100,100 0 0,0 900,600
-        A 300,300 0 0,1 600,900
-        A 100,100 0 1,0 600,1100
-        Z
-        `,style:{opacity:.9,fill:"#ea6093"}}),e("path",{d:`
-        M
-        600,100
-        A 500,500 0 0,0 100,600
-        A 100,100 0 0,0 300,600
-        A 300,300 0 0,1 600,300
-        A 100,100 0 0,0 600,100
-        Z
-        `,style:{opacity:.9,fill:"#387cfe"}}),e("path",{d:`
-        M
-        600,100
-        A 100,100 0 0,1 700,200
-        A 300,300 0 0,0 1000,500
-        A 100,100 0 0,1 1100,600
-        A 100,100 0 0,1 1000,700
-        A 500,500 0 0,1 500,200
-        A 100,100 0 0,1 600,100
-        Z
-        `,style:{opacity:.9,fill:"#9a66ff"}})]})}),MingooIcon:()=>{const o=t=>I(A,{children:[e("path",{d:`
-            M
-            600,100
-            A 80,80 0 0,1 600,260
-            A 80,80 0 0,1 600,100
-            L600,600
-            L600,300
-            Z
-            `,className:[c("P"),c("P_"+t)].join(" "),style:{fill:"#c56ff0"}}),e("path",{d:`
-            M
-            600,300
-            A 45,45 0 0,1 600,390
-            A 45,45 0 0,1 600,300
-            L600,600
-            L600,300
-            Z
-            `,className:[c("P"),c("P_"+t)].join(" "),style:{fill:"#ea6093"}})]});return I("svg",{viewBox:"0,0,1200,1200",className:c("MingooIcon"),children:[o(0),o(1),o(2),o(3),o(4),o(5),o(6),o(7),o(8)]})}},m={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.MingooIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:c("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"mingoo"})),LogoH:o=>{let n=o,{size:t,color:g}=n,r=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},r),{children:[e(m.Icon,{size:t,color:g}),e(m.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,r=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},r),{children:[e(m.Icon,{margin:"auto",size:t,color:g}),e(m.Title,{size:t,color:g})]}))}},u={Icon:o=>e(i.Icon,a(l({},o),{children:e(T.ComunIcon,{})})),Title:o=>e(i.Title,a(l({height:"auto",className:c("ComunTitle")},o),{freeCSS:l({letterSpacing:"3px"},o.freeCSS),children:"comun"})),LogoH:o=>{let n=o,{size:t,color:g}=n,r=p(n,["size","color"]);return I(L,a(l({gap:"1/2",flexCenter:!0},r),{children:[e(u.Icon,{size:t,color:g}),e(u.Title,{size:t,color:g})]}))},LogoV:o=>{let n=o,{size:t,color:g}=n,r=p(n,["size","color"]);return I(L,a(l({flexType:"col",gap:"1/2"},r),{children:[e(u.Icon,{margin:"auto",size:t,color:g}),e(u.Title,{size:t,color:g})]}))}},i={Icon:o=>{let f=o,{size:t="R",color:g="normal",className:r="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",className:[r,c("Icon"),c("Size_"+t)].join(" ")},C),{children:h.is.function(n)?e(n,{}):n}))},Title:o=>{let f=o,{size:t="R",color:g="normal",className:r="",children:n}=f,C=p(f,["size","color","className","children"]);return e(L,a(l({verticalAlign:"center",fontColor:g=="white"?"white":"logo",className:[r,c("Title"),c("Size_"+t)].join(" ")},C),{freeCSS:l({lineHeight:"1.25"},C.freeCSS),children:h.is.function(n)?e(n,{}):n}))},Brands:{MingooIcon:m.Icon,MingooTitle:m.Title,MingooLogoH:m.LogoH,MingooLogoV:m.LogoV,ComunIcon:u.Icon,ComunTitle:u.Title,ComunLogoH:u.LogoH,ComunLogoV:u.LogoV,Google:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Google_Icon.svg",alt:""})})),Facebook:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/FaceBook_Icon.svg",alt:""})})),Twitter:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Twitter_Icon.svg",alt:""})})),LINE:o=>e(i.Icon,a(l({},o),{children:e(S,{src:s+"@env/@logos/brands/Line_Icon.svg",alt:""})}))},Images:{mingooIcon:s+"@env/@logos/mingoo/icon.png",mingooIconClear:s+"@env/@logos/mingoo/iconClear.png",comunIcon:s+"@env/@logos/comun/icon.png",comunIconClear:s+"@env/@logos/comun/iconClear.png",defaultIcon:o=>s+"@env/@icon/"+(o||"image")+".png"}};export{i as Logo,i as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  $$
+} from "../@utils/_";
+import Flex from "./Flex";
+import Img from "./Img";
+import { LogoClasses } from "../@styles/componentClasses/_";
+let publicURI = "https://cdn.amotify.com/";
+const SVG = {
+  ComunIcon: () => {
+    return /* @__PURE__ */ jsx("svg", { viewBox: "0,0,1200,1200", className: LogoClasses("ComunIcon"), children: /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "\n        M\n        100,600\n        A 500,500 0 0,0 600,1100\n        A 100,100 0 0,0 600,900\n        A 300,300 0 0,1 300,600\n        A 100,100 0 0,0 100,600\n        Z\n        ",
+          style: {
+            opacity: 0.9,
+            fill: "#16a3ec"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "\n        M\n        600,1100\n        A 500,500 0 0,0 1100,600\n        A 100,100 0 0,0 900,600\n        A 300,300 0 0,1 600,900\n        A 100,100 0 1,0 600,1100\n        Z\n        ",
+          style: {
+            opacity: 0.9,
+            fill: "#ea6093"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "\n        M\n        600,100\n        A 500,500 0 0,0 100,600\n        A 100,100 0 0,0 300,600\n        A 300,300 0 0,1 600,300\n        A 100,100 0 0,0 600,100\n        Z\n        ",
+          style: {
+            opacity: 0.9,
+            fill: "#387cfe"
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "\n        M\n        600,100\n        A 100,100 0 0,1 700,200\n        A 300,300 0 0,0 1000,500\n        A 100,100 0 0,1 1100,600\n        A 100,100 0 0,1 1000,700\n        A 500,500 0 0,1 500,200\n        A 100,100 0 0,1 600,100\n        Z\n        ",
+          style: {
+            opacity: 0.9,
+            fill: "#9a66ff"
+          }
+        }
+      )
+    ] }) });
+  },
+  MingooIcon: () => {
+    const CircleSet = (p) => {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "\n            M\n            600,100\n            A 80,80 0 0,1 600,260\n            A 80,80 0 0,1 600,100\n            L600,600\n            L600,300\n            Z\n            ",
+            className: [
+              LogoClasses("P"),
+              LogoClasses("P_" + p)
+            ].join(" "),
+            style: {
+              fill: "#c56ff0"
+              // fill: '#9a66ff'
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "\n            M\n            600,300\n            A 45,45 0 0,1 600,390\n            A 45,45 0 0,1 600,300\n            L600,600\n            L600,300\n            Z\n            ",
+            className: [
+              LogoClasses("P"),
+              LogoClasses("P_" + p)
+            ].join(" "),
+            style: {
+              fill: "#ea6093"
+              // fill: '#ffa500'
+            }
+          }
+        )
+      ] });
+    };
+    return /* @__PURE__ */ jsxs("svg", { viewBox: "0,0,1200,1200", className: LogoClasses("MingooIcon"), children: [
+      CircleSet(0),
+      CircleSet(1),
+      CircleSet(2),
+      CircleSet(3),
+      CircleSet(4),
+      CircleSet(5),
+      CircleSet(6),
+      CircleSet(7),
+      CircleSet(8)
+    ] });
+  }
+};
+const Mingoos = {
+  Icon: (params) => /* @__PURE__ */ jsx(
+    Logo.Icon,
+    __spreadProps(__spreadValues({}, params), {
+      children: /* @__PURE__ */ jsx(SVG.MingooIcon, {})
+    })
+  ),
+  Title: (params) => /* @__PURE__ */ jsx(
+    Logo.Title,
+    __spreadProps(__spreadValues({
+      height: "auto",
+      className: LogoClasses("ComunTitle")
+    }, params), {
+      freeCSS: __spreadValues({
+        letterSpacing: "3px"
+      }, params.freeCSS),
+      children: "mingoo"
+    })
+  ),
+  LogoH: (params) => {
+    let _a = params, { size, color } = _a, others = __objRest(_a, ["size", "color"]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      __spreadProps(__spreadValues({
+        gap: "1/2",
+        flexCenter: true
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(Mingoos.Icon, { size, color }),
+          /* @__PURE__ */ jsx(Mingoos.Title, { size, color })
+        ]
+      })
+    );
+  },
+  LogoV: (params) => {
+    let _a = params, { size, color } = _a, others = __objRest(_a, ["size", "color"]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      __spreadProps(__spreadValues({
+        flexType: "col",
+        gap: "1/2"
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(
+            Mingoos.Icon,
+            {
+              margin: "auto",
+              size,
+              color
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Mingoos.Title,
+            {
+              size,
+              color
+            }
+          )
+        ]
+      })
+    );
+  }
+};
+const Comuns = {
+  Icon: (params) => /* @__PURE__ */ jsx(
+    Logo.Icon,
+    __spreadProps(__spreadValues({}, params), {
+      children: /* @__PURE__ */ jsx(SVG.ComunIcon, {})
+    })
+  ),
+  Title: (params) => /* @__PURE__ */ jsx(
+    Logo.Title,
+    __spreadProps(__spreadValues({
+      height: "auto",
+      className: LogoClasses("ComunTitle")
+    }, params), {
+      freeCSS: __spreadValues({
+        letterSpacing: "3px"
+      }, params.freeCSS),
+      children: "comun"
+    })
+  ),
+  LogoH: (params) => {
+    let _a = params, { size, color } = _a, others = __objRest(_a, ["size", "color"]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      __spreadProps(__spreadValues({
+        gap: "1/2",
+        flexCenter: true
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(Comuns.Icon, { size, color }),
+          /* @__PURE__ */ jsx(Comuns.Title, { size, color })
+        ]
+      })
+    );
+  },
+  LogoV: (params) => {
+    let _a = params, { size, color } = _a, others = __objRest(_a, ["size", "color"]);
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      __spreadProps(__spreadValues({
+        flexType: "col",
+        gap: "1/2"
+      }, others), {
+        children: [
+          /* @__PURE__ */ jsx(
+            Comuns.Icon,
+            {
+              margin: "auto",
+              size,
+              color
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Comuns.Title,
+            {
+              size,
+              color
+            }
+          )
+        ]
+      })
+    );
+  }
+};
+const Logo = {
+  Icon: (props) => {
+    let _a = props, {
+      size = "R",
+      color = "normal",
+      className = "",
+      children: Children
+    } = _a, others = __objRest(_a, [
+      "size",
+      "color",
+      "className",
+      "children"
+    ]);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      __spreadProps(__spreadValues({
+        verticalAlign: "center",
+        className: [
+          className,
+          LogoClasses("Icon"),
+          LogoClasses("Size_" + size)
+        ].join(" ")
+      }, others), {
+        children: $$.is.function(Children) ? /* @__PURE__ */ jsx(Children, {}) : Children
+      })
+    );
+  },
+  Title: (props) => {
+    let _a = props, {
+      size = "R",
+      color = "normal",
+      className = "",
+      children: Children
+    } = _a, others = __objRest(_a, [
+      "size",
+      "color",
+      "className",
+      "children"
+    ]);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      __spreadProps(__spreadValues({
+        verticalAlign: "center",
+        fontColor: color == "white" ? "white" : "logo",
+        className: [
+          className,
+          LogoClasses("Title"),
+          LogoClasses("Size_" + size)
+        ].join(" ")
+      }, others), {
+        freeCSS: __spreadValues({
+          lineHeight: "1.25"
+        }, others.freeCSS),
+        children: $$.is.function(Children) ? /* @__PURE__ */ jsx(Children, {}) : Children
+      })
+    );
+  },
+  Brands: {
+    MingooIcon: Mingoos.Icon,
+    MingooTitle: Mingoos.Title,
+    MingooLogoH: Mingoos.LogoH,
+    MingooLogoV: Mingoos.LogoV,
+    ComunIcon: Comuns.Icon,
+    ComunTitle: Comuns.Title,
+    ComunLogoH: Comuns.LogoH,
+    ComunLogoV: Comuns.LogoV,
+    Google: (params) => /* @__PURE__ */ jsx(
+      Logo.Icon,
+      __spreadProps(__spreadValues({}, params), {
+        children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: publicURI + "@env/@logos/brands/Google_Icon.svg",
+            alt: ""
+          }
+        )
+      })
+    ),
+    Facebook: (params) => /* @__PURE__ */ jsx(
+      Logo.Icon,
+      __spreadProps(__spreadValues({}, params), {
+        children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: publicURI + "@env/@logos/brands/FaceBook_Icon.svg",
+            alt: ""
+          }
+        )
+      })
+    ),
+    Twitter: (params) => /* @__PURE__ */ jsx(
+      Logo.Icon,
+      __spreadProps(__spreadValues({}, params), {
+        children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: publicURI + "@env/@logos/brands/Twitter_Icon.svg",
+            alt: ""
+          }
+        )
+      })
+    ),
+    LINE: (params) => /* @__PURE__ */ jsx(
+      Logo.Icon,
+      __spreadProps(__spreadValues({}, params), {
+        children: /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: publicURI + "@env/@logos/brands/Line_Icon.svg",
+            alt: ""
+          }
+        )
+      })
+    )
+  },
+  Images: {
+    mingooIcon: publicURI + "@env/@logos/mingoo/icon.png",
+    mingooIconClear: publicURI + "@env/@logos/mingoo/iconClear.png",
+    comunIcon: publicURI + "@env/@logos/comun/icon.png",
+    comunIconClear: publicURI + "@env/@logos/comun/iconClear.png",
+    defaultIcon: (type) => {
+      return publicURI + "@env/@icon/" + (type || "image") + ".png";
+    }
+  }
+};
+export {
+  Logo,
+  Logo as default
+};

package/dist/atoms/P.js

@@ -1 +1,20 @@
-import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as n}from"../@utils/_";const r=p=>{let e=n(p),{freeCSS:l}=e,m=a(e,["freeCSS"]);return o("p",t({},m))};export{r as P,r as default};
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  GenerateClassName
+} from "../@utils/_";
+const P = (params) => {
+  let _a = GenerateClassName(params), {
+    freeCSS
+  } = _a, Params = __objRest(_a, [
+    "freeCSS"
+  ]);
+  return /* @__PURE__ */ jsx("p", __spreadValues({}, Params));
+};
+export {
+  P,
+  P as default
+};

package/dist/atoms/Placeholder.js

@@ -1 +1,44 @@
-import{b as r,c as a,d as t}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import c from"./Box";import{PlaceholderClasses as o}from"../@styles/componentClasses/_";const s=e=>{let l=e,{color:n="cloud"}=l,p=t(l,["color"]);return d(c,a(r({className:[o("Placeholder"),e.className].join(" "),flexCenter:!0,position:"relative",ssCardBox:!0,border:"unset",overflow:"hidden",backgroundColor:"3.layer.canvas"},p),{children:d(c,{className:[o("Body"),o("Color_"+n)].join(" ")})}))};export{s as Placeholder,s as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import Box from "./Box";
+import { PlaceholderClasses } from "../@styles/componentClasses/_";
+const Placeholder = (params) => {
+  let _a = params, {
+    color = "cloud"
+  } = _a, others = __objRest(_a, [
+    "color"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      className: [
+        PlaceholderClasses("Placeholder"),
+        params.className
+      ].join(" "),
+      flexCenter: true,
+      position: "relative",
+      ssCardBox: true,
+      border: "unset",
+      overflow: "hidden",
+      backgroundColor: "3.layer.canvas"
+    }, others), {
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: [
+            PlaceholderClasses("Body"),
+            PlaceholderClasses("Color_" + color)
+          ].join(" ")
+        }
+      )
+    })
+  );
+};
+export {
+  Placeholder,
+  Placeholder as default
+};

package/dist/atoms/Span.js

@@ -1 +1,20 @@
-import{b as t,d as a}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{GenerateClassName as m}from"../@utils/_";const n=p=>{let e=m(p),{freeCSS:l}=e,r=a(e,["freeCSS"]);return o("span",t({},r))};export{n as Span,n as default};
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  GenerateClassName
+} from "../@utils/_";
+const Span = (params) => {
+  let _a = GenerateClassName(params), {
+    freeCSS
+  } = _a, Params = __objRest(_a, [
+    "freeCSS"
+  ]);
+  return /* @__PURE__ */ jsx("span", __spreadValues({}, Params));
+};
+export {
+  Span,
+  Span as default
+};

package/dist/atoms/_.js

@@ -1 +1,9 @@
-export*from"./Box";export*from"./FAI";export*from"./Flex";export*from"./Grid";export*from"./Img";export*from"./Logo";export*from"./P";export*from"./Placeholder";export*from"./Span";
+export * from "./Box";
+export * from "./FAI";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Img";
+export * from "./Logo";
+export * from "./P";
+export * from "./Placeholder";
+export * from "./Span";

package/dist/chunk-JJ3PEWPN.js

@@ -0,0 +1,60 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __pow = Math.pow;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+export {
+  __pow,
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  __async
+};