@burnt-labs/ui 0.0.1-alpha.3 → 0.1.0-alpha.5

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @burnt-labs/ui@0.0.1-alpha.3 build /home/runner/work/xion.js/xion.js/packages/ui
+> @burnt-labs/ui@0.1.0-alpha.5 build /home/runner/work/xion.js/xion.js/packages/ui
 > tsup
 
 CLI Building entry: src/button.tsx, src/dialog.tsx, src/index.tsx, src/input.tsx, src/modal.tsx, src/pinInput.tsx, src/icons/accountWalletLogo.tsx, src/icons/browser.tsx, src/icons/chevronDown.tsx, src/icons/close.tsx, src/icons/spinner.tsx
@@ -11,60 +11,100 @@
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/icons/chevronDown.js       239.00 B
-CJS dist/icons/close.js             268.00 B
-CJS dist/icons/spinner.js           231.00 B
-CJS dist/chunk-LFGEVDYE.js          1.59 KB
-CJS dist/button.js                  227.00 B
-CJS dist/dialog.js                  1.44 KB
-CJS dist/index.js                   3.43 KB
-CJS dist/chunk-RDYVRQBK.js          741.00 B
-CJS dist/chunk-6HW7C2QL.js          727.00 B
-CJS dist/chunk-EQPD6VU7.js          5.35 KB
-CJS dist/chunk-F52I65JJ.js          1009.00 B
-CJS dist/chunk-2Q6RXIMO.js          1.72 KB
-CJS dist/input.js                   225.00 B
-CJS dist/modal.js                   653.00 B
-CJS dist/chunk-KHHFDILS.js          2.71 KB
-CJS dist/pinInput.js                231.00 B
-CJS dist/chunk-KOR2D6S4.js          2.47 KB
-CJS dist/icons/accountWalletLogo.js 251.00 B
-CJS dist/chunk-NINTZKIZ.js          1.21 KB
-CJS dist/chunk-PKUHTIDK.js          1.37 KB
-CJS dist/icons/browser.js           272.00 B
-CJS dist/chunk-74MKQUE2.js          68.21 KB
-CJS dist/index.css                  1.16 MB
-CJS dist/chunk-AEW7GOE6.js          1.88 KB
-CJS ⚡️ Build success in 3246ms
-ESM dist/icons/chevronDown.mjs       85.00 B
-ESM dist/chunk-3TCQU24P.mjs          1.30 KB
-ESM dist/chunk-HZWJQRFF.mjs          687.00 B
-ESM dist/index.mjs                   728.00 B
-ESM dist/chunk-X3ENFT4V.mjs          641.00 B
-ESM dist/button.mjs                  78.00 B
-ESM dist/icons/close.mjs             115.00 B
-ESM dist/dialog.mjs                  241.00 B
-ESM dist/chunk-6MDHZUJ6.mjs          1.50 KB
-ESM dist/modal.mjs                   147.00 B
-ESM dist/chunk-WPSSGREX.mjs          2.32 KB
-ESM dist/pinInput.mjs                80.00 B
-ESM dist/icons/accountWalletLogo.mjs 91.00 B
-ESM dist/chunk-VSTH5YAB.mjs          2.43 KB
-ESM dist/input.mjs                   77.00 B
-ESM dist/chunk-ESZY3JBH.mjs          1.15 KB
-ESM dist/icons/browser.mjs           117.00 B
-ESM dist/chunk-FLJKIDRT.mjs          68.18 KB
-ESM dist/chunk-E7MX5GSO.mjs          948.00 B
-ESM dist/chunk-ZSN5BIXR.mjs          1.66 KB
-ESM dist/index.css                   1.16 MB
-ESM dist/icons/spinner.mjs           81.00 B
-ESM dist/chunk-Y3OSOP6I.mjs          1.75 KB
-ESM dist/chunk-VAKGTJOP.mjs          3.99 KB
-ESM ⚡️ Build success in 3248ms
-DTS ⚡️ Build success in 4438ms
+ESM dist/AkkuratLLWeb-Thin-HVY6MUDE.woff2        112.96 KB
+ESM dist/icons/chevronDown.mjs                   85.00 B
+ESM dist/AkkuratLLWeb-Thin-B3VOUNQC.woff         161.92 KB
+ESM dist/AkkuratLLWeb-ThinItalic-TLRSU3GY.woff2  112.27 KB
+ESM dist/icons/close.mjs                         115.00 B
+ESM dist/icons/spinner.mjs                       81.00 B
+ESM dist/button.mjs                              78.00 B
+ESM dist/AkkuratLLWeb-ThinItalic-VHHG6JUR.woff   160.44 KB
+ESM dist/AkkuratLLWeb-Light-EHI2GDZ3.woff2       107.88 KB
+ESM dist/AkkuratLLWeb-Light-BGKFIWYH.woff        155.01 KB
+ESM dist/AkkuratLLWeb-LightItalic-GEL2FLE3.woff2 105.68 KB
+ESM dist/AkkuratLLWeb-LightItalic-FXIWIHPX.woff  151.81 KB
+ESM dist/AkkuratLLWeb-Regular-Y25WHQIH.woff2     107.39 KB
+ESM dist/AkkuratLLWeb-Regular-M4AOR5FQ.woff      152.99 KB
+ESM dist/AkkuratLLWeb-Italic-3OFHOG35.woff2      106.87 KB
+ESM dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
+ESM dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
+ESM dist/AkkuratLLWeb-BoldItalic-FGK4XHSY.woff2  110.59 KB
+ESM dist/AkkuratLLWeb-Bold-AXCMLMSS.woff         157.63 KB
+ESM dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
+ESM dist/AkkuratLLWeb-BoldItalic-QKG5TZJY.woff   157.86 KB
+ESM dist/AkkuratLLWeb-Black-22NQUHG5.woff        159.99 KB
+ESM dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
+ESM dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
+ESM dist/index.css                               183.39 KB
+ESM dist/chunk-3TCQU24P.mjs                      1.30 KB
+ESM dist/dialog.mjs                              241.00 B
+ESM dist/index.mjs                               728.00 B
+ESM dist/chunk-HZWJQRFF.mjs                      687.00 B
+ESM dist/chunk-X3ENFT4V.mjs                      641.00 B
+ESM dist/chunk-E7MX5GSO.mjs                      948.00 B
+ESM dist/chunk-FQPAZ7YG.mjs                      1.68 KB
+ESM dist/chunk-7U7KEXP6.mjs                      3.98 KB
+ESM dist/input.mjs                               77.00 B
+ESM dist/chunk-C2KDWV5Z.mjs                      1.58 KB
+ESM dist/modal.mjs                               147.00 B
+ESM dist/chunk-WPSSGREX.mjs                      2.32 KB
+ESM dist/pinInput.mjs                            80.00 B
+ESM dist/chunk-VSTH5YAB.mjs                      2.43 KB
+ESM dist/icons/accountWalletLogo.mjs             91.00 B
+ESM dist/chunk-ESZY3JBH.mjs                      1.15 KB
+ESM dist/icons/browser.mjs                       117.00 B
+ESM dist/chunk-Y3OSOP6I.mjs                      1.75 KB
+ESM dist/chunk-FLJKIDRT.mjs                      68.18 KB
+ESM ⚡️ Build success in 3034ms
+CJS dist/AkkuratLLWeb-Thin-HVY6MUDE.woff2        112.96 KB
+CJS dist/AkkuratLLWeb-Thin-B3VOUNQC.woff         161.92 KB
+CJS dist/AkkuratLLWeb-ThinItalic-TLRSU3GY.woff2  112.27 KB
+CJS dist/AkkuratLLWeb-ThinItalic-VHHG6JUR.woff   160.44 KB
+CJS dist/AkkuratLLWeb-Light-EHI2GDZ3.woff2       107.88 KB
+CJS dist/AkkuratLLWeb-Light-BGKFIWYH.woff        155.01 KB
+CJS dist/AkkuratLLWeb-LightItalic-GEL2FLE3.woff2 105.68 KB
+CJS dist/AkkuratLLWeb-LightItalic-FXIWIHPX.woff  151.81 KB
+CJS dist/AkkuratLLWeb-Regular-Y25WHQIH.woff2     107.39 KB
+CJS dist/AkkuratLLWeb-Regular-M4AOR5FQ.woff      152.99 KB
+CJS dist/AkkuratLLWeb-Italic-3OFHOG35.woff2      106.87 KB
+CJS dist/AkkuratLLWeb-Italic-TXVXRVFQ.woff       153.06 KB
+CJS dist/AkkuratLLWeb-Bold-KUOGWC36.woff2        110.63 KB
+CJS dist/AkkuratLLWeb-Bold-AXCMLMSS.woff         157.63 KB
+CJS dist/AkkuratLLWeb-BoldItalic-FGK4XHSY.woff2  110.59 KB
+CJS dist/AkkuratLLWeb-BoldItalic-QKG5TZJY.woff   157.86 KB
+CJS dist/AkkuratLLWeb-Black-HD4CTN3S.woff2       112.19 KB
+CJS dist/AkkuratLLWeb-Black-22NQUHG5.woff        159.99 KB
+CJS dist/AkkuratLLWeb-BlackItalic-LV4PULUE.woff2 102.86 KB
+CJS dist/AkkuratLLWeb-BlackItalic-LRO3TGMB.woff  142.28 KB
+CJS dist/index.css                               183.39 KB
+CJS dist/chunk-PKUHTIDK.js                       1.37 KB
+CJS dist/icons/chevronDown.js                    239.00 B
+CJS dist/icons/close.js                          268.00 B
+CJS dist/icons/spinner.js                        231.00 B
+CJS dist/button.js                               227.00 B
+CJS dist/index.js                                3.43 KB
+CJS dist/chunk-RDYVRQBK.js                       741.00 B
+CJS dist/dialog.js                               1.44 KB
+CJS dist/chunk-6HW7C2QL.js                       727.00 B
+CJS dist/chunk-F52I65JJ.js                       1009.00 B
+CJS dist/chunk-LGJVPJX3.js                       1.74 KB
+CJS dist/chunk-RI4SVPGX.js                       5.34 KB
+CJS dist/input.js                                225.00 B
+CJS dist/chunk-5KA4BYO5.js                       1.67 KB
+CJS dist/modal.js                                653.00 B
+CJS dist/chunk-KHHFDILS.js                       2.71 KB
+CJS dist/pinInput.js                             231.00 B
+CJS dist/chunk-KOR2D6S4.js                       2.47 KB
+CJS dist/icons/accountWalletLogo.js              251.00 B
+CJS dist/chunk-NINTZKIZ.js                       1.21 KB
+CJS dist/icons/browser.js                        272.00 B
+CJS dist/chunk-AEW7GOE6.js                       1.88 KB
+CJS dist/chunk-74MKQUE2.js                       68.21 KB
+CJS ⚡️ Build success in 3038ms
+DTS ⚡️ Build success in 4425ms
 DTS dist/index.d.ts                   717.00 B
 DTS dist/button.d.ts                  312.00 B
-DTS dist/dialog.d.ts                  1.75 KB
+DTS dist/dialog.d.ts                  1.81 KB
 DTS dist/input.d.ts                   444.00 B
 DTS dist/modal.d.ts                   763.00 B
 DTS dist/pinInput.d.ts                303.00 B

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @burnt-labs/ui
 
+## 0.1.0-alpha.5
+
+### Minor Changes
+
+- [#57](https://github.com/burnt-labs/xion.js/pull/57) [`5e0d06f`](https://github.com/burnt-labs/xion.js/commit/5e0d06fd329422c7e0c7bcf63cc5929a8617502c) Thanks [@BurntNerve](https://github.com/BurntNerve)! - Added font files and small ui tweaks
+
+- [#65](https://github.com/burnt-labs/xion.js/pull/65) [`39fabfe`](https://github.com/burnt-labs/xion.js/commit/39fabfe78b029e55aa417ec9751696d861a905b0) Thanks [@justinbarry](https://github.com/justinbarry)! - Now longer use a blanket export in package.json as it was causing some confusion for some bundlers. There is no longer a css alias for "@burnt-labs/abstraxion/style.css", dapps will need to `import "@burnt-labs/abstraxion/dist/index.css"` going forward.
+
+## 0.1.0-alpha.4
+
+### Minor Changes
+
+- [#42](https://github.com/burnt-labs/xion.js/pull/42) [`6a6fdd2`](https://github.com/burnt-labs/xion.js/commit/6a6fdd253a1dc81873d271d2ac5e87100ef18ff1) Thanks [@BurntVal](https://github.com/BurntVal)! - remove unnecessary packages from abstraxion and optimize modal backdrop
+
 ## 0.0.1-alpha.3
 
 ### Patch Changes

package/dist/button.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk2Q6RXIMO_js = require('./chunk-2Q6RXIMO.js');
+var chunkLGJVPJX3_js = require('./chunk-LGJVPJX3.js');
 require('./chunk-PKUHTIDK.js');
 
 
 
 Object.defineProperty(exports, 'Button', {
   enumerable: true,
-  get: function () { return chunk2Q6RXIMO_js.Button; }
+  get: function () { return chunkLGJVPJX3_js.Button; }
 });

package/dist/button.mjs

@@ -1,2 +1,2 @@
-export { Button } from './chunk-ZSN5BIXR.mjs';
+export { Button } from './chunk-FQPAZ7YG.mjs';
 import './chunk-3TCQU24P.mjs';

package/dist/{chunk-LFGEVDYE.js → chunk-5KA4BYO5.js}

@@ -33,17 +33,17 @@ function Input(_a) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "label",
       {
-        className: `ui-relative ui-z-0 ui-w-auto ${isInputFocused || value ? "ui-top-2 ui-text-xs" : "ui-top-7"} ui-text-neutral-500`,
+        className: `ui-relative ui-z-0 ui-w-auto ui-font-akkuratLL ${isInputFocused || value ? "ui-top-2 ui-text-xs ui-leading-tight" : "ui-top-7"} ui-text-neutral-400`,
         children: placeholder
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       chunkPKUHTIDK_js.__spreadProps(chunkPKUHTIDK_js.__spreadValues({}, props), {
-        value,
-        onFocus: handleFocus,
+        className: `ui-z-10 ui-block ui-h-8 ui-w-full ui-border-b ui-relative ${error ? "ui-border-red-400" : ""} ui-bg-transparent ui-font-akkuratLL ui-text-sm ui-text-zinc-100 ui-font-normal ui-leading-tight ui-outline-none`,
         onBlur: handleBlur,
-        className: `ui-z-10 ui-block ui-h-8 ui-w-full ui-border-b ui-relative ${error ? "ui-border-red-400" : ""} ui-bg-transparent ui-text-sm ui-text-white ui-outline-none`
+        onFocus: handleFocus,
+        value
       })
     )
   ] });

package/dist/{chunk-VAKGTJOP.mjs → chunk-7U7KEXP6.mjs}

@@ -13,11 +13,11 @@ var DialogOverlay = React.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Overlay,
     __spreadValues({
-      ref,
       className: cn(
         "ui-bg-black/80 ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-fixed ui-inset-0 ui-z-50 ui-backdrop-blur-lg",
         className
-      )
+      ),
+      ref
     }, props)
   );
 });
@@ -30,11 +30,11 @@ var DialogContent = React.forwardRef((_a, ref) => {
     /* @__PURE__ */ jsx(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
-        ref,
         className: cn(
-          "ui-bg-black/20 ui-backdrop-blur-2xl ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-data-[state=closed]:ui-zoom-out-95 ui-data-[state=open]:ui-zoom-in-95 ui-data-[state=closed]:ui-slide-out-to-left-1/2 ui-data-[state=closed]:ui-slide-out-to-top-[48%] ui-data-[state=open]:ui-slide-in-from-left-1/2 ui-data-[state=open]:ui-slide-in-from-top-[48%] ui-fixed ui-z-[70] ui-grid ui-w-full ui-max-w-lg ui-gap-4 ui-p-6 ui-shadow-lg ui-duration-200 sm:ui-rounded-3xl ui-left-[50%] ui-top-[50%] ui-translate-x-[-50%] ui-translate-y-[-50%]",
+          "ui-bg-black/20 ui-backdrop-blur-2xl ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-data-[state=closed]:ui-zoom-out-95 ui-data-[state=open]:ui-zoom-in-95 ui-data-[state=closed]:ui-slide-out-to-left-1/2 ui-data-[state=closed]:ui-slide-out-to-top-[48%] ui-data-[state=open]:ui-slide-in-from-left-1/2 ui-data-[state=open]:ui-slide-in-from-top-[48%] ui-fixed ui-z-[70] ui-grid ui-w-full ui-max-w-lg ui-gap-4 ui-p-6 ui-duration-200 sm:ui-rounded-[48px] ui-left-[50%] ui-top-[50%] ui-translate-x-[-50%] ui-translate-y-[-50%]",
           className
-        )
+        ),
+        ref
       }, props), {
         children
       })
@@ -42,7 +42,7 @@ var DialogContent = React.forwardRef((_a, ref) => {
   ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
+function DialogHeader(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
@@ -57,9 +57,9 @@ var DialogHeader = (_a) => {
       )
     }, props)
   );
-};
+}
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
+function DialogFooter(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
@@ -74,18 +74,18 @@ var DialogFooter = (_a) => {
       )
     }, props)
   );
-};
+}
 DialogFooter.displayName = "DialogFooter";
 var DialogTitle = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Title,
     __spreadValues({
-      ref,
       className: cn(
         "ui-text-lg ui-font-semibold ui-leading-none ui-tracking-tight",
         className
-      )
+      ),
+      ref
     }, props)
   );
 });
@@ -95,8 +95,8 @@ var DialogDescription = React.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsx(
     DialogPrimitive.Description,
     __spreadValues({
-      ref,
-      className: cn("ui-text-neutral-500 ui-text-sm", className)
+      className: cn("ui-text-neutral-500 ui-text-sm", className),
+      ref
     }, props)
   );
 });

package/dist/{chunk-6MDHZUJ6.mjs → chunk-C2KDWV5Z.mjs}

@@ -31,17 +31,17 @@ function Input(_a) {
     /* @__PURE__ */ jsx(
       "label",
       {
-        className: `ui-relative ui-z-0 ui-w-auto ${isInputFocused || value ? "ui-top-2 ui-text-xs" : "ui-top-7"} ui-text-neutral-500`,
+        className: `ui-relative ui-z-0 ui-w-auto ui-font-akkuratLL ${isInputFocused || value ? "ui-top-2 ui-text-xs ui-leading-tight" : "ui-top-7"} ui-text-neutral-400`,
         children: placeholder
       }
     ),
     /* @__PURE__ */ jsx(
       "input",
       __spreadProps(__spreadValues({}, props), {
-        value,
-        onFocus: handleFocus,
+        className: `ui-z-10 ui-block ui-h-8 ui-w-full ui-border-b ui-relative ${error ? "ui-border-red-400" : ""} ui-bg-transparent ui-font-akkuratLL ui-text-sm ui-text-zinc-100 ui-font-normal ui-leading-tight ui-outline-none`,
         onBlur: handleBlur,
-        className: `ui-z-10 ui-block ui-h-8 ui-w-full ui-border-b ui-relative ${error ? "ui-border-red-400" : ""} ui-bg-transparent ui-text-sm ui-text-white ui-outline-none`
+        onFocus: handleFocus,
+        value
       })
     )
   ] });

package/dist/{chunk-ZSN5BIXR.mjs → chunk-FQPAZ7YG.mjs}

@@ -40,7 +40,7 @@ var Button = (_a) => {
   return /* @__PURE__ */ jsx(
     "button",
     __spreadProps(__spreadValues({
-      className: `ui-rounded-md ui-px-5 ui-py-3.5 ui-text-sm ui-font-bold ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
+      className: `ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
     }, props), {
       children
     })

package/dist/{chunk-2Q6RXIMO.js → chunk-LGJVPJX3.js}

@@ -42,7 +42,7 @@ var Button = (_a) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     chunkPKUHTIDK_js.__spreadProps(chunkPKUHTIDK_js.__spreadValues({
-      className: `ui-rounded-md ui-px-5 ui-py-3.5 ui-text-sm ui-font-bold ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
+      className: `ui-rounded-md ui-font-akkuratLL ui-uppercase ui-px-5 ui-py-3.5 ui-text-sm ui-outline-none ui-hover:opacity-70 ${fullWidth ? "ui-w-full" : ""} ${getButtonClasses()}`
     }, props), {
       children
     })

package/dist/{chunk-EQPD6VU7.js → chunk-RI4SVPGX.js}

@@ -36,11 +36,11 @@ var DialogOverlay = React__namespace.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Overlay,
     chunkPKUHTIDK_js.__spreadValues({
-      ref,
       className: chunk74MKQUE2_js.cn(
         "ui-bg-black/80 ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-fixed ui-inset-0 ui-z-50 ui-backdrop-blur-lg",
         className
-      )
+      ),
+      ref
     }, props)
   );
 });
@@ -53,11 +53,11 @@ var DialogContent = React__namespace.forwardRef((_a, ref) => {
     /* @__PURE__ */ jsxRuntime.jsx(
       DialogPrimitive__namespace.Content,
       chunkPKUHTIDK_js.__spreadProps(chunkPKUHTIDK_js.__spreadValues({
-        ref,
         className: chunk74MKQUE2_js.cn(
-          "ui-bg-black/20 ui-backdrop-blur-2xl ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-data-[state=closed]:ui-zoom-out-95 ui-data-[state=open]:ui-zoom-in-95 ui-data-[state=closed]:ui-slide-out-to-left-1/2 ui-data-[state=closed]:ui-slide-out-to-top-[48%] ui-data-[state=open]:ui-slide-in-from-left-1/2 ui-data-[state=open]:ui-slide-in-from-top-[48%] ui-fixed ui-z-[70] ui-grid ui-w-full ui-max-w-lg ui-gap-4 ui-p-6 ui-shadow-lg ui-duration-200 sm:ui-rounded-3xl ui-left-[50%] ui-top-[50%] ui-translate-x-[-50%] ui-translate-y-[-50%]",
+          "ui-bg-black/20 ui-backdrop-blur-2xl ui-data-[state=open]:ui-animate-in ui-data-[state=closed]:ui-animate-out ui-data-[state=closed]:ui-fade-out-0 ui-data-[state=open]:ui-fade-in-0 ui-data-[state=closed]:ui-zoom-out-95 ui-data-[state=open]:ui-zoom-in-95 ui-data-[state=closed]:ui-slide-out-to-left-1/2 ui-data-[state=closed]:ui-slide-out-to-top-[48%] ui-data-[state=open]:ui-slide-in-from-left-1/2 ui-data-[state=open]:ui-slide-in-from-top-[48%] ui-fixed ui-z-[70] ui-grid ui-w-full ui-max-w-lg ui-gap-4 ui-p-6 ui-duration-200 sm:ui-rounded-[48px] ui-left-[50%] ui-top-[50%] ui-translate-x-[-50%] ui-translate-y-[-50%]",
           className
-        )
+        ),
+        ref
       }, props), {
         children
       })
@@ -65,7 +65,7 @@ var DialogContent = React__namespace.forwardRef((_a, ref) => {
   ] });
 });
 DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = (_a) => {
+function DialogHeader(_a) {
   var _b = _a, {
     className
   } = _b, props = chunkPKUHTIDK_js.__objRest(_b, [
@@ -80,9 +80,9 @@ var DialogHeader = (_a) => {
       )
     }, props)
   );
-};
+}
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
+function DialogFooter(_a) {
   var _b = _a, {
     className
   } = _b, props = chunkPKUHTIDK_js.__objRest(_b, [
@@ -97,18 +97,18 @@ var DialogFooter = (_a) => {
       )
     }, props)
   );
-};
+}
 DialogFooter.displayName = "DialogFooter";
 var DialogTitle = React__namespace.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = chunkPKUHTIDK_js.__objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Title,
     chunkPKUHTIDK_js.__spreadValues({
-      ref,
       className: chunk74MKQUE2_js.cn(
         "ui-text-lg ui-font-semibold ui-leading-none ui-tracking-tight",
         className
-      )
+      ),
+      ref
     }, props)
   );
 });
@@ -118,8 +118,8 @@ var DialogDescription = React__namespace.forwardRef((_a, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Description,
     chunkPKUHTIDK_js.__spreadValues({
-      ref,
-      className: chunk74MKQUE2_js.cn("ui-text-neutral-500 ui-text-sm", className)
+      className: chunk74MKQUE2_js.cn("ui-text-neutral-500 ui-text-sm", className),
+      ref
     }, props)
   );
 });

package/dist/dialog.d.ts

@@ -8,14 +8,14 @@ declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace DialogHeader {
+    var displayName: string;
+}
+declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace DialogFooter {
+    var displayName: string;
+}
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 

package/dist/dialog.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkEQPD6VU7_js = require('./chunk-EQPD6VU7.js');
+var chunkRI4SVPGX_js = require('./chunk-RI4SVPGX.js');
 require('./chunk-74MKQUE2.js');
 require('./chunk-PKUHTIDK.js');
 
@@ -8,41 +8,41 @@ require('./chunk-PKUHTIDK.js');
 
 Object.defineProperty(exports, 'Dialog', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.Dialog; }
+  get: function () { return chunkRI4SVPGX_js.Dialog; }
 });
 Object.defineProperty(exports, 'DialogClose', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogClose; }
+  get: function () { return chunkRI4SVPGX_js.DialogClose; }
 });
 Object.defineProperty(exports, 'DialogContent', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogContent; }
+  get: function () { return chunkRI4SVPGX_js.DialogContent; }
 });
 Object.defineProperty(exports, 'DialogDescription', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogDescription; }
+  get: function () { return chunkRI4SVPGX_js.DialogDescription; }
 });
 Object.defineProperty(exports, 'DialogFooter', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogFooter; }
+  get: function () { return chunkRI4SVPGX_js.DialogFooter; }
 });
 Object.defineProperty(exports, 'DialogHeader', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogHeader; }
+  get: function () { return chunkRI4SVPGX_js.DialogHeader; }
 });
 Object.defineProperty(exports, 'DialogOverlay', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogOverlay; }
+  get: function () { return chunkRI4SVPGX_js.DialogOverlay; }
 });
 Object.defineProperty(exports, 'DialogPortal', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogPortal; }
+  get: function () { return chunkRI4SVPGX_js.DialogPortal; }
 });
 Object.defineProperty(exports, 'DialogTitle', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogTitle; }
+  get: function () { return chunkRI4SVPGX_js.DialogTitle; }
 });
 Object.defineProperty(exports, 'DialogTrigger', {
   enumerable: true,
-  get: function () { return chunkEQPD6VU7_js.DialogTrigger; }
+  get: function () { return chunkRI4SVPGX_js.DialogTrigger; }
 });

package/dist/dialog.mjs

@@ -1,3 +1,3 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-VAKGTJOP.mjs';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7U7KEXP6.mjs';
 import './chunk-FLJKIDRT.mjs';
 import './chunk-3TCQU24P.mjs';