amotify 0.1.30 → 0.1.32

package/dist/fn/Table/_.js

@@ -1 +1,16 @@
-import"../../chunk-VY3566IV.js";import r from"./Parts";import o from"./Normal";import a from"./Drag";import p from"./Data";var t;(e=>(e.Normal=o,e.Data=p,e.Drag=a,e.Parts=r))(t||(t={}));export{t as Table,t as default};
+import "../../chunk-JJ3PEWPN.js";
+import _TableParts from "./Parts";
+import _Normal from "./Normal";
+import _Drag from "./Drag";
+import _Data from "./Data";
+var Table;
+((Table2) => {
+  Table2.Normal = _Normal;
+  Table2.Data = _Data;
+  Table2.Drag = _Drag;
+  Table2.Parts = _TableParts;
+})(Table || (Table = {}));
+export {
+  Table,
+  Table as default
+};

package/dist/fn/Table/cellStyling.js

@@ -1 +1,51 @@
-import{b as o}from"../../chunk-VY3566IV.js";const d=(r,e)=>{if(e=="plain")return{};let t={};return r=="drag"&&(t.padding=1),["border","rowBorder","cellBorder"].includes(e)&&(t.borderBottom="2.normal"),["border","cellBorder"].includes(e)&&(t.borderRight="2.normal"),o({padding:"3/4",backgroundColor:"1.layer.base",transition:"short",textAlign:"center"},t)},b=r=>{let e={};return r.right&&(e.borderRight="unset"),r.top&&(r.left&&(e.borderTopLeftRadius="inherit"),r.right&&(e.borderTopRightRadius="inherit")),r.bottom&&(e.borderBottom="unset",r.left&&(e.borderBottomLeftRadius="inherit"),r.right&&(e.borderBottomRightRadius="inherit")),e};export{d as DefaultCellStyles,b as DefaultCellSystemStyles};
+import {
+  __spreadValues
+} from "../../chunk-JJ3PEWPN.js";
+const DefaultCellStyles = (type, tone) => {
+  if (tone == "plain")
+    return {};
+  let Styles = {};
+  if (type == "drag") {
+    Styles.padding = 1;
+  }
+  if (["border", "rowBorder", "cellBorder"].includes(tone)) {
+    Styles.borderBottom = "2.normal";
+  }
+  if (["border", "cellBorder"].includes(tone)) {
+    Styles.borderRight = "2.normal";
+  }
+  return __spreadValues({
+    padding: "3/4",
+    backgroundColor: "1.layer.base",
+    transition: "short",
+    textAlign: "center"
+  }, Styles);
+};
+const DefaultCellSystemStyles = (args) => {
+  let Styles = {};
+  if (args.right) {
+    Styles.borderRight = "unset";
+  }
+  if (args.top) {
+    if (args.left) {
+      Styles.borderTopLeftRadius = "inherit";
+    }
+    if (args.right) {
+      Styles.borderTopRightRadius = "inherit";
+    }
+  }
+  if (args.bottom) {
+    Styles.borderBottom = "unset";
+    if (args.left) {
+      Styles.borderBottomLeftRadius = "inherit";
+    }
+    if (args.right) {
+      Styles.borderBottomRightRadius = "inherit";
+    }
+  }
+  return Styles;
+};
+export {
+  DefaultCellStyles,
+  DefaultCellSystemStyles
+};

package/dist/fn/Tooltips.js

@@ -1 +1,58 @@
-import{b as e,d as s}from"../chunk-VY3566IV.js";import{jsx as d}from"react/jsx-runtime";import{$$ as p}from"../@utils/_";import m from"../atoms/Box";import t from"./Sheet";const n={__memoryID:p.uuid.gen(),open:o=>{let r=o,{tipsID:i=p.uuid.gen(),tipsGroups:a=[]}=r,l=s(r,["tipsID","tipsGroups"]);t.open(e({sheetID:i,sheetGroups:["tooltips",...a],close_option:e({aroundClick:!0,parentBlur:!0,escapeKeyDown:!0,pageTransit:!0},o.close_option),type:"custom"},l))},close:o=>{o&&t.close(o)},closeALL:()=>{t.closeGroup("tooltips")},Comps:{Body:o=>d(m,e({padding:"1/2",backgroundColor:"dark",borderRadius:"2.tone.secondary",fontColor:"white",boxShadow:"0.normal"},o))}};export{n as Tooltips,n as default};
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  $$
+} from "../@utils/_";
+import Box from "../atoms/Box";
+import Sheet from "./Sheet";
+const Tooltips = {
+  __memoryID: $$.uuid.gen(),
+  open: (params) => {
+    let _a = params, {
+      tipsID = $$.uuid.gen(),
+      tipsGroups = []
+    } = _a, sheetParams = __objRest(_a, [
+      "tipsID",
+      "tipsGroups"
+    ]);
+    Sheet.open(__spreadValues({
+      sheetID: tipsID,
+      sheetGroups: [
+        "tooltips",
+        ...tipsGroups
+      ],
+      close_option: __spreadValues({
+        aroundClick: true,
+        parentBlur: true,
+        escapeKeyDown: true,
+        pageTransit: true
+      }, params.close_option),
+      type: "custom"
+    }, sheetParams));
+  },
+  close: (tipsID) => {
+    tipsID && Sheet.close(tipsID);
+  },
+  closeALL: () => {
+    Sheet.closeGroup("tooltips");
+  },
+  Comps: {
+    Body: (params) => /* @__PURE__ */ jsx(
+      Box,
+      __spreadValues({
+        padding: "1/2",
+        backgroundColor: "dark",
+        borderRadius: "2.tone.secondary",
+        fontColor: "white",
+        boxShadow: "0.normal"
+      }, params)
+    )
+  }
+};
+export {
+  Tooltips,
+  Tooltips as default
+};

package/dist/fn/_.js

@@ -1 +1,10 @@
-export*from"./Effect/_";export*from"./Button";export*from"./Input/_";export*from"./Layout/_";export*from"./Table/_";export*from"./Sheet";export*from"./Snackbar";export*from"./Loader/_";export*from"./Tooltips";export*from"./Cropper";
+export * from "./Effect/_";
+export * from "./Button";
+export * from "./Input/_";
+export * from "./Layout/_";
+export * from "./Table/_";
+export * from "./Sheet";
+export * from "./Snackbar";
+export * from "./Loader/_";
+export * from "./Tooltips";
+export * from "./Cropper";

package/dist/index.js

@@ -1 +1,20 @@
-import{b as o}from"./chunk-VY3566IV.js";import*as m from"./@utils/_";export*from"./@utils/_";import*as t from"./atoms/_";export*from"./atoms/_";import*as f from"./mols/_";export*from"./mols/_";import*as p from"./orgs/_";export*from"./orgs/_";import*as s from"./temps/_";export*from"./temps/_";import*as a from"./fn/_";export*from"./fn/_";const r=o(o(o(o(o(o({},m),t),f),p),s),a);export{r as amotify,r as default};
+import {
+  __spreadValues
+} from "./chunk-JJ3PEWPN.js";
+import * as utils from "./@utils/_";
+export * from "./@utils/_";
+import * as atoms from "./atoms/_";
+export * from "./atoms/_";
+import * as mols from "./mols/_";
+export * from "./mols/_";
+import * as orgs from "./orgs/_";
+export * from "./orgs/_";
+import * as temps from "./temps/_";
+export * from "./temps/_";
+import * as fn from "./fn/_";
+export * from "./fn/_";
+const amotify = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, utils), atoms), mols), orgs), temps), fn);
+export {
+  amotify,
+  amotify as default
+};

package/dist/mols/Accordion.js

@@ -1 +1,152 @@
-import{b as g,d as H}from"../chunk-VY3566IV.js";import{jsx as y}from"react/jsx-runtime";import{useState as m,useEffect as w,useRef as R}from"react";import{$$ as a,$$fromRoot as l,useStore as r}from"../@utils/_";import{Box as A}from"../atoms/Box";import{AccordionClasses as I}from"../@styles/componentClasses/_";const _=o=>{o=g({},o);let v=o,{accordionID:t="",slideAnimation:x="fast",defaultOpen:f=!1,override:D=!1}=v,C=H(v,["accordionID","slideAnimation","defaultOpen","override"]),[d]=m(a.uuid.gen()),[p]=m(a.uuid.gen()),[s,c]=m(f);s!=f&&D&&c(f);const h=R(!1);return w(()=>{let n=l('[data-accordion-content-id="'+p+'"]')[0];if(n){let i=n.offsetHeight,e=0;x=="fast"?(e=i/1e3,e=Math.max(e,.2)):x=="slow"&&(e=i/300),l("#"+d).css({transition:e+"s"})}},[]),w(()=>{let n=l("#"+d),i=l('[data-accordion-content-id="'+p+'"]')[0];if(h.current){if(i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:e+1+"px"}).await(100).css({maxHeight:"0px",overflow:"hidden"}))}}else if(h.current=!0,i){let e=i.offsetHeight;a.is.exist(e)&&(s?n.css({maxHeight:e+1+"px"}).await(200).css({maxHeight:"unset",overflow:o.overflow||"unset"}):n.css({maxHeight:"0px",overflow:"hidden"}))}},[s]),t&&r.set({key:"Accordion-"+t,value:{open:()=>{c(!0)},close:()=>{c(!1)},toggle:()=>{c(!s)}}}),y(A,{className:[I("Wrap"),I("Open_"+s)].join(" "),id:d,children:y(A,g({"data-accordion-content-id":p},C))})},u=_;u.fn={open:o=>{let t=r.get("Accordion-"+o);!t||t.open()},close:o=>{let t=r.get("Accordion-"+o);!t||t.close()},toggle:o=>{let t=r.get("Accordion-"+o);!t||t.toggle()}};export{u as Accordion,u as default};
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  useState,
+  useEffect,
+  useRef
+} from "react";
+import {
+  $$,
+  $$fromRoot,
+  useStore
+} from "../@utils/_";
+import { Box } from "../atoms/Box";
+import { AccordionClasses } from "../@styles/componentClasses/_";
+const Component = (params) => {
+  params = __spreadValues({}, params);
+  let _a = params, {
+    accordionID = "",
+    slideAnimation = "fast",
+    defaultOpen = false,
+    override = false
+  } = _a, others = __objRest(_a, [
+    "accordionID",
+    "slideAnimation",
+    "defaultOpen",
+    "override"
+  ]);
+  let [val_wrapID] = useState($$.uuid.gen());
+  let [val_contentID] = useState($$.uuid.gen());
+  let [val_open, set_open] = useState(defaultOpen);
+  if (val_open != defaultOpen) {
+    if (override)
+      set_open(defaultOpen);
+  }
+  const mounted = useRef(false);
+  useEffect(() => {
+    let Content = $$fromRoot('[data-accordion-content-id="' + val_contentID + '"]')[0];
+    if (Content) {
+      let contentHeight = Content.offsetHeight;
+      let transitionTime = 0;
+      if (slideAnimation == "fast") {
+        transitionTime = contentHeight / 1e3;
+        transitionTime = Math.max(transitionTime, 0.2);
+      } else if (slideAnimation == "slow") {
+        transitionTime = contentHeight / 300;
+      }
+      $$fromRoot("#" + val_wrapID).css({
+        transition: transitionTime + "s"
+      });
+    }
+  }, []);
+  useEffect(() => {
+    let Wrap = $$fromRoot("#" + val_wrapID);
+    let Content = $$fromRoot('[data-accordion-content-id="' + val_contentID + '"]')[0];
+    if (mounted.current) {
+      if (Content) {
+        let contentHeight = Content.offsetHeight;
+        if ($$.is.exist(contentHeight)) {
+          if (val_open) {
+            Wrap.css({
+              maxHeight: contentHeight + 1 + "px"
+            }).await(200).css({
+              maxHeight: "unset",
+              overflow: params.overflow || "unset"
+            });
+          } else {
+            Wrap.css({
+              maxHeight: contentHeight + 1 + "px"
+            }).await(100).css({
+              maxHeight: "0px",
+              overflow: "hidden"
+            });
+          }
+        }
+      }
+    } else {
+      mounted.current = true;
+      if (Content) {
+        let contentHeight = Content.offsetHeight;
+        if ($$.is.exist(contentHeight)) {
+          if (val_open) {
+            Wrap.css({
+              maxHeight: contentHeight + 1 + "px"
+            }).await(200).css({
+              maxHeight: "unset",
+              overflow: params.overflow || "unset"
+            });
+          } else {
+            Wrap.css({
+              maxHeight: "0px",
+              overflow: "hidden"
+            });
+          }
+        }
+      }
+    }
+  }, [val_open]);
+  if (accordionID) {
+    useStore.set({
+      key: "Accordion-" + accordionID,
+      value: {
+        open: () => {
+          set_open(true);
+        },
+        close: () => {
+          set_open(false);
+        },
+        toggle: () => {
+          set_open(!val_open);
+        }
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: [
+        AccordionClasses("Wrap"),
+        AccordionClasses("Open_" + val_open)
+      ].join(" "),
+      id: val_wrapID,
+      children: /* @__PURE__ */ jsx(
+        Box,
+        __spreadValues({
+          "data-accordion-content-id": val_contentID
+        }, others)
+      )
+    }
+  );
+};
+const Accordion = Component;
+Accordion.fn = {
+  open: (id) => {
+    let component = useStore.get("Accordion-" + id);
+    !component || component.open();
+  },
+  close: (id) => {
+    let component = useStore.get("Accordion-" + id);
+    !component || component.close();
+  },
+  toggle: (id) => {
+    let component = useStore.get("Accordion-" + id);
+    !component || component.toggle();
+  }
+};
+export {
+  Accordion,
+  Accordion as default
+};

package/dist/mols/Column.js

@@ -1 +1,16 @@
-import{b as p}from"../chunk-VY3566IV.js";import{jsx as t}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const e=o=>t(l,p({flexType:"col",gap:1},o));export{e as Column,e as default};
+import {
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import { Flex } from "../atoms/Flex";
+const Column = (params) => /* @__PURE__ */ jsx(
+  Flex,
+  __spreadValues({
+    flexType: "col",
+    gap: 1
+  }, params)
+);
+export {
+  Column,
+  Column as default
+};

package/dist/mols/LinkifyText.js

@@ -1 +1,42 @@
-import"../chunk-VY3566IV.js";import{Fragment as f,jsx as s}from"react/jsx-runtime";import c from"../fn/Button";const a=u=>{let{text:e,placeholder:i}=u,r=[];if(e){let p=[];e=e.replace(/https?:\/\/[^\s|\n|\r]*/ig,(...t)=>{let l=t[0];return p.push(l),"[$_url]"});let n=e.split("[$_url]");for(let t=0;t<=n.length-1;t++){let l=n[t],o=p[t];r.push(l),t<n.length-1&&r.push(s(c.Anchor.Link,{href:o,newTab:!0,children:o},"Link-"+t))}}else i&&(r=[i]);return s(f,{children:r})};export{a as LinkifyText,a as default};
+import "../chunk-JJ3PEWPN.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import Button from "../fn/Button";
+const LinkifyText = (params) => {
+  let {
+    text,
+    placeholder
+  } = params;
+  let Description = [];
+  if (text) {
+    let urls = [];
+    text = text.replace(/https?:\/\/[^\s|\n|\r]*/ig, (...args) => {
+      let url = args[0];
+      urls.push(url);
+      return "[$_url]";
+    });
+    let parts = text.split("[$_url]");
+    for (let index = 0; index <= parts.length - 1; index++) {
+      let part = parts[index];
+      let url = urls[index];
+      Description.push(part);
+      if (index < parts.length - 1) {
+        Description.push(/* @__PURE__ */ jsx(
+          Button.Anchor.Link,
+          {
+            href: url,
+            newTab: true,
+            children: url
+          },
+          "Link-" + index
+        ));
+      }
+    }
+  } else if (placeholder) {
+    Description = [placeholder];
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: Description });
+};
+export {
+  LinkifyText,
+  LinkifyText as default
+};

package/dist/mols/List.js

@@ -1 +1,42 @@
-import{b as e,c as t,d as r}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as p}from"../atoms/Flex";const s=n=>{let o=n,{rows:i,rowStyles:c}=o,m=r(o,["rows","rowStyles"]),y=i.map(f=>{let l=f,{children:u}=l,w=r(l,["children"]);return a(p,t(e(e({},c),w),{children:u}))});return a(p,t(e({},m),{flexType:"col",children:y}))};export{s as List,s as default};
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import {
+  Flex
+} from "../atoms/Flex";
+const List = (params) => {
+  let _a = params, {
+    rows,
+    rowStyles: DefaultRowStyles
+  } = _a, others = __objRest(_a, [
+    "rows",
+    "rowStyles"
+  ]);
+  let rowArray = rows.map((row) => {
+    let _a2 = row, {
+      children
+    } = _a2, others2 = __objRest(_a2, [
+      "children"
+    ]);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      __spreadProps(__spreadValues(__spreadValues({}, DefaultRowStyles), others2), {
+        children
+      })
+    );
+  });
+  return /* @__PURE__ */ jsx(
+    Flex,
+    __spreadProps(__spreadValues({}, others), {
+      flexType: "col",
+      children: rowArray
+    })
+  );
+};
+export {
+  List,
+  List as default
+};

package/dist/mols/Row.js

@@ -1 +1,47 @@
-import{b as t}from"../chunk-VY3566IV.js";import{jsx as a}from"react/jsx-runtime";import{Flex as l}from"../atoms/Flex";const n={Center:e=>a(l,t({horizontalAlign:"center",verticalAlign:"center",flexWrap:!1,gap:1},e)),Left:e=>a(l,t({horizontalAlign:"left",verticalAlign:"center",flexWrap:!1,gap:1},e)),Right:e=>a(l,t({horizontalAlign:"right",verticalAlign:"center",flexWrap:!1,gap:1},e)),Separate:e=>a(l,t({horizontalAlign:"between",verticalAlign:"center",flexWrap:!1,gap:1},e))};export{n as Row,n as default};
+import {
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import { Flex } from "../atoms/Flex";
+const Row = {
+  Center: (params) => /* @__PURE__ */ jsx(
+    Flex,
+    __spreadValues({
+      horizontalAlign: "center",
+      verticalAlign: "center",
+      flexWrap: false,
+      gap: 1
+    }, params)
+  ),
+  Left: (params) => /* @__PURE__ */ jsx(
+    Flex,
+    __spreadValues({
+      horizontalAlign: "left",
+      verticalAlign: "center",
+      flexWrap: false,
+      gap: 1
+    }, params)
+  ),
+  Right: (params) => /* @__PURE__ */ jsx(
+    Flex,
+    __spreadValues({
+      horizontalAlign: "right",
+      verticalAlign: "center",
+      flexWrap: false,
+      gap: 1
+    }, params)
+  ),
+  Separate: (params) => /* @__PURE__ */ jsx(
+    Flex,
+    __spreadValues({
+      horizontalAlign: "between",
+      verticalAlign: "center",
+      flexWrap: false,
+      gap: 1
+    }, params)
+  )
+};
+export {
+  Row,
+  Row as default
+};

package/dist/mols/Text.js

@@ -1 +1,67 @@
-import{b as e,c as n}from"../chunk-VY3566IV.js";import{jsx as o}from"react/jsx-runtime";import{Box as p}from"../atoms/Box";import{Span as a}from"../atoms/Span";const i={Title:t=>o(p,e({fontSize:"6.title",fontWeight:"3.semiBold"},t)),SubTitle:t=>o(p,e({fontSize:"5.subTitle",fontWeight:"3.semiBold"},t)),ThirdTitle:t=>o(p,e({fontSize:"4.thirdTitle",fontWeight:"3.semiBold"},t)),Paragraph:t=>o(p,e({fontSize:"3.paragraph",fontWeight:"3.semiBold"},t)),Normal:t=>o(p,e({},t)),Description:t=>o(p,n(e({},t),{freeCSS:e({whiteSpace:"pre-wrap"},t.freeCSS)})),Supplement:t=>o(p,e({fontSize:"1.mini"},t)),NowrapSpan:t=>o(a,n(e({},t),{freeCSS:e({whiteSpace:"nowrap"},t.freeCSS)}))};export{i as Text,i as default};
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-JJ3PEWPN.js";
+import { jsx } from "react/jsx-runtime";
+import { Box } from "../atoms/Box";
+import { Span } from "../atoms/Span";
+const Text = {
+  Title: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      fontSize: "6.title",
+      fontWeight: "3.semiBold"
+    }, params)
+  ),
+  SubTitle: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      fontSize: "5.subTitle",
+      fontWeight: "3.semiBold"
+    }, params)
+  ),
+  ThirdTitle: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      fontSize: "4.thirdTitle",
+      fontWeight: "3.semiBold"
+    }, params)
+  ),
+  Paragraph: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      fontSize: "3.paragraph",
+      fontWeight: "3.semiBold"
+    }, params)
+  ),
+  Normal: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({}, params)
+  ),
+  Description: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({}, params), {
+      freeCSS: __spreadValues({
+        whiteSpace: "pre-wrap"
+      }, params.freeCSS)
+    })
+  ),
+  Supplement: (params) => /* @__PURE__ */ jsx(
+    Box,
+    __spreadValues({
+      fontSize: "1.mini"
+    }, params)
+  ),
+  NowrapSpan: (params) => /* @__PURE__ */ jsx(
+    Span,
+    __spreadProps(__spreadValues({}, params), {
+      freeCSS: __spreadValues({
+        whiteSpace: "nowrap"
+      }, params.freeCSS)
+    })
+  )
+};
+export {
+  Text,
+  Text as default
+};

package/dist/mols/_.js

@@ -1 +1,6 @@
-export*from"./Accordion";export*from"./Column";export*from"./LinkifyText";export*from"./List";export*from"./Row";export*from"./Text";
+export * from "./Accordion";
+export * from "./Column";
+export * from "./LinkifyText";
+export * from "./List";
+export * from "./Row";
+export * from "./Text";

package/dist/temps/_.js

@@ -1 +1 @@
-export*from"./designBook";
+export * from "./designBook";