try to use bun for bundling

7 files changed, 19 insertions, 6 deletions

diff --git a/static/widgets/editable/index.js b/static/widgets/editable/index.js
index 116946f..b7e24de 100644
--- a/static/widgets/editable/index.js
+++ b/static/widgets/editable/index.js
@@ -2,7 +2,9 @@ import icons from 'icons';
 import * as sfw from 'sfw';
 const { Div, Label, Input } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css');
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class Editable extends sfw.element.Container {
 	#label
diff --git a/static/widgets/image/index.css b/static/widgets/image/index.css
index bfca517..a4105e9 100644
--- a/static/widgets/image/index.css
+++ b/static/widgets/image/index.css
@@ -6,6 +6,7 @@
 	overflow: hidden;
 	box-shadow: #223223aa 1px 1px 4px;
 	background: var(--card-background);
+	margin: auto;
 }
 
 #container img {
diff --git a/static/widgets/image/index.js b/static/widgets/image/index.js
index 3e403bd..b063864 100644
--- a/static/widgets/image/index.js
+++ b/static/widgets/image/index.js
@@ -3,7 +3,9 @@ import * as sfw from 'sfw';
 import Month from '../../month.js';
 const { Div, Img, A: Link } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css')
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class Image extends sfw.element.Container {
 	#container
diff --git a/static/widgets/month-select/index.js b/static/widgets/month-select/index.js
index 63caf70..7e4d583 100644
--- a/static/widgets/month-select/index.js
+++ b/static/widgets/month-select/index.js
@@ -2,7 +2,9 @@ import icons from 'icons';
 import * as sfw from 'sfw';
 const { Div } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css');
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class MonthSelect extends sfw.element.Container {
 	#container
diff --git a/static/widgets/password-dialog/index.js b/static/widgets/password-dialog/index.js
index 6dbba12..76fbec6 100644
--- a/static/widgets/password-dialog/index.js
+++ b/static/widgets/password-dialog/index.js
@@ -3,7 +3,9 @@ import icons from 'icons';
 import * as sfw from 'sfw';
 const { Div, Input } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css');
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class PasswordDialog extends sfw.element.Container {
 	#current
diff --git a/static/widgets/search/index.js b/static/widgets/search/index.js
index 1a367f3..b014cdd 100644
--- a/static/widgets/search/index.js
+++ b/static/widgets/search/index.js
@@ -2,7 +2,9 @@ import icons from 'icons';
 import * as sfw from 'sfw';
 const { Div, Input, Button } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css');
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class Search extends sfw.element.Container {
 	#container
diff --git a/static/widgets/upload-bar/index.js b/static/widgets/upload-bar/index.js
index a9e0220..f6d37b5 100644
--- a/static/widgets/upload-bar/index.js
+++ b/static/widgets/upload-bar/index.js
@@ -1,7 +1,9 @@
 import * as sfw from 'sfw';
 const { Div } = sfw.element.native;
 
-const css = await sfw.css(import.meta.url, './index.css')
+import stylesheet from './index.css';
+
+const css = await sfw.css.sheet(stylesheet);
 
 export default class UploadBar extends sfw.element.Container {
 	#files_progress