@mysten/dapp-kit 0.1.0 → 0.2.0

package/dist/esm/components/styling/InjectedThemeStyles.js

@@ -0,0 +1,102 @@
+// src/components/styling/InjectedThemeStyles.tsx
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+
+// src/constants/styleDataAttribute.ts
+var styleDataAttributeName = "data-dapp-kit";
+var styleDataAttributeSelector = `[${styleDataAttributeName}]`;
+var styleDataAttribute = { [styleDataAttributeName]: "" };
+
+// src/themes/themeContract.ts
+import { createGlobalThemeContract } from "@vanilla-extract/css";
+var themeContractValues = {
+  blurs: {
+    modalOverlay: ""
+  },
+  backgroundColors: {
+    primaryButton: "",
+    primaryButtonHover: "",
+    outlineButtonHover: "",
+    walletItemHover: "",
+    walletItemSelected: "",
+    modalOverlay: "",
+    modalPrimary: "",
+    modalSecondary: "",
+    iconButton: "",
+    iconButtonHover: "",
+    dropdownMenu: "",
+    dropdownMenuSeparator: ""
+  },
+  borderColors: {
+    outlineButton: ""
+  },
+  colors: {
+    primaryButton: "",
+    outlineButton: "",
+    body: "",
+    bodyMuted: "",
+    bodyDanger: "",
+    iconButton: ""
+  },
+  radii: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  },
+  shadows: {
+    primaryButton: "",
+    walletItemSelected: ""
+  },
+  fontWeights: {
+    normal: "",
+    medium: "",
+    bold: ""
+  },
+  fontSizes: {
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
+  },
+  typography: {
+    fontFamily: "",
+    fontStyle: "",
+    lineHeight: "",
+    letterSpacing: ""
+  }
+};
+var themeVars = createGlobalThemeContract(
+  themeContractValues,
+  (_, path) => `dapp-kit-${path.join("-")}`
+);
+
+// src/components/styling/InjectedThemeStyles.tsx
+import { jsx } from "react/jsx-runtime";
+function InjectedThemeStyles({ theme }) {
+  const themeStyles = Array.isArray(theme) ? getDynamicThemeStyles(theme) : getStaticThemeStyles(theme);
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: themeStyles
+      }
+    }
+  );
+}
+function getDynamicThemeStyles(themes) {
+  return themes.map(({ mediaQuery, selector, variables }) => {
+    const themeStyles = getStaticThemeStyles(variables);
+    const themeStylesWithSelectorPrefix = selector ? `${selector} ${themeStyles}` : themeStyles;
+    return mediaQuery ? `@media ${mediaQuery}{${themeStylesWithSelectorPrefix}}` : themeStylesWithSelectorPrefix;
+  }).join(" ");
+}
+function getStaticThemeStyles(theme) {
+  return `${styleDataAttributeSelector} {${cssStringFromTheme(theme)}}`;
+}
+function cssStringFromTheme(theme) {
+  return Object.entries(assignInlineVars(themeVars, theme)).map(([key, value]) => `${key}:${value};`).join("");
+}
+export {
+  InjectedThemeStyles
+};
+//# sourceMappingURL=InjectedThemeStyles.js.map

package/dist/esm/components/styling/InjectedThemeStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/styling/InjectedThemeStyles.tsx", "../../../../src/constants/styleDataAttribute.ts", "../../../../src/themes/themeContract.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\n\nimport { styleDataAttributeSelector } from '../../constants/styleDataAttribute.js';\nimport { themeVars } from '../../themes/themeContract.js';\nimport type { DynamicTheme, Theme, ThemeVars } from '../../themes/themeContract.js';\n\ntype InjectedThemeStylesProps = {\n\ttheme: Theme;\n};\n\nexport function InjectedThemeStyles({ theme }: InjectedThemeStylesProps) {\n\tconst themeStyles = Array.isArray(theme)\n\t\t? getDynamicThemeStyles(theme)\n\t\t: getStaticThemeStyles(theme);\n\n\treturn (\n\t\t<style\n\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t__html: themeStyles,\n\t\t\t}}\n\t\t/>\n\t);\n}\n\nfunction getDynamicThemeStyles(themes: DynamicTheme[]) {\n\treturn themes\n\t\t.map(({ mediaQuery, selector, variables }) => {\n\t\t\tconst themeStyles = getStaticThemeStyles(variables);\n\t\t\tconst themeStylesWithSelectorPrefix = selector ? `${selector} ${themeStyles}` : themeStyles;\n\n\t\t\treturn mediaQuery\n\t\t\t\t? `@media ${mediaQuery}{${themeStylesWithSelectorPrefix}}`\n\t\t\t\t: themeStylesWithSelectorPrefix;\n\t\t})\n\t\t.join(' ');\n}\n\nfunction getStaticThemeStyles(theme: ThemeVars) {\n\treturn `${styleDataAttributeSelector} {${cssStringFromTheme(theme)}}`;\n}\n\nfunction cssStringFromTheme(theme: ThemeVars) {\n\treturn Object.entries(assignInlineVars(themeVars, theme))\n\t\t.map(([key, value]) => `${key}:${value};`)\n\t\t.join('');\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nexport const styleDataAttributeName = 'data-dapp-kit';\n\nexport const styleDataAttributeSelector = `[${styleDataAttributeName}]`;\n\nexport const styleDataAttribute = { [styleDataAttributeName]: '' };\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createGlobalThemeContract } from '@vanilla-extract/css';\n\nconst themeContractValues = {\n\tblurs: {\n\t\tmodalOverlay: '',\n\t},\n\tbackgroundColors: {\n\t\tprimaryButton: '',\n\t\tprimaryButtonHover: '',\n\t\toutlineButtonHover: '',\n\t\twalletItemHover: '',\n\t\twalletItemSelected: '',\n\t\tmodalOverlay: '',\n\t\tmodalPrimary: '',\n\t\tmodalSecondary: '',\n\t\ticonButton: '',\n\t\ticonButtonHover: '',\n\t\tdropdownMenu: '',\n\t\tdropdownMenuSeparator: '',\n\t},\n\tborderColors: {\n\t\toutlineButton: '',\n\t},\n\tcolors: {\n\t\tprimaryButton: '',\n\t\toutlineButton: '',\n\t\tbody: '',\n\t\tbodyMuted: '',\n\t\tbodyDanger: '',\n\t\ticonButton: '',\n\t},\n\tradii: {\n\t\tsmall: '',\n\t\tmedium: '',\n\t\tlarge: '',\n\t\txlarge: '',\n\t},\n\tshadows: {\n\t\tprimaryButton: '',\n\t\twalletItemSelected: '',\n\t},\n\tfontWeights: {\n\t\tnormal: '',\n\t\tmedium: '',\n\t\tbold: '',\n\t},\n\tfontSizes: {\n\t\tsmall: '',\n\t\tmedium: '',\n\t\tlarge: '',\n\t\txlarge: '',\n\t},\n\ttypography: {\n\t\tfontFamily: '',\n\t\tfontStyle: '',\n\t\tlineHeight: '',\n\t\tletterSpacing: '',\n\t},\n};\n\nexport type ThemeVars = typeof themeContractValues;\n\n/**\n * A custom theme that is enabled when various conditions are\n */\nexport type DynamicTheme = {\n\t/**\n\t * An optional media query required for the given theme to be enabled. This is useful\n\t * when you want the theme of your application to automatically switch depending on\n\t * a media feature.\n\t *\n\t * @example '(prefers-color-scheme: dark)'\n\t */\n\tmediaQuery?: string;\n\n\t/**\n\t * An optional CSS selector required for the given theme to be enabled. This is useful\n\t * when you have a manual theme switcher on your application that sets a top-level\n\t * class name or data-attribute to control the current theme.\n\t *\n\t * @example '.data-dark'\n\t */\n\tselector?: string;\n\n\t/** The theme definitions that will be set when the selector and mediaQuery criteria are matched. */\n\tvariables: ThemeVars;\n};\n\nexport type Theme = ThemeVars | DynamicTheme[];\n\nexport const themeVars = createGlobalThemeContract(\n\tthemeContractValues,\n\t(_, path) => `dapp-kit-${path.join('-')}`,\n);\n"],
+  "mappings": ";AAGA,SAAS,wBAAwB;;;ACA1B,IAAM,yBAAyB;AAE/B,IAAM,6BAA6B,IAAI;AAEvC,IAAM,qBAAqB,EAAE,CAAC,sBAAsB,GAAG,GAAG;;;ACJjE,SAAS,iCAAiC;AAE1C,IAAM,sBAAsB;AAAA,EAC3B,OAAO;AAAA,IACN,cAAc;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IACjB,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,uBAAuB;AAAA,EACxB;AAAA,EACA,cAAc;AAAA,IACb,eAAe;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACP,eAAe;AAAA,IACf,eAAe;AAAA,IACf,MAAM;AAAA,IACN,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,YAAY;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACR,eAAe;AAAA,IACf,oBAAoB;AAAA,EACrB;AAAA,EACA,aAAa;AAAA,IACZ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,EACP;AAAA,EACA,WAAW;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,eAAe;AAAA,EAChB;AACD;AAgCO,IAAM,YAAY;AAAA,EACxB;AAAA,EACA,CAAC,GAAG,SAAS,YAAY,KAAK,KAAK,GAAG;AACvC;;;AF7EE;AANK,SAAS,oBAAoB,EAAE,MAAM,GAA6B;AACxE,QAAM,cAAc,MAAM,QAAQ,KAAK,IACpC,sBAAsB,KAAK,IAC3B,qBAAqB,KAAK;AAE7B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,yBAAyB;AAAA,QACxB,QAAQ;AAAA,MACT;AAAA;AAAA,EACD;AAEF;AAEA,SAAS,sBAAsB,QAAwB;AACtD,SAAO,OACL,IAAI,CAAC,EAAE,YAAY,UAAU,UAAU,MAAM;AAC7C,UAAM,cAAc,qBAAqB,SAAS;AAClD,UAAM,gCAAgC,WAAW,GAAG,YAAY,gBAAgB;AAEhF,WAAO,aACJ,UAAU,cAAc,mCACxB;AAAA,EACJ,CAAC,EACA,KAAK,GAAG;AACX;AAEA,SAAS,qBAAqB,OAAkB;AAC/C,SAAO,GAAG,+BAA+B,mBAAmB,KAAK;AAClE;AAEA,SAAS,mBAAmB,OAAkB;AAC7C,SAAO,OAAO,QAAQ,iBAAiB,WAAW,KAAK,CAAC,EACtD,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM,GAAG,OAAO,QAAQ,EACxC,KAAK,EAAE;AACV;",
+  "names": []
+}

package/dist/esm/components/styling/StyleMarker.css.css

@@ -1,7 +1,14 @@
-/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=W2RhdGEtZGFwcC1raXRdOndoZXJlKCopLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShidXR0b24pLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKGJ1dHRvbikgewogIGFwcGVhcmFuY2U6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIGxldHRlci1zcGFjaW5nOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShhKSwgW2RhdGEtZGFwcC1raXRdIDp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KW2RhdGEtZGFwcC1raXRdOndoZXJlKG9sLCB1bCksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUob2wsIHVsKSB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpbZGF0YS1kYXBwLWtpdF06d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNiksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNikgewogIGZvbnQtc2l6ZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBtYXJnaW46IDA7Cn0= */
+/* vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA */
 [data-dapp-kit]:where(*),
 [data-dapp-kit] :where(*) {
   box-sizing: border-box;
+  color: var(--dapp-kit-colors-body);
+  font-family: var(--dapp-kit-typography-fontFamily);
+  font-size: var(--dapp-kit-fontWeights-normal);
+  font-style: var(--dapp-kit-typography-fontStyle);
+  font-weight: var(--dapp-kit-fontWeights-normal);
+  line-height: var(--dapp-kit-typography-lineHeight);
+  letter-spacing: var(--dapp-kit-typography-letterSpacing);
 }
 [data-dapp-kit]:where(button),
 [data-dapp-kit] :where(button) {
@@ -13,7 +20,6 @@
   font-family: inherit;
   line-height: inherit;
   letter-spacing: inherit;
-  outline: none;
   color: inherit;
   border: 0;
   padding: 0;

package/dist/esm/components/styling/StyleMarker.css.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=W2RhdGEtZGFwcC1raXRdOndoZXJlKCopLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShidXR0b24pLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKGJ1dHRvbikgewogIGFwcGVhcmFuY2U6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIGxldHRlci1zcGFjaW5nOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShhKSwgW2RhdGEtZGFwcC1raXRdIDp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KW2RhdGEtZGFwcC1raXRdOndoZXJlKG9sLCB1bCksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUob2wsIHVsKSB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpbZGF0YS1kYXBwLWtpdF06d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNiksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNikgewogIGZvbnQtc2l6ZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBtYXJnaW46IDA7Cn0="],
-  "sourcesContent": ["[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  outline: none;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}"],
-  "mappings": ";AAAA;AAAA;AACE;AAAA;AAEF;AAAA;AACE;AACG;AACK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;",
+  "sources": ["vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA"],
+  "sourcesContent": ["[data-dapp-kit]:where(*), [data-dapp-kit] :where(*) {\n  box-sizing: border-box;\n  color: var(--dapp-kit-colors-body);\n  font-family: var(--dapp-kit-typography-fontFamily);\n  font-size: var(--dapp-kit-fontWeights-normal);\n  font-style: var(--dapp-kit-typography-fontStyle);\n  font-weight: var(--dapp-kit-fontWeights-normal);\n  line-height: var(--dapp-kit-typography-lineHeight);\n  letter-spacing: var(--dapp-kit-typography-letterSpacing);\n}\n[data-dapp-kit]:where(button), [data-dapp-kit] :where(button) {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: transparent;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n[data-dapp-kit]:where(a), [data-dapp-kit] :where(a) {\n  text-decoration: none;\n  color: inherit;\n  outline: none;\n}\n[data-dapp-kit]:where(ol, ul), [data-dapp-kit] :where(ol, ul) {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6), [data-dapp-kit] :where(h1, h2, h3, h4, h5, h6) {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}"],
+  "mappings": ";AAAA;AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACG;AACK;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;AAEF;AAAA;AACE;AACA;AACA;AAAA;",
   "names": []
 }

package/dist/esm/components/styling/StyleMarker.css.js

@@ -6,9 +6,9 @@ var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 
-// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=W2RhdGEtZGFwcC1raXRdOndoZXJlKCopLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShidXR0b24pLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKGJ1dHRvbikgewogIGFwcGVhcmFuY2U6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIGxldHRlci1zcGFjaW5nOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShhKSwgW2RhdGEtZGFwcC1raXRdIDp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KW2RhdGEtZGFwcC1raXRdOndoZXJlKG9sLCB1bCksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUob2wsIHVsKSB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpbZGF0YS1kYXBwLWtpdF06d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNiksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNikgewogIGZvbnQtc2l6ZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBtYXJnaW46IDA7Cn0=
+// vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA
 var init_ = __esm({
-  "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=W2RhdGEtZGFwcC1raXRdOndoZXJlKCopLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShidXR0b24pLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKGJ1dHRvbikgewogIGFwcGVhcmFuY2U6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIGxldHRlci1zcGFjaW5nOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShhKSwgW2RhdGEtZGFwcC1raXRdIDp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KW2RhdGEtZGFwcC1raXRdOndoZXJlKG9sLCB1bCksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUob2wsIHVsKSB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpbZGF0YS1kYXBwLWtpdF06d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNiksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNikgewogIGZvbnQtc2l6ZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBtYXJnaW46IDA7Cn0="() {
+  "vanilla-extract-css-ns:src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA"() {
   }
 });
 

package/dist/esm/components/styling/StyleMarker.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/styling/StyleMarker.css.ts"],
-  "sourcesContent": ["import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=W2RhdGEtZGFwcC1raXRdOndoZXJlKCopLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKCopIHsKICBib3gtc2l6aW5nOiBib3JkZXItYm94Owp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShidXR0b24pLCBbZGF0YS1kYXBwLWtpdF0gOndoZXJlKGJ1dHRvbikgewogIGFwcGVhcmFuY2U6IG5vbmU7CiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7CiAgZm9udC1zaXplOiBpbmhlcml0OwogIGZvbnQtZmFtaWx5OiBpbmhlcml0OwogIGxpbmUtaGVpZ2h0OiBpbmhlcml0OwogIGxldHRlci1zcGFjaW5nOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7CiAgY29sb3I6IGluaGVyaXQ7CiAgYm9yZGVyOiAwOwogIHBhZGRpbmc6IDA7CiAgbWFyZ2luOiAwOwp9CltkYXRhLWRhcHAta2l0XTp3aGVyZShhKSwgW2RhdGEtZGFwcC1raXRdIDp3aGVyZShhKSB7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogIGNvbG9yOiBpbmhlcml0OwogIG91dGxpbmU6IG5vbmU7Cn0KW2RhdGEtZGFwcC1raXRdOndoZXJlKG9sLCB1bCksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUob2wsIHVsKSB7CiAgbGlzdC1zdHlsZTogbm9uZTsKICBtYXJnaW46IDA7CiAgcGFkZGluZzogMDsKfQpbZGF0YS1kYXBwLWtpdF06d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNiksIFtkYXRhLWRhcHAta2l0XSA6d2hlcmUoaDEsIGgyLCBoMywgaDQsIGg1LCBoNikgewogIGZvbnQtc2l6ZTogaW5oZXJpdDsKICBmb250LXdlaWdodDogaW5oZXJpdDsKICBtYXJnaW46IDA7Cn0=';"],
+  "sourcesContent": ["import 'src/components/styling/StyleMarker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA41SPW/CMBDd+RUeocJSv4d0r7ozdEAdjtgkFo4dOZdCWvW/9+wEMAQjhpPie+/5ne9lKQCBC6hrvlH4lW1L6eT0bjZny1OEHSD2O2FsZXe8UT/KFBl9OyEdp9YbIbnV1mXsG9yUH+Q8dBviiG7mWWtrkK+hUrobcbGrbeGgLjvuae+BdVSRrRxpPPIpVVFiw411FehIgJ0eK85cFp501GzDXbfaaGUkLy9LIh9P+wisXiURaW9NDXnY4xVhYC56Imn/JsuLua1aRGvS4Q14SJAwCQ5MTqsx1kg/0QryTeFsawQfYkRi0IBOGjwLQBm6UuEozKh/spa4f/bwCBpso07/d2Xs3h9qECJIwqkCVygTDqmNQHoZ0O8B5Q65kLl1gMqa4zLGo9gW/ZP2lJSn1XPW6rTxgAd3rZrDD7o3jp51+uKUYfkwZ+Uj1RPVM9UL1Wt6gAQ/DHQl4e04yTiBf3Q5P8VLBAAA';"],
   "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/components/ui/Button.css

@@ -0,0 +1,36 @@
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA */
+.Button_buttonVariants__x1s81q0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+.Button_buttonVariants__x1s81q0:disabled {
+  opacity: 0.5;
+}
+.Button_buttonVariants_variant_primary__x1s81q1 {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+  color: var(--dapp-kit-colors-primaryButton);
+  box-shadow: var(--dapp-kit-shadows-primaryButton);
+}
+.Button_buttonVariants_variant_primary__x1s81q1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+.Button_buttonVariants_variant_outline__x1s81q2 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dapp-kit-borderColors-outlineButton);
+  color: var(--dapp-kit-colors-outlineButton);
+}
+.Button_buttonVariants_variant_outline__x1s81q2:hover {
+  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
+}
+.Button_buttonVariants_size_md__x1s81q3 {
+  border-radius: var(--dapp-kit-radii-medium);
+  padding: 8px 16px;
+}
+.Button_buttonVariants_size_lg__x1s81q4 {
+  border-radius: var(--dapp-kit-radii-large);
+  padding: 16px 24px;
+}
+/*# sourceMappingURL=Button.css.map */

package/dist/esm/components/ui/Button.css.css

@@ -0,0 +1,36 @@
+/* vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA */
+.Button_buttonVariants__x1s81q0 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: var(--dapp-kit-fontWeights-medium);
+}
+.Button_buttonVariants__x1s81q0:disabled {
+  opacity: 0.5;
+}
+.Button_buttonVariants_variant_primary__x1s81q1 {
+  background-color: var(--dapp-kit-backgroundColors-primaryButton);
+  color: var(--dapp-kit-colors-primaryButton);
+  box-shadow: var(--dapp-kit-shadows-primaryButton);
+}
+.Button_buttonVariants_variant_primary__x1s81q1:hover {
+  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
+}
+.Button_buttonVariants_variant_outline__x1s81q2 {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--dapp-kit-borderColors-outlineButton);
+  color: var(--dapp-kit-colors-outlineButton);
+}
+.Button_buttonVariants_variant_outline__x1s81q2:hover {
+  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
+}
+.Button_buttonVariants_size_md__x1s81q3 {
+  border-radius: var(--dapp-kit-radii-medium);
+  padding: 8px 16px;
+}
+.Button_buttonVariants_size_lg__x1s81q4 {
+  border-radius: var(--dapp-kit-radii-large);
+  padding: 16px 24px;
+}
+/*# sourceMappingURL=Button.css.css.map */

package/dist/esm/components/ui/Button.css.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA"],
+  "sourcesContent": [".Button_buttonVariants__x1s81q0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n.Button_buttonVariants__x1s81q0:disabled {\n  opacity: 0.5;\n}\n.Button_buttonVariants_variant_primary__x1s81q1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n  box-shadow: var(--dapp-kit-shadows-primaryButton);\n}\n.Button_buttonVariants_variant_primary__x1s81q1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n.Button_buttonVariants_variant_outline__x1s81q2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-outlineButton);\n}\n.Button_buttonVariants_variant_outline__x1s81q2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n.Button_buttonVariants_size_md__x1s81q3 {\n  border-radius: var(--dapp-kit-radii-medium);\n  padding: 8px 16px;\n}\n.Button_buttonVariants_size_lg__x1s81q4 {\n  border-radius: var(--dapp-kit-radii-large);\n  padding: 16px 24px ;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/ui/Button.css.d.ts

@@ -0,0 +1,33 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const buttonVariants: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            ':hover': {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+        outline: {
+            borderWidth: number;
+            borderStyle: "solid";
+            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            ':hover': {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            };
+        };
+    };
+    size: {
+        md: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            padding: "8px 16px";
+        };
+        lg: {
+            borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            padding: "16px 24px ";
+        };
+    };
+}>;
+export type ButtonVariants = RecipeVariants<typeof buttonVariants>;

package/dist/esm/components/ui/Button.css.js

@@ -0,0 +1,7 @@
+// src/components/ui/Button.css.ts
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var buttonVariants = _7a468({ defaultClassName: "Button_buttonVariants__x1s81q0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__x1s81q1", outline: "Button_buttonVariants_variant_outline__x1s81q2" }, size: { md: "Button_buttonVariants_size_md__x1s81q3", lg: "Button_buttonVariants_size_lg__x1s81q4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
+export {
+  buttonVariants
+};
+//# sourceMappingURL=Button.css.js.map

package/dist/esm/components/ui/Button.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/Button.css.ts"],
+  "sourcesContent": ["import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__x1s81q0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__x1s81q1',outline:'Button_buttonVariants_variant_outline__x1s81q2'},size:{md:'Button_buttonVariants_size_md__x1s81q3',lg:'Button_buttonVariants_size_lg__x1s81q4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
+  "mappings": ";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kCAAiC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,kDAAiD,SAAQ,iDAAgD,GAAE,MAAK,EAAC,IAAG,0CAAyC,IAAG,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,MAAK,KAAI,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "names": []
+}

package/dist/esm/components/ui/Button.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA"],
+  "sourcesContent": [".Button_buttonVariants__x1s81q0 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--dapp-kit-fontWeights-medium);\n}\n.Button_buttonVariants__x1s81q0:disabled {\n  opacity: 0.5;\n}\n.Button_buttonVariants_variant_primary__x1s81q1 {\n  background-color: var(--dapp-kit-backgroundColors-primaryButton);\n  color: var(--dapp-kit-colors-primaryButton);\n  box-shadow: var(--dapp-kit-shadows-primaryButton);\n}\n.Button_buttonVariants_variant_primary__x1s81q1:hover {\n  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);\n}\n.Button_buttonVariants_variant_outline__x1s81q2 {\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--dapp-kit-borderColors-outlineButton);\n  color: var(--dapp-kit-colors-outlineButton);\n}\n.Button_buttonVariants_variant_outline__x1s81q2:hover {\n  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);\n}\n.Button_buttonVariants_size_md__x1s81q3 {\n  border-radius: var(--dapp-kit-radii-medium);\n  padding: 8px 16px;\n}\n.Button_buttonVariants_size_lg__x1s81q4 {\n  border-radius: var(--dapp-kit-radii-large);\n  padding: 16px 24px ;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACE;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/ui/Button.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonHTMLAttributes } from 'react';
+declare const Button: import("react").ForwardRefExoticComponent<{
+    asChild?: boolean | undefined;
+} & ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "outline" | "primary" | undefined;
+    size?: "md" | "lg" | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export { Button };

package/dist/esm/components/ui/Button.js

@@ -0,0 +1,29 @@
+// src/components/ui/Button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import clsx from "clsx";
+import { forwardRef } from "react";
+
+// src/components/ui/Button.css.ts
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var buttonVariants = _7a468({ defaultClassName: "Button_buttonVariants__x1s81q0", variantClassNames: { variant: { primary: "Button_buttonVariants_variant_primary__x1s81q1", outline: "Button_buttonVariants_variant_outline__x1s81q2" }, size: { md: "Button_buttonVariants_size_md__x1s81q3", lg: "Button_buttonVariants_size_lg__x1s81q4" } }, defaultVariants: { variant: "primary", size: "md" }, compoundVariants: [] });
+
+// src/components/ui/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, forwardedRef) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ...props,
+        className: clsx(buttonVariants({ variant, size }), className),
+        ref: forwardedRef
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/esm/components/ui/Button.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/Button.tsx", "../../../../src/components/ui/Button.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { ButtonHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { buttonVariants } from './Button.css.js';\nimport type { ButtonVariants } from './Button.css.js';\n\ntype ButtonProps = {\n\tasChild?: boolean;\n} & ButtonHTMLAttributes<HTMLButtonElement> &\n\tButtonVariants;\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n\t({ className, variant, size, asChild = false, ...props }, forwardedRef) => {\n\t\tconst Comp = asChild ? Slot : 'button';\n\t\treturn (\n\t\t\t<Comp\n\t\t\t\t{...props}\n\t\t\t\tclassName={clsx(buttonVariants({ variant, size }), className)}\n\t\t\t\tref={forwardedRef}\n\t\t\t/>\n\t\t);\n\t},\n);\nButton.displayName = 'Button';\n\nexport { Button };\n", "import 'src/components/ui/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62Tz1LCMBDG7zxFjnIIQxEdptz04hPosbNtQruSJjFJodXx3U1aOoAVhNFL0/n2z+/bbTN5qJxTMknb4xkMgnQ2SerILqK3KfkYEcLQagFNTFAKlJyuBK+XXgeBuaToeGljknHpuAnya2UdrhqaKa9IdxhaeYluOeaFlzdgbihloDVdo6Mh9tKGLC05w6ocL0efo8l5g7E3B6ngrHWqNGTovNPp5O5M8aZ7SbTBEkzTN4vaHilk69yoSjI/gVBmYHSf8Bjilu7adKxxmPPnwuxUeqpqagtgajuo6eRh0dWzxYXacPMfEz6FRpdYUJUL/0tvYdbBlWHc0C0yV8Qk0vVyL1rXCB4TqwSyA/mEyTa4M7hDXfoJvqdfPcqftnlE/3WbFt95UrIefXu4RQP+ntgBMci4v0SEaGAMZR6Tha5JdB+Wfp4n8p43v5gnwOT8GBdQZDb3Dw/8AmeLhNtrBAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var buttonVariants = _7a468({defaultClassName:'Button_buttonVariants__x1s81q0',variantClassNames:{variant:{primary:'Button_buttonVariants_variant_primary__x1s81q1',outline:'Button_buttonVariants_variant_outline__x1s81q2'},size:{md:'Button_buttonVariants_size_md__x1s81q3',lg:'Button_buttonVariants_size_lg__x1s81q4'}},defaultVariants:{variant:'primary',size:'md'},compoundVariants:[]});"],
+  "mappings": ";AAGA,SAAS,YAAY;AACrB,OAAO,UAAU;AAEjB,SAAS,kBAAkB;;;ACL3B,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kCAAiC,mBAAkB,EAAC,SAAQ,EAAC,SAAQ,kDAAiD,SAAQ,iDAAgD,GAAE,MAAK,EAAC,IAAG,0CAAyC,IAAG,yCAAwC,EAAC,GAAE,iBAAgB,EAAC,SAAQ,WAAU,MAAK,KAAI,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;ADkBpY;AAJH,IAAM,SAAS;AAAA,EACd,CAAC,EAAE,WAAW,SAAS,MAAM,UAAU,OAAO,GAAG,MAAM,GAAG,iBAAiB;AAC1E,UAAM,OAAO,UAAU,OAAO;AAC9B,WACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,WAAW,KAAK,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,QAC5D,KAAK;AAAA;AAAA,IACN;AAAA,EAEF;AACD;AACA,OAAO,cAAc;",
+  "names": []
+}

package/dist/esm/components/ui/Heading.css

@@ -0,0 +1,25 @@
+/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
+.Heading_headingVariants_size_sm__1aa835k1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+.Heading_headingVariants_size_md__1aa835k2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+}
+.Heading_headingVariants_size_lg__1aa835k3 {
+  font-size: var(--dapp-kit-fontSizes-large);
+}
+.Heading_headingVariants_size_xl__1aa835k4 {
+  font-size: var(--dapp-kit-fontSizes-xlarge);
+}
+.Heading_headingVariants_weight_normal__1aa835k5 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+.Heading_headingVariants_weight_bold__1aa835k6 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+.Heading_headingVariants_truncate_true__1aa835k7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/*# sourceMappingURL=Heading.css.map */

package/dist/esm/components/ui/Heading.css.css

@@ -0,0 +1,25 @@
+/* vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ== */
+.Heading_headingVariants_size_sm__1aa835k1 {
+  font-size: var(--dapp-kit-fontSizes-small);
+}
+.Heading_headingVariants_size_md__1aa835k2 {
+  font-size: var(--dapp-kit-fontSizes-medium);
+}
+.Heading_headingVariants_size_lg__1aa835k3 {
+  font-size: var(--dapp-kit-fontSizes-large);
+}
+.Heading_headingVariants_size_xl__1aa835k4 {
+  font-size: var(--dapp-kit-fontSizes-xlarge);
+}
+.Heading_headingVariants_weight_normal__1aa835k5 {
+  font-weight: var(--dapp-kit-fontWeights-normal);
+}
+.Heading_headingVariants_weight_bold__1aa835k6 {
+  font-weight: var(--dapp-kit-fontWeights-bold);
+}
+.Heading_headingVariants_truncate_true__1aa835k7 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/*# sourceMappingURL=Heading.css.css.map */

package/dist/esm/components/ui/Heading.css.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ=="],
+  "sourcesContent": [".Heading_headingVariants_size_sm__1aa835k1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n.Heading_headingVariants_size_md__1aa835k2 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n}\n.Heading_headingVariants_size_lg__1aa835k3 {\n  font-size: var(--dapp-kit-fontSizes-large);\n}\n.Heading_headingVariants_size_xl__1aa835k4 {\n  font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n.Heading_headingVariants_weight_normal__1aa835k5 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n.Heading_headingVariants_weight_bold__1aa835k6 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n.Heading_headingVariants_truncate_true__1aa835k7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}"],
+  "mappings": ";AAAA;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/ui/Heading.css.d.ts

@@ -0,0 +1,33 @@
+import type { RecipeVariants } from '@vanilla-extract/recipes';
+export declare const headingVariants: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        sm: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        md: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        lg: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        xl: {
+            fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    weight: {
+        normal: {
+            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        bold: {
+            fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+    truncate: {
+        true: {
+            overflow: "hidden";
+            textOverflow: "ellipsis";
+            whiteSpace: "nowrap";
+        };
+    };
+}>;
+export type HeadingVariants = RecipeVariants<typeof headingVariants>;

package/dist/esm/components/ui/Heading.css.js

@@ -0,0 +1,7 @@
+// src/components/ui/Heading.css.ts
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var headingVariants = _7a468({ defaultClassName: "Heading__1aa835k0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__1aa835k1", md: "Heading_headingVariants_size_md__1aa835k2", lg: "Heading_headingVariants_size_lg__1aa835k3", xl: "Heading_headingVariants_size_xl__1aa835k4" }, weight: { normal: "Heading_headingVariants_weight_normal__1aa835k5", bold: "Heading_headingVariants_weight_bold__1aa835k6" }, truncate: { true: "Heading_headingVariants_truncate_true__1aa835k7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
+export {
+  headingVariants
+};
+//# sourceMappingURL=Heading.css.js.map

package/dist/esm/components/ui/Heading.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/Heading.css.ts"],
+  "sourcesContent": ["import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__1aa835k0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__1aa835k1',md:'Heading_headingVariants_size_md__1aa835k2',lg:'Heading_headingVariants_size_lg__1aa835k3',xl:'Heading_headingVariants_size_xl__1aa835k4'},weight:{normal:'Heading_headingVariants_weight_normal__1aa835k5',bold:'Heading_headingVariants_weight_bold__1aa835k6'},truncate:{true:'Heading_headingVariants_truncate_true__1aa835k7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});"],
+  "mappings": ";AACA,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,4CAA2C,GAAE,QAAO,EAAC,QAAO,mDAAkD,MAAK,gDAA+C,GAAE,UAAS,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
+  "names": []
+}

package/dist/esm/components/ui/Heading.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ=="],
+  "sourcesContent": [".Heading_headingVariants_size_sm__1aa835k1 {\n  font-size: var(--dapp-kit-fontSizes-small);\n}\n.Heading_headingVariants_size_md__1aa835k2 {\n  font-size: var(--dapp-kit-fontSizes-medium);\n}\n.Heading_headingVariants_size_lg__1aa835k3 {\n  font-size: var(--dapp-kit-fontSizes-large);\n}\n.Heading_headingVariants_size_xl__1aa835k4 {\n  font-size: var(--dapp-kit-fontSizes-xlarge);\n}\n.Heading_headingVariants_weight_normal__1aa835k5 {\n  font-weight: var(--dapp-kit-fontWeights-normal);\n}\n.Heading_headingVariants_weight_bold__1aa835k6 {\n  font-weight: var(--dapp-kit-fontWeights-bold);\n}\n.Heading_headingVariants_truncate_true__1aa835k7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}"],
+  "mappings": ";AAAA;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

package/dist/esm/components/ui/Heading.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { HeadingVariants } from './Heading.css.js';
+type HeadingAsChildProps = {
+    asChild?: boolean;
+    as?: never;
+};
+type HeadingAsProps = {
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    asChild?: never;
+};
+type HeadingProps = (HeadingAsChildProps | HeadingAsProps) & React.HTMLAttributes<HTMLHeadingElement> & HeadingVariants;
+declare const Heading: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { Heading };

package/dist/esm/components/ui/Heading.js

@@ -0,0 +1,38 @@
+// src/components/ui/Heading.tsx
+import { Slot } from "@radix-ui/react-slot";
+import clsx from "clsx";
+import { forwardRef } from "react";
+
+// src/components/ui/Heading.css.ts
+import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
+var headingVariants = _7a468({ defaultClassName: "Heading__1aa835k0", variantClassNames: { size: { sm: "Heading_headingVariants_size_sm__1aa835k1", md: "Heading_headingVariants_size_md__1aa835k2", lg: "Heading_headingVariants_size_lg__1aa835k3", xl: "Heading_headingVariants_size_xl__1aa835k4" }, weight: { normal: "Heading_headingVariants_weight_normal__1aa835k5", bold: "Heading_headingVariants_weight_bold__1aa835k6" }, truncate: { true: "Heading_headingVariants_truncate_true__1aa835k7" } }, defaultVariants: { size: "lg", weight: "bold" }, compoundVariants: [] });
+
+// src/components/ui/Heading.tsx
+import { jsx } from "react/jsx-runtime";
+var Heading = forwardRef(
+  ({
+    children,
+    className,
+    asChild = false,
+    as: Tag = "h1",
+    size,
+    weight,
+    truncate,
+    ...headingProps
+  }, forwardedRef) => {
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ...headingProps,
+        ref: forwardedRef,
+        className: clsx(headingVariants({ size, weight, truncate }), className),
+        children: asChild ? children : /* @__PURE__ */ jsx(Tag, { children })
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+export {
+  Heading
+};
+//# sourceMappingURL=Heading.js.map

package/dist/esm/components/ui/Heading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/ui/Heading.tsx", "../../../../src/components/ui/Heading.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\nimport { headingVariants } from './Heading.css.js';\nimport type { HeadingVariants } from './Heading.css.js';\n\ntype HeadingAsChildProps = {\n\tasChild?: boolean;\n\tas?: never;\n};\n\ntype HeadingAsProps = {\n\tas?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\tasChild?: never;\n};\n\ntype HeadingProps = (HeadingAsChildProps | HeadingAsProps) &\n\tReact.HTMLAttributes<HTMLHeadingElement> &\n\tHeadingVariants;\n\nconst Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tasChild = false,\n\t\t\tas: Tag = 'h1',\n\t\t\tsize,\n\t\t\tweight,\n\t\t\ttruncate,\n\t\t\t...headingProps\n\t\t},\n\t\tforwardedRef,\n\t) => {\n\t\treturn (\n\t\t\t<Slot\n\t\t\t\t{...headingProps}\n\t\t\t\tref={forwardedRef}\n\t\t\t\tclassName={clsx(headingVariants({ size, weight, truncate }), className)}\n\t\t\t>\n\t\t\t\t{asChild ? children : <Tag>{children}</Tag>}\n\t\t\t</Slot>\n\t\t);\n\t},\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\n", "import 'src/components/ui/Heading.css.ts.vanilla.css?source=LkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfc21fXzFhYTgzNWsxIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1zbWFsbCk7Cn0KLkhlYWRpbmdfaGVhZGluZ1ZhcmlhbnRzX3NpemVfbWRfXzFhYTgzNWsyIHsKICBmb250LXNpemU6IHZhcigtLWRhcHAta2l0LWZvbnRTaXplcy1tZWRpdW0pOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX2xnX18xYWE4MzVrMyB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMtbGFyZ2UpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c19zaXplX3hsX18xYWE4MzVrNCB7CiAgZm9udC1zaXplOiB2YXIoLS1kYXBwLWtpdC1mb250U2l6ZXMteGxhcmdlKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfd2VpZ2h0X25vcm1hbF9fMWFhODM1azUgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ub3JtYWwpOwp9Ci5IZWFkaW5nX2hlYWRpbmdWYXJpYW50c193ZWlnaHRfYm9sZF9fMWFhODM1azYgewogIGZvbnQtd2VpZ2h0OiB2YXIoLS1kYXBwLWtpdC1mb250V2VpZ2h0cy1ib2xkKTsKfQouSGVhZGluZ19oZWFkaW5nVmFyaWFudHNfdHJ1bmNhdGVfdHJ1ZV9fMWFhODM1azcgewogIG92ZXJmbG93OiBoaWRkZW47CiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKfQ==';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingVariants = _7a468({defaultClassName:'Heading__1aa835k0',variantClassNames:{size:{sm:'Heading_headingVariants_size_sm__1aa835k1',md:'Heading_headingVariants_size_md__1aa835k2',lg:'Heading_headingVariants_size_lg__1aa835k3',xl:'Heading_headingVariants_size_xl__1aa835k4'},weight:{normal:'Heading_headingVariants_weight_normal__1aa835k5',bold:'Heading_headingVariants_weight_bold__1aa835k6'},truncate:{true:'Heading_headingVariants_truncate_true__1aa835k7'}},defaultVariants:{size:'lg',weight:'bold'},compoundVariants:[]});"],
+  "mappings": ";AAGA,SAAS,YAAY;AACrB,OAAO,UAAU;AACjB,SAAS,kBAAkB;;;ACJ3B,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,qBAAoB,mBAAkB,EAAC,MAAK,EAAC,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,6CAA4C,IAAG,4CAA2C,GAAE,QAAO,EAAC,QAAO,mDAAkD,MAAK,gDAA+C,GAAE,UAAS,EAAC,MAAK,kDAAiD,EAAC,GAAE,iBAAgB,EAAC,MAAK,MAAK,QAAO,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;;;AD0C9f;AApB1B,IAAM,UAAU;AAAA,EACf,CACC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,IAAI,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACJ,GACA,iBACI;AACJ,WACC;AAAA,MAAC;AAAA;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,KAAK,gBAAgB,EAAE,MAAM,QAAQ,SAAS,CAAC,GAAG,SAAS;AAAA,QAErE,oBAAU,WAAW,oBAAC,OAAK,UAAS;AAAA;AAAA,IACtC;AAAA,EAEF;AACD;AACA,QAAQ,cAAc;",
+  "names": []
+}

package/dist/esm/components/ui/IconButton.css

@@ -0,0 +1,11 @@
+/* vanilla-extract-css-ns:src/components/ui/IconButton.css.ts.vanilla.css?source=Lkljb25CdXR0b25fY29udGFpbmVyX19zNm43YnEwIHsKICBib3JkZXItcmFkaXVzOiA5OTk5cHg7CiAgcGFkZGluZzogOHB4OwogIGNvbG9yOiB2YXIoLS1kYXBwLWtpdC1jb2xvcnMtaWNvbkJ1dHRvbik7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tZGFwcC1raXQtYmFja2dyb3VuZENvbG9ycy1pY29uQnV0dG9uKTsKfQouSWNvbkJ1dHRvbl9jb250YWluZXJfX3M2bjdicTA6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWRhcHAta2l0LWJhY2tncm91bmRDb2xvcnMtaWNvbkJ1dHRvbkhvdmVyKTsKfQ== */
+.IconButton_container__s6n7bq0 {
+  border-radius: 9999px;
+  padding: 8px;
+  color: var(--dapp-kit-colors-iconButton);
+  background-color: var(--dapp-kit-backgroundColors-iconButton);
+}
+.IconButton_container__s6n7bq0:hover {
+  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
+}
+/*# sourceMappingURL=IconButton.css.map */