bareframe 0.1.0 → 0.1.2

package/dist/components/heatmap.js

@@ -1,31 +0,0 @@
-class BfHeatmap extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./heatmap.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'heatmap';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-heatmap', BfHeatmap);

package/dist/components/line-chart.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-line-chart-font: var(--bf-theme-font-family, inherit);
-	--bf-line-chart-radius: var(--bf-theme-radius-md, 8px);
-	--bf-line-chart-border-width: var(--bf-theme-border-width, 1px);
-	--bf-line-chart-border-style: var(--bf-theme-border-style, solid);
-	--bf-line-chart-border-color: var(--bf-theme-line-chart-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-line-chart-bg: var(--bf-theme-line-chart-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-line-chart-color: var(--bf-theme-line-chart-color, var(--bf-theme-text-1, #0f172a));
-	--bf-line-chart-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-line-chart-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-line-chart-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-line-chart-font);
-	color: var(--bf-line-chart-color);
-}
-
-.root {
-	background: var(--bf-line-chart-bg);
-	color: var(--bf-line-chart-color);
-	border-width: var(--bf-line-chart-border-width);
-	border-style: var(--bf-line-chart-border-style);
-	border-color: var(--bf-line-chart-border-color);
-	border-radius: var(--bf-line-chart-radius);
-	padding: var(--bf-line-chart-padding-y) var(--bf-line-chart-padding-x);
-	transition: var(--bf-line-chart-transition);
-}

package/dist/components/line-chart.js

@@ -1,31 +0,0 @@
-class BfLineChart extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./line-chart.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'line chart';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-line-chart', BfLineChart);

package/dist/components/list-item.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-list-item-font: var(--bf-theme-font-family, inherit);
-	--bf-list-item-radius: var(--bf-theme-radius-md, 8px);
-	--bf-list-item-border-width: var(--bf-theme-border-width, 1px);
-	--bf-list-item-border-style: var(--bf-theme-border-style, solid);
-	--bf-list-item-border-color: var(--bf-theme-list-item-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-list-item-bg: var(--bf-theme-list-item-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-list-item-color: var(--bf-theme-list-item-color, var(--bf-theme-text-1, #0f172a));
-	--bf-list-item-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-list-item-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-list-item-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-list-item-font);
-	color: var(--bf-list-item-color);
-}
-
-.root {
-	background: var(--bf-list-item-bg);
-	color: var(--bf-list-item-color);
-	border-width: var(--bf-list-item-border-width);
-	border-style: var(--bf-list-item-border-style);
-	border-color: var(--bf-list-item-border-color);
-	border-radius: var(--bf-list-item-radius);
-	padding: var(--bf-list-item-padding-y) var(--bf-list-item-padding-x);
-	transition: var(--bf-list-item-transition);
-}

package/dist/components/list-item.js

@@ -1,31 +0,0 @@
-class BfListItem extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./list-item.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'list item';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-list-item', BfListItem);

package/dist/components/menu-item.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-menu-item-font: var(--bf-theme-font-family, inherit);
-	--bf-menu-item-radius: var(--bf-theme-radius-md, 8px);
-	--bf-menu-item-border-width: var(--bf-theme-border-width, 1px);
-	--bf-menu-item-border-style: var(--bf-theme-border-style, solid);
-	--bf-menu-item-border-color: var(--bf-theme-menu-item-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-menu-item-bg: var(--bf-theme-menu-item-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-menu-item-color: var(--bf-theme-menu-item-color, var(--bf-theme-text-1, #0f172a));
-	--bf-menu-item-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-menu-item-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-menu-item-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-menu-item-font);
-	color: var(--bf-menu-item-color);
-}
-
-.root {
-	background: var(--bf-menu-item-bg);
-	color: var(--bf-menu-item-color);
-	border-width: var(--bf-menu-item-border-width);
-	border-style: var(--bf-menu-item-border-style);
-	border-color: var(--bf-menu-item-border-color);
-	border-radius: var(--bf-menu-item-radius);
-	padding: var(--bf-menu-item-padding-y) var(--bf-menu-item-padding-x);
-	transition: var(--bf-menu-item-transition);
-}

package/dist/components/menu-item.js

@@ -1,31 +0,0 @@
-class BfMenuItem extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./menu-item.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'menu item';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-menu-item', BfMenuItem);

package/dist/components/multi-select.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-multi-select-font: var(--bf-theme-font-family, inherit);
-	--bf-multi-select-radius: var(--bf-theme-radius-md, 8px);
-	--bf-multi-select-border-width: var(--bf-theme-border-width, 1px);
-	--bf-multi-select-border-style: var(--bf-theme-border-style, solid);
-	--bf-multi-select-border-color: var(--bf-theme-multi-select-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-multi-select-bg: var(--bf-theme-multi-select-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-multi-select-color: var(--bf-theme-multi-select-color, var(--bf-theme-text-1, #0f172a));
-	--bf-multi-select-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-multi-select-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-multi-select-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-multi-select-font);
-	color: var(--bf-multi-select-color);
-}
-
-.root {
-	background: var(--bf-multi-select-bg);
-	color: var(--bf-multi-select-color);
-	border-width: var(--bf-multi-select-border-width);
-	border-style: var(--bf-multi-select-border-style);
-	border-color: var(--bf-multi-select-border-color);
-	border-radius: var(--bf-multi-select-radius);
-	padding: var(--bf-multi-select-padding-y) var(--bf-multi-select-padding-x);
-	transition: var(--bf-multi-select-transition);
-}

package/dist/components/multi-select.js

@@ -1,31 +0,0 @@
-class BfMultiSelect extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./multi-select.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'multi select';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-multi-select', BfMultiSelect);

package/dist/components/notification.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-notification-font: var(--bf-theme-font-family, inherit);
-	--bf-notification-radius: var(--bf-theme-radius-md, 8px);
-	--bf-notification-border-width: var(--bf-theme-border-width, 1px);
-	--bf-notification-border-style: var(--bf-theme-border-style, solid);
-	--bf-notification-border-color: var(--bf-theme-notification-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-notification-bg: var(--bf-theme-notification-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-notification-color: var(--bf-theme-notification-color, var(--bf-theme-text-1, #0f172a));
-	--bf-notification-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-notification-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-notification-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-notification-font);
-	color: var(--bf-notification-color);
-}
-
-.root {
-	background: var(--bf-notification-bg);
-	color: var(--bf-notification-color);
-	border-width: var(--bf-notification-border-width);
-	border-style: var(--bf-notification-border-style);
-	border-color: var(--bf-notification-border-color);
-	border-radius: var(--bf-notification-radius);
-	padding: var(--bf-notification-padding-y) var(--bf-notification-padding-x);
-	transition: var(--bf-notification-transition);
-}

package/dist/components/notification.js

@@ -1,31 +0,0 @@
-class BfNotification extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./notification.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'notification';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-notification', BfNotification);

package/dist/components/pie-chart.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-pie-chart-font: var(--bf-theme-font-family, inherit);
-	--bf-pie-chart-radius: var(--bf-theme-radius-md, 8px);
-	--bf-pie-chart-border-width: var(--bf-theme-border-width, 1px);
-	--bf-pie-chart-border-style: var(--bf-theme-border-style, solid);
-	--bf-pie-chart-border-color: var(--bf-theme-pie-chart-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-pie-chart-bg: var(--bf-theme-pie-chart-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-pie-chart-color: var(--bf-theme-pie-chart-color, var(--bf-theme-text-1, #0f172a));
-	--bf-pie-chart-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-pie-chart-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-pie-chart-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-pie-chart-font);
-	color: var(--bf-pie-chart-color);
-}
-
-.root {
-	background: var(--bf-pie-chart-bg);
-	color: var(--bf-pie-chart-color);
-	border-width: var(--bf-pie-chart-border-width);
-	border-style: var(--bf-pie-chart-border-style);
-	border-color: var(--bf-pie-chart-border-color);
-	border-radius: var(--bf-pie-chart-radius);
-	padding: var(--bf-pie-chart-padding-y) var(--bf-pie-chart-padding-x);
-	transition: var(--bf-pie-chart-transition);
-}

package/dist/components/pie-chart.js

@@ -1,31 +0,0 @@
-class BfPieChart extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./pie-chart.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'pie chart';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-pie-chart', BfPieChart);

package/dist/components/popover.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-popover-font: var(--bf-theme-font-family, inherit);
-	--bf-popover-radius: var(--bf-theme-radius-md, 8px);
-	--bf-popover-border-width: var(--bf-theme-border-width, 1px);
-	--bf-popover-border-style: var(--bf-theme-border-style, solid);
-	--bf-popover-border-color: var(--bf-theme-popover-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-popover-bg: var(--bf-theme-popover-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-popover-color: var(--bf-theme-popover-color, var(--bf-theme-text-1, #0f172a));
-	--bf-popover-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-popover-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-popover-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-popover-font);
-	color: var(--bf-popover-color);
-}
-
-.root {
-	background: var(--bf-popover-bg);
-	color: var(--bf-popover-color);
-	border-width: var(--bf-popover-border-width);
-	border-style: var(--bf-popover-border-style);
-	border-color: var(--bf-popover-border-color);
-	border-radius: var(--bf-popover-radius);
-	padding: var(--bf-popover-padding-y) var(--bf-popover-padding-x);
-	transition: var(--bf-popover-transition);
-}

package/dist/components/popover.js

@@ -1,31 +0,0 @@
-class BfPopover extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./popover.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'popover';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-popover', BfPopover);

package/dist/components/progress-bar.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-progress-bar-font: var(--bf-theme-font-family, inherit);
-	--bf-progress-bar-radius: var(--bf-theme-radius-md, 8px);
-	--bf-progress-bar-border-width: var(--bf-theme-border-width, 1px);
-	--bf-progress-bar-border-style: var(--bf-theme-border-style, solid);
-	--bf-progress-bar-border-color: var(--bf-theme-progress-bar-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-progress-bar-bg: var(--bf-theme-progress-bar-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-progress-bar-color: var(--bf-theme-progress-bar-color, var(--bf-theme-text-1, #0f172a));
-	--bf-progress-bar-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-progress-bar-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-progress-bar-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-progress-bar-font);
-	color: var(--bf-progress-bar-color);
-}
-
-.root {
-	background: var(--bf-progress-bar-bg);
-	color: var(--bf-progress-bar-color);
-	border-width: var(--bf-progress-bar-border-width);
-	border-style: var(--bf-progress-bar-border-style);
-	border-color: var(--bf-progress-bar-border-color);
-	border-radius: var(--bf-progress-bar-radius);
-	padding: var(--bf-progress-bar-padding-y) var(--bf-progress-bar-padding-x);
-	transition: var(--bf-progress-bar-transition);
-}

package/dist/components/progress-bar.js

@@ -1,31 +0,0 @@
-class BfProgressBar extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./progress-bar.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'progress bar';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-progress-bar', BfProgressBar);

package/dist/components/progress-circle.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-progress-circle-font: var(--bf-theme-font-family, inherit);
-	--bf-progress-circle-radius: var(--bf-theme-radius-md, 8px);
-	--bf-progress-circle-border-width: var(--bf-theme-border-width, 1px);
-	--bf-progress-circle-border-style: var(--bf-theme-border-style, solid);
-	--bf-progress-circle-border-color: var(--bf-theme-progress-circle-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-progress-circle-bg: var(--bf-theme-progress-circle-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-progress-circle-color: var(--bf-theme-progress-circle-color, var(--bf-theme-text-1, #0f172a));
-	--bf-progress-circle-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-progress-circle-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-progress-circle-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-progress-circle-font);
-	color: var(--bf-progress-circle-color);
-}
-
-.root {
-	background: var(--bf-progress-circle-bg);
-	color: var(--bf-progress-circle-color);
-	border-width: var(--bf-progress-circle-border-width);
-	border-style: var(--bf-progress-circle-border-style);
-	border-color: var(--bf-progress-circle-border-color);
-	border-radius: var(--bf-progress-circle-radius);
-	padding: var(--bf-progress-circle-padding-y) var(--bf-progress-circle-padding-x);
-	transition: var(--bf-progress-circle-transition);
-}

package/dist/components/progress-circle.js

@@ -1,31 +0,0 @@
-class BfProgressCircle extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./progress-circle.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'progress circle';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-progress-circle', BfProgressCircle);

package/dist/components/radio-group.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-radio-group-font: var(--bf-theme-font-family, inherit);
-	--bf-radio-group-radius: var(--bf-theme-radius-md, 8px);
-	--bf-radio-group-border-width: var(--bf-theme-border-width, 1px);
-	--bf-radio-group-border-style: var(--bf-theme-border-style, solid);
-	--bf-radio-group-border-color: var(--bf-theme-radio-group-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-radio-group-bg: var(--bf-theme-radio-group-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-radio-group-color: var(--bf-theme-radio-group-color, var(--bf-theme-text-1, #0f172a));
-	--bf-radio-group-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-radio-group-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-radio-group-transition:
-		var(--bf-theme-transition-bg, background-color 120ms ease),
-		var(--bf-theme-transition-color, color 120ms ease),
-		var(--bf-theme-transition-border, border-color 120ms ease);
-
-	display: block;
-	font: var(--bf-radio-group-font);
-	color: var(--bf-radio-group-color);
-}
-
-.root {
-	background: var(--bf-radio-group-bg);
-	color: var(--bf-radio-group-color);
-	border-width: var(--bf-radio-group-border-width);
-	border-style: var(--bf-radio-group-border-style);
-	border-color: var(--bf-radio-group-border-color);
-	border-radius: var(--bf-radio-group-radius);
-	padding: var(--bf-radio-group-padding-y) var(--bf-radio-group-padding-x);
-	transition: var(--bf-radio-group-transition);
-}

package/dist/components/radio-group.js

@@ -1,31 +0,0 @@
-class BfRadioGroup extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./radio-group.css', import.meta.url);
-		const link = document.createElement('link');
-		link.rel = 'stylesheet';
-		link.href = cssUrl.href;
-
-		const root = document.createElement('div');
-		root.className = 'root';
-		root.setAttribute('part', 'root');
-		root.innerHTML = '<slot></slot>';
-
-		if (!this.innerHTML.trim()) {
-			root.textContent = 'radio group';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-radio-group', BfRadioGroup);