tango-ui-cw 0.9.6 → 0.9.8

package/dist/component/TDrawer/index.mjs

@@ -1,31 +1,32 @@
-import { jsx as r, Fragment as N, jsxs as h } from "react/jsx-runtime";
-import { useState as p, useEffect as $ } from "react";
+"use client";
+import { jsx as o, Fragment as T, jsxs as h } from "react/jsx-runtime";
+import { useState as p, useEffect as N } from "react";
 import e from "prop-types";
 import t from "./TDrawer.module.css.mjs";
-import b from "../TButton/index.mjs";
-function j(u) {
+import B from "../TButton/index.mjs";
+function O(u) {
   const {
     children: y,
-    title: g = "基础标题",
-    okText: k = "确定",
-    cancelText: w = "取消",
+    title: k = "基础标题",
+    okText: w = "确定",
+    cancelText: C = "取消",
     open: c = !1,
     onClose: l = () => {
     },
-    type: o = "right",
-    containerStyles: C,
+    type: s = "right",
+    containerStyles: g,
     headerStyles: x,
     footerStyles: v,
     btnStyles: i,
     footerButtons: a,
-    maskClosable: S = !0
+    maskClosable: $ = !0
   } = u, [d, f] = p(!1), [m, n] = p(!1);
-  $(() => {
+  N(() => {
     c ? (f(!0), n(!1)) : d && (n(!0), setTimeout(() => {
       f(!1), n(!1);
     }, 300));
   }, [c]);
-  const T = /* @__PURE__ */ r(
+  const S = /* @__PURE__ */ o(
     "svg",
     {
       t: "1770778790558",
@@ -36,7 +37,7 @@ function j(u) {
       "p-id": "5372",
       width: "25",
       height: "25",
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ o(
         "path",
         {
           d: "M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",
@@ -46,36 +47,36 @@ function j(u) {
       )
     }
   );
-  return /* @__PURE__ */ r(N, { children: d && /* @__PURE__ */ r(
+  return /* @__PURE__ */ o(T, { children: d && /* @__PURE__ */ o(
     "div",
     {
       className: `${t.drawerOverlay} ${m ? t.fadeOut : t.fadeIn}`,
-      onClick: (s) => {
-        S && s.target === s.currentTarget && l();
+      onClick: (r) => {
+        $ && r.target === r.currentTarget && l();
       },
       children: /* @__PURE__ */ h(
         "div",
         {
-          className: `${t.drawerContainer} ${t[`drawer${o.charAt(0).toUpperCase() + o.slice(1)}`]} ${m ? t[`comeOut${o.charAt(0).toUpperCase() + o.slice(1)}`] : t[`comeIn${o.charAt(0).toUpperCase() + o.slice(1)}`]}`,
-          style: C,
+          className: `${t.drawerContainer} ${t[`drawer${s.charAt(0).toUpperCase() + s.slice(1)}`]} ${m ? t[`comeOut${s.charAt(0).toUpperCase() + s.slice(1)}`] : t[`comeIn${s.charAt(0).toUpperCase() + s.slice(1)}`]}`,
+          style: g,
           children: [
             /* @__PURE__ */ h("div", { className: t.drawerHeader, children: [
-              /* @__PURE__ */ r("h3", { className: t.drawerHeaderTitle, style: x, children: g }),
-              /* @__PURE__ */ r("div", { className: t.drawerCloseBtn, onClick: l, children: T })
+              /* @__PURE__ */ o("h3", { className: t.drawerHeaderTitle, style: x, children: k }),
+              /* @__PURE__ */ o("div", { className: t.drawerCloseBtn, onClick: l, children: S })
             ] }),
-            /* @__PURE__ */ r("div", { className: t.drawerContent, children: y }),
-            /* @__PURE__ */ r("div", { className: t.drawerFooter, style: v, children: (a != null && a.length ? a : [
-              { key: "cancel", text: w, onClick: l },
-              { key: "ok", text: k, onClick: l }
-            ]).map((s) => /* @__PURE__ */ r(
-              b,
+            /* @__PURE__ */ o("div", { className: t.drawerContent, children: y }),
+            /* @__PURE__ */ o("div", { className: t.drawerFooter, style: v, children: (a != null && a.length ? a : [
+              { key: "cancel", text: C, onClick: l },
+              { key: "ok", text: w, onClick: l }
+            ]).map((r) => /* @__PURE__ */ o(
+              B,
               {
-                onClick: s.onClick,
-                style: (i == null ? void 0 : i[s.key]) || {},
-                className: t.drawerButton,
-                children: s.text
+                onClick: r.onClick,
+                style: r.key === "ok" ? (i == null ? void 0 : i[r.key]) || {} : {},
+                className: `${t.drawerButton} ${r.key === "ok" ? t.drawerButtonOk : t.drawerButtonCancel}`,
+                children: r.text
               },
-              s.key
+              r.key
             )) })
           ]
         }
@@ -83,7 +84,7 @@ function j(u) {
     }
   ) });
 }
-j.propTypes = {
+O.propTypes = {
   children: e.node.isRequired,
   title: e.string,
   okText: e.string,
@@ -106,5 +107,5 @@ j.propTypes = {
   maskClosable: e.bool
 };
 export {
-  j as default
+  O as default
 };

package/dist/component/TInput/TInput.module.css.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_input_1xl1h_1",u="_inputSmall_1xl1h_45",i="_inputMedium_1xl1h_57",n="_inputLarge_1xl1h_67",e="_inputHuge_1xl1h_79",p="_inputDisabled_1xl1h_91",l="_inputTextarea_1xl1h_107",_="_inputError_1xl1h_117",r={input:t,inputSmall:u,inputMedium:i,inputLarge:n,inputHuge:e,inputDisabled:p,inputTextarea:l,inputError:_};exports.default=r;exports.input=t;exports.inputDisabled=p;exports.inputError=_;exports.inputHuge=e;exports.inputLarge=n;exports.inputMedium=i;exports.inputSmall=u;exports.inputTextarea=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_input_1cwtp_1",u="_inputSmall_1cwtp_45",i="_inputMedium_1cwtp_57",n="_inputLarge_1cwtp_67",p="_inputHuge_1cwtp_79",e="_inputDisabled_1cwtp_91",_="_inputTextarea_1cwtp_107",r="_inputError_1cwtp_117",a={input:t,inputSmall:u,inputMedium:i,inputLarge:n,inputHuge:p,inputDisabled:e,inputTextarea:_,inputError:r};exports.default=a;exports.input=t;exports.inputDisabled=e;exports.inputError=r;exports.inputHuge=p;exports.inputLarge=n;exports.inputMedium=i;exports.inputSmall=u;exports.inputTextarea=_;

package/dist/component/TInput/TInput.module.css.mjs

@@ -1,21 +1,21 @@
-const t = "_input_1xl1h_1", n = "_inputSmall_1xl1h_45", u = "_inputMedium_1xl1h_57", i = "_inputLarge_1xl1h_67", p = "_inputHuge_1xl1h_79", _ = "_inputDisabled_1xl1h_91", e = "_inputTextarea_1xl1h_107", l = "_inputError_1xl1h_117", a = {
+const t = "_input_1cwtp_1", n = "_inputSmall_1cwtp_45", p = "_inputMedium_1cwtp_57", u = "_inputLarge_1cwtp_67", i = "_inputHuge_1cwtp_79", _ = "_inputDisabled_1cwtp_91", e = "_inputTextarea_1cwtp_107", a = "_inputError_1cwtp_117", c = {
   input: t,
   inputSmall: n,
-  inputMedium: u,
-  inputLarge: i,
-  inputHuge: p,
+  inputMedium: p,
+  inputLarge: u,
+  inputHuge: i,
   inputDisabled: _,
   inputTextarea: e,
-  inputError: l
+  inputError: a
 };
 export {
-  a as default,
+  c as default,
   t as input,
   _ as inputDisabled,
-  l as inputError,
-  p as inputHuge,
-  i as inputLarge,
-  u as inputMedium,
+  a as inputError,
+  i as inputHuge,
+  u as inputLarge,
+  p as inputMedium,
   n as inputSmall,
   e as inputTextarea
 };

package/dist/component/TInput/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const t=require("react/jsx-runtime");require("react");const e=require("prop-types"),a=require("./TInput.module.css.js"),V=require("../CSSFab/useTangoStyle.js");function l(p){const{type:o="default",size:n="medium",sx:s={},style:m={},className:f="",onClick:y=()=>{},onChange:i=()=>{},value:u,defaultValue:g="",disabled:r=!1,placeholder:x="",maxlength:C=524288}=p,h=a.default.input,b=a.default[`input${n.charAt(0).toUpperCase()+n.slice(1)}`]||"",v=r?a.default.inputDisabled:"",j=typeof s=="object"?s:{},S=V.useTangoStyle(j),T=typeof s=="string"?s:"",d=u!==void 0,N=[h,b,v,T,f].filter(Boolean).join(" "),q={...S,...m},w=o==="password"?"password":"text",c={className:N,style:q,onClick:y,onChange:i?z=>i(z.target.value):void 0,value:d?u:void 0,defaultValue:d?void 0:g,disabled:r,placeholder:x,maxLength:C};return t.jsx("div",{children:o==="textarea"?t.jsx("textarea",{...c}):t.jsx("input",{...c,type:w})})}l.propTypes={type:e.oneOf(["default","textarea","password"]),size:e.oneOf(["small","medium","large","huge"]),sx:e.oneOfType([e.object,e.string]),style:e.object,onClick:e.func,onChange:e.func,className:e.string,value:e.string,defaultValue:e.string,disabled:e.bool,placeholder:e.string,maxlength:e.number};l.defaultProps={type:"default",size:"medium",sx:{},style:{},onClick:()=>{},className:"",onChange:void 0,value:void 0,defaultValue:"",disabled:!1,placeholder:"",maxlength:524288};module.exports=l;

package/dist/component/TInput/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import e from "prop-types";

package/dist/component/TLayout/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const e=require("react/jsx-runtime"),l=require("prop-types");;/* empty css             */function c(r){const{children:s,type:a,className:i=""}=r,t=`clay-layout clay-layout-${a} ${i}`;return e.jsxs("div",{className:t,children:[a==="top-middle-bottom"&&e.jsxs("div",{className:"ultra",children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsx("main",{className:"clay-main",children:s[1]}),e.jsx("footer",{className:"clay-footer",children:s[2]})]}),a==="top-bottom-split"&&e.jsxs("div",{className:"ultra",children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsxs("main",{className:"clay-main",children:[e.jsx("aside",{className:"clay-aside",children:s[1]}),e.jsx("div",{className:"clay-content",children:s[2]})]})]}),a==="left-right-top-bottom"&&e.jsxs(e.Fragment,{children:[e.jsx("header",{className:"clay-header",children:s[0]}),e.jsxs("div",{className:"clay-main",children:[e.jsx("aside",{className:"clay-aside",children:s[1]}),e.jsxs("div",{className:"clay-right",children:[e.jsx("header",{className:"clay-header",children:s[2]}),e.jsx("div",{className:"clay-content",children:s[3]})]})]})]}),a==="left-right-three-parts"&&e.jsxs("div",{className:"ultra",children:[e.jsx("aside",{className:"clay-aside",children:s[0]}),e.jsxs("div",{className:"clay-right",children:[e.jsx("header",{className:"clay-header",children:s[1]}),e.jsx("main",{className:"clay-main",children:s[2]}),e.jsx("footer",{className:"clay-footer",children:s[3]})]})]})]})}c.propTypes={children:l.node.isRequired,className:l.string,type:l.oneOf(["top-middle-bottom","top-bottom-split","left-right-top-bottom","left-right-three-parts"]).isRequired};module.exports=c;

package/dist/component/TLayout/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as l, jsx as a, Fragment as d } from "react/jsx-runtime";
 import s from "prop-types";
 /* empty css             */

package/dist/component/TLine/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const o=require("react/jsx-runtime");require("react");const e=require("prop-types"),s=require("./TLine.module.css.js"),g=require("../CSSFab/useTangoStyle.js");function c(a){const{sx:t={},style:r={},className:u="",onClick:d=()=>{},children:n,size:l="medium"}=a,m=typeof t=="object"?t:{},x=g.useTangoStyle(m),y=typeof t=="string"?t:"",i=!!n,f=s.default[`line${l.charAt(0).toUpperCase()+l.slice(1)}`]||"",p=i?s.default.lineHasText:s.default.lineNoText,T=[s.default.line,f,p,y,u].filter(Boolean).join(" "),C={...x,...r};return o.jsx("div",{style:C,onClick:d,className:T,children:i&&o.jsx("div",{className:s.default.lineText,children:n})})}c.propTypes={sx:e.oneOfType([e.object,e.string]),size:e.oneOf(["small","medium","large","huge"]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired};module.exports=c;

package/dist/component/TLine/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as i } from "react/jsx-runtime";
 import "react";
 import e from "prop-types";

package/dist/component/TMark/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const f=require("react/jsx-runtime");require("react");const e=require("prop-types"),b=require("./TMark.module.css.js"),x=require("../CSSFab/useTangoStyle.js");function o(r){const{sx:t={},style:l={},className:n="",onClick:c=()=>{},children:a,color:s="default",beauty:i=!1}=r,u=typeof t=="object"?t:{},d=x.useTangoStyle(u),y=typeof t=="string"?t:"",p={backgroundColor:s==="default"?"#ffe28d":s,...{width:"auto",height:"auto",display:"inline-block"},...i?{padding:"4px 8px",borderRadius:"4px"}:{},...d,...l};return f.jsx("div",{style:p,onClick:c,className:`${b.default.mark} ${y} ${n}`.trim(),children:a})}o.propTypes={color:e.string,sx:e.oneOfType([e.object,e.string]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired,beauty:e.bool};module.exports=o;

package/dist/component/TMark/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as p } from "react/jsx-runtime";
 import "react";
 import e from "prop-types";

package/dist/component/TModal/TModal.module.css.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modalOverlay_17rup_1",e="_modalContainer_17rup_27",a="_modalHeader_17rup_49",t="_modalHeaderTitle_17rup_65",l="_modalContent_17rup_73",d="_modalFooter_17rup_83",n="_modalCloseBtn_17rup_97",_="_fadeIn_17rup_195",r="_fadeOut_17rup_205",m="_scaleIn_17rup_215",s="_scaleOut_17rup_225",u="_modalButton_17rup_233",c={modalOverlay:o,modalContainer:e,modalHeader:a,modalHeaderTitle:t,modalContent:l,modalFooter:d,modalCloseBtn:n,fadeIn:_,fadeOut:r,scaleIn:m,scaleOut:s,modalButton:u};exports.default=c;exports.fadeIn=_;exports.fadeOut=r;exports.modalButton=u;exports.modalCloseBtn=n;exports.modalContainer=e;exports.modalContent=l;exports.modalFooter=d;exports.modalHeader=a;exports.modalHeaderTitle=t;exports.modalOverlay=o;exports.scaleIn=m;exports.scaleOut=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="_modalOverlay_17lpy_1",l="_modalContainer_17lpy_27",a="_modalHeader_17lpy_49",t="_modalHeaderTitle_17lpy_65",e="_modalContent_17lpy_73",n="_modalFooter_17lpy_83",d="_modalCloseBtn_17lpy_97",_="_fadeIn_17lpy_195",m="_fadeOut_17lpy_205",s="_scaleIn_17lpy_215",c="_scaleOut_17lpy_225",u="_modalButton_17lpy_235",r="_modalButtonOk_17lpy_243",y="_modalButtonCancel_17lpy_253",O={modalOverlay:o,modalContainer:l,modalHeader:a,modalHeaderTitle:t,modalContent:e,modalFooter:n,modalCloseBtn:d,fadeIn:_,fadeOut:m,scaleIn:s,scaleOut:c,modalButton:u,modalButtonOk:r,modalButtonCancel:y};exports.default=O;exports.fadeIn=_;exports.fadeOut=m;exports.modalButton=u;exports.modalButtonCancel=y;exports.modalButtonOk=r;exports.modalCloseBtn=d;exports.modalContainer=l;exports.modalContent=e;exports.modalFooter=n;exports.modalHeader=a;exports.modalHeaderTitle=t;exports.modalOverlay=o;exports.scaleIn=s;exports.scaleOut=c;

package/dist/component/TModal/TModal.module.css.mjs

@@ -1,29 +1,33 @@
-const o = "_modalOverlay_17rup_1", a = "_modalContainer_17rup_27", t = "_modalHeader_17rup_49", e = "_modalHeaderTitle_17rup_65", l = "_modalContent_17rup_73", d = "_modalFooter_17rup_83", n = "_modalCloseBtn_17rup_97", _ = "_fadeIn_17rup_195", r = "_fadeOut_17rup_205", s = "_scaleIn_17rup_215", m = "_scaleOut_17rup_225", u = "_modalButton_17rup_233", c = {
+const o = "_modalOverlay_17lpy_1", l = "_modalContainer_17lpy_27", t = "_modalHeader_17lpy_49", a = "_modalHeaderTitle_17lpy_65", e = "_modalContent_17lpy_73", n = "_modalFooter_17lpy_83", d = "_modalCloseBtn_17lpy_97", _ = "_fadeIn_17lpy_195", m = "_fadeOut_17lpy_205", s = "_scaleIn_17lpy_215", c = "_scaleOut_17lpy_225", y = "_modalButton_17lpy_235", r = "_modalButtonOk_17lpy_243", u = "_modalButtonCancel_17lpy_253", p = {
   modalOverlay: o,
-  modalContainer: a,
+  modalContainer: l,
   modalHeader: t,
-  modalHeaderTitle: e,
-  modalContent: l,
-  modalFooter: d,
-  modalCloseBtn: n,
+  modalHeaderTitle: a,
+  modalContent: e,
+  modalFooter: n,
+  modalCloseBtn: d,
   fadeIn: _,
-  fadeOut: r,
+  fadeOut: m,
   scaleIn: s,
-  scaleOut: m,
-  modalButton: u
+  scaleOut: c,
+  modalButton: y,
+  modalButtonOk: r,
+  modalButtonCancel: u
 };
 export {
-  c as default,
+  p as default,
   _ as fadeIn,
-  r as fadeOut,
-  u as modalButton,
-  n as modalCloseBtn,
-  a as modalContainer,
-  l as modalContent,
-  d as modalFooter,
+  m as fadeOut,
+  y as modalButton,
+  u as modalButtonCancel,
+  r as modalButtonOk,
+  d as modalCloseBtn,
+  l as modalContainer,
+  e as modalContent,
+  n as modalFooter,
   t as modalHeader,
-  e as modalHeaderTitle,
+  a as modalHeaderTitle,
   o as modalOverlay,
   s as scaleIn,
-  m as scaleOut
+  c as scaleOut
 };

package/dist/component/TModal/index.js

@@ -1 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),s=require("./TModal.module.css.js"),T=require("../TButton/index.js");function m(x){const{children:h,title:k="基础标题",okText:y="确定",cancelText:g="取消",open:r=!1,onOk:q,onClose:a=()=>{},containerStyles:j,headerStyles:C,footerStyles:p,btnStyles:n,footerButtons:o,maskClosable:v=!0}=x,[d,u]=c.useState(!1),[f,i]=c.useState(!1);c.useEffect(()=>{r?(u(!0),i(!1)):d&&(i(!0),setTimeout(()=>{u(!1),i(!1)},300))},[r]);const S=t.jsx("svg",{t:"1770778790558",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"5372",width:"25",height:"25",children:t.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",fill:"#707070","p-id":"5373"})});return t.jsx(t.Fragment,{children:d&&t.jsx("div",{className:`${s.default.modalOverlay} ${f?s.default.fadeOut:s.default.fadeIn}`,onClick:l=>{v&&l.target===l.currentTarget&&a()},children:t.jsxs("div",{className:`${s.default.modalContainer} ${f?s.default.scaleOut:s.default.scaleIn}`,style:j,children:[t.jsxs("div",{className:s.default.modalHeader,children:[t.jsx("h3",{className:s.default.modalHeaderTitle,style:C,children:k}),t.jsx("div",{className:s.default.modalCloseBtn,onClick:a,children:S})]}),t.jsx("div",{className:s.default.modalContent,children:h}),t.jsx("div",{className:s.default.modalFooter,style:p,children:(o!=null&&o.length?o:[{key:"cancel",text:g,onClick:a},{key:"ok",text:y,onClick:a}]).map(l=>t.jsx(T,{onClick:l.onClick,style:(n==null?void 0:n[l.key])||{},className:s.default.modalButton,children:l.text},l.key))})]})})})}m.propTypes={children:e.node.isRequired,title:e.string,okText:e.string,cancelText:e.string,open:e.bool,onOk:e.func,onClose:e.func,containerStyles:e.object,headerStyles:e.object,footerStyles:e.object,btnStyles:e.object,footerButtons:e.arrayOf(e.shape({key:e.string.isRequired,text:e.string.isRequired,onClick:e.func.isRequired})),maskClosable:e.bool};module.exports=m;
+"use client";
+"use strict";const l=require("react/jsx-runtime"),c=require("react"),e=require("prop-types"),t=require("./TModal.module.css.js"),T=require("../TButton/index.js");function m(k){const{children:x,title:h="基础标题",okText:y="确定",cancelText:g="取消",open:r=!1,onOk:q,onClose:a=()=>{},containerStyles:j,headerStyles:C,footerStyles:p,btnStyles:n,footerButtons:o,maskClosable:v=!0}=k,[d,u]=c.useState(!1),[f,i]=c.useState(!1);c.useEffect(()=>{r?(u(!0),i(!1)):d&&(i(!0),setTimeout(()=>{u(!1),i(!1)},300))},[r]);const S=l.jsx("svg",{t:"1770778790558",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"5372",width:"25",height:"25",children:l.jsx("path",{d:"M512 466.944l233.472-233.472a31.744 31.744 0 0 1 45.056 45.056L557.056 512l233.472 233.472a31.744 31.744 0 0 1-45.056 45.056L512 557.056l-233.472 233.472a31.744 31.744 0 0 1-45.056-45.056L466.944 512 233.472 278.528a31.744 31.744 0 0 1 45.056-45.056z",fill:"#707070","p-id":"5373"})});return l.jsx(l.Fragment,{children:d&&l.jsx("div",{className:`${t.default.modalOverlay} ${f?t.default.fadeOut:t.default.fadeIn}`,onClick:s=>{v&&s.target===s.currentTarget&&a()},children:l.jsxs("div",{className:`${t.default.modalContainer} ${f?t.default.scaleOut:t.default.scaleIn}`,style:j,children:[l.jsxs("div",{className:t.default.modalHeader,children:[l.jsx("h3",{className:t.default.modalHeaderTitle,style:C,children:h}),l.jsx("div",{className:t.default.modalCloseBtn,onClick:a,children:S})]}),l.jsx("div",{className:t.default.modalContent,children:x}),l.jsx("div",{className:t.default.modalFooter,style:p,children:(o!=null&&o.length?o:[{key:"cancel",text:g,onClick:a},{key:"ok",text:y,onClick:a}]).map(s=>l.jsx(T,{onClick:s.onClick,style:s.key==="ok"?(n==null?void 0:n[s.key])||{}:{},className:`${t.default.modalButton} ${s.key==="ok"?t.default.modalButtonOk:t.default.modalButtonCancel}`,children:s.text},s.key))})]})})})}m.propTypes={children:e.node.isRequired,title:e.string,okText:e.string,cancelText:e.string,open:e.bool,onOk:e.func,onClose:e.func,containerStyles:e.object,headerStyles:e.object,footerStyles:e.object,btnStyles:e.object,footerButtons:e.arrayOf(e.shape({key:e.string.isRequired,text:e.string.isRequired,onClick:e.func.isRequired})),maskClosable:e.bool};module.exports=m;

package/dist/component/TModal/index.mjs

@@ -1,16 +1,17 @@
+"use client";
 import { jsx as l, Fragment as w, jsxs as f } from "react/jsx-runtime";
-import { useState as h, useEffect as N } from "react";
+import { useState as k, useEffect as N } from "react";
 import e from "prop-types";
 import t from "./TModal.module.css.mjs";
-import j from "../TButton/index.mjs";
+import B from "../TButton/index.mjs";
 function O(u) {
   const {
-    children: y,
-    title: k = "基础标题",
+    children: h,
+    title: y = "基础标题",
     okText: p = "确定",
     cancelText: g = "取消",
     open: r = !1,
-    onOk: b,
+    onOk: j,
     onClose: s = () => {
     },
     containerStyles: C,
@@ -19,7 +20,7 @@ function O(u) {
     btnStyles: i,
     footerButtons: a,
     maskClosable: S = !0
-  } = u, [c, d] = h(!1), [m, n] = h(!1);
+  } = u, [c, d] = k(!1), [m, n] = k(!1);
   N(() => {
     r ? (d(!0), n(!1)) : c && (n(!0), setTimeout(() => {
       d(!1), n(!1);
@@ -60,19 +61,19 @@ function O(u) {
           style: C,
           children: [
             /* @__PURE__ */ f("div", { className: t.modalHeader, children: [
-              /* @__PURE__ */ l("h3", { className: t.modalHeaderTitle, style: x, children: k }),
+              /* @__PURE__ */ l("h3", { className: t.modalHeaderTitle, style: x, children: y }),
               /* @__PURE__ */ l("div", { className: t.modalCloseBtn, onClick: s, children: T })
             ] }),
-            /* @__PURE__ */ l("div", { className: t.modalContent, children: y }),
+            /* @__PURE__ */ l("div", { className: t.modalContent, children: h }),
             /* @__PURE__ */ l("div", { className: t.modalFooter, style: v, children: (a != null && a.length ? a : [
               { key: "cancel", text: g, onClick: s },
               { key: "ok", text: p, onClick: s }
             ]).map((o) => /* @__PURE__ */ l(
-              j,
+              B,
               {
                 onClick: o.onClick,
-                style: (i == null ? void 0 : i[o.key]) || {},
-                className: t.modalButton,
+                style: o.key === "ok" ? (i == null ? void 0 : i[o.key]) || {} : {},
+                className: `${t.modalButton} ${o.key === "ok" ? t.modalButtonOk : t.modalButtonCancel}`,
                 children: o.text
               },
               o.key

package/dist/component/TNotice/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";const i=require("react/jsx-runtime"),l=require("react"),e=require("prop-types"),s=require("./TNotice.module.css.js");function c({type:n="success",icon:d,message:o,variant:t="default",onClose:r,duration:u=3e3}){return l.useEffect(()=>{const a=setTimeout(r,u);return()=>clearTimeout(a)},[r,u]),i.jsxs("div",{className:`${s.default.notice}
       ${t==="md"?s.default.mdNotice:s.default.defaultNotice}
       ${t==="md"?s.default[`md_${n}`]:""}`,children:[t!=="md"&&i.jsx("div",{className:s.default.iconWrapper,style:{marginRight:"8px"},children:d}),i.jsx("span",{children:o})]})}c.propTypes={type:e.oneOf(["success","fail","caution"]),icon:e.string.isRequired,message:e.string.isRequired,variant:e.oneOf(["default","md"]),onClose:e.func.isRequired,duration:e.number};module.exports=c;

package/dist/component/TNotice/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as u, jsx as o } from "react/jsx-runtime";
 import { useEffect as f } from "react";
 import e from "prop-types";

package/dist/component/TNotice/useNotice.js

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const t=require("../../providers/NoticeProvider.js");function i(){const{add:c}=t.useNoticeContext();return{success:e=>c("success",e),fail:e=>c("fail",e),caution:e=>c("caution",e),md:{success:e=>c("success",e,"md"),fail:e=>c("fail",e,"md"),caution:e=>c("caution",e,"md")}}}exports.useNotice=i;

package/dist/component/TNotice/useNotice.mjs

@@ -1,3 +1,4 @@
+"use client";
 import "react";
 import { useNoticeContext as t } from "../../providers/NoticeProvider.mjs";
 function u() {

package/dist/component/TSearch/TSearch.module.css.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_searchContainer_1mhm8_1",s="_searchInput_1mhm8_11",t="_searchInput_small_1mhm8_55",a="_searchInput_medium_1mhm8_67",n="_searchInput_large_1mhm8_77",r="_searchInput_huge_1mhm8_89",h="_searchInputDisabled_1mhm8_101",c="_searchButton_1mhm8_117",u={searchContainer:e,searchInput:s,searchInput_small:t,searchInput_medium:a,searchInput_large:n,searchInput_huge:r,searchInputDisabled:h,searchButton:c};exports.default=u;exports.searchButton=c;exports.searchContainer=e;exports.searchInput=s;exports.searchInputDisabled=h;exports.searchInput_huge=r;exports.searchInput_large=n;exports.searchInput_medium=a;exports.searchInput_small=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_searchContainer_ymhvq_1",s="_searchInput_ymhvq_11",t="_searchInput_small_ymhvq_55",a="_searchInput_medium_ymhvq_67",n="_searchInput_large_ymhvq_77",r="_searchInput_huge_ymhvq_89",h="_searchInputDisabled_ymhvq_101",c="_searchButton_ymhvq_117",u={searchContainer:e,searchInput:s,searchInput_small:t,searchInput_medium:a,searchInput_large:n,searchInput_huge:r,searchInputDisabled:h,searchButton:c};exports.default=u;exports.searchButton=c;exports.searchContainer=e;exports.searchInput=s;exports.searchInputDisabled=h;exports.searchInput_huge=r;exports.searchInput_large=n;exports.searchInput_medium=a;exports.searchInput_small=t;

package/dist/component/TSearch/TSearch.module.css.mjs

@@ -1,4 +1,4 @@
-const e = "_searchContainer_1mhm8_1", s = "_searchInput_1mhm8_11", t = "_searchInput_small_1mhm8_55", a = "_searchInput_medium_1mhm8_67", n = "_searchInput_large_1mhm8_77", _ = "_searchInput_huge_1mhm8_89", h = "_searchInputDisabled_1mhm8_101", c = "_searchButton_1mhm8_117", r = {
+const e = "_searchContainer_ymhvq_1", s = "_searchInput_ymhvq_11", t = "_searchInput_small_ymhvq_55", a = "_searchInput_medium_ymhvq_67", n = "_searchInput_large_ymhvq_77", _ = "_searchInput_huge_ymhvq_89", h = "_searchInputDisabled_ymhvq_101", c = "_searchButton_ymhvq_117", r = {
   searchContainer: e,
   searchInput: s,
   searchInput_small: t,

package/dist/component/TSearch/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const l=require("react/jsx-runtime"),N=require("react"),e=require("prop-types"),t=require("./TSearch.module.css.js"),C=require("../CSSFab/useTangoStyle.js"),$=require("../TButton/index.js");function c(d){const{size:h="medium",sx:a={},style:m={},className:p="",onSearch:r=()=>{},value:n,defaultValue:y="",disabled:o=!1,placeholder:f="请输入内容",path:u="",btnText:g="搜索",btnStyles:x={}}=d,i=N.useRef(null),S=typeof a=="object"?a:{},b=C.useTangoStyle(S),v=typeof a=="string"?a:"",s=n!==void 0&&r!==void 0,T=`${t.default.searchInput} ${t.default[`searchInput_${h}`]} ${o?t.default.searchInputDisabled:""} ${v} ${p}`,j={...b,...m};return l.jsxs("div",{className:t.default.searchContainer,children:[l.jsx("input",{className:T,style:j,ref:s?void 0:i,onKeyDown:q=>q.key==="Enter"&&r(s?n:i.current.value),value:s?n:void 0,defaultValue:s?void 0:y,disabled:o,placeholder:f}),l.jsx($,{className:t.default.searchButton,onClick:()=>r(s?n:i.current.value),style:x,size:"small",disabled:o,children:u?l.jsx("img",{src:u,alt:"search-icon",style:{width:16,height:16,marginTop:2,marginBottom:-3}}):g})]})}c.propTypes={size:e.oneOf(["small","medium","large","huge"]),sx:e.oneOfType([e.object,e.string]),style:e.object,onSearch:e.func.isRequired,className:e.string,value:e.string,defaultValue:e.string,disabled:e.bool,placeholder:e.string,path:e.string,btnText:e.string};module.exports=c;

package/dist/component/TSearch/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as T, jsx as i } from "react/jsx-runtime";
 import { useRef as C } from "react";
 import e from "prop-types";

package/dist/component/TSpace/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const m=require("react/jsx-runtime"),T=require("react"),e=require("prop-types"),o=require("./TSpace.module.css.js"),g=require("../CSSFab/useTangoStyle.js");function t(r,n){const{sx:s={},style:a={},className:l="",onClick:i,children:p,type:u="default"}=r,y=typeof s=="object"?s:{},d=g.useTangoStyle(y),f=typeof s=="string"?s:"",S={...d,...a},x=`${f} ${o.default.space} ${o.default[`space_${u}`]||""} ${l}`;return m.jsx("div",{ref:n,style:S,onClick:i,className:x,children:p})}t.propTypes={type:e.oneOf(["default","inline","circle","triangle","halfCircle","fixed","absolute","relative"]),sx:e.oneOfType([e.string,e.object]),style:e.object,onClick:e.func,className:e.string,children:e.node.isRequired};const c=T.forwardRef(t);c.propTypes=t.propTypes;c.displayName="Space";module.exports=c;

package/dist/component/TSpace/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as S } from "react/jsx-runtime";
 import x from "react";
 import e from "prop-types";

package/dist/component/TTable/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";const a=require("react/jsx-runtime");require("react");const t=require("prop-types"),i=require("./TTable.module.css.js");function g({dataSource:m=[],columns:x,className:b="",tableWapperStyles:j={},tableWrapperClassName:N="",containerStyles:$={},containerClassName:C="",theadStyles:v={},theadClassName:R="",trStyles:q={},trClassName:T="",rowClassName:c=()=>"",rowStyle:f=()=>({}),cellClassName:h=()=>"",cellStyle:y=()=>({}),hoverColor:o="",hide:u=[]}){const k=Array.isArray(u)?u:typeof u=="string"?[u]:[],p=x.filter(e=>!e.hide&&!k.includes(e.dataIndex)),O=(e,s,n)=>typeof f=="function"?f(e,s,n):f||{},A=(e,s,n,r,d,l)=>typeof y=="function"?y(e,s,n,r,d,l):y||{},P=(e,s,n)=>typeof c=="function"?c(e,s,n):c||"",S=(e,s,n,r,d,l)=>typeof h=="function"?h(e,s,n,r,d,l):h||"";return a.jsxs("div",{className:`${i.default.wrapper} ${b} ${N}`,style:{overflow:"hidden",borderRadius:"12px",boxShadow:"0 0 20px rgba(0, 0, 0, 0.08)",...j},children:[o&&a.jsx("style",{children:`
           .${i.default.table} tbody tr:hover {
             background-color: ${o} !important;

package/dist/component/TTable/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import "react";
 import t from "prop-types";

package/dist/component/TTooltip/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const r=require("react/jsx-runtime"),a=require("react"),e=require("prop-types"),t=require("./TTooltip.module.css.js");function i({children:l,tooltipText:n,placement:o="top",tooltipClassName:p=""}){const[u,s]=a.useState(!1);return r.jsxs("div",{className:`${t.default.tooltipWrapper} ${t.default[`tooltip${o[0].toUpperCase()+o.slice(1)}`]}`,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:[l,u&&r.jsx("div",{className:`${t.default.tooltip} ${p}`,children:n})]})}i.propTypes={children:e.node.isRequired,tooltipText:e.string.isRequired,placement:e.oneOf(["top","bottom","right","left"]),tooltipClassName:e.string};module.exports=i;

package/dist/component/TTooltip/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
 import { useState as m } from "react";
 import e from "prop-types";

package/dist/component/TUpload/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";const s=require("react/jsx-runtime"),R=require("react"),e=require("prop-types"),t=require("./TUpload.module.css.js"),k=require("../CSSFab/useTangoStyle.js"),F=require("../../assets/Upload/fileslogo.png.js"),S=require("../../assets/Upload/delLogo.png.js"),K=require("../TButton/index.js");function m(w){const{sx:u={},style:I={},className:N="",accept:C="image/*",multiple:f=!1,onChange:p=()=>{},beforeUpload:h=()=>{},files:x=[],showUploadList:z=!0,maxCount:B=20,maxSize:y=100,btnText:P="选择文件",btnStyle:T={},showSize:g=!0,...O}=w,b=R.useId(),o=x||[],q=typeof u=="object"?u:{},U=k.useTangoStyle(q),L=[typeof u=="string"?u:"",N].filter(Boolean).join(" "),_={...U,...I};async function v(l,i){if(h)try{const n=await h(l,i);return n===void 0?!0:n}catch{return!1}return!0}const $=async l=>{const n=Array.from(l.target.files||[]).filter(a=>a.size/1024/1024>y?(console.warn(`${a.name} 超过 ${y}MB，已被过滤`),!1):!0);let d=f?n.slice(0,B):n.slice(0,1);const c=[];for(const a of d){const r=await v(a,d);if(r!==!1&&r!==m.LIST_IGNORE)if(r instanceof Blob){const M=r instanceof File?r:new File([r],a.name,{type:a.type});c.push(M)}else c.push(a)}p(c)};function j(l,i){const n=x.filter((d,c)=>c!==i);p(n)}return s.jsxs("div",{style:{padding:20},children:[s.jsx("input",{id:b,type:"file",accept:C,multiple:f,className:t.default.hiddenInput,onChange:$}),s.jsx(K,{style:T,children:s.jsx("label",{htmlFor:b,children:P})}),z&&s.jsx("ul",{className:[t.default.fileListPhoto,L,o.length===0?t.default.noBorder:""].filter(Boolean).join(" "),style:_,children:o.length>0&&(f?o.map((l,i)=>s.jsxs("li",{className:t.default.fileItemPhoto,children:[s.jsx("img",{src:F,alt:"file icon",className:t.default.fileIconPhoto}),s.jsxs("span",{children:[l.name,g?` (${(l.size/1024).toFixed(2)} KB)`:null]}),s.jsx("img",{src:S,alt:"file icon2",className:t.default.fileIconPhoto,onClick:()=>j(l,i)})]},i)):s.jsxs("li",{className:t.default.fileItemPhoto,children:[s.jsx("img",{src:F,alt:"file icon",className:t.default.fileIconPhoto}),o.length>0&&s.jsxs("span",{children:[o[0].name,g?` (${(o[0].size/1024).toFixed(2)} KB)`:null]}),s.jsx("img",{src:S,alt:"file icon2",className:t.default.fileIconPhoto,onClick:()=>j(o[0],0)})]}))})]})}m.propTypes={sx:e.oneOfType([e.object,e.string]),style:e.object,className:e.string,accept:e.string,multiple:e.bool,onChange:e.func,beforeUpload:e.func,files:e.array,showUploadList:e.bool,maxCount:e.number,maxSize:e.number,btnText:e.string,btnStyle:e.object,showSize:e.bool};module.exports=m;

package/dist/component/TUpload/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { useId as K } from "react";
 import e from "prop-types";

package/dist/index.js

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                               */;/* empty css                   */const e=require("./providers/ThemeProvider.js"),r=require("./component/TButton/index.js"),i=require("./component/MaterialButton/index.js"),n=require("./component/MaterialInput/index.js"),o=require("./component/TColorPicker/index.js"),t=require("./component/TDate/index.js"),u=require("./component/TDatePicker/index.js"),c=require("./component/TDrawer/index.js"),d=require("./component/TInput/index.js"),s=require("./component/TLayout/index.js"),q=require("./component/TLine/index.js"),x=require("./component/TMark/index.js"),a=require("./component/TModal/index.js"),$=require("./component/TNotice/index.js"),l=require("./component/TNotice/useNotice.js"),P=require("./providers/NoticeProvider.js"),T=require("./component/TSearch/index.js"),h=require("./component/TSpace/index.js"),v=require("./component/TTable/index.js"),N=require("./component/TTooltip/index.js"),m=require("./component/TUpload/index.js"),p=require("./component/TBanner/index.js");exports.ThemeProvider=e.ThemeProvider;exports.useTheme=e.useTheme;exports.Button=r;exports.MaterialButton=i;exports.MaterialInput=n;exports.ColorPicker=o;exports.Date=t;exports.DatePicker=u;exports.Drawer=c;exports.Input=d;exports.Layout=s;exports.Line=q;exports.Mark=x;exports.Modal=a;exports.Notice=$;exports.useNotice=l.useNotice;exports.NoticeProvider=P.NoticeProvider;exports.Search=T;exports.Space=h;exports.Table=v;exports.Tooltip=N;exports.Upload=m;exports.Banner=p;

package/dist/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 /* empty css                               */
 /* empty css                   */
 import { ThemeProvider as a, useTheme as f } from "./providers/ThemeProvider.mjs";

package/dist/providers/NoticeProvider.js

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),g=require("react-dom"),M=require("../component/TNotice/index.js"),a=i.createContext(null);function N({children:o}){const[r,n]=i.useState([]),[d,l]=i.useState(!1);i.useEffect(()=>{l(!0)},[]);const u=e.jsx("svg",{t:"1772605923154",className:"TangoIcon",viewBox:"0 0 1024 1024",version:"1.1","p-id":"5323",width:"1.2em",height:"1.2em",children:e.jsx("path",{d:"M874.119618 149.859922A510.816461 510.816461 0 0 0 511.997 0.00208a509.910462 509.910462 0 0 0-362.119618 149.857842c-199.817789 199.679789-199.817789 524.581447 0 724.260236a509.969462 509.969462 0 0 0 362.119618 149.857842A508.872463 508.872463 0 0 0 874.119618 874.120158c199.836789-199.679789 199.836789-524.581447 0-724.260236zM814.94268 378.210681L470.999043 744.132295a15.359984 15.359984 0 0 1-5.887994 4.095996c-1.751998 1.180999-2.913997 2.362998-5.276994 2.913997a34.499964 34.499964 0 0 1-13.469986 2.914997 45.547952 45.547952 0 0 1-12.897986-2.303998l-4.095996-2.363997a45.291952 45.291952 0 0 1-7.009992-4.095996l-196.902793-193.789796a34.126964 34.126964 0 0 1-10.555989-25.186973c0-9.37399 3.583996-18.74698 9.98399-25.186974a36.429962 36.429962 0 0 1 50.372947 0l169.98382 167.423824L763.389735 330.220732a37.059961 37.059961 0 0 1 50.371947-1.732998 33.647965 33.647965 0 0 1 11.165988 25.186973 35.544963 35.544963 0 0 1-9.98399 24.575974v-0.04z m0 0",fill:"#52C41A","p-id":"5324"})}),x=e.jsx("svg",{t:"1772605974217",className:"TangoIcon",viewBox:"0 0 1024 1024",version:"1.1","p-id":"6333",width:"1.2em",height:"1.2em",children:e.jsx("path",{d:"M549.044706 512l166.189176-166.249412a26.383059 26.383059 0 0 0 0-36.98447 26.383059 26.383059 0 0 0-37.044706 0L512 475.015529l-166.249412-166.249411a26.383059 26.383059 0 0 0-36.98447 0 26.383059 26.383059 0 0 0 0 37.044706L475.015529 512l-166.249411 166.249412a26.383059 26.383059 0 0 0 0 36.98447 26.383059 26.383059 0 0 0 37.044706 0L512 548.984471l166.249412 166.249411a26.383059 26.383059 0 0 0 36.98447 0 26.383059 26.383059 0 0 0 0-37.044706L548.984471 512zM512 1024a512 512 0 1 1 0-1024 512 512 0 0 1 0 1024z",fill:"#E84335","p-id":"6334"})}),h=e.jsxs("svg",{t:"1772606035823",className:"TangoIcon",viewBox:"0 0 1024 1024",version:"1.1","p-id":"10722",width:"1.2em",height:"1.2em",children:[e.jsx("path",{d:"M512 909.061224c-218.906122 0-397.061224-178.155102-397.061224-397.061224s178.155102-397.061224 397.061224-397.061224 397.061224 178.155102 397.061224 397.061224-178.155102 397.061224-397.061224 397.061224z",fill:"#F2CB51","p-id":"10723"}),e.jsx("path",{d:"M512 690.677551m-31.346939 0a31.346939 31.346939 0 1 0 62.693878 0 31.346939 31.346939 0 1 0-62.693878 0Z",fill:"#E5404F","p-id":"10724"}),e.jsx("path",{d:"M512 584.097959c-11.493878 0-20.897959-9.404082-20.897959-20.897959v-261.22449c0-11.493878 9.404082-20.897959 20.897959-20.897959s20.897959 9.404082 20.897959 20.897959v261.22449c0 12.016327-9.404082 20.897959-20.897959 20.897959z",fill:"#E5404F","p-id":"10725"})]}),m=i.useCallback(t=>{n(c=>c.filter(s=>s.id!==t))},[]),v=i.useCallback((t,c,s="default")=>{const f={success:u,fail:x,caution:h},p=Date.now()+Math.random();n(j=>[...j,{id:p,type:t,message:c,variant:s,icon:f[t]}])},[]);return e.jsxs(a.Provider,{value:{add:v},children:[o,d&&g.createPortal(e.jsx("div",{id:"notification-container",children:r.map(t=>e.jsx(M,{...t,onClose:()=>m(t.id)},t.id))}),document.body)]})}function C(){const o=i.useContext(a);if(!o)throw new Error("useNotice must be used inside <NoticeProvider />");return o}exports.NoticeProvider=N;exports.useNoticeContext=C;

package/dist/providers/NoticeProvider.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { createContext as w, useState as s, useEffect as C, useCallback as d, useContext as z } from "react";
 import { createPortal as I } from "react-dom";

package/dist/providers/ThemeProvider.js

@@ -1 +1,2 @@
+"use client";
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("react"),r=e.createContext(null);function m({children:o}){const[t,n]=e.useState("light");e.useEffect(()=>{document.documentElement.dataset.theme=t},[t]);const u=()=>{n(s=>s==="dark"?"light":"dark")};return c.jsx(r.Provider,{value:{theme:t,setTheme:n,toggleTheme:u},children:o})}function i(){return e.useContext(r)}exports.ThemeProvider=m;exports.useTheme=i;

package/dist/providers/ThemeProvider.mjs

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as u } from "react/jsx-runtime";
 import { createContext as s, useState as c, useEffect as h, useContext as i } from "react";
 const o = s(null);