@v-miniapp/ui-react 1.0.41 → 1.0.47

package/dist-storybook/assets/THEME_MODE-Sc8cgznR.js

@@ -0,0 +1,111 @@
+import{j as e}from"./iframe-CLEfhyJc.js";import{useMDXComponents as d}from"./index-7xlKHfV2.js";import{b as c,M as i}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";function h(t){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...d(),...t.components};return e.jsxs(e.Fragment,{children:[`
+`,`
+`,e.jsx(c,{title:"App Framework/Theme Mode"}),`
+`,e.jsx(n.h1,{id:"theme-mode",children:"Theme Mode"}),`
+`,e.jsx(n.p,{children:"Theme config cho phép bạn cấu hình theme mặc định cho ứng dụng, hỗ trợ light mode, dark mode và system preference."}),`
+`,e.jsx(n.h2,{id:"cấu-trúc",children:"Cấu trúc"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`type IThemeConfig = {
+  defaultMode?: 'dark' | 'light' | 'system'
+}
+`})}),`
+`,e.jsx(n.h2,{id:"thuộc-tính",children:"Thuộc tính"}),`
+`,e.jsx(i,{children:"\n| Thuộc tính | Kiểu dữ liệu | Mặc định | Mô tả |\n| :--- | :--- | :--- | :--- |\n| `defaultMode` | `'dark' \\| 'light' \\| 'system'` | `'light'` | Thiết lập theme mặc định khi khởi động ứng dụng |\n"}),`
+`,e.jsx(n.h2,{id:"các-chế-độ-theme",children:"Các chế độ theme"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:e.jsx(n.code,{children:"'light'"})}),": Áp dụng light mode (theme sáng)"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:e.jsx(n.code,{children:"'dark'"})}),": Áp dụng dark mode (theme tối)"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:e.jsx(n.code,{children:"'system'"})}),": Tự động theo cài đặt hệ thống của người dùng (sử dụng ",e.jsx(n.code,{children:"prefers-color-scheme"}),")"]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"cách-hoạt-động",children:"Cách hoạt động"}),`
+`,e.jsxs(n.p,{children:["Khi ứng dụng khởi động, theme sẽ được thiết lập dựa trên giá trị ",e.jsx(n.code,{children:"defaultMode"}),":"]}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"'light'"}),": Xóa ",e.jsx(n.code,{children:"data-theme"})," attribute trên ",e.jsx(n.code,{children:"document.documentElement"})," (mặc định là light)"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"'dark'"}),": Set ",e.jsx(n.code,{children:'data-theme="dark"'})," trên ",e.jsx(n.code,{children:"document.documentElement"})]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.code,{children:"'system'"}),": Tự động detect và áp dụng theme theo system preference (",e.jsx(n.code,{children:"prefers-color-scheme"}),")"]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"cấu-hình",children:"Cấu hình"}),`
+`,e.jsx(n.h3,{id:"app-level-config",children:"App-level Config"}),`
+`,e.jsx(n.p,{children:"Cấu hình theme mặc định:"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const appConfig: IAppConfig = {
+  theme: {
+    defaultMode: 'dark', // 'light' | 'dark' | 'system'
+  },
+  pages: [
+    // Tất cả pages sẽ sử dụng theme đã cấu hình
+  ],
+}
+`})}),`
+`,e.jsx(n.h3,{id:"ví-dụ",children:"Ví dụ"}),`
+`,e.jsx(n.h4,{id:"sử-dụng-theme-mode-tối-mặc-định",children:"Sử dụng theme mode tối mặc định"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const appConfig: IAppConfig = {
+  theme: {
+    defaultMode: 'dark',
+  },
+  pages: [
+    {
+      pathname: '/home',
+      Component: HomePage,
+    },
+    {
+      pathname: '/settings',
+      Component: SettingsPage,
+    },
+  ],
+}
+`})}),`
+`,e.jsx(n.h4,{id:"sử-dụng-light-mode-mặc-định",children:"Sử dụng light mode mặc định"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const appConfig: IAppConfig = {
+  theme: {
+    defaultMode: 'light', // hoặc không cần khai báo (mặc định là light)
+  },
+  pages: [
+    {
+      pathname: '/home',
+      Component: HomePage,
+    },
+  ],
+}
+`})}),`
+`,e.jsx(n.h4,{id:"theo-cài-đặt-hệ-thống",children:"Theo cài đặt hệ thống"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`const appConfig: IAppConfig = {
+  theme: {
+    defaultMode: 'system', // Tự động theo system preference
+  },
+  pages: [
+    {
+      pathname: '/home',
+      Component: HomePage,
+    },
+  ],
+}
+`})}),`
+`,e.jsx(n.h2,{id:"thay-đổi-theme-động",children:"Thay đổi theme động"}),`
+`,e.jsx(n.p,{children:"Bạn có thể thay đổi theme động bằng cách sử dụng các utility functions:"}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { setDataTheme, toggleDataTheme, getDataTheme } from '@v-miniapp/ui-react'
+
+// Set theme cụ thể
+setDataTheme('dark')  // Chuyển sang theme tối
+setDataTheme('light') // Chuyển sang theme sáng
+
+// Toggle theme
+toggleDataTheme() // Chuyển đổi giữa theme sáng và tối
+
+// Lấy theme hiện tại
+const currentTheme = getDataTheme() // 'dark' | 'light'
+`})}),`
+`,e.jsxs(n.p,{children:["Hoặc thay đổi trực tiếp ",e.jsx(n.code,{children:"data-theme"})," attribute:"]}),`
+`,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`// Set theme tối
+document.documentElement.setAttribute('data-theme', 'dark')
+
+// Set theme sáng
+document.documentElement.removeAttribute('data-theme')
+// hoặc
+document.documentElement.setAttribute('data-theme', 'light')
+`})}),`
+`,e.jsx(n.h2,{id:"lưu-ý",children:"Lưu ý"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:["Theme config chỉ có ở ",e.jsx(n.strong,{children:"app-level"}),", không có ở page-level"]}),`
+`,e.jsx(n.li,{children:"Theme được áp dụng ngay khi ứng dụng khởi động"}),`
+`,e.jsxs(n.li,{children:["Theme sử dụng CSS variables và ",e.jsx(n.code,{children:"data-theme"})," attribute để thay đổi giao diện"]}),`
+`,e.jsxs(n.li,{children:["Khi ",e.jsx(n.code,{children:"defaultMode: 'system'"}),", ứng dụng sẽ tự động cập nhật khi người dùng thay đổi system preference"]}),`
+`]})]})}function a(t={}){const{wrapper:n}={...d(),...t.components};return n?e.jsx(n,{...t,children:e.jsx(h,{...t})}):h(t)}export{a as default};

package/dist-storybook/assets/_setToString-CjYxL0rS.js

@@ -0,0 +1 @@
+import{c as j}from"./iframe-CLEfhyJc.js";var D,se;function R(){if(se)return D;se=1;function r(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}return D=r,D}var G,oe;function Ht(){if(oe)return G;oe=1;var r=typeof j=="object"&&j&&j.Object===Object&&j;return G=r,G}var L,ce;function d(){if(ce)return L;ce=1;var r=Ht(),e=typeof self=="object"&&self&&self.Object===Object&&self,t=r||e||Function("return this")();return L=t,L}var M,fe;function kt(){if(fe)return M;fe=1;var r=d(),e=r.Symbol;return M=e,M}var H,ve;function ta(){if(ve)return H;ve=1;var r=kt(),e=Object.prototype,t=e.hasOwnProperty,a=e.toString,n=r?r.toStringTag:void 0;function i(u){var s=t.call(u,n),o=u[n];try{u[n]=void 0;var c=!0}catch{}var v=a.call(u);return c&&(s?u[n]=o:delete u[n]),v}return H=i,H}var k,he;function aa(){if(he)return k;he=1;var r=Object.prototype,e=r.toString;function t(a){return e.call(a)}return k=t,k}var E,_e;function O(){if(_e)return E;_e=1;var r=kt(),e=ta(),t=aa(),a="[object Null]",n="[object Undefined]",i=r?r.toStringTag:void 0;function u(s){return s==null?s===void 0?n:a:i&&i in Object(s)?e(s):t(s)}return E=u,E}var U,le;function A(){if(le)return U;le=1;function r(e){return e!=null&&typeof e=="object"}return U=r,U}var F,pe;function na(){if(pe)return F;pe=1;function r(e,t){return function(a){return e(t(a))}}return F=r,F}var N,de;function Et(){if(de)return N;de=1;var r=na(),e=r(Object.getPrototypeOf,Object);return N=e,N}var K,ye;function nn(){if(ye)return K;ye=1;var r=O(),e=Et(),t=A(),a="[object Object]",n=Function.prototype,i=Object.prototype,u=n.toString,s=i.hasOwnProperty,o=u.call(Object);function c(v){if(!t(v)||r(v)!=a)return!1;var h=e(v);if(h===null)return!0;var _=s.call(h,"constructor")&&h.constructor;return typeof _=="function"&&_ instanceof _&&u.call(_)==o}return K=c,K}var B,be;function ia(){if(be)return B;be=1;function r(){this.__data__=[],this.size=0}return B=r,B}var z,ge;function Ut(){if(ge)return z;ge=1;function r(e,t){return e===t||e!==e&&t!==t}return z=r,z}var V,qe;function S(){if(qe)return V;qe=1;var r=Ut();function e(t,a){for(var n=t.length;n--;)if(r(t[n][0],a))return n;return-1}return V=e,V}var J,Ce;function ua(){if(Ce)return J;Ce=1;var r=S(),e=Array.prototype,t=e.splice;function a(n){var i=this.__data__,u=r(i,n);if(u<0)return!1;var s=i.length-1;return u==s?i.pop():t.call(i,u,1),--this.size,!0}return J=a,J}var X,Te;function sa(){if(Te)return X;Te=1;var r=S();function e(t){var a=this.__data__,n=r(a,t);return n<0?void 0:a[n][1]}return X=e,X}var W,je;function oa(){if(je)return W;je=1;var r=S();function e(t){return r(this.__data__,t)>-1}return W=e,W}var Y,Re;function ca(){if(Re)return Y;Re=1;var r=S();function e(t,a){var n=this.__data__,i=r(n,t);return i<0?(++this.size,n.push([t,a])):n[i][1]=a,this}return Y=e,Y}var Z,Oe;function I(){if(Oe)return Z;Oe=1;var r=ia(),e=ua(),t=sa(),a=oa(),n=ca();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,Z=i,Z}var $,Ae;function fa(){if(Ae)return $;Ae=1;var r=I();function e(){this.__data__=new r,this.size=0}return $=e,$}var Q,Se;function va(){if(Se)return Q;Se=1;function r(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}return Q=r,Q}var rr,Ie;function ha(){if(Ie)return rr;Ie=1;function r(e){return this.__data__.get(e)}return rr=r,rr}var er,me;function _a(){if(me)return er;me=1;function r(e){return this.__data__.has(e)}return er=r,er}var tr,Pe;function Ft(){if(Pe)return tr;Pe=1;var r=O(),e=R(),t="[object AsyncFunction]",a="[object Function]",n="[object GeneratorFunction]",i="[object Proxy]";function u(s){if(!e(s))return!1;var o=r(s);return o==a||o==n||o==t||o==i}return tr=u,tr}var ar,xe;function la(){if(xe)return ar;xe=1;var r=d(),e=r["__core-js_shared__"];return ar=e,ar}var nr,we;function pa(){if(we)return nr;we=1;var r=la(),e=(function(){var a=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||"");return a?"Symbol(src)_1."+a:""})();function t(a){return!!e&&e in a}return nr=t,nr}var ir,De;function da(){if(De)return ir;De=1;var r=Function.prototype,e=r.toString;function t(a){if(a!=null){try{return e.call(a)}catch{}try{return a+""}catch{}}return""}return ir=t,ir}var ur,Ge;function ya(){if(Ge)return ur;Ge=1;var r=Ft(),e=pa(),t=R(),a=da(),n=/[\\^$.*+?()[\]{}|]/g,i=/^\[object .+?Constructor\]$/,u=Function.prototype,s=Object.prototype,o=u.toString,c=s.hasOwnProperty,v=RegExp("^"+o.call(c).replace(n,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function h(_){if(!t(_)||e(_))return!1;var p=r(_)?v:i;return p.test(a(_))}return ur=h,ur}var sr,Le;function ba(){if(Le)return sr;Le=1;function r(e,t){return e?.[t]}return sr=r,sr}var or,Me;function ue(){if(Me)return or;Me=1;var r=ya(),e=ba();function t(a,n){var i=e(a,n);return r(i)?i:void 0}return or=t,or}var cr,He;function Nt(){if(He)return cr;He=1;var r=ue(),e=d(),t=r(e,"Map");return cr=t,cr}var fr,ke;function m(){if(ke)return fr;ke=1;var r=ue(),e=r(Object,"create");return fr=e,fr}var vr,Ee;function ga(){if(Ee)return vr;Ee=1;var r=m();function e(){this.__data__=r?r(null):{},this.size=0}return vr=e,vr}var hr,Ue;function qa(){if(Ue)return hr;Ue=1;function r(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}return hr=r,hr}var _r,Fe;function Ca(){if(Fe)return _r;Fe=1;var r=m(),e="__lodash_hash_undefined__",t=Object.prototype,a=t.hasOwnProperty;function n(i){var u=this.__data__;if(r){var s=u[i];return s===e?void 0:s}return a.call(u,i)?u[i]:void 0}return _r=n,_r}var lr,Ne;function Ta(){if(Ne)return lr;Ne=1;var r=m(),e=Object.prototype,t=e.hasOwnProperty;function a(n){var i=this.__data__;return r?i[n]!==void 0:t.call(i,n)}return lr=a,lr}var pr,Ke;function ja(){if(Ke)return pr;Ke=1;var r=m(),e="__lodash_hash_undefined__";function t(a,n){var i=this.__data__;return this.size+=this.has(a)?0:1,i[a]=r&&n===void 0?e:n,this}return pr=t,pr}var dr,Be;function Ra(){if(Be)return dr;Be=1;var r=ga(),e=qa(),t=Ca(),a=Ta(),n=ja();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,dr=i,dr}var yr,ze;function Oa(){if(ze)return yr;ze=1;var r=Ra(),e=I(),t=Nt();function a(){this.size=0,this.__data__={hash:new r,map:new(t||e),string:new r}}return yr=a,yr}var br,Ve;function Aa(){if(Ve)return br;Ve=1;function r(e){var t=typeof e;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?e!=="__proto__":e===null}return br=r,br}var gr,Je;function P(){if(Je)return gr;Je=1;var r=Aa();function e(t,a){var n=t.__data__;return r(a)?n[typeof a=="string"?"string":"hash"]:n.map}return gr=e,gr}var qr,Xe;function Sa(){if(Xe)return qr;Xe=1;var r=P();function e(t){var a=r(this,t).delete(t);return this.size-=a?1:0,a}return qr=e,qr}var Cr,We;function Ia(){if(We)return Cr;We=1;var r=P();function e(t){return r(this,t).get(t)}return Cr=e,Cr}var Tr,Ye;function ma(){if(Ye)return Tr;Ye=1;var r=P();function e(t){return r(this,t).has(t)}return Tr=e,Tr}var jr,Ze;function Pa(){if(Ze)return jr;Ze=1;var r=P();function e(t,a){var n=r(this,t),i=n.size;return n.set(t,a),this.size+=n.size==i?0:1,this}return jr=e,jr}var Rr,$e;function xa(){if($e)return Rr;$e=1;var r=Oa(),e=Sa(),t=Ia(),a=ma(),n=Pa();function i(u){var s=-1,o=u==null?0:u.length;for(this.clear();++s<o;){var c=u[s];this.set(c[0],c[1])}}return i.prototype.clear=r,i.prototype.delete=e,i.prototype.get=t,i.prototype.has=a,i.prototype.set=n,Rr=i,Rr}var Or,Qe;function wa(){if(Qe)return Or;Qe=1;var r=I(),e=Nt(),t=xa(),a=200;function n(i,u){var s=this.__data__;if(s instanceof r){var o=s.__data__;if(!e||o.length<a-1)return o.push([i,u]),this.size=++s.size,this;s=this.__data__=new t(o)}return s.set(i,u),this.size=s.size,this}return Or=n,Or}var Ar,rt;function un(){if(rt)return Ar;rt=1;var r=I(),e=fa(),t=va(),a=ha(),n=_a(),i=wa();function u(s){var o=this.__data__=new r(s);this.size=o.size}return u.prototype.clear=e,u.prototype.delete=t,u.prototype.get=a,u.prototype.has=n,u.prototype.set=i,Ar=u,Ar}var Sr,et;function Kt(){if(et)return Sr;et=1;var r=ue(),e=(function(){try{var t=r(Object,"defineProperty");return t({},"",{}),t}catch{}})();return Sr=e,Sr}var Ir,tt;function Bt(){if(tt)return Ir;tt=1;var r=Kt();function e(t,a,n){a=="__proto__"&&r?r(t,a,{configurable:!0,enumerable:!0,value:n,writable:!0}):t[a]=n}return Ir=e,Ir}var b={exports:{}};b.exports;var at;function sn(){return at||(at=1,(function(r,e){var t=d(),a=e&&!e.nodeType&&e,n=a&&!0&&r&&!r.nodeType&&r,i=n&&n.exports===a,u=i?t.Buffer:void 0,s=u?u.allocUnsafe:void 0;function o(c,v){if(v)return c.slice();var h=c.length,_=s?s(h):new c.constructor(h);return c.copy(_),_}r.exports=o})(b,b.exports)),b.exports}var mr,nt;function Da(){if(nt)return mr;nt=1;var r=d(),e=r.Uint8Array;return mr=e,mr}var Pr,it;function Ga(){if(it)return Pr;it=1;var r=Da();function e(t){var a=new t.constructor(t.byteLength);return new r(a).set(new r(t)),a}return Pr=e,Pr}var xr,ut;function on(){if(ut)return xr;ut=1;var r=Ga();function e(t,a){var n=a?r(t.buffer):t.buffer;return new t.constructor(n,t.byteOffset,t.length)}return xr=e,xr}var wr,st;function cn(){if(st)return wr;st=1;function r(e,t){var a=-1,n=e.length;for(t||(t=Array(n));++a<n;)t[a]=e[a];return t}return wr=r,wr}var Dr,ot;function La(){if(ot)return Dr;ot=1;var r=R(),e=Object.create,t=(function(){function a(){}return function(n){if(!r(n))return{};if(e)return e(n);a.prototype=n;var i=new a;return a.prototype=void 0,i}})();return Dr=t,Dr}var Gr,ct;function zt(){if(ct)return Gr;ct=1;var r=Object.prototype;function e(t){var a=t&&t.constructor,n=typeof a=="function"&&a.prototype||r;return t===n}return Gr=e,Gr}var Lr,ft;function fn(){if(ft)return Lr;ft=1;var r=La(),e=Et(),t=zt();function a(n){return typeof n.constructor=="function"&&!t(n)?r(e(n)):{}}return Lr=a,Lr}var Mr,vt;function Ma(){if(vt)return Mr;vt=1;var r=O(),e=A(),t="[object Arguments]";function a(n){return e(n)&&r(n)==t}return Mr=a,Mr}var Hr,ht;function Ha(){if(ht)return Hr;ht=1;var r=Ma(),e=A(),t=Object.prototype,a=t.hasOwnProperty,n=t.propertyIsEnumerable,i=r((function(){return arguments})())?r:function(u){return e(u)&&a.call(u,"callee")&&!n.call(u,"callee")};return Hr=i,Hr}var kr,_t;function ka(){if(_t)return kr;_t=1;var r=Array.isArray;return kr=r,kr}var Er,lt;function Vt(){if(lt)return Er;lt=1;var r=9007199254740991;function e(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=r}return Er=e,Er}var Ur,pt;function Ea(){if(pt)return Ur;pt=1;var r=Ft(),e=Vt();function t(a){return a!=null&&e(a.length)&&!r(a)}return Ur=t,Ur}var g={exports:{}},Fr,dt;function Ua(){if(dt)return Fr;dt=1;function r(){return!1}return Fr=r,Fr}g.exports;var yt;function Fa(){return yt||(yt=1,(function(r,e){var t=d(),a=Ua(),n=e&&!e.nodeType&&e,i=n&&!0&&r&&!r.nodeType&&r,u=i&&i.exports===n,s=u?t.Buffer:void 0,o=s?s.isBuffer:void 0,c=o||a;r.exports=c})(g,g.exports)),g.exports}var Nr,bt;function Na(){if(bt)return Nr;bt=1;var r=O(),e=Vt(),t=A(),a="[object Arguments]",n="[object Array]",i="[object Boolean]",u="[object Date]",s="[object Error]",o="[object Function]",c="[object Map]",v="[object Number]",h="[object Object]",_="[object RegExp]",p="[object Set]",C="[object String]",T="[object WeakMap]",y="[object ArrayBuffer]",x="[object DataView]",l="[object Float32Array]",Jt="[object Float64Array]",Xt="[object Int8Array]",Wt="[object Int16Array]",Yt="[object Int32Array]",Zt="[object Uint8Array]",$t="[object Uint8ClampedArray]",Qt="[object Uint16Array]",ra="[object Uint32Array]",f={};f[l]=f[Jt]=f[Xt]=f[Wt]=f[Yt]=f[Zt]=f[$t]=f[Qt]=f[ra]=!0,f[a]=f[n]=f[y]=f[i]=f[x]=f[u]=f[s]=f[o]=f[c]=f[v]=f[h]=f[_]=f[p]=f[C]=f[T]=!1;function ea(w){return t(w)&&e(w.length)&&!!f[r(w)]}return Nr=ea,Nr}var Kr,gt;function Ka(){if(gt)return Kr;gt=1;function r(e){return function(t){return e(t)}}return Kr=r,Kr}var q={exports:{}};q.exports;var qt;function Ba(){return qt||(qt=1,(function(r,e){var t=Ht(),a=e&&!e.nodeType&&e,n=a&&!0&&r&&!r.nodeType&&r,i=n&&n.exports===a,u=i&&t.process,s=(function(){try{var o=n&&n.require&&n.require("util").types;return o||u&&u.binding&&u.binding("util")}catch{}})();r.exports=s})(q,q.exports)),q.exports}var Br,Ct;function za(){if(Ct)return Br;Ct=1;var r=Na(),e=Ka(),t=Ba(),a=t&&t.isTypedArray,n=a?e(a):r;return Br=n,Br}var zr,Tt;function Va(){if(Tt)return zr;Tt=1;var r=Bt(),e=Ut(),t=Object.prototype,a=t.hasOwnProperty;function n(i,u,s){var o=i[u];(!(a.call(i,u)&&e(o,s))||s===void 0&&!(u in i))&&r(i,u,s)}return zr=n,zr}var Vr,jt;function vn(){if(jt)return Vr;jt=1;var r=Va(),e=Bt();function t(a,n,i,u){var s=!i;i||(i={});for(var o=-1,c=n.length;++o<c;){var v=n[o],h=u?u(i[v],a[v],v,i,a):void 0;h===void 0&&(h=a[v]),s?e(i,v,h):r(i,v,h)}return i}return Vr=t,Vr}var Jr,Rt;function Ja(){if(Rt)return Jr;Rt=1;function r(e,t){for(var a=-1,n=Array(e);++a<e;)n[a]=t(a);return n}return Jr=r,Jr}var Xr,Ot;function Xa(){if(Ot)return Xr;Ot=1;var r=9007199254740991,e=/^(?:0|[1-9]\d*)$/;function t(a,n){var i=typeof a;return n=n??r,!!n&&(i=="number"||i!="symbol"&&e.test(a))&&a>-1&&a%1==0&&a<n}return Xr=t,Xr}var Wr,At;function Wa(){if(At)return Wr;At=1;var r=Ja(),e=Ha(),t=ka(),a=Fa(),n=Xa(),i=za(),u=Object.prototype,s=u.hasOwnProperty;function o(c,v){var h=t(c),_=!h&&e(c),p=!h&&!_&&a(c),C=!h&&!_&&!p&&i(c),T=h||_||p||C,y=T?r(c.length,String):[],x=y.length;for(var l in c)(v||s.call(c,l))&&!(T&&(l=="length"||p&&(l=="offset"||l=="parent")||C&&(l=="buffer"||l=="byteLength"||l=="byteOffset")||n(l,x)))&&y.push(l);return y}return Wr=o,Wr}var Yr,St;function Ya(){if(St)return Yr;St=1;function r(e){var t=[];if(e!=null)for(var a in Object(e))t.push(a);return t}return Yr=r,Yr}var Zr,It;function Za(){if(It)return Zr;It=1;var r=R(),e=zt(),t=Ya(),a=Object.prototype,n=a.hasOwnProperty;function i(u){if(!r(u))return t(u);var s=e(u),o=[];for(var c in u)c=="constructor"&&(s||!n.call(u,c))||o.push(c);return o}return Zr=i,Zr}var $r,mt;function hn(){if(mt)return $r;mt=1;var r=Wa(),e=Za(),t=Ea();function a(n){return t(n)?r(n,!0):e(n)}return $r=a,$r}var Qr,Pt;function $a(){if(Pt)return Qr;Pt=1;function r(e){return e}return Qr=r,Qr}var re,xt;function Qa(){if(xt)return re;xt=1;function r(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}return re=r,re}var ee,wt;function _n(){if(wt)return ee;wt=1;var r=Qa(),e=Math.max;function t(a,n,i){return n=e(n===void 0?a.length-1:n,0),function(){for(var u=arguments,s=-1,o=e(u.length-n,0),c=Array(o);++s<o;)c[s]=u[n+s];s=-1;for(var v=Array(n+1);++s<n;)v[s]=u[s];return v[n]=i(c),r(a,this,v)}}return ee=t,ee}var te,Dt;function rn(){if(Dt)return te;Dt=1;function r(e){return function(){return e}}return te=r,te}var ae,Gt;function en(){if(Gt)return ae;Gt=1;var r=rn(),e=Kt(),t=$a(),a=e?function(n,i){return e(n,"toString",{configurable:!0,enumerable:!1,value:r(i),writable:!0})}:t;return ae=a,ae}var ne,Lt;function tn(){if(Lt)return ne;Lt=1;var r=800,e=16,t=Date.now;function a(n){var i=0,u=0;return function(){var s=t(),o=e-(s-u);if(u=s,o>0){if(++i>=r)return arguments[0]}else i=0;return n.apply(void 0,arguments)}}return ne=a,ne}var ie,Mt;function ln(){if(Mt)return ie;Mt=1;var r=en(),e=tn(),t=e(r);return ie=t,ie}export{zt as A,Wa as B,Et as C,ue as D,d as E,Nt as F,da as G,Ga as H,kt as I,Ba as J,Ka as K,xa as L,R as a,Xa as b,Ha as c,ka as d,Vt as e,Bt as f,Ut as g,Ea as h,A as i,vn as j,hn as k,sn as l,on as m,cn as n,fn as o,Fa as p,Ft as q,Va as r,nn as s,za as t,un as u,$a as v,_n as w,ln as x,O as y,na as z};

package/dist-storybook/assets/alert-abKmNYys.js

@@ -0,0 +1 @@
+import{j as e}from"./iframe-CLEfhyJc.js";import{I as a}from"./icon-TJ3FHxUI.js";import{c as p,g as d}from"./classname-DoNrELT0.js";import{T as t}from"./typography-DoV67nnS.js";const s=d("alert"),f=({type:i="informative",title:r,message:l,closeable:c,action:o,className:n,...m})=>e.jsxs("div",{className:p(s,`${s}--${i}`,n),...m,children:[e.jsxs("div",{className:`${s}__icon`,children:[i==="informative"&&e.jsx(a,{name:"circle-info",type:"fill",size:20,color:"alias-object-secondary"}),i==="positive"&&e.jsx(a,{name:"circle-check",type:"fill",size:20,color:"alias-support-positive"}),i==="negative"&&e.jsx(a,{name:"triangle-warning",type:"fill",size:20,color:"alias-support-negative"})]}),e.jsxs("div",{className:`${s}__content`,children:[!!r&&e.jsx(t,{size:"small",weight:"bold",color:{informative:"alias-object-primary",positive:"alias-support-positive",negative:"alias-support-negative"}[i],children:r}),!!l&&e.jsx(t,{size:"small",children:l})]}),!!o&&e.jsx("div",{className:`${s}__action`,children:o}),c&&e.jsx("div",{className:`${s}__close`,children:e.jsx(a,{name:"xmark",size:20})})]});f.__docgenInfo={description:"",methods:[],displayName:"Alert",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1}}};export{f as A};

package/dist-storybook/assets/alert.stories-XyvS4WTm.js

@@ -0,0 +1,110 @@
+import{j as t}from"./iframe-CLEfhyJc.js";import{T as x,S as v,M as u,P as h,a as f}from"./blocks-CpOj9FQ_.js";import{A as s}from"./alert-abKmNYys.js";import{B as o}from"./button-GtWXUngt.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./classname-DoNrELT0.js";import"./typography-DoV67nnS.js";const T=()=>{const y=`
+## ${e("common.table.title")}
+
+| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`type\` | \`'informative' \\| 'positive' \\| 'negative'\` | No | ${e("components.alert.typeDescription")} |
+| \`title\` | \`ReactNode\` | No | ${e("components.alert.titleDescription")} |
+| \`message\` | \`ReactNode\` | No | ${e("components.alert.messageDescription")} |
+| \`closeable\` | \`boolean \\| IIconProps \\| ReactNode\` | No | ${e("components.alert.closeableDescription")} |
+| \`action\` | \`ReactNode\` | No | ${e("components.alert.actionDescription")} |
+| \`className\` | \`string\` | No | ${e("components.alert.classNameDescription")} |
+| \`...props\` | \`ComponentPropsWithRef<'div'>\` | No | ${e("components.alert.propsDescription")} |
+  `;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(v,{}),t.jsx(u,{children:e("components.alert.description")}),t.jsx(h,{}),t.jsx(u,{children:y}),t.jsx(f,{})]})},$={title:"Components/Alert",component:s,parameters:{layout:"padded",docs:{page:T}},tags:["autodocs"],argTypes:{type:{control:"select",options:["informative","positive","negative"],description:e("components.alert.argTypes.typeDescription"),table:{type:{summary:"IAlertType"},defaultValue:{summary:"informative"}}},title:{control:"text",description:e("components.alert.argTypes.titleDescription"),table:{type:{summary:"ReactNode"}}},message:{control:"text",description:e("components.alert.argTypes.messageDescription"),table:{type:{summary:"ReactNode"}}},closeable:{control:"boolean",description:e("components.alert.argTypes.closeableDescription"),table:{type:{summary:"boolean | IIconProps | ReactNode"}}},action:{control:!1,description:e("components.alert.argTypes.actionDescription"),table:{type:{summary:"ReactNode"}}},className:{control:"text",description:e("components.alert.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={storyName:e("components.alert.stories.default.title"),args:{type:"informative",message:e("components.alert.default.message")}},n={storyName:e("components.alert.stories.informative.title"),args:{type:"informative",message:e("components.alert.informative.message")}},r={storyName:e("components.alert.stories.positive.title"),args:{type:"positive",message:e("components.alert.positive.message")}},i={storyName:e("components.alert.stories.negative.title"),args:{type:"negative",message:e("components.alert.negative.message")}},l={storyName:e("components.alert.stories.withTitle.title"),args:{type:"informative",title:e("components.alert.withTitle.title"),message:e("components.alert.withTitle.message")}},m={storyName:e("components.alert.stories.withTitleAndMessage.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withTitleAndMessage.infoTitle"),message:e("components.alert.withTitleAndMessage.infoMessage")}),t.jsx(s,{type:"positive",title:e("components.alert.withTitleAndMessage.successTitle"),message:e("components.alert.withTitleAndMessage.successMessage")}),t.jsx(s,{type:"negative",title:e("components.alert.withTitleAndMessage.errorTitle"),message:e("components.alert.withTitleAndMessage.errorMessage")})]})},c={storyName:e("components.alert.stories.withCloseButton.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withCloseButton.infoTitle"),message:e("components.alert.withCloseButton.infoMessage"),closeable:!0}),t.jsx(s,{type:"positive",title:e("components.alert.withCloseButton.successTitle"),message:e("components.alert.withCloseButton.successMessage"),closeable:!0}),t.jsx(s,{type:"negative",title:e("components.alert.withCloseButton.errorTitle"),message:e("components.alert.withCloseButton.errorMessage"),closeable:!0})]})},p={storyName:e("components.alert.stories.withAction.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.withAction.updateTitle"),message:e("components.alert.withAction.updateMessage"),action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.withAction.updateButton")})}),t.jsx(s,{type:"negative",title:e("components.alert.withAction.sessionTitle"),message:e("components.alert.withAction.sessionMessage"),action:t.jsx(o,{size:"medium",theme:"default",children:e("components.alert.withAction.sessionButton")})})]})},d={storyName:e("components.alert.stories.completeExample.title"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{type:"informative",title:e("components.alert.completeExample.infoTitle"),message:e("components.alert.completeExample.infoMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.completeExample.infoButton")})}),t.jsx(s,{type:"positive",title:e("components.alert.completeExample.successTitle"),message:e("components.alert.completeExample.successMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"brand",children:e("components.alert.completeExample.successButton")})}),t.jsx(s,{type:"negative",title:e("components.alert.completeExample.errorTitle"),message:e("components.alert.completeExample.errorMessage"),closeable:!0,action:t.jsx(o,{size:"medium",theme:"default",children:e("components.alert.completeExample.errorButton")})})]})},g={storyName:e("components.alert.stories.interactive.title"),args:{type:"informative",title:e("components.alert.interactive.title"),message:e("components.alert.interactive.message"),closeable:!0},parameters:{controls:{expanded:!0}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.default.title'),
+  args: {
+    type: 'informative',
+    message: t('components.alert.default.message')
+  }
+}`,...a.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.informative.title'),
+  args: {
+    type: 'informative',
+    message: t('components.alert.informative.message')
+  }
+}`,...n.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.positive.title'),
+  args: {
+    type: 'positive',
+    message: t('components.alert.positive.message')
+  }
+}`,...r.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.negative.title'),
+  args: {
+    type: 'negative',
+    message: t('components.alert.negative.message')
+  }
+}`,...i.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.withTitle.title'),
+  args: {
+    type: 'informative',
+    title: t('components.alert.withTitle.title'),
+    message: t('components.alert.withTitle.message')
+  }
+}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.withTitleAndMessage.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Alert type="informative" title={t('components.alert.withTitleAndMessage.infoTitle')} message={t('components.alert.withTitleAndMessage.infoMessage')} />
+      <Alert type="positive" title={t('components.alert.withTitleAndMessage.successTitle')} message={t('components.alert.withTitleAndMessage.successMessage')} />
+      <Alert type="negative" title={t('components.alert.withTitleAndMessage.errorTitle')} message={t('components.alert.withTitleAndMessage.errorMessage')} />
+    </div>
+}`,...m.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.withCloseButton.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Alert type="informative" title={t('components.alert.withCloseButton.infoTitle')} message={t('components.alert.withCloseButton.infoMessage')} closeable />
+      <Alert type="positive" title={t('components.alert.withCloseButton.successTitle')} message={t('components.alert.withCloseButton.successMessage')} closeable />
+      <Alert type="negative" title={t('components.alert.withCloseButton.errorTitle')} message={t('components.alert.withCloseButton.errorMessage')} closeable />
+    </div>
+}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.withAction.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Alert type="informative" title={t('components.alert.withAction.updateTitle')} message={t('components.alert.withAction.updateMessage')} action={<Button size="medium" theme="brand">
+            {t('components.alert.withAction.updateButton')}
+          </Button>} />
+      <Alert type="negative" title={t('components.alert.withAction.sessionTitle')} message={t('components.alert.withAction.sessionMessage')} action={<Button size="medium" theme="default">
+            {t('components.alert.withAction.sessionButton')}
+          </Button>} />
+    </div>
+}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.completeExample.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '16px'
+  }}>
+      <Alert type="informative" title={t('components.alert.completeExample.infoTitle')} message={t('components.alert.completeExample.infoMessage')} closeable action={<Button size="medium" theme="brand">
+            {t('components.alert.completeExample.infoButton')}
+          </Button>} />
+      <Alert type="positive" title={t('components.alert.completeExample.successTitle')} message={t('components.alert.completeExample.successMessage')} closeable action={<Button size="medium" theme="brand">
+            {t('components.alert.completeExample.successButton')}
+          </Button>} />
+      <Alert type="negative" title={t('components.alert.completeExample.errorTitle')} message={t('components.alert.completeExample.errorMessage')} closeable action={<Button size="medium" theme="default">
+            {t('components.alert.completeExample.errorButton')}
+          </Button>} />
+    </div>
+}`,...d.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.alert.stories.interactive.title'),
+  args: {
+    type: 'informative',
+    title: t('components.alert.interactive.title'),
+    message: t('components.alert.interactive.message'),
+    closeable: true
+  },
+  parameters: {
+    controls: {
+      expanded: true
+    }
+  }
+}`,...g.parameters?.docs?.source}}};const z=["Default","Informative","Positive","Negative","WithTitle","WithTitleAndMessage","WithCloseButton","WithAction","CompleteExample","Interactive"];export{d as CompleteExample,a as Default,n as Informative,g as Interactive,i as Negative,r as Positive,p as WithAction,c as WithCloseButton,l as WithTitle,m as WithTitleAndMessage,z as __namedExportsOrder,$ as default};

package/dist-storybook/assets/avatar-B-jvPnzm.js

@@ -0,0 +1 @@
+import{r as b,j as o}from"./iframe-CLEfhyJc.js";import{c as x,g as h}from"./classname-DoNrELT0.js";import{T as v}from"./typography-DoV67nnS.js";import{I as $}from"./image-D6Yo4ht9.js";const r=h("avatar"),y=({size:e=40,shape:a="rounded",border:l,label:d,labelColor:c,labelSize:S,color:j,style:u,className:z,src:s,srcSet:m,...p})=>{const[g,n]=b.useState(!1),f=I(e),i=!g&&(!!s||!!m);return b.useEffect(()=>{n(!1)},[s,m]),o.jsxs("div",{className:x(r,`${r}--${a}`,{[`${r}--show-image`]:i},z),style:{...u,width:e,height:e},children:[!!l&&o.jsx("div",{className:`${r}__border ${r}__border--${f.borderSize} ${r}--${a}`}),i&&o.jsx($,{...p,onError:()=>n(!0),width:e,height:e,src:s}),!!d&&!i&&o.jsx(v,{size:S||f.labelSize,color:c||"global-dynamic-red-dynamic-red-60",weight:600,children:d})]})},t=[[112,{labelSize:"4x-large",borderSize:2}],[80,{labelSize:"2x-large",borderSize:2}],[56,{labelSize:"large",borderSize:2}],[48,{labelSize:"base",borderSize:1}],[40,{labelSize:"small",borderSize:1}],[32,{labelSize:"x-small",borderSize:1}],[24,{labelSize:"2x-small",borderSize:1}],[0,{labelSize:"3x-small",borderSize:1}]],I=e=>{for(const[a,l]of t)if(e>=a)return l;return t[t.length-1][1]};y.__docgenInfo={description:"",methods:[],displayName:"Avatar",props:{size:{defaultValue:{value:"40",computed:!1},required:!1},shape:{defaultValue:{value:"'rounded'",computed:!1},required:!1}}};export{y as A};

package/dist-storybook/assets/avatar.stories-glTjw5Kd.js

@@ -0,0 +1,136 @@
+import{j as e}from"./iframe-CLEfhyJc.js";import{T as x,S as u,M as b,P as h,a as y}from"./blocks-CpOj9FQ_.js";import{A as r}from"./avatar-B-jvPnzm.js";import{t as a}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";import"./classname-DoNrELT0.js";import"./typography-DoV67nnS.js";import"./colors-_6nFGM3e.js";import"./image-D6Yo4ht9.js";import"./visibility-sensor-huP-8j4n.js";import"./index-B-Ksafg0.js";import"./icon-TJ3FHxUI.js";const g=()=>{const v=`
+## ${a("common.table.title")}
+
+| ${a("common.table.name")} | ${a("common.table.type")} | ${a("common.table.required")} | ${a("common.table.description")} |
+| :--- | :--- | :--- | :--- |
+| \`size\` | \`number\` | No | ${a("components.avatar.sizeDescription")} |
+| \`shape\` | \`'circle' \\| 'rounded'\` | No | ${a("components.avatar.shapeDescription")} |
+| \`border\` | \`boolean\` | No | ${a("components.avatar.borderDescription")} |
+| \`label\` | \`string\` | No | ${a("components.avatar.labelDescription")} |
+| \`labelColor\` | \`IColor\` | No | ${a("components.avatar.labelColorDescription")} |
+| \`labelSize\` | \`ITypographySize\` | No | ${a("components.avatar.labelSizeDescription")} |
+| \`color\` | \`IColor\` | No | ${a("components.avatar.colorDescription")} |
+| \`src\` | \`string\` | No | ${a("components.avatar.srcDescription")} |
+| \`srcSet\` | \`string\` | No | ${a("components.avatar.srcSetDescription",{defaultValue:"A set of image sources for responsive images."})} |
+| \`className\` | \`string\` | No | ${a("components.avatar.classNameDescription")} |
+| \`...props\` | \`ComponentProps<'img'>\` | No | ${a("components.avatar.propsDescription")} |
+  `;return e.jsxs(e.Fragment,{children:[e.jsx(x,{}),e.jsx(u,{}),e.jsx(b,{children:a("components.avatar.description")}),e.jsx(h,{}),e.jsx(b,{children:v}),e.jsx(y,{})]})},E={title:"Components/Avatar",component:r,parameters:{layout:"padded",docs:{page:g}},tags:["autodocs"],argTypes:{size:{control:{type:"number",min:20,max:200,step:4},description:a("components.avatar.argTypes.sizeDescription"),table:{type:{summary:"number"},defaultValue:{summary:"40"}}},shape:{control:"select",options:["circle","rounded"],description:a("components.avatar.argTypes.shapeDescription"),table:{type:{summary:"IAvatarShape"},defaultValue:{summary:"rounded"}}},border:{control:"boolean",description:a("components.avatar.argTypes.borderDescription"),table:{type:{summary:"boolean"}}},label:{control:"text",description:a("components.avatar.argTypes.labelDescription"),table:{type:{summary:"string"}}},labelColor:{control:"text",description:a("components.avatar.argTypes.labelColorDescription"),table:{type:{summary:"IColor"}}},labelSize:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:"The size of the label text. Automatically determined based on avatar size if not specified.",table:{type:{summary:"ITypographySize"}}},color:{control:"text",description:a("components.avatar.argTypes.colorDescription"),table:{type:{summary:"IColor"}}},src:{control:"text",description:a("components.avatar.argTypes.srcDescription"),table:{type:{summary:"string"}}}}},s={storyName:a("components.avatar.stories.default.title"),args:{label:"JD",size:40}},t={render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:40}),e.jsx(r,{label:"AB",size:48}),e.jsx(r,{label:"CD",size:56}),e.jsx(r,{label:"EF",size:80})]})},o={storyName:a("components.avatar.stories.shapes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"rounded"}),e.jsx(r,{label:"JD",size:80,shape:"circle"})]})},l={storyName:a("components.avatar.stories.sizes.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"24",size:24}),e.jsx(r,{label:"32",size:32}),e.jsx(r,{label:"40",size:40}),e.jsx(r,{label:"48",size:48}),e.jsx(r,{label:"56",size:56}),e.jsx(r,{label:"80",size:80}),e.jsx(r,{label:"112",size:112})]})},i={storyName:a("components.avatar.stories.withBorder.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"circle",border:!0}),e.jsx(r,{label:"AB",size:80,shape:"rounded",border:!0}),e.jsx(r,{label:"CD",size:56,shape:"circle",border:!0}),e.jsx(r,{label:"EF",size:48,shape:"rounded",border:!0})]})},p={storyName:a("components.avatar.stories.withImage.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/40",size:40,shape:"rounded"}),e.jsx(r,{src:"https://via.placeholder.com/48",size:48,shape:"circle"}),e.jsx(r,{src:"https://via.placeholder.com/80",size:80,shape:"rounded",border:!0}),e.jsx(r,{src:"https://via.placeholder.com/112",size:112,shape:"circle",border:!0})]})},c={storyName:a("components.avatar.stories.customLabelStyling.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{label:"JD",size:80,shape:"circle",labelColor:"alias-object-primary",labelSize:"large"}),e.jsx(r,{label:"AB",size:80,shape:"rounded",labelColor:"alias-support-positive",labelSize:"x-large"}),e.jsx(r,{label:"CD",size:56,shape:"circle",labelColor:"alias-support-negative",labelSize:"base"})]})},n={storyName:a("components.avatar.stories.fallbackToLabel.title"),render:()=>e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://invalid-url-that-will-fail.com/image.png",label:"JD",size:80,shape:"circle"}),e.jsx(r,{src:"",label:"AB",size:80,shape:"rounded"})]})},d={storyName:a("components.avatar.stories.completeExample.title"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/112",size:112,shape:"circle",border:!0}),e.jsx(r,{label:"JD",size:112,shape:"circle",border:!0,labelColor:"alias-object-primary"})]}),e.jsxs("div",{style:{display:"flex",gap:"16px",alignItems:"center"},children:[e.jsx(r,{src:"https://via.placeholder.com/80",size:80,shape:"rounded",border:!0}),e.jsx(r,{label:"AB",size:80,shape:"rounded",border:!0})]})]})},m={storyName:a("components.avatar.stories.interactive.title"),args:{label:"JD",size:40,shape:"rounded",border:!1}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.default.title'),
+  args: {
+    label: 'JD',
+    size: 40
+  }
+}`,...s.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar label="JD" size={40} />
+      <Avatar label="AB" size={48} />
+      <Avatar label="CD" size={56} />
+      <Avatar label="EF" size={80} />
+    </div>
+}`,...t.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.shapes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar label="JD" size={80} shape="rounded" />
+      <Avatar label="JD" size={80} shape="circle" />
+    </div>
+}`,...o.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.sizes.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar label="24" size={24} />
+      <Avatar label="32" size={32} />
+      <Avatar label="40" size={40} />
+      <Avatar label="48" size={48} />
+      <Avatar label="56" size={56} />
+      <Avatar label="80" size={80} />
+      <Avatar label="112" size={112} />
+    </div>
+}`,...l.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.withBorder.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar label="JD" size={80} shape="circle" border />
+      <Avatar label="AB" size={80} shape="rounded" border />
+      <Avatar label="CD" size={56} shape="circle" border />
+      <Avatar label="EF" size={48} shape="rounded" border />
+    </div>
+}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.withImage.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar src="https://via.placeholder.com/40" size={40} shape="rounded" />
+      <Avatar src="https://via.placeholder.com/48" size={48} shape="circle" />
+      <Avatar src="https://via.placeholder.com/80" size={80} shape="rounded" border />
+      <Avatar src="https://via.placeholder.com/112" size={112} shape="circle" border />
+    </div>
+}`,...p.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.customLabelStyling.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar label="JD" size={80} shape="circle" labelColor="alias-object-primary" labelSize="large" />
+      <Avatar label="AB" size={80} shape="rounded" labelColor="alias-support-positive" labelSize="x-large" />
+      <Avatar label="CD" size={56} shape="circle" labelColor="alias-support-negative" labelSize="base" />
+    </div>
+}`,...c.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.fallbackToLabel.title'),
+  render: () => <div style={{
+    display: 'flex',
+    gap: '16px',
+    alignItems: 'center'
+  }}>
+      <Avatar src="https://invalid-url-that-will-fail.com/image.png" label="JD" size={80} shape="circle" />
+      <Avatar src="" label="AB" size={80} shape="rounded" />
+    </div>
+}`,...n.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.completeExample.title'),
+  render: () => <div style={{
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '24px'
+  }}>
+      <div style={{
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center'
+    }}>
+        <Avatar src="https://via.placeholder.com/112" size={112} shape="circle" border />
+        <Avatar label="JD" size={112} shape="circle" border labelColor="alias-object-primary" />
+      </div>
+      <div style={{
+      display: 'flex',
+      gap: '16px',
+      alignItems: 'center'
+    }}>
+        <Avatar src="https://via.placeholder.com/80" size={80} shape="rounded" border />
+        <Avatar label="AB" size={80} shape="rounded" border />
+      </div>
+    </div>
+}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  storyName: t('components.avatar.stories.interactive.title'),
+  args: {
+    label: 'JD',
+    size: 40,
+    shape: 'rounded',
+    border: false
+  }
+}`,...m.parameters?.docs?.source}}};const L=["Default","WithLabel","Shapes","Sizes","WithBorder","WithImage","CustomLabelStyling","FallbackToLabel","CompleteExample","Interactive"];export{d as CompleteExample,c as CustomLabelStyling,s as Default,n as FallbackToLabel,m as Interactive,o as Shapes,l as Sizes,i as WithBorder,p as WithImage,t as WithLabel,L as __namedExportsOrder,E as default};