mainstack-design-system 0.7.45 → 1.0.0

package/dist/index-xqkGMOJ8.js

@@ -0,0 +1,13 @@
+import * as o from "react";
+import { u as e } from "./index-CCKe-Mpx.js";
+var s = o[" useId ".trim().toString()] || (() => {
+}), i = 0;
+function c(t) {
+  const [r, u] = o.useState(s());
+  return e(() => {
+    u((a) => a ?? String(i++));
+  }, [t]), t || (r ? `radix-${r}` : "");
+}
+export {
+  c as u
+};

package/dist/index.d.ts

@@ -0,0 +1,68 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentPropsWithRef } from 'react';
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+import { TooltipProps } from '@radix-ui/react-tooltip';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Avatar: React_2.ForwardRefExoticComponent<AvatarProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type AvatarProps = ImageAvatarProps | InitialsAvatarProps | IconAvatarProps;
+
+declare type BaseProps = {
+    size?: number;
+    asChild?: boolean;
+    className?: string;
+};
+
+export declare const Button: default_2.ForwardRefExoticComponent<Omit<ButtonRootProps & {
+    children: default_2.ReactNode;
+}, "ref"> & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonRootProps extends ComponentPropsWithRef<"button">, Omit<VariantProps<typeof buttonVariants>, "size"> {
+    size?: "tiny" | "xs" | "sm" | "md" | "lg";
+    disabled?: boolean;
+    iconOnly?: boolean;
+}
+
+declare const buttonVariants: (props?: ({
+    status?: "default" | "error" | "warning" | "success" | "info" | null | undefined;
+    variant?: "special" | "primary" | "secondary" | "outline" | "ghost" | null | undefined;
+    size?: "tiny" | "xs" | "sm" | "md" | "lg" | null | undefined;
+    rounded?: "sm" | "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function cn(...inputs: ClassValue[]): string;
+
+declare type IconAvatarProps = BaseProps & {
+    variant: "icon";
+    icon: React_2.ReactNode;
+};
+
+declare type ImageAvatarProps = BaseProps & {
+    variant: "image";
+    src: string;
+    alt?: string;
+};
+
+declare type InitialsAvatarProps = BaseProps & {
+    variant: "initials";
+    name: string;
+};
+
+export declare const TooltipBody: <EE extends default_2.ElementType = "div">(props: Omit<default_2.ComponentPropsWithRef<EE>, never> & {
+    as?: EE | undefined;
+} & {
+    ref?: default_2.Ref<Element>;
+}) => default_2.ReactElement | null;
+
+export declare const TooltipRoot: default_2.FC<TooltipRootProps>;
+
+declare interface TooltipRootProps extends TooltipProps {
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    type?: "plain" | "rich";
+}
+
+export { }

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./components/Button/ButtonIcon.js");require("./components/Button/ButtonLabel.js");require("./components/Button/ButtonRoot.js");const o=require("./components/Button/Button.js"),t=require("./components/Avatar/Avatar.js");require("./components/Tooltip/TooltipTitle.js");const e=require("./components/Tooltip/TooltipRoot.js");require("./components/Tooltip/TooltipTrigger.js");require("./components/Tooltip/TooltipContent.js");require("./components/Tooltip/TooltipHeader.js");const r=require("./components/Tooltip/TooltipBody.js");require("./components/Tooltip/TooltipFooter.js");const i=require("./lib/utils.js");exports.Button=o.Button;exports.Avatar=t.Avatar;exports.TooltipRoot=e.TooltipRoot;exports.TooltipBody=r.TooltipBody;exports.cn=i.cn;

package/dist/lib/useElementWidth.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function i(){const[c,r]=t.useState(0),e=t.useRef(null),n=t.useCallback(()=>{e.current&&r(e.current.offsetWidth)},[]);return t.useEffect(()=>{if(!e.current)return;const s=new ResizeObserver(u=>{u[0]&&r(u[0].contentRect.width)});return s.observe(e.current),n(),()=>{s.disconnect()}},[n]),{ref:e,width:c}}exports.useElementWidth=i;

package/dist/lib/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ie=require("../clsx-C11secjj.cjs"),ne="-",Pe=e=>{const n=Ge(e),{conflictingClassGroups:s,conflictingClassGroupModifiers:t}=e;return{getClassGroupId:i=>{const u=i.split(ne);return u[0]===""&&u.length!==1&&u.shift(),xe(u,n)||Re(i)},getConflictingClassGroupIds:(i,u)=>{const p=s[i]||[];return u&&t[i]?[...p,...t[i]]:p}}},xe=(e,n)=>{if(e.length===0)return n.classGroupId;const s=e[0],t=n.nextPart.get(s),c=t?xe(e.slice(1),t):void 0;if(c)return c;if(n.validators.length===0)return;const m=e.join(ne);return n.validators.find(({validator:i})=>i(m))?.classGroupId},fe=/^\[(.+)\]$/,Re=e=>{if(fe.test(e)){const n=fe.exec(e)[1],s=n?.substring(0,n.indexOf(":"));if(s)return"arbitrary.."+s}},Ge=e=>{const{theme:n,classGroups:s}=e,t={nextPart:new Map,validators:[]};for(const c in s)re(s[c],t,c,n);return t},re=(e,n,s,t)=>{e.forEach(c=>{if(typeof c=="string"){const m=c===""?n:ge(n,c);m.classGroupId=s;return}if(typeof c=="function"){if(Ee(c)){re(c(t),n,s,t);return}n.validators.push({validator:c,classGroupId:s});return}Object.entries(c).forEach(([m,i])=>{re(i,ge(n,m),s,t)})})},ge=(e,n)=>{let s=e;return n.split(ne).forEach(t=>{s.nextPart.has(t)||s.nextPart.set(t,{nextPart:new Map,validators:[]}),s=s.nextPart.get(t)}),s},Ee=e=>e.isThemeGetter,Te=e=>{if(e<1)return{get:()=>{},set:()=>{}};let n=0,s=new Map,t=new Map;const c=(m,i)=>{s.set(m,i),n++,n>e&&(n=0,t=s,s=new Map)};return{get(m){let i=s.get(m);if(i!==void 0)return i;if((i=t.get(m))!==void 0)return c(m,i),i},set(m,i){s.has(m)?s.set(m,i):c(m,i)}}},te="!",se=":",Ne=se.length,Ve=e=>{const{prefix:n,experimentalParseClassName:s}=e;let t=c=>{const m=[];let i=0,u=0,p=0,b;for(let k=0;k<c.length;k++){let y=c[k];if(i===0&&u===0){if(y===se){m.push(c.slice(p,k)),p=k+Ne;continue}if(y==="/"){b=k;continue}}y==="["?i++:y==="]"?i--:y==="("?u++:y===")"&&u--}const h=m.length===0?c:c.substring(p),C=Le(h),O=C!==h,F=b&&b>p?b-p:void 0;return{modifiers:m,hasImportantModifier:O,baseClassName:C,maybePostfixModifierPosition:F}};if(n){const c=n+se,m=t;t=i=>i.startsWith(c)?m(i.substring(c.length)):{isExternal:!0,modifiers:[],hasImportantModifier:!1,baseClassName:i,maybePostfixModifierPosition:void 0}}if(s){const c=t;t=m=>s({className:m,parseClassName:c})}return t},Le=e=>e.endsWith(te)?e.substring(0,e.length-1):e.startsWith(te)?e.substring(1):e,je=e=>{const n=Object.fromEntries(e.orderSensitiveModifiers.map(t=>[t,!0]));return t=>{if(t.length<=1)return t;const c=[];let m=[];return t.forEach(i=>{i[0]==="["||n[i]?(c.push(...m.sort(),i),m=[]):m.push(i)}),c.push(...m.sort()),c}},Oe=e=>({cache:Te(e.cacheSize),parseClassName:Ve(e),sortModifiers:je(e),...Pe(e)}),Fe=/\s+/,_e=(e,n)=>{const{parseClassName:s,getClassGroupId:t,getConflictingClassGroupIds:c,sortModifiers:m}=n,i=[],u=e.trim().split(Fe);let p="";for(let b=u.length-1;b>=0;b-=1){const h=u[b],{isExternal:C,modifiers:O,hasImportantModifier:F,baseClassName:k,maybePostfixModifierPosition:y}=s(h);if(C){p=h+(p.length>0?" "+p:p);continue}let G=!!y,A=t(G?k.substring(0,y):k);if(!A){if(!G){p=h+(p.length>0?" "+p:p);continue}if(A=t(k),!A){p=h+(p.length>0?" "+p:p);continue}G=!1}const $=m(O).join(":"),_=F?$+te:$,E=_+A;if(i.includes(E))continue;i.push(E);const T=c(A,G);for(let I=0;I<T.length;++I){const B=T[I];i.push(_+B)}p=h+(p.length>0?" "+p:p)}return p};function Be(){let e=0,n,s,t="";for(;e<arguments.length;)(n=arguments[e++])&&(s=we(n))&&(t&&(t+=" "),t+=s);return t}const we=e=>{if(typeof e=="string")return e;let n,s="";for(let t=0;t<e.length;t++)e[t]&&(n=we(e[t]))&&(s&&(s+=" "),s+=n);return s};function We(e,...n){let s,t,c,m=i;function i(p){const b=n.reduce((h,C)=>C(h),e());return s=Oe(b),t=s.cache.get,c=s.cache.set,m=u,u(p)}function u(p){const b=t(p);if(b)return b;const h=_e(p,s);return c(p,h),h}return function(){return m(Be.apply(null,arguments))}}const f=e=>{const n=s=>s[e]||[];return n.isThemeGetter=!0,n},ke=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,ye=/^\((?:(\w[\w-]*):)?(.+)\)$/i,$e=/^\d+\/\d+$/,Ue=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,qe=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,De=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,He=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,Je=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,V=e=>$e.test(e),d=e=>!!e&&!Number.isNaN(Number(e)),M=e=>!!e&&Number.isInteger(Number(e)),ee=e=>e.endsWith("%")&&d(e.slice(0,-1)),S=e=>Ue.test(e),Xe=()=>!0,Ke=e=>qe.test(e)&&!De.test(e),ve=()=>!1,Qe=e=>He.test(e),Ye=e=>Je.test(e),Ze=e=>!o(e)&&!r(e),eo=e=>L(e,Ce,ve),o=e=>ke.test(e),R=e=>L(e,Me,Ke),oe=e=>L(e,no,d),be=e=>L(e,ze,ve),oo=e=>L(e,Se,Ye),X=e=>L(e,Ae,Qe),r=e=>ye.test(e),W=e=>j(e,Me),ro=e=>j(e,ao),he=e=>j(e,ze),to=e=>j(e,Ce),so=e=>j(e,Se),K=e=>j(e,Ae,!0),L=(e,n,s)=>{const t=ke.exec(e);return t?t[1]?n(t[1]):s(t[2]):!1},j=(e,n,s=!1)=>{const t=ye.exec(e);return t?t[1]?n(t[1]):s:!1},ze=e=>e==="position"||e==="percentage",Se=e=>e==="image"||e==="url",Ce=e=>e==="length"||e==="size"||e==="bg-size",Me=e=>e==="length",no=e=>e==="number",ao=e=>e==="family-name",Ae=e=>e==="shadow",io=()=>{const e=f("color"),n=f("font"),s=f("text"),t=f("font-weight"),c=f("tracking"),m=f("leading"),i=f("breakpoint"),u=f("container"),p=f("spacing"),b=f("radius"),h=f("shadow"),C=f("inset-shadow"),O=f("text-shadow"),F=f("drop-shadow"),k=f("blur"),y=f("perspective"),G=f("aspect"),A=f("ease"),$=f("animate"),_=()=>["auto","avoid","all","avoid-page","page","left","right","column"],E=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],T=()=>[...E(),r,o],I=()=>["auto","hidden","clip","visible","scroll"],B=()=>["auto","contain","none"],l=()=>[r,o,p],v=()=>[V,"full","auto",...l()],ae=()=>[M,"none","subgrid",r,o],ie=()=>["auto",{span:["full",M,r,o]},M,r,o],U=()=>[M,"auto",r,o],le=()=>["auto","min","max","fr",r,o],Q=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],N=()=>["start","end","center","stretch","center-safe","end-safe"],z=()=>["auto",...l()],P=()=>[V,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...l()],a=()=>[e,r,o],ce=()=>[...E(),he,be,{position:[r,o]}],de=()=>["no-repeat",{repeat:["","x","y","space","round"]}],me=()=>["auto","cover","contain",to,eo,{size:[r,o]}],Y=()=>[ee,W,R],x=()=>["","none","full",b,r,o],w=()=>["",d,W,R],q=()=>["solid","dashed","dotted","double"],pe=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],g=()=>[d,ee,he,be],ue=()=>["","none",k,r,o],D=()=>["none",d,r,o],H=()=>["none",d,r,o],Z=()=>[d,r,o],J=()=>[V,"full",...l()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[S],breakpoint:[S],color:[Xe],container:[S],"drop-shadow":[S],ease:["in","out","in-out"],font:[Ze],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[S],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[S],shadow:[S],spacing:["px",d],text:[S],"text-shadow":[S],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",V,o,r,G]}],container:["container"],columns:[{columns:[d,o,r,u]}],"break-after":[{"break-after":_()}],"break-before":[{"break-before":_()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:T()}],overflow:[{overflow:I()}],"overflow-x":[{"overflow-x":I()}],"overflow-y":[{"overflow-y":I()}],overscroll:[{overscroll:B()}],"overscroll-x":[{"overscroll-x":B()}],"overscroll-y":[{"overscroll-y":B()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:v()}],"inset-x":[{"inset-x":v()}],"inset-y":[{"inset-y":v()}],start:[{start:v()}],end:[{end:v()}],top:[{top:v()}],right:[{right:v()}],bottom:[{bottom:v()}],left:[{left:v()}],visibility:["visible","invisible","collapse"],z:[{z:[M,"auto",r,o]}],basis:[{basis:[V,"full","auto",u,...l()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[d,V,"auto","initial","none",o]}],grow:[{grow:["",d,r,o]}],shrink:[{shrink:["",d,r,o]}],order:[{order:[M,"first","last","none",r,o]}],"grid-cols":[{"grid-cols":ae()}],"col-start-end":[{col:ie()}],"col-start":[{"col-start":U()}],"col-end":[{"col-end":U()}],"grid-rows":[{"grid-rows":ae()}],"row-start-end":[{row:ie()}],"row-start":[{"row-start":U()}],"row-end":[{"row-end":U()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":le()}],"auto-rows":[{"auto-rows":le()}],gap:[{gap:l()}],"gap-x":[{"gap-x":l()}],"gap-y":[{"gap-y":l()}],"justify-content":[{justify:[...Q(),"normal"]}],"justify-items":[{"justify-items":[...N(),"normal"]}],"justify-self":[{"justify-self":["auto",...N()]}],"align-content":[{content:["normal",...Q()]}],"align-items":[{items:[...N(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...N(),{baseline:["","last"]}]}],"place-content":[{"place-content":Q()}],"place-items":[{"place-items":[...N(),"baseline"]}],"place-self":[{"place-self":["auto",...N()]}],p:[{p:l()}],px:[{px:l()}],py:[{py:l()}],ps:[{ps:l()}],pe:[{pe:l()}],pt:[{pt:l()}],pr:[{pr:l()}],pb:[{pb:l()}],pl:[{pl:l()}],m:[{m:z()}],mx:[{mx:z()}],my:[{my:z()}],ms:[{ms:z()}],me:[{me:z()}],mt:[{mt:z()}],mr:[{mr:z()}],mb:[{mb:z()}],ml:[{ml:z()}],"space-x":[{"space-x":l()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":l()}],"space-y-reverse":["space-y-reverse"],size:[{size:P()}],w:[{w:[u,"screen",...P()]}],"min-w":[{"min-w":[u,"screen","none",...P()]}],"max-w":[{"max-w":[u,"screen","none","prose",{screen:[i]},...P()]}],h:[{h:["screen","lh",...P()]}],"min-h":[{"min-h":["screen","lh","none",...P()]}],"max-h":[{"max-h":["screen","lh",...P()]}],"font-size":[{text:["base",s,W,R]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[t,r,oe]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",ee,o]}],"font-family":[{font:[ro,o,n]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[c,r,o]}],"line-clamp":[{"line-clamp":[d,"none",r,oe]}],leading:[{leading:[m,...l()]}],"list-image":[{"list-image":["none",r,o]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",r,o]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:a()}],"text-color":[{text:a()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...q(),"wavy"]}],"text-decoration-thickness":[{decoration:[d,"from-font","auto",r,R]}],"text-decoration-color":[{decoration:a()}],"underline-offset":[{"underline-offset":[d,"auto",r,o]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:l()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",r,o]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",r,o]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:ce()}],"bg-repeat":[{bg:de()}],"bg-size":[{bg:me()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},M,r,o],radial:["",r,o],conic:[M,r,o]},so,oo]}],"bg-color":[{bg:a()}],"gradient-from-pos":[{from:Y()}],"gradient-via-pos":[{via:Y()}],"gradient-to-pos":[{to:Y()}],"gradient-from":[{from:a()}],"gradient-via":[{via:a()}],"gradient-to":[{to:a()}],rounded:[{rounded:x()}],"rounded-s":[{"rounded-s":x()}],"rounded-e":[{"rounded-e":x()}],"rounded-t":[{"rounded-t":x()}],"rounded-r":[{"rounded-r":x()}],"rounded-b":[{"rounded-b":x()}],"rounded-l":[{"rounded-l":x()}],"rounded-ss":[{"rounded-ss":x()}],"rounded-se":[{"rounded-se":x()}],"rounded-ee":[{"rounded-ee":x()}],"rounded-es":[{"rounded-es":x()}],"rounded-tl":[{"rounded-tl":x()}],"rounded-tr":[{"rounded-tr":x()}],"rounded-br":[{"rounded-br":x()}],"rounded-bl":[{"rounded-bl":x()}],"border-w":[{border:w()}],"border-w-x":[{"border-x":w()}],"border-w-y":[{"border-y":w()}],"border-w-s":[{"border-s":w()}],"border-w-e":[{"border-e":w()}],"border-w-t":[{"border-t":w()}],"border-w-r":[{"border-r":w()}],"border-w-b":[{"border-b":w()}],"border-w-l":[{"border-l":w()}],"divide-x":[{"divide-x":w()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":w()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...q(),"hidden","none"]}],"divide-style":[{divide:[...q(),"hidden","none"]}],"border-color":[{border:a()}],"border-color-x":[{"border-x":a()}],"border-color-y":[{"border-y":a()}],"border-color-s":[{"border-s":a()}],"border-color-e":[{"border-e":a()}],"border-color-t":[{"border-t":a()}],"border-color-r":[{"border-r":a()}],"border-color-b":[{"border-b":a()}],"border-color-l":[{"border-l":a()}],"divide-color":[{divide:a()}],"outline-style":[{outline:[...q(),"none","hidden"]}],"outline-offset":[{"outline-offset":[d,r,o]}],"outline-w":[{outline:["",d,W,R]}],"outline-color":[{outline:a()}],shadow:[{shadow:["","none",h,K,X]}],"shadow-color":[{shadow:a()}],"inset-shadow":[{"inset-shadow":["none",C,K,X]}],"inset-shadow-color":[{"inset-shadow":a()}],"ring-w":[{ring:w()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:a()}],"ring-offset-w":[{"ring-offset":[d,R]}],"ring-offset-color":[{"ring-offset":a()}],"inset-ring-w":[{"inset-ring":w()}],"inset-ring-color":[{"inset-ring":a()}],"text-shadow":[{"text-shadow":["none",O,K,X]}],"text-shadow-color":[{"text-shadow":a()}],opacity:[{opacity:[d,r,o]}],"mix-blend":[{"mix-blend":[...pe(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":pe()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[d]}],"mask-image-linear-from-pos":[{"mask-linear-from":g()}],"mask-image-linear-to-pos":[{"mask-linear-to":g()}],"mask-image-linear-from-color":[{"mask-linear-from":a()}],"mask-image-linear-to-color":[{"mask-linear-to":a()}],"mask-image-t-from-pos":[{"mask-t-from":g()}],"mask-image-t-to-pos":[{"mask-t-to":g()}],"mask-image-t-from-color":[{"mask-t-from":a()}],"mask-image-t-to-color":[{"mask-t-to":a()}],"mask-image-r-from-pos":[{"mask-r-from":g()}],"mask-image-r-to-pos":[{"mask-r-to":g()}],"mask-image-r-from-color":[{"mask-r-from":a()}],"mask-image-r-to-color":[{"mask-r-to":a()}],"mask-image-b-from-pos":[{"mask-b-from":g()}],"mask-image-b-to-pos":[{"mask-b-to":g()}],"mask-image-b-from-color":[{"mask-b-from":a()}],"mask-image-b-to-color":[{"mask-b-to":a()}],"mask-image-l-from-pos":[{"mask-l-from":g()}],"mask-image-l-to-pos":[{"mask-l-to":g()}],"mask-image-l-from-color":[{"mask-l-from":a()}],"mask-image-l-to-color":[{"mask-l-to":a()}],"mask-image-x-from-pos":[{"mask-x-from":g()}],"mask-image-x-to-pos":[{"mask-x-to":g()}],"mask-image-x-from-color":[{"mask-x-from":a()}],"mask-image-x-to-color":[{"mask-x-to":a()}],"mask-image-y-from-pos":[{"mask-y-from":g()}],"mask-image-y-to-pos":[{"mask-y-to":g()}],"mask-image-y-from-color":[{"mask-y-from":a()}],"mask-image-y-to-color":[{"mask-y-to":a()}],"mask-image-radial":[{"mask-radial":[r,o]}],"mask-image-radial-from-pos":[{"mask-radial-from":g()}],"mask-image-radial-to-pos":[{"mask-radial-to":g()}],"mask-image-radial-from-color":[{"mask-radial-from":a()}],"mask-image-radial-to-color":[{"mask-radial-to":a()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":E()}],"mask-image-conic-pos":[{"mask-conic":[d]}],"mask-image-conic-from-pos":[{"mask-conic-from":g()}],"mask-image-conic-to-pos":[{"mask-conic-to":g()}],"mask-image-conic-from-color":[{"mask-conic-from":a()}],"mask-image-conic-to-color":[{"mask-conic-to":a()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:ce()}],"mask-repeat":[{mask:de()}],"mask-size":[{mask:me()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",r,o]}],filter:[{filter:["","none",r,o]}],blur:[{blur:ue()}],brightness:[{brightness:[d,r,o]}],contrast:[{contrast:[d,r,o]}],"drop-shadow":[{"drop-shadow":["","none",F,K,X]}],"drop-shadow-color":[{"drop-shadow":a()}],grayscale:[{grayscale:["",d,r,o]}],"hue-rotate":[{"hue-rotate":[d,r,o]}],invert:[{invert:["",d,r,o]}],saturate:[{saturate:[d,r,o]}],sepia:[{sepia:["",d,r,o]}],"backdrop-filter":[{"backdrop-filter":["","none",r,o]}],"backdrop-blur":[{"backdrop-blur":ue()}],"backdrop-brightness":[{"backdrop-brightness":[d,r,o]}],"backdrop-contrast":[{"backdrop-contrast":[d,r,o]}],"backdrop-grayscale":[{"backdrop-grayscale":["",d,r,o]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[d,r,o]}],"backdrop-invert":[{"backdrop-invert":["",d,r,o]}],"backdrop-opacity":[{"backdrop-opacity":[d,r,o]}],"backdrop-saturate":[{"backdrop-saturate":[d,r,o]}],"backdrop-sepia":[{"backdrop-sepia":["",d,r,o]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":l()}],"border-spacing-x":[{"border-spacing-x":l()}],"border-spacing-y":[{"border-spacing-y":l()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",r,o]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[d,"initial",r,o]}],ease:[{ease:["linear","initial",A,r,o]}],delay:[{delay:[d,r,o]}],animate:[{animate:["none",$,r,o]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[y,r,o]}],"perspective-origin":[{"perspective-origin":T()}],rotate:[{rotate:D()}],"rotate-x":[{"rotate-x":D()}],"rotate-y":[{"rotate-y":D()}],"rotate-z":[{"rotate-z":D()}],scale:[{scale:H()}],"scale-x":[{"scale-x":H()}],"scale-y":[{"scale-y":H()}],"scale-z":[{"scale-z":H()}],"scale-3d":["scale-3d"],skew:[{skew:Z()}],"skew-x":[{"skew-x":Z()}],"skew-y":[{"skew-y":Z()}],transform:[{transform:[r,o,"","none","gpu","cpu"]}],"transform-origin":[{origin:T()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:J()}],"translate-x":[{"translate-x":J()}],"translate-y":[{"translate-y":J()}],"translate-z":[{"translate-z":J()}],"translate-none":["translate-none"],accent:[{accent:a()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:a()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",r,o]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":l()}],"scroll-mx":[{"scroll-mx":l()}],"scroll-my":[{"scroll-my":l()}],"scroll-ms":[{"scroll-ms":l()}],"scroll-me":[{"scroll-me":l()}],"scroll-mt":[{"scroll-mt":l()}],"scroll-mr":[{"scroll-mr":l()}],"scroll-mb":[{"scroll-mb":l()}],"scroll-ml":[{"scroll-ml":l()}],"scroll-p":[{"scroll-p":l()}],"scroll-px":[{"scroll-px":l()}],"scroll-py":[{"scroll-py":l()}],"scroll-ps":[{"scroll-ps":l()}],"scroll-pe":[{"scroll-pe":l()}],"scroll-pt":[{"scroll-pt":l()}],"scroll-pr":[{"scroll-pr":l()}],"scroll-pb":[{"scroll-pb":l()}],"scroll-pl":[{"scroll-pl":l()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",r,o]}],fill:[{fill:["none",...a()]}],"stroke-w":[{stroke:[d,W,R,oe]}],stroke:[{stroke:["none",...a()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}},lo=We(io);function co(...e){return lo(Ie.clsx(e))}function mo(e){return e?e.replace(/[^\d.]/g,""):""}function po(e){return e?e.replace(/[^\d.]/g,"").replace(/\.(?=.*\.)/g,""):""}const uo=e=>e?e.toString().endsWith(".")?e:new Intl.NumberFormat("en-US").format(+e):"";function fo(e,n){return e?.parentElement?e.parentElement.closest(n):null}exports.cn=co;exports.formatPriceDigit=uo;exports.getClosestAncestorExcludingSelf=fo;exports.sanitizeNumberInputValue=mo;exports.sanitizePriceInputValue=po;

package/dist/types/index.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,11 +1,21 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.7.45",
+  "version": "1.0.0",
   "type": "module",
-  "main": "build/mainstack-design-system.js",
-  "types": "build/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    },
+    "./styles": "./src/styles/globals.css"
+  },
   "files": [
-    "build",
+    "dist",
+    "README.md",
     "!/storybook-static",
     "!/stories"
   ],
@@ -13,18 +23,18 @@
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview --port 5001",
-    "format": "prettier src -c --write && pretty-quick --staged",
-    "lint": "eslint src --ext .js,.jsx,.ts,.tsx --quiet --fix",
+    "format": "prettier --write",
+    "lint": "eslint  --fix",
     "ts-error": "tsc",
+    "scriptname": "cmd",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "yarn build",
     "install:husky": "run-script-os",
     "install:husky:default": "[ ! -d \"/node_modules/husky/\" ] || husky install",
     "install:husky:win32": "echo \"husky skipped\"",
     "postinstall": "yarn install:husky || npm run install:husky",
-    "prepare": "yarn install:husky || npm run install:husky",
-    "scriptname": "cmd",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepublishOnly": "yarn build"
+    "prepare": "yarn install:husky || npm run install:husky"
   },
   "publishConfig": {
     "@themainstack:registry": "https://npm.pkg.github.com"
@@ -41,64 +51,77 @@
       "last 1 safari version"
     ]
   },
-  "dependencies": {
-    "@chakra-ui/icons": "^2.1.1",
-    "@chakra-ui/react": "^2.5.1",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@storybook/preview-api": "^7.6.3",
-    "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "framer-motion": "^10.0.1",
-    "prettier": "^2.8.4",
-    "pretty-quick": "^3.1.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-quill": "^2.0.0",
-    "react-router-dom": "^6.8.1",
-    "react-select": "^5.8.0",
-    "react-spinners": "^0.13.8",
-    "react-toastify": "^9.1.3",
-    "run-script-os": "^1.1.6",
-    "typescript": "^4.9.5",
-    "vite-plugin-env-compatible": "^1.1.1",
-    "vite-plugin-svgr": "^2.4.0",
-    "vite-tsconfig-paths": "^4.0.5"
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@chakra-ui/storybook-addon": "^5.1.0",
-    "@commitlint/cli": "17.1.2",
-    "@commitlint/config-conventional": "17.1.0",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-vite": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@types/react": "^18.0.28",
-    "@types/react-dom": "^18.0.11",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
-    "@vitejs/plugin-react": "^3.1.0",
-    "eslint": "^8.35.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.0.0",
-    "eslint-import-resolver-typescript": "^3.5.3",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "husky": "^8.0.3",
-    "storybook": "^7.5.3",
-    "vite": "^4.1.0",
-    "vite-plugin-dts": "^4.5.3",
-    "vite-plugin-lib-inject-css": "^1.3.0"
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@tailwindcss/vite": "^4.1.15",
+    "@types/node": "^24.10.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@types/react-phone-number-input": "^3.1.37",
+    "@typescript-eslint/eslint-plugin": "^8.46.1",
+    "@typescript-eslint/parser": "^8.46.1",
+    "@vitejs/plugin-react": "^5.0.4",
+    "eslint": "^9.39.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "husky": "8.0.1",
+    "rollup-plugin-preserve-use-client": "^3.0.1",
+    "run-script-os": "^1.1.6",
+    "storybook": "^8.6.14",
+    "tailwindcss": "^4.1.15",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.3",
+    "vite": "^7.1.10",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tiptap/extension-collaboration": "^3.10.5",
+    "@tiptap/extension-drag-handle": "^3.10.5",
+    "@tiptap/extension-drag-handle-react": "^3.10.5",
+    "@tiptap/extension-file-handler": "^3.10.5",
+    "@tiptap/extension-image": "^3.10.5",
+    "@tiptap/extension-node-range": "^3.10.5",
+    "@tiptap/extension-text-align": "^3.10.5",
+    "@tiptap/extension-text-style": "^3.10.5",
+    "@tiptap/pm": "^3.10.4",
+    "@tiptap/react": "^3.10.4",
+    "@tiptap/starter-kit": "^3.10.4",
+    "@tiptap/y-tiptap": "^3.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "country-flag-icons": "^1.5.21",
+    "prettier": "^3.6.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-phone-number-input": "^3.4.13",
+    "tailwind-merge": "^3.3.1",
+    "y-protocols": "^1.0.6",
+    "yjs": "^13.6.27"
   },
-  "description": "<!-- @format -->",
+  "description": "Mainstack Design System Component Library",
   "repository": {
     "type": "git",
     "url": "git+https://D-Ajiva@github.com/The-Mainstack/mainstack-design-system.git"