bareframe 0.1.0 → 0.1.1

package/dist/components/range-slider.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-range-slider-font: var(--bf-theme-font-family, inherit);
-	--bf-range-slider-radius: var(--bf-theme-radius-md, 8px);
-	--bf-range-slider-border-width: var(--bf-theme-border-width, 1px);
-	--bf-range-slider-border-style: var(--bf-theme-border-style, solid);
-	--bf-range-slider-border-color: var(--bf-theme-range-slider-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-range-slider-bg: var(--bf-theme-range-slider-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-range-slider-color: var(--bf-theme-range-slider-color, var(--bf-theme-text-1, #0f172a));
-	--bf-range-slider-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-range-slider-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-range-slider-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-range-slider-font);
-	color: var(--bf-range-slider-color);
-}
-
-.root {
-	background: var(--bf-range-slider-bg);
-	color: var(--bf-range-slider-color);
-	border-width: var(--bf-range-slider-border-width);
-	border-style: var(--bf-range-slider-border-style);
-	border-color: var(--bf-range-slider-border-color);
-	border-radius: var(--bf-range-slider-radius);
-	padding: var(--bf-range-slider-padding-y) var(--bf-range-slider-padding-x);
-	transition: var(--bf-range-slider-transition);
-}

package/dist/components/range-slider.js

@@ -1,31 +0,0 @@
-class BfRangeSlider extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./range-slider.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 = 'range slider';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-range-slider', BfRangeSlider);

package/dist/components/rating.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-rating-font: var(--bf-theme-font-family, inherit);
-	--bf-rating-radius: var(--bf-theme-radius-md, 8px);
-	--bf-rating-border-width: var(--bf-theme-border-width, 1px);
-	--bf-rating-border-style: var(--bf-theme-border-style, solid);
-	--bf-rating-border-color: var(--bf-theme-rating-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-rating-bg: var(--bf-theme-rating-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-rating-color: var(--bf-theme-rating-color, var(--bf-theme-text-1, #0f172a));
-	--bf-rating-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-rating-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-rating-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-rating-font);
-	color: var(--bf-rating-color);
-}
-
-.root {
-	background: var(--bf-rating-bg);
-	color: var(--bf-rating-color);
-	border-width: var(--bf-rating-border-width);
-	border-style: var(--bf-rating-border-style);
-	border-color: var(--bf-rating-border-color);
-	border-radius: var(--bf-rating-radius);
-	padding: var(--bf-rating-padding-y) var(--bf-rating-padding-x);
-	transition: var(--bf-rating-transition);
-}

package/dist/components/rating.js

@@ -1,31 +0,0 @@
-class BfRating extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./rating.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 = 'rating';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-rating', BfRating);

package/dist/components/sheet.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-sheet-font: var(--bf-theme-font-family, inherit);
-	--bf-sheet-radius: var(--bf-theme-radius-md, 8px);
-	--bf-sheet-border-width: var(--bf-theme-border-width, 1px);
-	--bf-sheet-border-style: var(--bf-theme-border-style, solid);
-	--bf-sheet-border-color: var(--bf-theme-sheet-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-sheet-bg: var(--bf-theme-sheet-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-sheet-color: var(--bf-theme-sheet-color, var(--bf-theme-text-1, #0f172a));
-	--bf-sheet-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-sheet-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-sheet-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-sheet-font);
-	color: var(--bf-sheet-color);
-}
-
-.root {
-	background: var(--bf-sheet-bg);
-	color: var(--bf-sheet-color);
-	border-width: var(--bf-sheet-border-width);
-	border-style: var(--bf-sheet-border-style);
-	border-color: var(--bf-sheet-border-color);
-	border-radius: var(--bf-sheet-radius);
-	padding: var(--bf-sheet-padding-y) var(--bf-sheet-padding-x);
-	transition: var(--bf-sheet-transition);
-}

package/dist/components/sheet.js

@@ -1,31 +0,0 @@
-class BfSheet extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./sheet.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 = 'sheet';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-sheet', BfSheet);

package/dist/components/slider.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-slider-font: var(--bf-theme-font-family, inherit);
-	--bf-slider-radius: var(--bf-theme-radius-md, 8px);
-	--bf-slider-border-width: var(--bf-theme-border-width, 1px);
-	--bf-slider-border-style: var(--bf-theme-border-style, solid);
-	--bf-slider-border-color: var(--bf-theme-slider-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-slider-bg: var(--bf-theme-slider-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-slider-color: var(--bf-theme-slider-color, var(--bf-theme-text-1, #0f172a));
-	--bf-slider-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-slider-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-slider-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-slider-font);
-	color: var(--bf-slider-color);
-}
-
-.root {
-	background: var(--bf-slider-bg);
-	color: var(--bf-slider-color);
-	border-width: var(--bf-slider-border-width);
-	border-style: var(--bf-slider-border-style);
-	border-color: var(--bf-slider-border-color);
-	border-radius: var(--bf-slider-radius);
-	padding: var(--bf-slider-padding-y) var(--bf-slider-padding-x);
-	transition: var(--bf-slider-transition);
-}

package/dist/components/slider.js

@@ -1,31 +0,0 @@
-class BfSlider extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./slider.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 = 'slider';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-slider', BfSlider);

package/dist/components/snackbar.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-snackbar-font: var(--bf-theme-font-family, inherit);
-	--bf-snackbar-radius: var(--bf-theme-radius-md, 8px);
-	--bf-snackbar-border-width: var(--bf-theme-border-width, 1px);
-	--bf-snackbar-border-style: var(--bf-theme-border-style, solid);
-	--bf-snackbar-border-color: var(--bf-theme-snackbar-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-snackbar-bg: var(--bf-theme-snackbar-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-snackbar-color: var(--bf-theme-snackbar-color, var(--bf-theme-text-1, #0f172a));
-	--bf-snackbar-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-snackbar-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-snackbar-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-snackbar-font);
-	color: var(--bf-snackbar-color);
-}
-
-.root {
-	background: var(--bf-snackbar-bg);
-	color: var(--bf-snackbar-color);
-	border-width: var(--bf-snackbar-border-width);
-	border-style: var(--bf-snackbar-border-style);
-	border-color: var(--bf-snackbar-border-color);
-	border-radius: var(--bf-snackbar-radius);
-	padding: var(--bf-snackbar-padding-y) var(--bf-snackbar-padding-x);
-	transition: var(--bf-snackbar-transition);
-}

package/dist/components/snackbar.js

@@ -1,31 +0,0 @@
-class BfSnackbar extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./snackbar.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 = 'snackbar';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-snackbar', BfSnackbar);

package/dist/components/sparkline.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-sparkline-font: var(--bf-theme-font-family, inherit);
-	--bf-sparkline-radius: var(--bf-theme-radius-md, 8px);
-	--bf-sparkline-border-width: var(--bf-theme-border-width, 1px);
-	--bf-sparkline-border-style: var(--bf-theme-border-style, solid);
-	--bf-sparkline-border-color: var(--bf-theme-sparkline-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-sparkline-bg: var(--bf-theme-sparkline-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-sparkline-color: var(--bf-theme-sparkline-color, var(--bf-theme-text-1, #0f172a));
-	--bf-sparkline-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-sparkline-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-sparkline-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-sparkline-font);
-	color: var(--bf-sparkline-color);
-}
-
-.root {
-	background: var(--bf-sparkline-bg);
-	color: var(--bf-sparkline-color);
-	border-width: var(--bf-sparkline-border-width);
-	border-style: var(--bf-sparkline-border-style);
-	border-color: var(--bf-sparkline-border-color);
-	border-radius: var(--bf-sparkline-radius);
-	padding: var(--bf-sparkline-padding-y) var(--bf-sparkline-padding-x);
-	transition: var(--bf-sparkline-transition);
-}

package/dist/components/sparkline.js

@@ -1,31 +0,0 @@
-class BfSparkline extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./sparkline.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 = 'sparkline';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-sparkline', BfSparkline);

package/dist/components/stepper.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-stepper-font: var(--bf-theme-font-family, inherit);
-	--bf-stepper-radius: var(--bf-theme-radius-md, 8px);
-	--bf-stepper-border-width: var(--bf-theme-border-width, 1px);
-	--bf-stepper-border-style: var(--bf-theme-border-style, solid);
-	--bf-stepper-border-color: var(--bf-theme-stepper-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-stepper-bg: var(--bf-theme-stepper-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-stepper-color: var(--bf-theme-stepper-color, var(--bf-theme-text-1, #0f172a));
-	--bf-stepper-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-stepper-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-stepper-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-stepper-font);
-	color: var(--bf-stepper-color);
-}
-
-.root {
-	background: var(--bf-stepper-bg);
-	color: var(--bf-stepper-color);
-	border-width: var(--bf-stepper-border-width);
-	border-style: var(--bf-stepper-border-style);
-	border-color: var(--bf-stepper-border-color);
-	border-radius: var(--bf-stepper-radius);
-	padding: var(--bf-stepper-padding-y) var(--bf-stepper-padding-x);
-	transition: var(--bf-stepper-transition);
-}

package/dist/components/stepper.js

@@ -1,31 +0,0 @@
-class BfStepper extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./stepper.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 = 'stepper';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-stepper', BfStepper);

package/dist/components/switch.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-switch-font: var(--bf-theme-font-family, inherit);
-	--bf-switch-radius: var(--bf-theme-radius-md, 8px);
-	--bf-switch-border-width: var(--bf-theme-border-width, 1px);
-	--bf-switch-border-style: var(--bf-theme-border-style, solid);
-	--bf-switch-border-color: var(--bf-theme-switch-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-switch-bg: var(--bf-theme-switch-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-switch-color: var(--bf-theme-switch-color, var(--bf-theme-text-1, #0f172a));
-	--bf-switch-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-switch-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-switch-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-switch-font);
-	color: var(--bf-switch-color);
-}
-
-.root {
-	background: var(--bf-switch-bg);
-	color: var(--bf-switch-color);
-	border-width: var(--bf-switch-border-width);
-	border-style: var(--bf-switch-border-style);
-	border-color: var(--bf-switch-border-color);
-	border-radius: var(--bf-switch-radius);
-	padding: var(--bf-switch-padding-y) var(--bf-switch-padding-x);
-	transition: var(--bf-switch-transition);
-}

package/dist/components/switch.js

@@ -1,31 +0,0 @@
-class BfSwitch extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./switch.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 = 'switch';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-switch', BfSwitch);

package/dist/components/tab-group.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-tab-group-font: var(--bf-theme-font-family, inherit);
-	--bf-tab-group-radius: var(--bf-theme-radius-md, 8px);
-	--bf-tab-group-border-width: var(--bf-theme-border-width, 1px);
-	--bf-tab-group-border-style: var(--bf-theme-border-style, solid);
-	--bf-tab-group-border-color: var(--bf-theme-tab-group-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-tab-group-bg: var(--bf-theme-tab-group-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-tab-group-color: var(--bf-theme-tab-group-color, var(--bf-theme-text-1, #0f172a));
-	--bf-tab-group-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-tab-group-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-tab-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-tab-group-font);
-	color: var(--bf-tab-group-color);
-}
-
-.root {
-	background: var(--bf-tab-group-bg);
-	color: var(--bf-tab-group-color);
-	border-width: var(--bf-tab-group-border-width);
-	border-style: var(--bf-tab-group-border-style);
-	border-color: var(--bf-tab-group-border-color);
-	border-radius: var(--bf-tab-group-radius);
-	padding: var(--bf-tab-group-padding-y) var(--bf-tab-group-padding-x);
-	transition: var(--bf-tab-group-transition);
-}

package/dist/components/tab-group.js

@@ -1,31 +0,0 @@
-class BfTabGroup extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./tab-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 = 'tab group';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-tab-group', BfTabGroup);

package/dist/components/textfield.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-textfield-font: var(--bf-theme-font-family, inherit);
-	--bf-textfield-radius: var(--bf-theme-radius-md, 8px);
-	--bf-textfield-border-width: var(--bf-theme-border-width, 1px);
-	--bf-textfield-border-style: var(--bf-theme-border-style, solid);
-	--bf-textfield-border-color: var(--bf-theme-textfield-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-textfield-bg: var(--bf-theme-textfield-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-textfield-color: var(--bf-theme-textfield-color, var(--bf-theme-text-1, #0f172a));
-	--bf-textfield-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-textfield-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-textfield-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-textfield-font);
-	color: var(--bf-textfield-color);
-}
-
-.root {
-	background: var(--bf-textfield-bg);
-	color: var(--bf-textfield-color);
-	border-width: var(--bf-textfield-border-width);
-	border-style: var(--bf-textfield-border-style);
-	border-color: var(--bf-textfield-border-color);
-	border-radius: var(--bf-textfield-radius);
-	padding: var(--bf-textfield-padding-y) var(--bf-textfield-padding-x);
-	transition: var(--bf-textfield-transition);
-}

package/dist/components/textfield.js

@@ -1,31 +0,0 @@
-class BfTextfield extends HTMLElement {
-	constructor() {
-		super();
-		this.attachShadow({ mode: 'open' });
-	}
-
-	connectedCallback() {
-		if (this._initialized) {
-			return;
-		}
-		this._initialized = true;
-
-		const cssUrl = new URL('./textfield.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 = 'textfield';
-		}
-
-		this.shadowRoot.replaceChildren(link, root);
-	}
-}
-
-customElements.define('bf-textfield', BfTextfield);

package/dist/components/tooltip.css

@@ -1,30 +0,0 @@
-:host {
-	--bf-tooltip-font: var(--bf-theme-font-family, inherit);
-	--bf-tooltip-radius: var(--bf-theme-radius-md, 8px);
-	--bf-tooltip-border-width: var(--bf-theme-border-width, 1px);
-	--bf-tooltip-border-style: var(--bf-theme-border-style, solid);
-	--bf-tooltip-border-color: var(--bf-theme-tooltip-border-color, var(--bf-theme-border-1, #cbd5e1));
-	--bf-tooltip-bg: var(--bf-theme-tooltip-bg, var(--bf-theme-surface-1, #ffffff));
-	--bf-tooltip-color: var(--bf-theme-tooltip-color, var(--bf-theme-text-1, #0f172a));
-	--bf-tooltip-padding-y: var(--bf-theme-space-2, 0.6rem);
-	--bf-tooltip-padding-x: var(--bf-theme-space-3, 0.9rem);
-	--bf-tooltip-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-tooltip-font);
-	color: var(--bf-tooltip-color);
-}
-
-.root {
-	background: var(--bf-tooltip-bg);
-	color: var(--bf-tooltip-color);
-	border-width: var(--bf-tooltip-border-width);
-	border-style: var(--bf-tooltip-border-style);
-	border-color: var(--bf-tooltip-border-color);
-	border-radius: var(--bf-tooltip-radius);
-	padding: var(--bf-tooltip-padding-y) var(--bf-tooltip-padding-x);
-	transition: var(--bf-tooltip-transition);
-}