@melodicdev/components 1.6.0 → 1.6.1

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,iDAuSvB,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);
@@ -42,8 +53,8 @@ export const tableStyles = () => css `
 	}
 
 	.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 +67,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,7 +114,7 @@ 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 {
@@ -157,7 +168,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);
 	}
 
@@ -277,7 +288,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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@melodicdev/components",
-	"version": "1.6.0",
+	"version": "1.6.1",
 	"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 = {};