ali-mohammadi-design-system 2.0.2 → 2.0.5

package/dist/index.cjs

@@ -1,25 +1,20 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),y=require("prop-types");var v={exports:{}},S={};var H;function be(){if(H)return S;H=1;var o=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function t(r,a,i){var l=null;if(i!==void 0&&(l=""+i),a.key!==void 0&&(l=""+a.key),"key"in a){i={};for(var c in a)c!=="key"&&(i[c]=a[c])}else i=a;return a=i.ref,{$$typeof:o,type:r,key:l,ref:a!==void 0?a:null,props:i}}return S.Fragment=n,S.jsx=t,S.jsxs=t,S}var T={};var J;function Fe(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case C:return"Fragment";case oe:return"Profiler";case ne:return"StrictMode";case ce:return"Suspense";case le:return"SuspenseList";case fe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case te:return"Portal";case se:return e.displayName||"Context";case ae:return(e._context.displayName||"Context")+".Consumer";case ie:var s=e.render;return e=e.displayName,e||(e=s.displayName||s.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ue:return s=e.displayName||null,s!==null?s:o(e.type)||"Memo";case _:s=e._payload,e=e._init;try{return o(e(s))}catch{}}return null}function n(e){return""+e}function t(e){try{n(e);var s=!1}catch{s=!0}if(s){s=console;var f=s.error,d=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return f.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",d),n(e)}}function r(e){if(e===C)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===_)return"<...>";try{var s=o(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function a(){var e=k.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function l(e){if(W.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function c(e,s){function f(){M||(M=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",s))}f.isReactWarning=!0,Object.defineProperty(e,"key",{get:f,configurable:!0})}function u(){var e=o(this.type);return L[e]||(L[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function m(e,s,f,d,A,j){var p=f.ref;return e={$$typeof:Y,type:e,key:s,props:f,_owner:d},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function b(e,s,f,d,A,j){var p=s.children;if(p!==void 0)if(d)if(pe(p)){for(d=0;d<p.length;d++)F(p[d]);Object.freeze&&Object.freeze(p)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else F(p);if(W.call(s,"key")){p=o(e);var E=Object.keys(s).filter(function(me){return me!=="key"});d=0<E.length?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}",V[p+d]||(E=0<E.length?"{"+E.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,d,p,E,p),V[p+d]=!0)}if(p=null,f!==void 0&&(t(f),p=""+f),l(s)&&(t(s.key),p=""+s.key),"key"in s){f={};for(var O in s)O!=="key"&&(f[O]=s[O])}else f=s;return p&&c(f,typeof e=="function"?e.displayName||e.name||"Unknown":e),m(e,p,f,a(),A,j)}function F(e){I(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===_&&(e._payload.status==="fulfilled"?I(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function I(e){return typeof e=="object"&&e!==null&&e.$$typeof===Y}var R=h,Y=Symbol.for("react.transitional.element"),te=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),ne=Symbol.for("react.strict_mode"),oe=Symbol.for("react.profiler"),ae=Symbol.for("react.consumer"),se=Symbol.for("react.context"),ie=Symbol.for("react.forward_ref"),ce=Symbol.for("react.suspense"),le=Symbol.for("react.suspense_list"),ue=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),fe=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),k=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,pe=Array.isArray,$=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var M,L={},q=R.react_stack_bottom_frame.bind(R,i)(),U=$(r(i)),V={};T.Fragment=C,T.jsx=function(e,s,f){var d=1e4>k.recentlyCreatedOwnerStacks++;return b(e,s,f,!1,d?Error("react-stack-top-frame"):q,d?$(r(e)):U)},T.jsxs=function(e,s,f){var d=1e4>k.recentlyCreatedOwnerStacks++;return b(e,s,f,!0,d?Error("react-stack-top-frame"):q,d?$(r(e)):U)}})()),T}var G;function Ee(){return G||(G=1,process.env.NODE_ENV==="production"?v.exports=be():v.exports=Fe()),v.exports}var X=Ee();const w={neutral:{0:"#FFFFFF",50:"#FAFAFA"},primary:{50:"#e3f2fd",500:"#2196f3"}},ge={Neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#EAEAEB",300:"#D4D5D6",400:"#AAABAD",500:"#7F8185",600:"#55575C",700:"#2A2D33",800:"#232529",900:"#1B1D21"},Purple:{100:"#F9F2FD",200:"#E6D9EC",300:"#D9C5E2",400:"#B38CC5",500:"#9A65B2",600:"#813F9F",700:"#67327F",800:"#4D265F",900:"#341940"},Blue:{100:"#E5EDFB",200:"#CCDAF7",300:"#B2C8F3",400:"#99B5EF",500:"#6691E8",600:"#336CE0",700:"#0047D8",800:"#0039AD",900:"#002B82"},Violet:{100:"#EDECFC",200:"#DCDAFA",300:"#CAC7F7",400:"#B9B5F5",500:"#9690EF",600:"#736BEA",700:"#5046E5",800:"#4038B8",900:"#191547",950:"#110E30"},Yellow:{100:"#FEF8E9",200:"#FDF1D3",300:"#FCEABD",400:"#FBE3A7",500:"#FAD67C",600:"#F8C850",700:"#F6BA24",800:"#ECAD11",900:"#CE960A"},Red:{100:"#FFEBEB",200:"#FFD6D6",300:"#FFC2C2",400:"#FFADAD",500:"#FF8585",600:"#FF5C5C",700:"#FF3333",800:"#CE2929",900:"#9D1F1F"},Green:{100:"#EBFAF1",200:"#D7F4E4",300:"#AFE9C8",400:"#87DFAD",500:"#5FD491",600:"#5FD491",700:"#2CA15E",800:"#217947",900:"#16502F"},Orange:{100:"#FFF4EB",200:"#FFE9D6",300:"#FFDEC2",400:"#FFD3AE",500:"#FFBD85",600:"#FFA75D",700:"#FF9134",800:"#E8842F",900:"#DF771E"},Cyan:{100:"#E8F6FF",200:"#DCF2FF",300:"#C4E9FF",400:"#A0DAFF",500:"#87D1FF",600:"#56BFFF",700:"#1DA6FB",800:"#0B89D6",900:"#0467A4"},TypeScale:{Weight:{Regular:"Regular",Bold:"Bold",SemiBold:"Semibold"},FontFamily:{YekanBakh:"Yekan Bakh FaNum"},Size:{10:10,11:11,12:12,14:14,16:16,18:18,20:20,24:24,28:28,32:32,36:36,48:48,64:64},Height:{10:10,12:12,14:14,16:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48,74:74}},NumberScale:{Radius:{"Radius-12":12,"Radius-8":8,"Radius-4":4,"Radius-24":24,"Radius-20":20,"Radius-16":16,"Radius-Full":1e3,"Radius-28":28},Spacing:{"spacing-4":4,"spacing-8":8,"spacing-12":12,"spacing-16":16,"spacing-20":20,"spacing-24":24,"spacing-32":32,"spacing-40":40,"spacing-48":48,"spacing-56":56,"spacing-64":64,"spacing-72":72,"spacing-80":80},StrokeWeight:{StrokeWeight1:1,StrokeWeight2:1.5,StrokeWeight4:3,StrokeWeight3:2,StrokeWeight5:4},IconSize:{IconSizesmall:16,IconSizeMedium:20,IconSizeLarge:24,IconSizeExtraLarge:32}},Peach:{100:"#FFEEE5",200:"#FFDDCC",300:"#FFCCB2",400:"#FFBB99",500:"#FF9966",600:"#FF7733",700:"#FF5500",800:"#CC4400",900:"#993300"},Buttons:104,MinWidth:64},g={brand:ge};function ye(){const o={colors:{},typography:{},spacing:{},radius:{},shadows:{}};if(g.brand&&Object.entries(g.brand).forEach(([n,t])=>{if(typeof t=="object"&&!Array.isArray(t)){const r=n.toLowerCase();o.colors[r]={},Object.entries(t).forEach(([a,i])=>{(typeof i=="string"||typeof i=="number")&&(o.colors[r][a]=i)})}}),g.brand?.TypeScale){const n=g.brand.TypeScale;o.typography={fontFamily:n.FontFamily?.YekanBakh,sizes:n.Size||{},lineHeights:n.Height||{},weights:n.Weight||{}}}if(g.brand?.NumberScale){const n=g.brand.NumberScale;n.Spacing&&(o.spacing={},Object.entries(n.Spacing).forEach(([t,r])=>{const a=t.replace("spacing-","");o.spacing[a]=typeof r=="number"?r:parseInt(r)})),n.Radius&&(o.radius={},Object.entries(n.Radius).forEach(([t,r])=>{const a=t.replace("Radius-","").toLowerCase();o.radius[a]=typeof r=="number"?r:parseInt(r)}))}return o}const Z={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F5F5F5",200:"#EEEEEE",300:"#E0E0E0",400:"#BDBDBD",500:"#9E9E9E",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},success:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20"},error:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c"},warning:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100"},info:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1"}},typography:{fontFamily:"system-ui, -apple-system, sans-serif",baseSize:16,minSize:14,scaleRatio:1.25,sizes:{10:10,11:11,12:12,14:14,16:16,18:18,20:20,24:24,28:28,32:32,36:36,48:48,64:64},lineHeights:{10:10,12:12,14:14,16:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48,74:74},weights:{regular:"400",semibold:"600",bold:"700"}},spacing:{unit:4,4:4,8:8,12:12,16:16,20:20,24:24,32:32,40:40,48:48,56:56,64:64,72:72,80:80},radius:{xs:4,sm:8,md:12,lg:16,xl:20,"2xl":24,"3xl":28,full:1e3},shadows:{sm:"0px 1px 2px rgba(0, 0, 0, 0.05)",md:"0px 4px 6px rgba(0, 0, 0, 0.1)",lg:"0px 10px 15px rgba(0, 0, 0, 0.1)",xl:"0px 20px 25px rgba(0, 0, 0, 0.1)"}};function z(o,n){const t={...o};return D(o)&&D(n)&&Object.keys(n).forEach(r=>{D(n[r])?r in o?t[r]=z(o[r],n[r]):Object.assign(t,{[r]:n[r]}):Object.assign(t,{[r]:n[r]})}),t}function D(o){return o&&typeof o=="object"&&!Array.isArray(o)}const he=ye(),x=z(Z,he);function P(o={}){return z(x,o)}function B(o={}){const n=P(o),t=document.createElement("style");t.id="ds-theme";let r=`:root {
-`;Object.entries(n.colors).forEach(([c,u])=>{typeof u=="object"&&Object.entries(u).forEach(([m,b])=>{r+=`  --${c}-${m}: ${b};
-`})});const a=n.typography;if(r+=`  --font-family: ${a.fontFamily};
-`,a.baseSize&&a.minSize){const c=(a.baseSize-a.minSize)/1600,m=`${-320*c+a.minSize}px + ${c*100}vw`;r+=`  --font-size-base: clamp(${a.minSize}px, ${m}, ${a.baseSize}px);
-`}else r+=`  --font-size-base: ${a.baseSize||16}px;
-`;r+=`  --type-scale: ${a.scaleRatio||1.25};
-`,a.sizes&&Object.entries(a.sizes).forEach(([c,u])=>{r+=`  --font-size-${c}: ${u}px;
-`}),a.lineHeights&&Object.entries(a.lineHeights).forEach(([c,u])=>{r+=`  --line-height-${c}: ${u}px;
-`}),a.weights&&Object.entries(a.weights).forEach(([c,u])=>{r+=`  --font-weight-${c}: ${u};
-`});const i=n.spacing.unit||4;r+=`  --space-unit: ${i}px;
-`,Object.entries(n.spacing).forEach(([c,u])=>{c!=="unit"&&(r+=`  --space-${c}: ${u}px;
-`)}),Object.entries(n.radius).forEach(([c,u])=>{r+=`  --radius-${c}: ${u}px;
-`}),n.shadows&&Object.entries(n.shadows).forEach(([c,u])=>{r+=`  --shadow-${c}: ${u};
-`}),r+=`}
-`,r+=`html { font-size: var(--font-size-base); }
-`,r+=`body { font-family: var(--font-family); }
-`,t.textContent=r;const l=document.getElementById("ds-theme");l&&l.remove(),document.head.appendChild(t)}const Q=h.createContext(null);function N({tokens:o={},children:n}){const t=h.useMemo(()=>P(o),[o]);h.useEffect(()=>{B(t)},[t]);const r=h.useMemo(()=>({tokens:t,getToken:a=>{const i=a.split(".");let l=t;for(const c of i)if(l&&typeof l=="object"&&c in l)l=l[c];else return;return l}}),[t]);return X.jsx(Q.Provider,{value:r,children:n})}N.propTypes={tokens:y.object,children:y.node.isRequired};function K(){const o=h.useContext(Q);return o||(console.warn("useTheme must be used within ThemeProvider. Using default tokens."),{tokens:x,getToken:n=>{const t=n.split(".");let r=x;for(const a of t)if(r&&typeof r=="object"&&a in r)r=r[a];else return;return r}})}function ee(){const{tokens:o,getToken:n}=K();return{color:t=>{const r=n(`colors.${t}`);if(r)return r;const[a,i]=t.split(".");return`var(--${a}-${i}, #000)`},spacing:t=>{const r=n(`spacing.${t}`);return r?`${r}px`:`var(--space-${t}, ${t*(o.spacing?.unit||4)}px)`},radius:t=>{const r=n(`radius.${t}`);return r?`${r}px`:`var(--radius-${t}, 8px)`},typography:t=>{const r=n(`typography.${t}`);return r?typeof r=="number"?`${r}px`:r:t==="fontFamily"?"var(--font-family, system-ui, sans-serif)":`var(--font-${t}, 16px)`},shadow:t=>{const r=n(`shadows.${t}`);return r||`var(--shadow-${t}, none)`},tokens:o,getToken:n}}const re=({variant:o="primary",size:n="md",children:t,className:r="",...a})=>{const{color:i,spacing:l,radius:c,typography:u}=ee(),m={primary:{backgroundColor:i("primary.500"),color:"#ffffff",border:"none"},outline:{backgroundColor:"transparent",border:`2px solid ${i("primary.500")}`,color:i("primary.500")},text:{backgroundColor:"transparent",border:"none",color:i("primary.500")},secondary:{backgroundColor:i("neutral.200"),color:i("neutral.900"),border:"none"},success:{backgroundColor:i("success.500"),color:"#ffffff",border:"none"},error:{backgroundColor:i("error.500"),color:"#ffffff",border:"none"}},b={sm:{padding:`${l(2)} ${l(4)}`,fontSize:u("sizes.14")||"14px"},md:{padding:`${l(3)} ${l(6)}`,fontSize:u("sizes.16")||"16px"},lg:{padding:`${l(4)} ${l(8)}`,fontSize:u("sizes.18")||"18px"}};return X.jsx("button",{className:`ds-button ds-button--${o} ds-button--${n} ${r}`,style:{borderRadius:c("md"),fontFamily:u("fontFamily"),fontWeight:"500",cursor:"pointer",transition:"all 0.2s ease",...m[o],...b[n],...a.style},onMouseEnter:F=>{o==="primary"&&(F.currentTarget.style.opacity="0.9")},onMouseLeave:F=>{o==="primary"&&(F.currentTarget.style.opacity="1")},...a,children:t})};re.propTypes={children:y.node.isRequired,variant:y.oneOf(["primary","outline","text","secondary","success","error"]),size:y.oneOf(["sm","md","lg"]),className:y.string};function Se(o={}){B(o)}const Te={};function Re(o={}){let n="";Object.entries(o.colors?.primary||{}).forEach(([t,r])=>{n+=`$primary-${t}: ${r};
-`}),n+=`$font-family: "${o.typography?.fontFamily||"sans-serif"}";
-`,n+=`$font-size-base: ${o.typography?.baseSize||16}px;
-`,Te.writeFileSync("custom-variables.scss",n)}const Ae={colors:{primary:w.primary,neutral:w.neutral},spacing:{unit:4},typography:{fontFamily:"system-ui, sans-serif",baseSize:16}};exports.Button=re;exports.ThemeProvider=N;exports.baseTokens=x;exports.createTokens=P;exports.default=N;exports.defaultColors=w;exports.defaultConfig=Ae;exports.defaultTokens=Z;exports.generateSCSS=Re;exports.generateTheme=B;exports.injectCSS=Se;exports.useTheme=K;exports.useTokens=ee;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react/jsx-runtime"),g=require("react"),p=require("prop-types"),$={neutral:{0:"#FFFFFF",50:"#FAFAFA"},primary:{50:"#e3f2fd",500:"#2196f3"}},k={Neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F4F4F5",200:"#EAEAEB",300:"#D4D5D6",400:"#AAABAD",500:"#7F8185",600:"#55575C",700:"#2A2D33",800:"#232529",900:"#1B1D21"},Purple:{100:"#F9F2FD",200:"#E6D9EC",300:"#D9C5E2",400:"#B38CC5",500:"#9A65B2",600:"#813F9F",700:"#67327F",800:"#4D265F",900:"#341940"},Blue:{100:"#E5EDFB",200:"#CCDAF7",300:"#B2C8F3",400:"#99B5EF",500:"#6691E8",600:"#336CE0",700:"#0047D8",800:"#0039AD",900:"#002B82"},Violet:{100:"#EDECFC",200:"#DCDAFA",300:"#CAC7F7",400:"#B9B5F5",500:"#9690EF",600:"#736BEA",700:"#5046E5",800:"#4038B8",900:"#191547",950:"#110E30"},Yellow:{100:"#FEF8E9",200:"#FDF1D3",300:"#FCEABD",400:"#FBE3A7",500:"#FAD67C",600:"#F8C850",700:"#F6BA24",800:"#ECAD11",900:"#CE960A"},Red:{100:"#FFEBEB",200:"#FFD6D6",300:"#FFC2C2",400:"#FFADAD",500:"#FF8585",600:"#FF5C5C",700:"#FF3333",800:"#CE2929",900:"#9D1F1F"},Green:{100:"#EBFAF1",200:"#D7F4E4",300:"#AFE9C8",400:"#87DFAD",500:"#5FD491",600:"#5FD491",700:"#2CA15E",800:"#217947",900:"#16502F"},Orange:{100:"#FFF4EB",200:"#FFE9D6",300:"#FFDEC2",400:"#FFD3AE",500:"#FFBD85",600:"#FFA75D",700:"#FF9134",800:"#E8842F",900:"#DF771E"},Cyan:{100:"#E8F6FF",200:"#DCF2FF",300:"#C4E9FF",400:"#A0DAFF",500:"#87D1FF",600:"#56BFFF",700:"#1DA6FB",800:"#0B89D6",900:"#0467A4"},TypeScale:{Weight:{Regular:"Regular",Bold:"Bold",SemiBold:"Semibold"},FontFamily:{YekanBakh:"Yekan Bakh FaNum"},Size:{10:10,11:11,12:12,14:14,16:16,18:18,20:20,24:24,28:28,32:32,36:36,48:48,64:64},Height:{10:10,12:12,14:14,16:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48,74:74}},NumberScale:{Radius:{"Radius-12":12,"Radius-8":8,"Radius-4":4,"Radius-24":24,"Radius-20":20,"Radius-16":16,"Radius-Full":1e3,"Radius-28":28},Spacing:{"spacing-4":4,"spacing-8":8,"spacing-12":12,"spacing-16":16,"spacing-20":20,"spacing-24":24,"spacing-32":32,"spacing-40":40,"spacing-48":48,"spacing-56":56,"spacing-64":64,"spacing-72":72,"spacing-80":80},StrokeWeight:{StrokeWeight1:1,StrokeWeight2:1.5,StrokeWeight4:3,StrokeWeight3:2,StrokeWeight5:4},IconSize:{IconSizesmall:16,IconSizeMedium:20,IconSizeLarge:24,IconSizeExtraLarge:32}},Peach:{100:"#FFEEE5",200:"#FFDDCC",300:"#FFCCB2",400:"#FFBB99",500:"#FF9966",600:"#FF7733",700:"#FF5500",800:"#CC4400",900:"#993300"},Buttons:104,MinWidth:64},d={brand:k};function O(){const n={colors:{},typography:{},spacing:{},radius:{},shadows:{}};if(d.brand&&Object.entries(d.brand).forEach(([t,r])=>{if(typeof r=="object"&&!Array.isArray(r)){const e=t.toLowerCase();n.colors[e]={},Object.entries(r).forEach(([o,i])=>{(typeof i=="string"||typeof i=="number")&&(n.colors[e][o]=i)})}}),d.brand?.TypeScale){const t=d.brand.TypeScale;n.typography={fontFamily:t.FontFamily?.YekanBakh,sizes:t.Size||{},lineHeights:t.Height||{},weights:t.Weight||{}}}if(d.brand?.NumberScale){const t=d.brand.NumberScale;t.Spacing&&(n.spacing={},Object.entries(t.Spacing).forEach(([r,e])=>{const o=r.replace("spacing-","");n.spacing[o]=typeof e=="number"?e:parseInt(e)})),t.Radius&&(n.radius={},Object.entries(t.Radius).forEach(([r,e])=>{const o=r.replace("Radius-","").toLowerCase();n.radius[o]=typeof e=="number"?e:parseInt(e)}))}return n}const w={colors:{primary:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1"},neutral:{0:"#FFFFFF",50:"#FAFAFA",100:"#F5F5F5",200:"#EEEEEE",300:"#E0E0E0",400:"#BDBDBD",500:"#9E9E9E",600:"#757575",700:"#616161",800:"#424242",900:"#212121"},success:{50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20"},error:{50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c"},warning:{50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100"},info:{50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1"}},typography:{fontFamily:"system-ui, -apple-system, sans-serif",baseSize:16,minSize:14,scaleRatio:1.25,sizes:{10:10,11:11,12:12,14:14,16:16,18:18,20:20,24:24,28:28,32:32,36:36,48:48,64:64},lineHeights:{10:10,12:12,14:14,16:16,20:20,24:24,28:28,32:32,36:36,40:40,44:44,48:48,74:74},weights:{regular:"400",semibold:"600",bold:"700"}},spacing:{unit:4,4:4,8:8,12:12,16:16,20:20,24:24,32:32,40:40,48:48,56:56,64:64,72:72,80:80},radius:{xs:4,sm:8,md:12,lg:16,xl:20,"2xl":24,"3xl":28,full:1e3},shadows:{sm:"0px 1px 2px rgba(0, 0, 0, 0.05)",md:"0px 4px 6px rgba(0, 0, 0, 0.1)",lg:"0px 10px 15px rgba(0, 0, 0, 0.1)",xl:"0px 20px 25px rgba(0, 0, 0, 0.1)"}};function S(n,t){const r={...n};return E(n)&&E(t)&&Object.keys(t).forEach(e=>{E(t[e])?e in n?r[e]=S(n[e],t[e]):Object.assign(r,{[e]:t[e]}):Object.assign(r,{[e]:t[e]})}),r}function E(n){return n&&typeof n=="object"&&!Array.isArray(n)}const I=O(),b=S(w,I);function C(n={}){return S(b,n)}function x(n={}){const t=C(n),r=document.createElement("style");r.id="ds-theme";let e=`:root {
+`;Object.entries(t.colors).forEach(([s,a])=>{typeof a=="object"&&Object.entries(a).forEach(([m,y])=>{e+=`  --${s}-${m}: ${y};
+`})});const o=t.typography;if(e+=`  --font-family: ${o.fontFamily};
+`,o.baseSize&&o.minSize){const s=(o.baseSize-o.minSize)/1600,m=`${-320*s+o.minSize}px + ${s*100}vw`;e+=`  --font-size-base: clamp(${o.minSize}px, ${m}, ${o.baseSize}px);
+`}else e+=`  --font-size-base: ${o.baseSize||16}px;
+`;e+=`  --type-scale: ${o.scaleRatio||1.25};
+`,o.sizes&&Object.entries(o.sizes).forEach(([s,a])=>{e+=`  --font-size-${s}: ${a}px;
+`}),o.lineHeights&&Object.entries(o.lineHeights).forEach(([s,a])=>{e+=`  --line-height-${s}: ${a}px;
+`}),o.weights&&Object.entries(o.weights).forEach(([s,a])=>{e+=`  --font-weight-${s}: ${a};
+`});const i=t.spacing.unit||4;e+=`  --space-unit: ${i}px;
+`,Object.entries(t.spacing).forEach(([s,a])=>{s!=="unit"&&(e+=`  --space-${s}: ${a}px;
+`)}),Object.entries(t.radius).forEach(([s,a])=>{e+=`  --radius-${s}: ${a}px;
+`}),t.shadows&&Object.entries(t.shadows).forEach(([s,a])=>{e+=`  --shadow-${s}: ${a};
+`}),e+=`}
+`,e+=`html { font-size: var(--font-size-base); }
+`,e+=`body { font-family: var(--font-family); }
+`,r.textContent=e;const c=document.getElementById("ds-theme");c&&c.remove(),document.head.appendChild(r)}const z=g.createContext(null);function A({tokens:n={},children:t}){const r=g.useMemo(()=>C(n),[n]);g.useEffect(()=>{x(r)},[r]);const e=g.useMemo(()=>({tokens:r,getToken:o=>{const i=o.split(".");let c=r;for(const s of i)if(c&&typeof c=="object"&&s in c)c=c[s];else return;return c}}),[r]);return D.jsx(z.Provider,{value:e,children:t})}A.propTypes={tokens:p.object,children:p.node.isRequired};function B(){const n=g.useContext(z);return n||(console.warn("useTheme must be used within ThemeProvider. Using default tokens."),{tokens:b,getToken:t=>{const r=t.split(".");let e=b;for(const o of r)if(e&&typeof e=="object"&&o in e)e=e[o];else return;return e}})}function T(){const{tokens:n,getToken:t}=B();return{color:r=>{const e=t(`colors.${r}`);if(e)return e;const[o,i]=r.split(".");return`var(--${o}-${i}, #000)`},spacing:r=>{const e=t(`spacing.${r}`);return e?`${e}px`:`var(--space-${r}, ${r*(n.spacing?.unit||4)}px)`},radius:r=>{const e=t(`radius.${r}`);return e?`${e}px`:`var(--radius-${r}, 8px)`},typography:r=>{const e=t(`typography.${r}`);return e?typeof e=="number"?`${e}px`:e:r==="fontFamily"?"var(--font-family, system-ui, sans-serif)":`var(--font-${r}, 16px)`},shadow:r=>{const e=t(`shadows.${r}`);return e||`var(--shadow-${r}, none)`},tokens:n,getToken:t}}const u={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},l={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function f(n="all",t={}){const{duration:r=l.standard,easing:e=u.easeInOut,delay:o=0}=t;return`${Array.isArray(n)?n.join(", "):n} ${r}ms ${e} ${o}ms`}const F={create:f,easing:u,duration:l,all:n=>f("all",n),color:n=>f(["color","background-color","border-color"],n),backgroundColor:n=>f("background-color",n),opacity:n=>f("opacity",n),transform:n=>f("transform",n),boxShadow:n=>f("box-shadow",n),standard:n=>f("all",{duration:l.standard,easing:u.easeInOut,...n}),enter:n=>f("all",{duration:l.enteringScreen,easing:u.easeOut,...n}),leave:n=>f("all",{duration:l.leavingScreen,easing:u.easeIn,...n})};function v(n="all",t={}){return f(n,t)}const M={fadeIn:{from:{opacity:0},to:{opacity:1}},fadeOut:{from:{opacity:1},to:{opacity:0}},slideUp:{from:{transform:"translateY(20px)",opacity:0},to:{transform:"translateY(0)",opacity:1}},slideDown:{from:{transform:"translateY(-20px)",opacity:0},to:{transform:"translateY(0)",opacity:1}},scaleIn:{from:{transform:"scale(0.8)",opacity:0},to:{transform:"scale(1)",opacity:1}},scaleOut:{from:{transform:"scale(1)",opacity:1},to:{transform:"scale(0.8)",opacity:0}}};function R(n,t={}){const{duration:r=l.standard,easing:e=u.easeInOut,delay:o=0,iterationCount:i=1,direction:c="normal",fillMode:s="both"}=t;return`${n} ${r}ms ${e} ${o}ms ${i} ${c} ${s}`}const j=({variant:n="primary",size:t="md",children:r,className:e="",...o})=>{const{color:i,spacing:c,radius:s,typography:a}=T(),m={primary:{backgroundColor:i("primary.500"),color:"#ffffff",border:"none"},outline:{backgroundColor:"transparent",border:`2px solid ${i("primary.500")}`,color:i("primary.500")},text:{backgroundColor:"transparent",border:"none",color:i("primary.500")},secondary:{backgroundColor:i("neutral.200"),color:i("neutral.900"),border:"none"},success:{backgroundColor:i("success.500"),color:"#ffffff",border:"none"},error:{backgroundColor:i("error.500"),color:"#ffffff",border:"none"}},y={sm:{padding:`${c(2)} ${c(4)}`,fontSize:a("sizes.14")||"14px"},md:{padding:`${c(3)} ${c(6)}`,fontSize:a("sizes.16")||"16px"},lg:{padding:`${c(4)} ${c(8)}`,fontSize:a("sizes.18")||"18px"}};return D.jsx("button",{className:`ds-button ds-button--${n} ds-button--${t} ${e}`,style:{borderRadius:s("md"),fontFamily:a("fontFamily"),fontWeight:"500",cursor:"pointer",transition:F.standard({duration:200}),...m[n],...y[t],...o.style},onMouseEnter:h=>{n==="primary"&&(h.currentTarget.style.opacity="0.9")},onMouseLeave:h=>{n==="primary"&&(h.currentTarget.style.opacity="1")},...o,children:r})};j.propTypes={children:p.node.isRequired,variant:p.oneOf(["primary","outline","text","secondary","success","error"]),size:p.oneOf(["sm","md","lg"]),className:p.string};function U(n={}){if(typeof window<"u"&&(window.MUI||window.mui))try{return{create:window.MUI?.transitions?.create||F.create,easing:window.MUI?.transitions?.easing||F.easing,duration:window.MUI?.transitions?.duration||F.duration,useMUI:!0}}catch{}return{...F,useMUI:!1}}function W(){if(typeof window<"u"&&(window.MUI||window.mui))try{return window.MUI?.theme||window.mui?.theme||null}catch{return null}return null}function N(n={}){x(n)}const P={};function Y(n={}){let t="";Object.entries(n.colors?.primary||{}).forEach(([r,e])=>{t+=`$primary-${r}: ${e};
+`}),t+=`$font-family: "${n.typography?.fontFamily||"sans-serif"}";
+`,t+=`$font-size-base: ${n.typography?.baseSize||16}px;
+`,P.writeFileSync("custom-variables.scss",t)}const H={colors:{primary:$.primary,neutral:$.neutral},spacing:{unit:4},typography:{fontFamily:"system-ui, sans-serif",baseSize:16}};exports.Button=j;exports.ThemeProvider=A;exports.baseTokens=b;exports.createAnimation=R;exports.createTokens=C;exports.createTransition=f;exports.default=A;exports.defaultColors=$;exports.defaultConfig=H;exports.defaultTokens=w;exports.duration=l;exports.easing=u;exports.generateSCSS=Y;exports.generateTheme=x;exports.injectCSS=N;exports.keyframes=M;exports.transitions=F;exports.useMUITheme=W;exports.useMUITransitions=U;exports.useTheme=B;exports.useTokens=T;exports.useTransition=v;