@dappworks/kit 0.5.28 → 0.5.29

package/dist/{chunk-SNGWN2DW.mjs → chunk-BQSQ4L7R.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-DCSRCD7W.mjs';
+import { cn } from './chunk-BAXWSAXB.mjs';
 import { Skeleton } from '@nextui-org/react';
 import React from 'react';
 
@@ -26,4 +26,4 @@ var SkeletonBox = ({
 
 export { SkeletonBox };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-SNGWN2DW.mjs.map
+//# sourceMappingURL=chunk-BQSQ4L7R.mjs.map

package/dist/chunk-BQSQ4L7R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/Common/SkeletonBox/index.tsx"],"names":[],"mappings":";;;;;AAAA,SAAS,gBAAgC;AACzC,OAAO,WAAW;AAGX,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,MAKM;AACJ,QAAM,WAAW,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE,KAAK,CAAC;AAChD,SACE,oCAAC,SAAI,WAAW,GAAG,2BAA2B,SAAS,KACpD,SAAS,IAAI,CAAC,GAAG,UAAU;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,GAAG,eAAe,WAAW;AAAA,QACxC,YAAY;AAAA;AAAA,IACd;AAAA,EAEJ,CAAC,CACH;AAEJ","sourcesContent":["import { Skeleton, SlotsToClasses } from '@nextui-org/react';\r\nimport React from 'react';\r\nimport { cn } from '../../../lib/utils';\r\n\r\nexport const SkeletonBox = ({\r\n  line,\r\n  className,\r\n  skClassName,\r\n  skClassNames = {\r\n    base: 'transition-background !duration-900 before:transition-opacity before:!duration-900',\r\n    content: 'transition-opacity motion-reduce:transition-none !duration-900',\r\n  }\r\n}: {\r\n  line?: number;\r\n  className?: string;\r\n  skClassName?: string;\r\n  skClassNames?: SlotsToClasses<\"base\" | \"content\">\r\n}) => {\r\n  const lineCamp = [...new Array(line || 1).keys()];\r\n  return (\r\n    <div className={cn('flex items-center gap-4', className)}>\r\n      {lineCamp.map((_, index) => {\r\n        return (\r\n          <Skeleton\r\n            key={index}\r\n            className={cn('w-full h-10', skClassName)}\r\n            classNames={skClassNames}\r\n          />\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/{chunk-DVNRHEKS.mjs → chunk-FWK5VZHE.mjs}

@@ -1,5 +1,5 @@
-import { getStyle } from './chunk-YG4RDLYA.mjs';
-import { useStore, rootStore } from './chunk-XSGTWROT.mjs';
+import { getStyle } from './chunk-R66SHRQE.mjs';
+import { useStore, rootStore } from './chunk-SA53R6TL.mjs';
 import { __spreadValues, __spreadProps } from './chunk-VIK2VI34.mjs';
 import React from 'react';
 import { makeAutoObservable } from 'mobx';
@@ -73,4 +73,4 @@ var DialogStore = class _DialogStore {
 
 export { DialogStore };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DVNRHEKS.mjs.map
+//# sourceMappingURL=chunk-FWK5VZHE.mjs.map

package/dist/chunk-FWK5VZHE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../module/Dialog/index.tsx","../module/Dialog/Provider.tsx"],"names":["React","rootStore"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,YAAW;AAClB,SAAS,0BAA0B;;;ACDnC,OAAO,WAAW;AAClB,SAAS,OAAO,WAAW,cAAc,mBAAmB;AAC5D,SAAS,gBAAgB;AAIzB,IAAM,SAAS,SAAS,MAAM;AAC5B,QAAMC,aAAY,SAAS;AAC3B,QAAM,QAAQA,WAAU,IAAI,WAAW;AACvC,QAAM,EAAE,WAAW,YAAY,QAAQ,WAAW,OAAO,MAAM,SAAS,cAAc,IAAI;AAC1F,QAAM,UAAU,OAAO,YAAY,aAAa,UAAU,MAAM;AAChE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,SAAkB;AAC/B,YAAI,CAAC,MAAM;AACT,gBAAM,MAAM;AAAA,QACd;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,gBAAa,WAAU,gCACrB,MACC,0DACG,SAAS,oCAAC,eAAY,WAAU,yBAAuB,KAAM,GAC9D,oCAAC,iBACC,oCAAC,aAAQ,CACX,CACF,CAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mBAAQ;;;AD/BR,IAAM,cAAN,MAAM,aAA6B;AAAA,EAcxC,YAAY,MAA6B;AAbzC,eAAM;AACN,oBAAW,MAAM,gBAAAD,OAAA,cAAC,sBAAS;AAE3B,kBAAS;AAET,iBAAQ;AACR,gBAAkF;AAClF,qBAAoB;AAEpB,iBAAmB;AACnB,mBAA+D;AAC/D,yBAAgB;AAGd,UAAM,aAAa,UAAS,6BAAM,UAAS,WAAW,OAAO;AAC7D,UAAM,aAAa,kCACd,WAAW,aACX,6BAAM;AAEX,WAAO,OAAO,MAAM,MAAM,EAAE,WAAW,CAAC;AACxC,uBAAmB,IAAI;AAAA,EACzB;AAAA,EAGA,QAAQ,GAAyB;AAC/B,WAAO,OAAO,MAAM,CAAC;AAAA,EACvB;AAAA,EAEA,QAAQ;AACN,SAAK,SAAS;AACd,SAAK,QAAQ;AACb,SAAK,UAAU;AACf,SAAK,OAAO;AACZ,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,OAAO,KAAK,GAAyB;AACnC,UAAM,aAAa,UAAS,uBAAG,UAAS,WAAW,OAAO;AAC1D,UAAM,aAAa,kCACd,WAAW,aACX,uBAAG;AAER,cAAU,IAAI,YAAW,EAAE,QAAQ,iCAC9B,IAD8B;AAAA,MAEjC;AAAA,MACA,QAAQ;AAAA,IAEV,EAAC;AAAA,EACH;AAAA,EAEA,OAAO,QAAQ;AACb,cAAU,IAAI,YAAW,EAAE,MAAM;AAAA,EACnC;AACF","sourcesContent":["import React from \"react\";\r\nimport { makeAutoObservable } from \"mobx\";\r\nimport { rootStore } from \"../../store\";\r\nimport { Store } from \"../../store/standard/base\";\r\nimport Provider from \"./Provider\";\r\nimport { ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\r\nimport { getStyle, ThemeType } from \"../../themes\";\r\n\r\nexport class DialogStore implements Store {\r\n  sid = \"DialogStore\";\r\n  provider = () => <Provider />;\r\n\r\n  isOpen = false;\r\n  placement: \"center\" | \"auto\" | \"top\" | \"bottom\" | \"top-center\" | \"bottom-center\";\r\n  title = \"\";\r\n  size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\" | \"xs\" | \"3xl\" | \"4xl\" | \"5xl\" = \"md\";\r\n  className: string = \"\";\r\n  classNames?: SlotsToClasses<ModalSlots>;\r\n  theme: ThemeType = \"default\";\r\n  content: React.ReactNode | ((props: any) => React.ReactNode) = \"\";\r\n  isDismissable = true;\r\n\r\n  constructor(args?: Partial<DialogStore>) {\r\n    const modalStyle = getStyle(args?.theme || 'default', 'Modal');\r\n    const classNames = {\r\n      ...modalStyle.classNames,\r\n      ...args?.classNames\r\n    }\r\n    Object.assign(this, args, { classNames });\r\n    makeAutoObservable(this);\r\n  }\r\n\r\n\r\n  setData(v: Partial<DialogStore>) {\r\n    Object.assign(this, v);\r\n  }\r\n\r\n  close() {\r\n    this.isOpen = false;\r\n    this.title = \"\";\r\n    this.content = \"\";\r\n    this.size = \"md\";\r\n    this.isDismissable = true;\r\n  }\r\n\r\n  static show(v: Partial<DialogStore>) {\r\n    const modalStyle = getStyle(v?.theme || 'default', 'Modal');\r\n    const classNames = {\r\n      ...modalStyle.classNames,\r\n      ...v?.classNames\r\n    }\r\n    rootStore.get(DialogStore).setData({\r\n      ...v,\r\n      classNames,\r\n      isOpen: true,\r\n\r\n    });\r\n  }\r\n\r\n  static close() {\r\n    rootStore.get(DialogStore).close();\r\n  }\r\n}\r\n","import React from \"react\";\r\nimport { Modal, ModalBody, ModalContent, ModalHeader } from \"@nextui-org/react\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { DialogStore } from \".\";\r\nimport { useStore } from \"../../store/index\";\r\n\r\nconst Dialog = observer(() => {\r\n  const rootStore = useStore();\r\n  const modal = rootStore.get(DialogStore);\r\n  const { className, classNames, isOpen, placement, title, size, content, isDismissable } = modal;\r\n  const Content = typeof content === 'function' ? content : () => content;\r\n  return (\r\n    <Modal\r\n      isOpen={isOpen}\r\n      size={size}\r\n      placement={placement}\r\n      onOpenChange={(open: boolean) => {\r\n        if (!open) {\r\n          modal.close();\r\n        }\r\n      }}\r\n      className={className}\r\n      classNames={classNames}\r\n      isDismissable={isDismissable}\r\n    >\r\n      <ModalContent className=\"max-h-screen overflow-auto\">\r\n        {() => (\r\n          <>\r\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\r\n            <ModalBody>\r\n              <Content />\r\n            </ModalBody>\r\n          </>\r\n        )}\r\n      </ModalContent>\r\n    </Modal >\r\n  );\r\n});\r\n\r\nexport default Dialog;"]}