@machinemetrics/mm-react-components 1.4.1 → 1.5.0-0

package/dist/preview/AccordionPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AccordionPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CA4BvC"}
+{"version":3,"file":"AccordionPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AccordionPreview.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAsFvC"}

package/dist/preview/BreadcrumbPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbPreview.d.ts","sourceRoot":"","sources":["../../src/preview/BreadcrumbPreview.tsx"],"names":[],"mappings":"AAgBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAyMxC"}
+{"version":3,"file":"BreadcrumbPreview.d.ts","sourceRoot":"","sources":["../../src/preview/BreadcrumbPreview.tsx"],"names":[],"mappings":"AAkBA,MAAM,CAAC,OAAO,UAAU,iBAAiB,4CAiOxC"}

package/dist/preview/ButtonPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonPreview.d.ts","sourceRoot":"","sources":["../../src/preview/ButtonPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA6DpC"}
+{"version":3,"file":"ButtonPreview.d.ts","sourceRoot":"","sources":["../../src/preview/ButtonPreview.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA4DpC"}

package/dist/preview/CardPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardPreview.d.ts","sourceRoot":"","sources":["../../src/preview/CardPreview.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAkMlC"}
+{"version":3,"file":"CardPreview.d.ts","sourceRoot":"","sources":["../../src/preview/CardPreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,WAAW,4CAoQlC"}

package/dist/preview/CollapsiblePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsiblePreview.d.ts","sourceRoot":"","sources":["../../src/preview/CollapsiblePreview.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CA2BzC"}
+{"version":3,"file":"CollapsiblePreview.d.ts","sourceRoot":"","sources":["../../src/preview/CollapsiblePreview.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CA+CzC"}

package/dist/preview/DataTableLimitationsPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableLimitationsPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTableLimitationsPreview.tsx"],"names":[],"mappings":"AAqPA,MAAM,CAAC,OAAO,UAAU,2BAA2B,4CAelD"}
+{"version":3,"file":"DataTableLimitationsPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTableLimitationsPreview.tsx"],"names":[],"mappings":"AAoZA,MAAM,CAAC,OAAO,UAAU,2BAA2B,4CAmBlD"}

package/dist/preview/DateRangePickerPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DateRangePickerPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAsB7C"}
+{"version":3,"file":"DateRangePickerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/DateRangePickerPreview.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAsE7C"}

package/dist/preview/KanbanPreview.d.ts

@@ -0,0 +1,2 @@
+export default function KanbanPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KanbanPreview.d.ts.map

package/dist/preview/KanbanPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanPreview.d.ts","sourceRoot":"","sources":["../../src/preview/KanbanPreview.tsx"],"names":[],"mappings":"AAuEA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAsDpC"}

package/dist/preview/SheetBannerPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetBannerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SheetBannerPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAkEzC"}
+{"version":3,"file":"SheetBannerPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SheetBannerPreview.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAkFzC"}

package/dist/preview/StatusPreview.d.ts

@@ -0,0 +1,2 @@
+export default function StatusPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusPreview.d.ts.map

package/dist/preview/StatusPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPreview.d.ts","sourceRoot":"","sources":["../../src/preview/StatusPreview.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA+DpC"}

package/dist/preview/TicketsPreview.d.ts

@@ -0,0 +1,2 @@
+export default function TicketsPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TicketsPreview.d.ts.map

package/dist/preview/TicketsPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketsPreview.d.ts","sourceRoot":"","sources":["../../src/preview/TicketsPreview.tsx"],"names":[],"mappings":"AAmSA,MAAM,CAAC,OAAO,UAAU,cAAc,4CAmErC"}

package/dist/themes/carbide.css

@@ -360,9 +360,18 @@
   --tablehead-fg: var(--foreground);
   --tablehead-border: var(--grey-300);
 
+  /* =============================
+     CARD: SECTIONED MUTED BANDS
+     (CardHeader / CardContent / CardFooter tone="muted")
+     Stronger than bg-muted/x on white card — see ui/card.tsx
+     ============================= */
+  --card-section-muted-header-bg: var(--grey-150);
+  --card-section-muted-content-bg: var(--grey-100);
+  --card-section-muted-footer-bg: var(--grey-150);
+
   /* =============================
      BUTTONS
-  ============================= */
+     ============================= */
   --button-secondary-bg: transparent;
   --button-secondary-border: var(--grey-700);
   --button-secondary-hover-bg: var(--grey-150);
@@ -396,6 +405,37 @@
   --code-bg: color-mix(in srgb, var(--brand-green) 18%, transparent);
   --code-fg: var(--brand-green);
   --code-border: transparent;
+
+  /* =============================
+     SEMANTIC STATUS INTENTS (LIGHT)
+     ============================= */
+  /* Five intents an author picks by meaning: success / warning / danger / info /
+     unknown. `-bg`/`-fg`/`-border` clothe a filled chip; `-solid` is the
+     saturated fill for bars and dots on a page background. */
+  --status-success-bg: var(--green-200);
+  --status-success-fg: var(--green-800);
+  --status-success-border: var(--green-300);
+  --status-success-solid: var(--green-600);
+
+  --status-warning-bg: var(--orange-200);
+  --status-warning-fg: var(--orange-800);
+  --status-warning-border: var(--orange-300);
+  --status-warning-solid: var(--orange-500);
+
+  --status-danger-bg: var(--red-200);
+  --status-danger-fg: var(--red-800);
+  --status-danger-border: var(--red-300);
+  --status-danger-solid: var(--red-600);
+
+  --status-info-bg: var(--indigo-200);
+  --status-info-fg: var(--indigo-800);
+  --status-info-border: var(--indigo-300);
+  --status-info-solid: var(--indigo-600);
+
+  --status-unknown-bg: var(--grey-200);
+  --status-unknown-fg: var(--grey-700);
+  --status-unknown-border: var(--grey-500);
+  --status-unknown-solid: var(--grey-500);
 }
 
 /* =============================
@@ -586,6 +626,75 @@
 
 /* variant="custom": intentionally no color rules here — consumers style via className / own CSS */
 
+/* =============================
+   SEMANTIC STATUS INTENTS
+   Consumed by StatusBadge / StatusProgress via `data-status-intent`.
+  ============================= */
+.carbide [data-status-intent='success'] {
+  --status-bg: var(--status-success-bg);
+  --status-fg: var(--status-success-fg);
+  --status-border: var(--status-success-border);
+  --status-solid: var(--status-success-solid);
+}
+.carbide [data-status-intent='warning'] {
+  --status-bg: var(--status-warning-bg);
+  --status-fg: var(--status-warning-fg);
+  --status-border: var(--status-warning-border);
+  --status-solid: var(--status-warning-solid);
+}
+.carbide [data-status-intent='danger'] {
+  --status-bg: var(--status-danger-bg);
+  --status-fg: var(--status-danger-fg);
+  --status-border: var(--status-danger-border);
+  --status-solid: var(--status-danger-solid);
+}
+.carbide [data-status-intent='info'] {
+  --status-bg: var(--status-info-bg);
+  --status-fg: var(--status-info-fg);
+  --status-border: var(--status-info-border);
+  --status-solid: var(--status-info-solid);
+}
+.carbide [data-status-intent='unknown'] {
+  --status-bg: var(--status-unknown-bg);
+  --status-fg: var(--status-unknown-fg);
+  --status-border: var(--status-unknown-border);
+  --status-solid: var(--status-unknown-solid);
+}
+
+.carbide [data-slot='badge'][data-status-intent] {
+  background-color: var(--status-bg);
+  color: var(--status-fg);
+  border-color: var(--status-border);
+}
+/* `unknown` must not read as a muted `danger`: a dashed edge separates the two
+   without relying on hue. */
+.carbide [data-slot='badge'][data-status-intent='unknown'] {
+  border-style: dashed;
+}
+
+.carbide [data-slot='status-progress'] {
+  color: var(--status-fg);
+}
+
+.carbide [data-slot='progress'][data-status-intent] {
+  background-color: var(--status-bg);
+}
+.carbide
+  [data-slot='progress'][data-status-intent]
+  [data-slot='progress-indicator'] {
+  background-color: var(--status-solid);
+}
+/* The generic dark Progress rules further down this file match with equal
+   specificity and would otherwise win on source order. */
+.carbide.dark [data-slot='progress'][data-status-intent] {
+  background-color: var(--status-bg);
+}
+.carbide.dark
+  [data-slot='progress'][data-status-intent]
+  [data-slot='progress-indicator'] {
+  background-color: var(--status-solid);
+}
+
 /* =============================
    ALERT VARIANTS
   ============================= */
@@ -801,6 +910,11 @@
   --tablehead-fg: var(--foreground);
   --tablehead-border: var(--grey-600);
 
+  /* Card section bands — distinct from --card in dark */
+  --card-section-muted-header-bg: var(--grey-800);
+  --card-section-muted-content-bg: color-mix(in srgb, var(--card) 65%, var(--muted) 35%);
+  --card-section-muted-footer-bg: var(--grey-800);
+
   /* =============================
      CODE (TYPOGRAPHY TOKENS - DARK)
      ============================= */
@@ -808,6 +922,34 @@
   --code-fg: var(--brand-green);
   --code-border: transparent;
 
+  /* =============================
+     SEMANTIC STATUS INTENTS (DARK)
+     ============================= */
+  --status-success-bg: var(--green-900);
+  --status-success-fg: var(--green-200);
+  --status-success-border: var(--green-700);
+  --status-success-solid: var(--green-400);
+
+  --status-warning-bg: var(--orange-900);
+  --status-warning-fg: var(--orange-200);
+  --status-warning-border: var(--orange-700);
+  --status-warning-solid: var(--orange-400);
+
+  --status-danger-bg: var(--red-900);
+  --status-danger-fg: var(--red-200);
+  --status-danger-border: var(--red-700);
+  --status-danger-solid: var(--red-400);
+
+  --status-info-bg: var(--indigo-900);
+  --status-info-fg: var(--indigo-200);
+  --status-info-border: var(--indigo-700);
+  --status-info-solid: var(--indigo-400);
+
+  --status-unknown-bg: var(--grey-800);
+  --status-unknown-fg: var(--grey-400);
+  --status-unknown-border: var(--grey-600);
+  --status-unknown-solid: var(--grey-500);
+
   /* =============================
      BUTTONS
      ============================= */
@@ -1533,6 +1675,25 @@ tr
   color: var(--foreground);
 }
 
+/* Inset accordion: align item chrome with inner rounded surface */
+.carbide
+  [data-slot='accordion'][data-variant='inset']
+  [data-slot='accordion-item'] {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.carbide
+  [data-slot='accordion'][data-variant='inset']
+  [data-slot='accordion-item']:first-child {
+  border-top-left-radius: var(--radius-md);
+  border-top-right-radius: var(--radius-md);
+}
+.carbide
+  [data-slot='accordion'][data-variant='inset']
+  [data-slot='accordion-item']:last-child {
+  border-bottom: none;
+}
+
 /* =============================
    POPOVER
   ============================= */
@@ -1549,6 +1710,56 @@ tr
   box-shadow: 0 12px 32px rgba(15, 23, 42, 0.45);
 }
 
+/* =============================
+   DATE RANGE PICKER (FULL VARIANT)
+  ============================= */
+.carbide [data-slot='date-range-picker-header'] {
+  color: var(--muted-foreground);
+  border-bottom: 1px solid var(--border);
+}
+.carbide [data-slot='date-range-picker-presets'] {
+  background-color: color-mix(in srgb, var(--muted) 30%, transparent);
+  border-right: 1px solid var(--border);
+}
+.carbide [data-slot='date-range-picker-presets-label'] {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--muted-foreground);
+}
+.carbide [data-slot='date-range-picker-preset'] {
+  color: var(--popover-foreground);
+}
+.carbide [data-slot='date-range-picker-preset']:hover {
+  background-color: var(--accent);
+  color: var(--accent-foreground);
+}
+.carbide [data-slot='date-range-picker-preset'][data-active='true'] {
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+}
+.carbide [data-slot='date-range-picker-preset'][data-active='true']:hover {
+  background-color: color-mix(in srgb, var(--primary) 90%, black);
+  color: var(--primary-foreground);
+}
+.carbide [data-slot='date-range-picker-settings'] {
+  border-top: 1px solid var(--border);
+}
+.carbide [data-slot='date-range-picker-settings-label'] {
+  color: var(--muted-foreground);
+}
+.carbide [data-slot='date-range-picker-info-trigger']:hover {
+  background-color: var(--accent);
+}
+.carbide [data-slot='date-range-picker-footer'] {
+  border-top: 1px solid var(--border);
+}
+.carbide [data-slot='date-range-picker-footer-summary'] {
+  color: var(--foreground);
+}
+.carbide [data-slot='date-range-picker-footer-icon'] {
+  color: var(--muted-foreground);
+}
+
 /* =============================
    SLIDER (SEMANTIC HOOK)
   ============================= */
@@ -1759,6 +1970,11 @@ tr
   border-radius: 0;
   background-color: transparent;
 }
+/* No shadow when calendar is embedded in popover or card */
+.carbide [data-slot='popover-content'] [data-slot='calendar'],
+.carbide [data-slot='card-content'] [data-slot='calendar'] {
+  box-shadow: none;
+}
 .carbide [data-slot='calendar'] .rdp-months {
   display: flex;
   gap: 1rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@machinemetrics/mm-react-components",
-  "version": "1.4.1",
+  "version": "1.5.0-0",
   "description": "Industrial-grade React components for manufacturing applications",
   "keywords": [
     "react",
@@ -82,6 +82,7 @@
     "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\"",
     "test": "playwright test --config=playwright.config.ts --reporter=line",
+    "test:unit": "node --import tsx --test src/components/ui/date-range-picker/utils.node.test.ts",
     "test:ui": "playwright test --config=playwright.config.ts --ui",
     "test:headed": "playwright test --config=playwright.config.ts --headed",
     "test:visual": "npm run test:visual:light && npm run test:visual:dark",
@@ -106,6 +107,9 @@
     "ci:setup": "npm run test:visual:update",
     "ci:check": "npm run build && npm run test:visual",
     "check:health": "tsx scripts/check-component-health.ts",
+    "check:display-names": "node scripts/check-display-names.mjs",
+    "add:display-names": "node scripts/add-display-names.mjs",
+    "verify:display-names": "node scripts/check-display-names.mjs --strict",
     "update-test": "tsx scripts/update-test-workflow.ts",
     "prepublishOnly": "npm run type-check && npm run lint && npm run build",
     "clean": "rm -rf dist dev-dist dist-preview"