@melodicdev/components 1.6.0 → 1.6.2

package/lib/components/data-display/table/table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDA4RvB,CAAC"}
+{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,iDAiTvB,CAAC"}

package/lib/components/data-display/table/table.styles.js

@@ -5,10 +5,21 @@ export const tableStyles = () => css `
 
 		/* ── Table: surface ── */
 		--ml-table-bg: var(--ml-color-surface);
+		--ml-table-font: var(--ml-font-sans);
+
+		/* Deprecated aliases — prefer container-* and divider-* tokens below */
 		--ml-table-border-width: var(--ml-border);
 		--ml-table-border-color: var(--ml-color-border);
 		--ml-table-radius: var(--ml-radius-lg);
-		--ml-table-font: var(--ml-font-sans);
+
+		/* ── Table: container chrome (outer border + radius) ── */
+		--ml-table-container-border-width: var(--ml-table-border-width);
+		--ml-table-container-border-color: var(--ml-table-border-color);
+		--ml-table-container-radius: var(--ml-table-radius);
+
+		/* ── Table: internal dividers (header/row/footer separators) ── */
+		--ml-table-divider-width: var(--ml-table-border-width);
+		--ml-table-divider-color: var(--ml-table-border-color);
 
 		/* ── Table: header section ── */
 		--ml-table-title-color: var(--ml-color-text);
@@ -36,14 +47,24 @@ export const tableStyles = () => css `
 
 		/* ── Table: cells ── */
 		--ml-table-cell-color: var(--ml-color-text);
+		--ml-table-cell-padding-y: var(--ml-space-4);
+		--ml-table-cell-padding-x: var(--ml-space-6);
+		--ml-table-cell-padding-y-sm: var(--ml-space-2-5);
+		--ml-table-cell-padding-x-sm: var(--ml-space-4);
+
+		/* ── Table: header cells ── */
+		--ml-table-header-padding-y: var(--ml-space-3);
+		--ml-table-header-padding-x: var(--ml-space-6);
+		--ml-table-header-padding-y-sm: var(--ml-space-2);
+		--ml-table-header-padding-x-sm: var(--ml-space-4);
 
 		/* ── Table: checkbox ── */
 		--ml-table-checkbox-accent: var(--ml-color-primary);
 	}
 
 	.ml-table {
-		border: var(--ml-table-border-width) solid var(--ml-table-border-color);
-		border-radius: var(--ml-table-radius);
+		border: var(--ml-table-container-border-width) solid var(--ml-table-container-border-color);
+		border-radius: var(--ml-table-container-radius);
 		background-color: var(--ml-table-bg);
 		overflow: hidden;
 		font-family: var(--ml-table-font);
@@ -56,7 +77,7 @@ export const tableStyles = () => css `
 		justify-content: space-between;
 		gap: var(--ml-space-4);
 		padding: var(--ml-space-5) var(--ml-space-6);
-		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
+		border-bottom: var(--ml-table-divider-width) solid var(--ml-table-divider-color);
 	}
 
 	.ml-table__header-text {
@@ -103,11 +124,11 @@ export const tableStyles = () => css `
 	}
 
 	thead tr {
-		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
+		border-bottom: var(--ml-table-divider-width) solid var(--ml-table-divider-color);
 	}
 
 	.ml-table__th {
-		padding: var(--ml-space-3) var(--ml-space-6);
+		padding: var(--ml-table-header-padding-y) var(--ml-table-header-padding-x);
 		font-size: var(--ml-text-xs);
 		font-weight: var(--ml-font-medium);
 		color: var(--ml-table-header-color);
@@ -119,7 +140,7 @@ export const tableStyles = () => css `
 	}
 
 	.ml-table--sm .ml-table__th {
-		padding: var(--ml-space-2) var(--ml-space-4);
+		padding: var(--ml-table-header-padding-y-sm) var(--ml-table-header-padding-x-sm);
 	}
 
 	.ml-table__th--center { text-align: center; }
@@ -157,7 +178,7 @@ export const tableStyles = () => css `
 
 	/* ── Body rows ── */
 	.ml-table__row {
-		border-bottom: var(--ml-table-border-width) solid var(--ml-table-border-color);
+		border-bottom: var(--ml-table-divider-width) solid var(--ml-table-divider-color);
 		transition: background-color var(--ml-duration-150) var(--ml-ease-in-out);
 	}
 
@@ -197,14 +218,14 @@ export const tableStyles = () => css `
 
 	/* ── Body cells ── */
 	.ml-table__td {
-		padding: var(--ml-space-4) var(--ml-space-6);
+		padding: var(--ml-table-cell-padding-y) var(--ml-table-cell-padding-x);
 		font-size: var(--ml-text-sm);
 		color: var(--ml-table-cell-color);
 		vertical-align: middle;
 	}
 
 	.ml-table--sm .ml-table__td {
-		padding: var(--ml-space-2-5) var(--ml-space-4);
+		padding: var(--ml-table-cell-padding-y-sm) var(--ml-table-cell-padding-x-sm);
 		font-size: var(--ml-text-xs);
 	}
 
@@ -277,7 +298,7 @@ export const tableStyles = () => css `
 		align-items: center;
 		justify-content: space-between;
 		padding: var(--ml-space-3) var(--ml-space-6);
-		border-top: var(--ml-table-border-width) solid var(--ml-table-border-color);
+		border-top: var(--ml-table-divider-width) solid var(--ml-table-divider-color);
 	}
 
 	.ml-table--sm .ml-table__footer--visible {

package/lib/components/data-display/table/table.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAU3D,wBAAgB,aAAa,CAAC,CAAC,EAAE,cAAc,6CA0H9C"}
+{"version":3,"file":"table.template.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/table/table.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAU3D,wBAAgB,aAAa,CAAC,CAAC,EAAE,cAAc,6CA+H9C"}

package/lib/components/data-display/table/table.template.js

@@ -44,6 +44,7 @@ export function tableTemplate(c) {
 							`)}
 							${repeat(c.columns, (col) => col.key, (col) => html `
 								<th
+									part="header-cell"
 									class=${classMap({
         'ml-table__th': true,
         'ml-table__th--sortable': !!col.sortable,
@@ -80,6 +81,7 @@ export function tableTemplate(c) {
         const absoluteIndex = c.startIndex + i;
         return html `
 								<tr
+									part="row"
 									class=${classMap({
             'ml-table__row': true,
             'ml-table__row--selected': c.isRowSelected(absoluteIndex)
@@ -99,10 +101,13 @@ export function tableTemplate(c) {
 										</td>
 									`)}
 									${repeat(c.columns, (col) => col.key, (col) => html `
-										<td class=${classMap({
+										<td
+											part="cell"
+											class=${classMap({
             'ml-table__td': true,
             [`ml-table__td--${col.align ?? 'left'}`]: true
-        })}>
+        })}
+										>
 											${renderCell(col, row, absoluteIndex)}
 										</td>
 									`)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@melodicdev/components",
-	"version": "1.6.0",
+	"version": "1.6.2",
 	"description": "Themeable UI component library built on the Melodic Framework",
 	"license": "MIT",
 	"author": "Melodic Development",

package/lib/bundle.d.ts

@@ -1,59 +0,0 @@
-/**
- * Bundle entry point — imports every component to trigger custom element registration.
- * Used to build assets/melodic-components.js for CDN / script-tag usage.
- *
- * All theme functions, utilities, and services are also exported so they remain
- * available when using the bundle programmatically:
- *
- *   import { applyTheme, ToastService } from '.../melodic-components.js';
- */
-export * from './theme/index.js';
-export * from './utils/index.js';
-export * from './functions/index.js';
-export * from './directives/index.js';
-export * from './components/forms/button/index.js';
-export * from './components/forms/button-group/index.js';
-export * from './components/forms/input/index.js';
-export * from './components/forms/textarea/index.js';
-export * from './components/forms/checkbox/index.js';
-export * from './components/forms/radio/index.js';
-export * from './components/forms/radio-card-group/index.js';
-export * from './components/forms/toggle/index.js';
-export * from './components/forms/select/index.js';
-export * from './components/forms/slider/index.js';
-export * from './components/forms/form-field/index.js';
-export * from './components/forms/date-picker/index.js';
-export * from './components/feedback/spinner/index.js';
-export * from './components/feedback/alert/index.js';
-export * from './components/feedback/toast/index.js';
-export * from './components/feedback/progress/index.js';
-export * from './components/foundation/card/index.js';
-export * from './components/foundation/divider/index.js';
-export * from './components/foundation/stack/index.js';
-export * from './components/foundation/container/index.js';
-export * from './components/data-display/avatar/index.js';
-export * from './components/data-display/badge/index.js';
-export * from './components/data-display/badge-group/index.js';
-export * from './components/data-display/tag/index.js';
-export * from './components/data-display/list/index.js';
-export * from './components/data-display/activity-feed/index.js';
-export * from './components/data-display/table/index.js';
-export * from './components/data-display/data-grid/index.js';
-export * from './components/data-display/calendar-view/index.js';
-export * from './components/general/icon/index.js';
-export * from './components/navigation/tabs/index.js';
-export * from './components/navigation/breadcrumb/index.js';
-export * from './components/navigation/pagination/index.js';
-export * from './components/navigation/sidebar/index.js';
-export * from './components/navigation/steps/index.js';
-export * from './components/overlays/dialog/index.js';
-export * from './components/overlays/drawer/index.js';
-export * from './components/overlays/dropdown/index.js';
-export * from './components/overlays/tooltip/index.js';
-export * from './components/overlays/popover/index.js';
-export * from './components/sections/app-shell/index.js';
-export * from './components/sections/hero/index.js';
-export * from './components/sections/page-header/index.js';
-export * from './components/pages/auth/index.js';
-export * from './components/pages/dashboard/index.js';
-//# sourceMappingURL=bundle.d.ts.map

package/lib/bundle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"bundle.d.ts","sourceRoot":"","sources":["../src/bundle.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oCAAoC,CAAC;AACnD,cAAc,0CAA0C,CAAC;AACzD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AAGxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AAGxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AACvD,cAAc,4CAA4C,CAAC;AAG3D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC;AACzD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kDAAkD,CAAC;AACjE,cAAc,0CAA0C,CAAC;AACzD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AAGjE,cAAc,oCAAoC,CAAC;AAGnD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AACzD,cAAc,wCAAwC,CAAC;AAGvD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC;AACvD,cAAc,wCAAwC,CAAC;AAGvD,cAAc,0CAA0C,CAAC;AACzD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4CAA4C,CAAC;AAG3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC"}

package/lib/bundle.js

@@ -1,68 +0,0 @@
-/**
- * Bundle entry point — imports every component to trigger custom element registration.
- * Used to build assets/melodic-components.js for CDN / script-tag usage.
- *
- * All theme functions, utilities, and services are also exported so they remain
- * available when using the bundle programmatically:
- *
- *   import { applyTheme, ToastService } from '.../melodic-components.js';
- */
-// Theme, utilities, functions, directives
-export * from './theme/index.js';
-export * from './utils/index.js';
-export * from './functions/index.js';
-export * from './directives/index.js';
-// Forms
-export * from './components/forms/button/index.js';
-export * from './components/forms/button-group/index.js';
-export * from './components/forms/input/index.js';
-export * from './components/forms/textarea/index.js';
-export * from './components/forms/checkbox/index.js';
-export * from './components/forms/radio/index.js';
-export * from './components/forms/radio-card-group/index.js';
-export * from './components/forms/toggle/index.js';
-export * from './components/forms/select/index.js';
-export * from './components/forms/slider/index.js';
-export * from './components/forms/form-field/index.js';
-export * from './components/forms/date-picker/index.js';
-// Feedback
-export * from './components/feedback/spinner/index.js';
-export * from './components/feedback/alert/index.js';
-export * from './components/feedback/toast/index.js';
-export * from './components/feedback/progress/index.js';
-// Foundation
-export * from './components/foundation/card/index.js';
-export * from './components/foundation/divider/index.js';
-export * from './components/foundation/stack/index.js';
-export * from './components/foundation/container/index.js';
-// Data Display
-export * from './components/data-display/avatar/index.js';
-export * from './components/data-display/badge/index.js';
-export * from './components/data-display/badge-group/index.js';
-export * from './components/data-display/tag/index.js';
-export * from './components/data-display/list/index.js';
-export * from './components/data-display/activity-feed/index.js';
-export * from './components/data-display/table/index.js';
-export * from './components/data-display/data-grid/index.js';
-export * from './components/data-display/calendar-view/index.js';
-// General
-export * from './components/general/icon/index.js';
-// Navigation
-export * from './components/navigation/tabs/index.js';
-export * from './components/navigation/breadcrumb/index.js';
-export * from './components/navigation/pagination/index.js';
-export * from './components/navigation/sidebar/index.js';
-export * from './components/navigation/steps/index.js';
-// Overlays
-export * from './components/overlays/dialog/index.js';
-export * from './components/overlays/drawer/index.js';
-export * from './components/overlays/dropdown/index.js';
-export * from './components/overlays/tooltip/index.js';
-export * from './components/overlays/popover/index.js';
-// Sections
-export * from './components/sections/app-shell/index.js';
-export * from './components/sections/hero/index.js';
-export * from './components/sections/page-header/index.js';
-// Pages
-export * from './components/pages/auth/index.js';
-export * from './components/pages/dashboard/index.js';

package/lib/components/data-display/empty-state/index.d.ts

@@ -1,2 +0,0 @@
-export declare const EmptyState: {};
-//# sourceMappingURL=index.d.ts.map

package/lib/components/data-display/empty-state/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/empty-state/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,UAAU,IAAK,CAAC"}

package/lib/components/data-display/empty-state/index.js

@@ -1,2 +0,0 @@
-// TODO: Implement empty-state component
-export const EmptyState = {};

package/lib/components/data-display/stat/index.d.ts

@@ -1,2 +0,0 @@
-export declare const Stat: {};
-//# sourceMappingURL=index.d.ts.map

package/lib/components/data-display/stat/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/stat/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/lib/components/data-display/stat/index.js

@@ -1,2 +0,0 @@
-// TODO: Implement stat component
-export const Stat = {};

package/lib/components/feedback/skeleton/index.d.ts

@@ -1,2 +0,0 @@
-export declare const Skeleton: {};
-//# sourceMappingURL=index.d.ts.map

package/lib/components/feedback/skeleton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/skeleton/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,IAAK,CAAC"}

package/lib/components/feedback/skeleton/index.js

@@ -1,2 +0,0 @@
-// TODO: Implement skeleton component
-export const Skeleton = {};

package/lib/components/foundation/grid/index.d.ts

@@ -1,2 +0,0 @@
-export declare const Grid: {};
-//# sourceMappingURL=index.d.ts.map

package/lib/components/foundation/grid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/foundation/grid/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI,IAAK,CAAC"}

package/lib/components/foundation/grid/index.js

@@ -1,2 +0,0 @@
-// TODO: Implement grid component
-export const Grid = {};