vinola-cg-uikit 0.1.0

package/dist/foundations/spacing.d.ts

@@ -0,0 +1,47 @@
+/**
+ * This file is auto-generated from the design-tokens JSON files.
+ * Do not edit this file directly.
+ */
+export declare const spacing: {
+    readonly mobile: {
+        readonly spXxs: 0;
+        readonly spXs: 2;
+        readonly spSm: 4;
+        readonly spMd: 6;
+        readonly spLg: 8;
+        readonly spXl: 10;
+        readonly spXl0: 10;
+        readonly spXl1: 10;
+        readonly spXl2: 10;
+        readonly spXl3: 10;
+        readonly spXl4: 10;
+        readonly spXl5: 10;
+        readonly spXl6: 10;
+        readonly spXl7: 10;
+        readonly spXl8: 10;
+        readonly spXl9: 10;
+        readonly spXl10: 10;
+        readonly spXl11: 10;
+    };
+    readonly desktop: {
+        readonly spXxs: 0;
+        readonly spXs: 2;
+        readonly spSm: 4;
+        readonly spMd: 6;
+        readonly spLg: 8;
+        readonly spXl: 10;
+        readonly spXl0: 12;
+        readonly spXl1: 16;
+        readonly spXl2: 18;
+        readonly spXl3: 20;
+        readonly spXl4: 24;
+        readonly spXl5: 32;
+        readonly spXl6: 40;
+        readonly spXl7: 44;
+        readonly spXl8: 65;
+        readonly spXl9: 36;
+        readonly spXl10: 58;
+        readonly spXl11: 78;
+    };
+};
+export type Spacing = typeof spacing;

package/dist/foundations/typography.d.ts

@@ -0,0 +1,264 @@
+/**
+ * This file is auto-generated from the design-tokens JSON files.
+ * Do not edit this file directly.
+ */
+export declare const typographyPrimitives: {
+    readonly family: {
+        readonly primaryFontFamily: "Inter";
+        readonly secondayFontFamily: "Inter";
+        readonly tertiaryFontFamily: "Inter";
+    };
+    readonly weight: {
+        readonly thin: "Thin";
+        readonly extralight: "ExtraLight";
+        readonly light: "Light";
+        readonly regular: "Regular";
+        readonly medium: "Medium";
+        readonly semibold: "SemiBold";
+        readonly bold: "Bold";
+        readonly extrabold: "ExtraBold";
+        readonly black: "Black";
+        readonly extralightItalic: "ExtraLight Italic";
+        readonly lightItalic: "Light Italic";
+        readonly italic: "Italic";
+        readonly mediumItalic: "Medium Italic";
+        readonly semiboldItalic: "SemiBold Italic";
+        readonly boldItalic: "Bold Italic";
+        readonly extraboldItalic: "ExtraBold Italic";
+        readonly blackItalic: "Black Italic";
+    };
+    readonly size: {
+        readonly "12px": 12;
+        readonly "14px": 14;
+        readonly "16px": 16;
+        readonly "18px": 18;
+        readonly "20px": 20;
+        readonly "24px": 24;
+        readonly "28px": 28;
+        readonly "32px": 32;
+        readonly "36px": 36;
+        readonly "44px": 44;
+        readonly "56px": 56;
+        readonly "60px": 60;
+    };
+    readonly lineHeight: {
+        readonly lhXs: 16;
+        readonly lhSm: 20;
+        readonly lhMd: 28;
+        readonly lhLg: 32;
+        readonly lhXl: 48;
+        readonly lhXl1: 84;
+    };
+    readonly letterSpacing: {
+        readonly lsXs: 0;
+        readonly lsSm: 1;
+        readonly lsMd: 2;
+        readonly lsLg: 3;
+        readonly lsXl: 4;
+        readonly lsXl1: 4;
+    };
+};
+export declare const semanticTypography: {
+    readonly mobile: {
+        readonly heroTitle: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 36;
+            readonly lineHeight: 84;
+            readonly fontWeight: "Bold";
+            readonly letterSpacing: 0;
+        };
+        readonly subHeroTitle: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 28;
+            readonly lineHeight: 48;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading1: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 28;
+            readonly lineHeight: 32;
+            readonly fontWeight: "Bold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading2: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 20;
+            readonly lineHeight: 32;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading3: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 18;
+            readonly lineHeight: 28;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 18;
+            readonly lineHeight: 28;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 28;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleSmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 28;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly bodyLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 28;
+            readonly fontWeight: "Regular";
+            readonly letterSpacing: 0;
+        };
+        readonly bodyMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Regular";
+            readonly letterSpacing: 0;
+        };
+        readonly bodySmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Regular";
+            readonly letterSpacing: 0;
+        };
+        readonly labelSmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+        readonly labelMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+        readonly labelLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+    };
+    readonly desktop: {
+        readonly heroTitle: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 60;
+            readonly lineHeight: 84;
+            readonly fontWeight: "Bold";
+            readonly letterSpacing: 0;
+        };
+        readonly subHeroTitle: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 44;
+            readonly lineHeight: 48;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading1: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 32;
+            readonly lineHeight: 32;
+            readonly fontWeight: "Bold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading2: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 28;
+            readonly lineHeight: 32;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly heading3: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 18;
+            readonly lineHeight: 20;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 24;
+            readonly lineHeight: 28;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 20;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly titleSmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "SemiBold";
+            readonly letterSpacing: 0;
+        };
+        readonly bodyLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 28;
+            readonly fontWeight: "Regular";
+            readonly letterSpacing: 0;
+        };
+        readonly bodyMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+        readonly bodySmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Regular";
+            readonly letterSpacing: 0;
+        };
+        readonly labelSmall: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 12;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+        readonly labelMedium: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 14;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+        readonly labelLarge: {
+            readonly fontFamily: "Inter";
+            readonly fontSize: 16;
+            readonly lineHeight: 20;
+            readonly fontWeight: "Medium";
+            readonly letterSpacing: 0;
+        };
+    };
+};
+export type TypographyPrimitives = typeof typographyPrimitives;
+export type SemanticTypography = typeof semanticTypography;

package/dist/icons.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="bluesky-icon" viewBox="0 0 16 17">
+    <g clip-path="url(#bluesky-clip)"><path fill="#08060d" d="M7.75 7.735c-.693-1.348-2.58-3.86-4.334-5.097-1.68-1.187-2.32-.981-2.74-.79C.188 2.065.1 2.812.1 3.251s.241 3.602.398 4.13c.52 1.744 2.367 2.333 4.07 2.145-2.495.37-4.71 1.278-1.805 4.512 3.196 3.309 4.38-.71 4.987-2.746.608 2.036 1.307 5.91 4.93 2.746 2.72-2.746.747-4.143-1.747-4.512 1.702.189 3.55-.4 4.07-2.145.156-.528.397-3.691.397-4.13s-.088-1.186-.575-1.406c-.42-.19-1.06-.395-2.741.79-1.755 1.24-3.64 3.752-4.334 5.099"/></g>
+    <defs><clipPath id="bluesky-clip"><path fill="#fff" d="M.1.85h15.3v15.3H.1z"/></clipPath></defs>
+  </symbol>
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="social-icon" viewBox="0 0 20 20">
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M12.5 6.667a4.167 4.167 0 1 0-8.334 0 4.167 4.167 0 0 0 8.334 0"/>
+    <path fill="none" stroke="#aa3bff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M2.5 16.667a5.833 5.833 0 0 1 8.75-5.053m3.837.474.513 1.035c.07.144.257.282.414.309l.93.155c.596.1.736.536.307.965l-.723.73a.64.64 0 0 0-.152.531l.207.903c.164.715-.213.991-.84.618l-.872-.52a.63.63 0 0 0-.577 0l-.872.52c-.624.373-1.003.094-.84-.618l.207-.903a.64.64 0 0 0-.152-.532l-.723-.729c-.426-.43-.289-.864.306-.964l.93-.156a.64.64 0 0 0 .412-.31l.513-1.034c.28-.562.735-.562 1.012 0"/>
+  </symbol>
+  <symbol id="x-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M1.893 1.98c.052.072 1.245 1.769 2.653 3.77l2.892 4.114c.183.261.333.48.333.486s-.068.089-.152.183l-.522.593-.765.867-3.597 4.087c-.375.426-.734.834-.798.905a1 1 0 0 0-.118.148c0 .01.236.017.664.017h.663l.729-.83c.4-.457.796-.906.879-.999a692 692 0 0 0 1.794-2.038c.034-.037.301-.34.594-.675l.551-.624.345-.392a7 7 0 0 1 .34-.374c.006 0 .93 1.306 2.052 2.903l2.084 2.965.045.063h2.275c1.87 0 2.273-.003 2.266-.021-.008-.02-1.098-1.572-3.894-5.547-2.013-2.862-2.28-3.246-2.273-3.266.008-.019.282-.332 2.085-2.38l2-2.274 1.567-1.782c.022-.028-.016-.03-.65-.03h-.674l-.3.342a871 871 0 0 1-1.782 2.025c-.067.075-.405.458-.75.852a100 100 0 0 1-.803.91c-.148.172-.299.344-.99 1.127-.304.343-.32.358-.345.327-.015-.019-.904-1.282-1.976-2.808L6.365 1.85H1.8zm1.782.91 8.078 11.294c.772 1.08 1.413 1.973 1.425 1.984.016.017.241.02 1.05.017l1.03-.004-2.694-3.766L7.796 5.75 5.722 2.852l-1.039-.004-1.039-.004z" clip-rule="evenodd"/>
+  </symbol>
+</svg>

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react");c=s(c,1);let l=require("react/jsx-runtime");var u={button:`_button_hd9cu_1`,fullWidth:`_fullWidth_hd9cu_41`,sm:`_sm_hd9cu_51`,md:`_md_hd9cu_63`,lg:`_lg_hd9cu_75`,filled:`_filled_hd9cu_93`,outlined:`_outlined_hd9cu_125`,neutral:`_neutral_hd9cu_159`,text:`_text_hd9cu_193`,link:`_link_hd9cu_225`},d=c.default.forwardRef(({variant:e=`filled`,size:t=`md`,fullWidth:n=!1,className:r=``,children:i,disabled:a,...o},s)=>(0,l.jsx)(`button`,{ref:s,className:[u.button,u[e],u[t],n?u.fullWidth:``,r].filter(Boolean).join(` `),disabled:a,...o,children:i}));d.displayName=`Button`;var f={root:`_root_1gltc_1`,label:`_label_1gltc_10`,inputContainer:`_inputContainer_1gltc_23`,input:`_input_1gltc_23`,disabledContainer:`_disabledContainer_1gltc_55`,errorContainer:`_errorContainer_1gltc_55`,sm:`_sm_1gltc_66`,lg:`_lg_1gltc_71`,leadingIcon:`_leadingIcon_1gltc_77`,trailingIcon:`_trailingIcon_1gltc_78`,disabledLabel:`_disabledLabel_1gltc_108`,supportingText:`_supportingText_1gltc_113`,errorText:`_errorText_1gltc_122`},p=c.default.forwardRef(({label:e,supportingText:t,errorText:n,status:r=`default`,size:i=`md`,disabled:a=!1,leadingIcon:o,trailingIcon:s,className:u=``,id:d,...p},m)=>{let h=(0,c.useId)(),g=d||h,_=`${g}-helper`,v=r===`error`||!!n,y=n||t,b=[f.root,f[i],u].filter(Boolean).join(` `),x=[f.input].filter(Boolean).join(` `),S=[f.inputContainer,v?f.errorContainer:``,a?f.disabledContainer:``].filter(Boolean).join(` `),C=[f.label,a?f.disabledLabel:``].filter(Boolean).join(` `),w=[f.supportingText,v?f.errorText:``].filter(Boolean).join(` `);return(0,l.jsxs)(`div`,{className:b,children:[e&&(0,l.jsxs)(`label`,{htmlFor:g,className:C,children:[e,p.required&&(0,l.jsx)(`span`,{"aria-hidden":`true`,children:` *`})]}),(0,l.jsxs)(`div`,{className:S,children:[o&&(0,l.jsx)(`span`,{className:f.leadingIcon,children:o}),(0,l.jsx)(`input`,{ref:m,id:g,className:x,disabled:a,"aria-invalid":v,"aria-describedby":y?_:void 0,...p}),s&&(0,l.jsx)(`span`,{className:f.trailingIcon,children:s})]}),y&&(0,l.jsx)(`span`,{id:_,className:w,children:y})]})});p.displayName=`Input`;var m={card:`_card_1w5wv_1`,sm:`_sm_1w5wv_17`,md:`_md_1w5wv_25`,lg:`_lg_1w5wv_33`,outline:`_outline_1w5wv_43`,primary:`_primary_1w5wv_53`,secondary:`_secondary_1w5wv_63`},h=c.default.forwardRef(({variant:e=`outline`,size:t=`md`,className:n=``,children:r,...i},a)=>(0,l.jsx)(`div`,{ref:a,className:[m.card,m[e],m[t],n].filter(Boolean).join(` `),...i,children:r}));h.displayName=`Card`;var g={badge:`_badge_11yuw_1`,standard:`_standard_11yuw_11`,sm:`_sm_11yuw_21`,lg:`_lg_11yuw_29`,dot:`_dot_11yuw_38`,icon:`_icon_11yuw_50`,notification:`_notification_11yuw_57`,isDot:`_isDot_11yuw_66`,hasCount:`_hasCount_11yuw_79`,filled:`_filled_11yuw_99`,success:`_success_11yuw_99`,error:`_error_11yuw_108`,warning:`_warning_11yuw_117`,info:`_info_11yuw_126`,neutral:`_neutral_11yuw_135`,subtle:`_subtle_11yuw_147`},_=c.default.forwardRef(({isNotification:e=!1,variant:t=`filled`,status:n=`neutral`,size:r=`sm`,showDot:i=!0,icon:a,count:o,className:s=``,children:c,...u},d)=>{let f=e&&o===void 0,p=e&&o!==void 0,m=[g.badge,e?g.notification:g.standard,e?null:g[t],e?null:g[n],g[r],f?g.isDot:null,p?g.hasCount:null,s].filter(Boolean).join(` `);return e?(0,l.jsx)(`span`,{ref:d,className:m,...u,children:p?o:null}):(0,l.jsxs)(`span`,{ref:d,className:m,...u,children:[a?(0,l.jsx)(`span`,{className:g.icon,children:a}):i?(0,l.jsx)(`span`,{className:g.dot}):null,c]})});_.displayName=`Badge`;var v={tabsContainer:`_tabsContainer_s1ozi_1`,tabList:`_tabList_s1ozi_7`,border:`_border_s1ozi_14`,tabButton:`_tabButton_s1ozi_19`,icon:`_icon_s1ozi_44`,default:`_default_s1ozi_51`,active:`_active_s1ozi_62`,pill:`_pill_s1ozi_103`,neutral:`_neutral_s1ozi_130`,tabPanel:`_tabPanel_s1ozi_160`},y=c.default.forwardRef(({items:e,activeTabId:t,onTabChange:n,variant:r=`default`,className:i=``,...a},o)=>{let[s,u]=(0,c.useState)(e[0]?.id||``),d=t===void 0?s:t,f=(e,t)=>{t||(n?n(e):u(e))},p=[v.tabsContainer,i].filter(Boolean).join(` `),m=[v.tabList,v[r]].filter(Boolean).join(` `),h=e.find(e=>e.id===d);return(0,l.jsxs)(`div`,{ref:o,className:p,...a,children:[(0,l.jsx)(`div`,{role:`tablist`,className:m,children:e.map(e=>{let t=e.id===d,n=[v.tabButton,t&&v.active,e.disabled&&v.disabled].filter(Boolean).join(` `);return(0,l.jsxs)(`button`,{role:`tab`,"aria-selected":t,"aria-disabled":e.disabled,disabled:e.disabled,tabIndex:t?0:-1,className:n,onClick:()=>f(e.id,e.disabled),children:[e.icon&&(0,l.jsx)(`span`,{className:v.icon,children:e.icon}),e.label]},e.id)})}),(0,l.jsx)(`div`,{role:`tabpanel`,className:v.tabPanel,children:h?.content})]})});y.displayName=`Tabs`;var b={accordion:`_accordion_q1j6y_1`,item:`_item_q1j6y_13`,header:`_header_q1j6y_21`,disabled:`_disabled_q1j6y_61`,content:`_content_q1j6y_71`,icon:`_icon_q1j6y_81`,sm:`_sm_q1j6y_93`,md:`_md_q1j6y_103`,lg:`_lg_q1j6y_113`,outline:`_outline_q1j6y_125`},x=c.default.forwardRef(({items:e,expandedItemIds:t,onExpandedChange:n,allowMultiple:r=!1,variant:i=`outline`,size:a=`md`,className:o=``,...s},u)=>{let[d,f]=(0,c.useState)([]),p=t===void 0?d:t,m=(e,t)=>{if(t)return;let i;i=p.includes(e)?p.filter(t=>t!==e):r?[...p,e]:[e],n?n(i):f(i)};return(0,l.jsx)(`div`,{ref:u,className:[b.accordion,b[i],b[a],o].filter(Boolean).join(` `),...s,children:e.map(e=>{let t=p.includes(e.id);return(0,l.jsxs)(`div`,{className:[b.item,t&&b.expanded,e.disabled&&b.disabled].filter(Boolean).join(` `),children:[(0,l.jsxs)(`button`,{type:`button`,className:b.header,"aria-expanded":t,"aria-disabled":e.disabled,disabled:e.disabled,onClick:()=>m(e.id,e.disabled),children:[(0,l.jsx)(`span`,{className:b.title,children:e.title}),(0,l.jsx)(`span`,{className:b.icon,"aria-hidden":`true`,children:t?`−`:`+`})]}),t&&(0,l.jsx)(`div`,{role:`region`,className:b.content,children:e.content})]},e.id)})})});x.displayName=`Accordion`;var S={primaryColors:{100:`#F5F5F6`,150:`#EFEFFF`,200:`#C9C9DD`,300:`#8080A4`,400:`#525283`,500:`#252562`,600:`#0D0D4A`,700:`#0A0A3B`,800:`#07072B`,900:`#05051C`,1e3:`#02020C`},secondaryColors:{100:`#D9E7FF`,200:`#A9CAFF`,300:`#78ACFF`,400:`#488EFF`,500:`#1871FF`,600:`#0059E7`,700:`#0046B7`,800:`#003487`,900:`#002156`,1e3:`#000F26`},tertiaryColors:{100:`#F3FAD9`,200:`#E4F4A9`,300:`#D5EF78`,400:`#C6E948`,500:`#B7E318`,600:`#9FCB00`,700:`#7EA100`,800:`#5D7600`,900:`#3C4C00`,1e3:`#1A2200`},neutralColors:{100:`#FFFFFF`,200:`#F8F8F8`,250:`#EDEDED`,300:`#D1D5DB`,400:`#9CA3AF`,500:`#6B7280`,600:`#4B5563`,700:`#374151`,800:`#1F2937`,900:`#111827`,1e3:`#030712`},states:{darkOverlay:{opacity08:`#000000`,opacity10:`#000000`,opacity16:`#000000`},lightOverlay:{opacity08:`#FFFFFF`,opacity10:`#FFFFFF`,opacity16:`#FFFFFF`}},statusColors:{error:{100:`#FEF2F2`,200:`#FEE2E2`,300:`#FECACA`,400:`#FCA5A5`,500:`#F87171`,600:`#EF4444`,700:`#DC2626`,800:`#B91C1C`,900:`#991B1B`,1e3:`#7F1D1D`},success:{100:`#F0FDF4`,200:`#DCFCE7`,300:`#BBF7D0`,400:`#86EFAC`,500:`#4ADE80`,600:`#22C55E`,700:`#16A34A`,800:`#15803D`,900:`#166534`,1e3:`#14532D`},warning:{100:`#FFFBEB`,200:`#FEF3C7`,300:`#FDE68A`,400:`#FCD34D`,500:`#FBBF24`,600:`#F59E0B`,700:`#D97706`,800:`#B45309`,900:`#92400E`,1e3:`#78350F`},info:{100:`#EFF6FF`,200:`#DBEAFE`,300:`#BFDBFE`,400:`#93C5FD`,500:`#60A5FA`,600:`#3B82F6`,700:`#2563EB`,800:`#1D4ED8`,900:`#1E40AF`,1e3:`#1E3A8A`}}},C={light:{brand:{primary:`#252562`,onPrimary:`#F5F5F6`,onPrimaryVariant2:`#EFEFFF`,primaryVariant:`#C9C9DD`,onPrimaryVariant:`#05051C`,secondary:`#0059E7`,onSecondary:`#D9E7FF`,secondaryVariant:`#A9CAFF`,onSecondaryVariant:`#002156`,tertiary:`#B7E318`,onTertiary:`#1A2200`,tertiaryVariant:`#3C4C00`,onTertiaryVariant:`#F3FAD9`},background:{background:`#FFFFFF`,surface:{default:`#FFFFFF`,high:`#F8F8F8`,highest:`#D1D5DB`,low:`#374151`,lowest:`#111827`,variant1:`#F0FDF4`,variant2:`#FEF2F2`}},textColor:{default:`#374151`,high:`#1F2937`,highest:`#1F2937`,low:`#6B7280`,lowest:`#FFFFFF`,variant1:`#166534`,variant2:`#991B1B`,variant3:`#0046B7`},borderColor:{border:`#000000`,borderVariant:`#000000`,borderVariant2:`#0046B7`,borderVariant3:`#16A34A`,borderVariant4:`#FCA5A5`,borderVariant5:`#6B7280`,borderVariant6:`#D1D5DB`},iconColor:{default:`#6B7280`,primary:`#252562`,secondary:`#0046B7`,light:`#FFFFFF`,dark:`#000000`,varient1:`#C9C9DD`,variant2:`#166534`,variant3:`#991B1B`},disable:{disable:`#D1D5DB`,onDisable:`#9CA3AF`},status:{success:{success:`#16A34A`,onSuccess:`#F0FDF4`,successVariant:`#166534`,onSuccessVariant:`#DCFCE7`},info:{info:`#1D4ED8`,onInfo:`#EFF6FF`,infoVariant:`#1E3A8A`,onInfoVariant:`#DBEAFE`},warning:{warning:`#D97706`,onWarning:`#FFFBEB`,warningVariant:`#92400E`,onWarningVariant:`#FEF3C7`},error:{error:`#DC2626`,onError:`#FEF2F2`,errorVariant:`#991B1B`,onErrorVariant:`#FEE2E2`}},fixed:{black:`#000000`,white:`#FFFFFF`}},dark:{brand:{primary:`#8080A4`,onPrimary:`#F5F5F6`,onPrimaryVariant2:`#EFEFFF`,primaryVariant:`#525283`,onPrimaryVariant:`#05051C`,secondary:`#0059E7`,onSecondary:`#D9E7FF`,secondaryVariant:`#A9CAFF`,onSecondaryVariant:`#002156`,tertiary:`#B7E318`,onTertiary:`#F3FAD9`,tertiaryVariant:`#C6E948`,onTertiaryVariant:`#3C4C00`},background:{background:`#111827`,surface:{default:`#111827`,high:`#374151`,highest:`#1F2937`,low:`#F8F8F8`,lowest:`#FFFFFF`,variant1:`#F0FDF4`,variant2:`#FEF2F2`}},textColor:{default:`#D1D5DB`,high:`#F8F8F8`,highest:`#FFFFFF`,low:`#4B5563`,lowest:`#111827`,variant1:`#166534`,variant2:`#991B1B`,variant3:`#991B1B`},borderColor:{border:`#000000`,borderVariant:`#000000`,borderVariant2:`#000000`,borderVariant3:`#16A34A`,borderVariant4:`#FCA5A5`,borderVariant5:`#000000`,borderVariant6:`#000000`},iconColor:{default:`#1F2937`,primary:`#252562`,secondary:`#0046B7`,light:`#FFFFFF`,dark:`#FFFFFF`,varient1:`#FFFFFF`,variant2:`#166534`,variant3:`#991B1B`},disable:{disable:`#F8F8F8`,onDisable:`#9CA3AF`},status:{success:{success:`#4ADE80`,onSuccess:`#4ADE80`,successVariant:`#BBF7D0`,onSuccessVariant:`#BBF7D0`},info:{info:`#1D4ED8`,onInfo:`#DBEAFE`,infoVariant:`#60A5FA`,onInfoVariant:`#1E40AF`},warning:{warning:`#FBBF24`,onWarning:`#FBBF24`,warningVariant:`#FDE68A`,onWarningVariant:`#FDE68A`},error:{error:`#F87171`,onError:`#F87171`,errorVariant:`#FEF2F2`,onErrorVariant:`#07072B`}},fixed:{black:`#000000`,white:`#FFFFFF`}}},w={family:{primaryFontFamily:`Inter`,secondayFontFamily:`Inter`,tertiaryFontFamily:`Inter`},weight:{thin:`Thin`,extralight:`ExtraLight`,light:`Light`,regular:`Regular`,medium:`Medium`,semibold:`SemiBold`,bold:`Bold`,extrabold:`ExtraBold`,black:`Black`,extralightItalic:`ExtraLight Italic`,lightItalic:`Light Italic`,italic:`Italic`,mediumItalic:`Medium Italic`,semiboldItalic:`SemiBold Italic`,boldItalic:`Bold Italic`,extraboldItalic:`ExtraBold Italic`,blackItalic:`Black Italic`},size:{"12px":12,"14px":14,"16px":16,"18px":18,"20px":20,"24px":24,"28px":28,"32px":32,"36px":36,"44px":44,"56px":56,"60px":60},lineHeight:{lhXs:16,lhSm:20,lhMd:28,lhLg:32,lhXl:48,lhXl1:84},letterSpacing:{lsXs:0,lsSm:1,lsMd:2,lsLg:3,lsXl:4,lsXl1:4}},T={mobile:{heroTitle:{fontFamily:`Inter`,fontSize:36,lineHeight:84,fontWeight:`Bold`,letterSpacing:0},subHeroTitle:{fontFamily:`Inter`,fontSize:28,lineHeight:48,fontWeight:`SemiBold`,letterSpacing:0},heading1:{fontFamily:`Inter`,fontSize:28,lineHeight:32,fontWeight:`Bold`,letterSpacing:0},heading2:{fontFamily:`Inter`,fontSize:20,lineHeight:32,fontWeight:`SemiBold`,letterSpacing:0},heading3:{fontFamily:`Inter`,fontSize:18,lineHeight:28,fontWeight:`SemiBold`,letterSpacing:0},titleLarge:{fontFamily:`Inter`,fontSize:18,lineHeight:28,fontWeight:`SemiBold`,letterSpacing:0},titleMedium:{fontFamily:`Inter`,fontSize:16,lineHeight:28,fontWeight:`SemiBold`,letterSpacing:0},titleSmall:{fontFamily:`Inter`,fontSize:14,lineHeight:28,fontWeight:`SemiBold`,letterSpacing:0},bodyLarge:{fontFamily:`Inter`,fontSize:16,lineHeight:28,fontWeight:`Regular`,letterSpacing:0},bodyMedium:{fontFamily:`Inter`,fontSize:14,lineHeight:20,fontWeight:`Regular`,letterSpacing:0},bodySmall:{fontFamily:`Inter`,fontSize:12,lineHeight:20,fontWeight:`Regular`,letterSpacing:0},labelSmall:{fontFamily:`Inter`,fontSize:12,lineHeight:20,fontWeight:`Medium`,letterSpacing:0},labelMedium:{fontFamily:`Inter`,fontSize:14,lineHeight:20,fontWeight:`Medium`,letterSpacing:0},labelLarge:{fontFamily:`Inter`,fontSize:16,lineHeight:20,fontWeight:`Medium`,letterSpacing:0}},desktop:{heroTitle:{fontFamily:`Inter`,fontSize:60,lineHeight:84,fontWeight:`Bold`,letterSpacing:0},subHeroTitle:{fontFamily:`Inter`,fontSize:44,lineHeight:48,fontWeight:`SemiBold`,letterSpacing:0},heading1:{fontFamily:`Inter`,fontSize:32,lineHeight:32,fontWeight:`Bold`,letterSpacing:0},heading2:{fontFamily:`Inter`,fontSize:28,lineHeight:32,fontWeight:`SemiBold`,letterSpacing:0},heading3:{fontFamily:`Inter`,fontSize:18,lineHeight:20,fontWeight:`SemiBold`,letterSpacing:0},titleLarge:{fontFamily:`Inter`,fontSize:24,lineHeight:28,fontWeight:`SemiBold`,letterSpacing:0},titleMedium:{fontFamily:`Inter`,fontSize:16,lineHeight:20,fontWeight:`SemiBold`,letterSpacing:0},titleSmall:{fontFamily:`Inter`,fontSize:14,lineHeight:20,fontWeight:`SemiBold`,letterSpacing:0},bodyLarge:{fontFamily:`Inter`,fontSize:16,lineHeight:28,fontWeight:`Regular`,letterSpacing:0},bodyMedium:{fontFamily:`Inter`,fontSize:14,lineHeight:20,fontWeight:`Medium`,letterSpacing:0},bodySmall:{fontFamily:`Inter`,fontSize:12,lineHeight:20,fontWeight:`Regular`,letterSpacing:0},labelSmall:{fontFamily:`Inter`,fontSize:12,lineHeight:20,fontWeight:`Medium`,letterSpacing:0},labelMedium:{fontFamily:`Inter`,fontSize:14,lineHeight:20,fontWeight:`Medium`,letterSpacing:0},labelLarge:{fontFamily:`Inter`,fontSize:16,lineHeight:20,fontWeight:`Medium`,letterSpacing:0}}},E={rdXxs:0,rdXs:2,rdSm:4,rdMd:6,rdLg:8,rdXl:10,rdXl2:16,full:1e3},D={mobile:{spXxs:0,spXs:2,spSm:4,spMd:6,spLg:8,spXl:10,spXl0:10,spXl1:10,spXl2:10,spXl3:10,spXl4:10,spXl5:10,spXl6:10,spXl7:10,spXl8:10,spXl9:10,spXl10:10,spXl11:10},desktop:{spXxs:0,spXs:2,spSm:4,spMd:6,spLg:8,spXl:10,spXl0:12,spXl1:16,spXl2:18,spXl3:20,spXl4:24,spXl5:32,spXl6:40,spXl7:44,spXl8:65,spXl9:36,spXl10:58,spXl11:78}};exports.Accordion=x,exports.Badge=_,exports.Button=d,exports.Card=h,exports.Input=p,exports.Tabs=y,exports.primitiveColors=S,exports.radius=E,exports.semanticColors=C,exports.semanticTypography=T,exports.spacing=D,exports.typographyPrimitives=w;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './foundations';