@wallet-ui/css 2.0.0-canary-20250829062001 → 2.0.0-canary-20250922113418

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.browser.cjs.map +1 -1
  2. package/dist/index.browser.mjs.map +1 -1
  3. package/dist/index.native.mjs.map +1 -1
  4. package/dist/index.node.cjs.map +1 -1
  5. package/dist/index.node.mjs.map +1 -1
  6. package/package.json +1 -1
package/dist/index.browser.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.cjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA","file":"index.browser.cjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
package/dist/index.browser.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.browser.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA","file":"index.browser.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
package/dist/index.native.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.native.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA","file":"index.native.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
package/dist/index.node.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.cjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA","file":"index.node.cjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
package/dist/index.node.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA;AAAA,CAAA,CAAA","file":"index.node.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
1
+ {"version":3,"sources":["../src/index.css","../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,UAAA,GAAA,KAAA,CAAA;AAAA,EAAA,eAAA,GAAA;AAAA,EAAA;AAAA,CAAA,CAAA;;;ACAA,IAAA,aAAA,GAAA,UAAA,CAAA;AAAA,EAAA,cAAA,GAAA;AAAA,IAAA,UAAA,EAAA;AAAA,EAAA;AAAA,CAAA,CAAA","file":"index.node.mjs","sourcesContent":["/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n\n@layer theme {\n :root,\n :host {\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-lg: 32rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --tw-leading: var(--text-base--line-height);\n }\n}\n\n@layer utilities;\n\n:root,\nhtml.light:root,\n[data-theme='light']:root {\n --wu-color-background: var(--color-neutral-50);\n --wu-color-background-hover: var(--color-neutral-100);\n --wu-color-border: var(--color-neutral-200);\n --wu-color-foreground: var(--color-neutral-950);\n --wu-color-foreground-hover: var(--color-neutral-900);\n --wu-color-ring: var(--color-neutral-400);\n}\n\nhtml.dark:root,\n[data-theme='dark']:root {\n --wu-color-background: var(--color-neutral-950);\n --wu-color-background-hover: var(--color-neutral-900);\n --wu-color-border: var(--color-neutral-800);\n --wu-color-foreground: var(--color-neutral-100);\n --wu-color-foreground-hover: var(--color-white);\n --wu-color-ring: var(--color-neutral-500);\n}\n\n[data-wu='base-button'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n border-radius: var(--radius-md);\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n box-shadow: 0 0 0 2px var(--wu-color-ring);\n }\n}\n\n[data-wu='base-button'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 1.5);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='base-button'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='base-button'].lg {\n padding-inline: calc(var(--spacing) * 6);\n padding-block: calc(var(--spacing) * 4);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n}\n\n.sm [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-left-section'] {\n margin-right: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n.sm [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n\n.md [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.lg [data-wu='base-button-right-section'] {\n margin-left: calc(var(--spacing) * 4);\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n}\n\n/*!* Shape *!*/\n[data-wu='base-dropdown-list'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n border-color: var(--wu-color-border);\n overflow: clip;\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 1);\n}\n\n[data-wu='base-dropdown-item'] {\n background: var(--wu-color-background);\n color: var(--wu-color-foreground);\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n width: 100%;\n cursor: pointer;\n border-radius: var(--radius-md);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-wu='base-dropdown-item'].sm {\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-wu='base-dropdown-item'].md {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n[data-wu='base-dropdown-item'].lg {\n padding-inline: calc(var(--spacing) * 4);\n padding-block: calc(var(--spacing) * 3);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n.sm [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-left-section'] {\n margin-right: calc(var(--spacing) * 3);\n}\n\n.sm [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 1);\n}\n\n.md [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 2);\n}\n\n.lg [data-wu='base-dropdown-item-right-section'] {\n margin-left: calc(var(--spacing) * 3);\n}\n\n[data-scope='dialog'][data-part='backdrop'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n background-color: color-mix(in srgb, #000 40%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 40%, transparent);\n }\n @media (prefers-color-scheme: dark) {\n background-color: color-mix(in srgb, #000 70%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--color-black) 70%, transparent);\n }\n }\n}\n\n[data-scope='dialog'][data-part='positioner'] {\n position: fixed;\n top: calc(var(--spacing) * 0);\n bottom: calc(var(--spacing) * 0);\n left: calc(var(--spacing) * 0);\n z-index: 20;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n[data-scope='dialog'][data-part='content'] {\n background: var(--wu-color-background);\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n width: 100%;\n overflow: hidden;\n --tw-shadow:\n 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),\n var(--tw-shadow);\n border-radius: var(--radius-xl);\n outline-style: var(--tw-outline-style);\n outline-width: 0;\n}\n\n[data-scope='dialog'][data-part='content'] header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-bottom: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='description'] {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n}\n\n[data-scope='dialog'][data-part='close-trigger'] {\n border-style: var(--tw-border-style);\n border-width: 1px;\n border-color: var(--wu-color-border);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--wu-color-foreground);\n\n &:hover {\n background: var(--wu-color-background-hover);\n color: var(--wu-color-foreground-hover);\n }\n}\n\n[data-scope='dialog'][data-part='content'][data-state='open'] {\n animation: anim-scale-in 300ms ease-out;\n}\n\n[data-scope='dialog'][data-part='content'][data-state='closed'] {\n animation: anim-scale-out 200ms ease-in;\n}\n\n[data-scope='dialog'][data-part='content'].sm {\n max-width: var(--container-xs);\n border-radius: var(--radius-md);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].md {\n margin-inline: calc(var(--spacing) * 4);\n max-width: var(--container-sm);\n border-radius: var(--radius-lg);\n padding: calc(var(--spacing) * 2);\n}\n\n[data-scope='dialog'][data-part='content'].lg {\n margin-inline: auto;\n max-width: var(--container-lg);\n border-radius: var(--radius-xl);\n padding: calc(var(--spacing) * 4);\n}\n\n[data-scope='dialog'][data-part='content'].sm header {\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].md header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n}\n\n[data-scope='dialog'][data-part='content'].lg header {\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n}\n\n.sm [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 6);\n width: calc(var(--spacing) * 6);\n border-radius: calc(infinity * 1px);\n}\n\n.md [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 8);\n width: calc(var(--spacing) * 8);\n border-radius: calc(infinity * 1px);\n}\n\n.lg [data-scope='dialog'][data-part='close-trigger'] {\n height: calc(var(--spacing) * 10);\n width: calc(var(--spacing) * 10);\n border-radius: calc(infinity * 1px);\n}\n\n.sm [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 2);\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n\n.md [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 4);\n padding-bottom: calc(var(--spacing) * 4);\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n\n.lg [data-scope='dialog'][data-part='description'] {\n padding-inline: calc(var(--spacing) * 6);\n padding-bottom: calc(var(--spacing) * 6);\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n}\n\n@keyframes anim-scale-in {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n@keyframes anim-scale-out {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.95);\n }\n}\n\n[data-wu='wallet-ui-icon'] {\n border-style: var(--tw-border-style);\n border-width: 0;\n}\n\n[data-wu='wallet-ui-icon'].sm {\n border-radius: var(--radius-sm);\n height: 16px;\n width: 16px;\n}\n\n[data-wu='wallet-ui-icon'].md {\n border-radius: var(--radius-md);\n height: 24px;\n width: 24px;\n}\n\n[data-wu='wallet-ui-icon'].lg {\n border-radius: var(--radius-lg);\n height: 32px;\n width: 32px;\n}\n\n[data-wu='wallet-ui-label'] {\n color: var(--wu-color-foreground);\n}\n\n[data-wu='wallet-ui-label'].sm {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n}\n\n[data-wu='wallet-ui-label'].md {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n}\n\n[data-wu='wallet-ui-label'].lg {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n\n[data-wu='wallet-ui-list-button'] {\n display: flex;\n align-items: center;\n gap: calc(var(--spacing) * 2);\n white-space: nowrap;\n cursor: pointer;\n appearance: none;\n -webkit-user-select: none;\n user-select: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n\n &:disabled {\n opacity: 50%;\n }\n\n &:hover {\n background: var(--wu-color-background-hover);\n }\n}\n\n[data-wu='wallet-ui-list-button'].sm {\n border-radius: var(--radius-md);\n padding-inline: calc(var(--spacing) * 1);\n padding-block: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list-button'].md {\n border-radius: var(--radius-lg);\n padding-inline: calc(var(--spacing) * 2);\n padding-block: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list-button'].lg {\n border-radius: var(--radius-xl);\n padding-inline: calc(var(--spacing) * 3);\n padding-block: calc(var(--spacing) * 3);\n}\n\n[data-wu='wallet-ui-list'] {\n display: flex;\n flex-direction: column;\n}\n\n[data-wu='wallet-ui-list'].sm {\n gap: calc(var(--spacing) * 1);\n}\n\n[data-wu='wallet-ui-list'].md {\n gap: calc(var(--spacing) * 2);\n}\n\n[data-wu='wallet-ui-list'].lg {\n gap: calc(var(--spacing) * 3);\n}\n\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-shadow-alpha {\n syntax: '<percentage>';\n inherits: false;\n initial-value: 100%;\n}\n\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n\n@property --tw-font-weight {\n syntax: '*';\n inherits: false;\n}\n\n@property --tw-outline-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n","import './index.css';\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wallet-ui/css",
3
- "version": "2.0.0-canary-20250829062001",
3
+ "version": "2.0.0-canary-20250922113418",
4
4
  "description": "Plain CSS for Wallet UI",
5
5
  "exports": {
6
6
  ".": {