@machinemetrics/mm-react-components 1.3.2 → 1.4.1

package/dist/preview/DataTableLimitationsPreview.d.ts

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

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

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

package/dist/preview/DataTablePreview.d.ts

@@ -1,4 +1,4 @@
-export type Profile = 'basic' | 'knowledge-hub' | 'server-pagination';
+export type Profile = 'basic' | 'knowledge-hub' | 'server-pagination' | 'job-docs';
 type DataTablePreviewProps = {
     profile?: Profile;
     devForceLoading?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"DataTablePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTablePreview.tsx"],"names":[],"mappings":"AAoKA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEtE,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EAAE,iBAAiB,EAC1B,eAAuB,EACvB,aAAqB,GACtB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA4OjC"}
+{"version":3,"file":"DataTablePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTablePreview.tsx"],"names":[],"mappings":"AAqKA,MAAM,MAAM,OAAO,GACf,OAAO,GACP,eAAe,GACf,mBAAmB,GACnB,UAAU,CAAC;AAEf,KAAK,qBAAqB,GAAG;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EAAE,iBAAiB,EAC1B,eAAuB,EACvB,aAAqB,GACtB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAgPjC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropzonePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DropzonePreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAuEtC"}
+{"version":3,"file":"DropzonePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DropzonePreview.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAoGtC"}

package/dist/preview/FileGridPreview.d.ts

@@ -1,6 +1,2 @@
-/**
- * Focus: `FileGrid` bound to the same TanStack `table` as `DataTable` via
- * `useTableController`. See FileThumbnail / FileIcon previews for tile variants.
- */
 export default function FileGridPreview(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FileGridPreview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileGridPreview.d.ts","sourceRoot":"","sources":["../../src/preview/FileGridPreview.tsx"],"names":[],"mappings":"AAkGA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,4CA0DtC"}
+{"version":3,"file":"FileGridPreview.d.ts","sourceRoot":"","sources":["../../src/preview/FileGridPreview.tsx"],"names":[],"mappings":"AA4KA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAuItC"}

package/dist/preview/JobDocsPreview.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The Job Docs table itself — reused by the standalone preview and the Data
+ * Table preview's "Job Docs" tab. Accepts the preview dev controls so the tab's
+ * loading/empty selector drives it like the other profiles.
+ */
+export declare function JobDocsTable({ loading, forceEmpty, }: Readonly<{
+    loading?: boolean;
+    forceEmpty?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
+export default function JobDocsPreview(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JobDocsPreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobDocsPreview.d.ts","sourceRoot":"","sources":["../../src/preview/JobDocsPreview.tsx"],"names":[],"mappings":"AAgGA;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAe,EACf,UAAkB,GACnB,EAAE,QAAQ,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,2CA8JvD;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,4CAgBrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SelectPreview.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAiCpC"}
+{"version":3,"file":"SelectPreview.d.ts","sourceRoot":"","sources":["../../src/preview/SelectPreview.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA8CpC"}

package/dist/themes/carbide.css

@@ -992,6 +992,27 @@
 .carbide.dark [data-slot='select-trigger']:where(:not(:disabled)):hover {
   background-color: var(--input-surface-hover-bg);
 }
+/* Ghost variant: transparent, borderless trigger for inline/row contexts
+   (e.g. table row controls). Rest-state reset only — the rule ties the base
+   hover rules on specificity, so hover is re-asserted below; focus-visible
+   rules follow in source order and still win their tie. */
+.carbide [data-slot='select-trigger'][data-variant='ghost'] {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: none;
+}
+.carbide
+  [data-slot='select-trigger'][data-variant='ghost']:where(
+    :not(:disabled)
+  ):hover {
+  background-color: var(--accent);
+}
+.carbide.dark
+  [data-slot='select-trigger'][data-variant='ghost']:where(
+    :not(:disabled)
+  ):hover {
+  background-color: var(--input-surface-hover-bg);
+}
 .carbide [data-slot='select-trigger']:focus-visible {
   outline: none;
   border-color: var(--ring);
@@ -1682,11 +1703,37 @@ tr
 /* =============================
    DATA TABLE: ALIGNMENT BASELINE FIX
   ============================= */
-/* Unify left-aligned body cells to the sortable-header baseline (0.25rem) */
+/*
+ * Unify body cells to the sortable-header baseline (0.25rem). Applies to every
+ * data-table cell (matched by `[data-col-id]`), NOT only `.text-left` ones —
+ * columns built from a plain `ColumnDef` (no `meta.align`) carry no alignment
+ * class, so requiring `.text-left` left their body content at `px-4` (16px)
+ * while the header was pinned to 0.25rem, reading misaligned. `select`/`actions`
+ * keep their own fixed layout. Scoped to left/default-aligned columns
+ * (`:not(.text-right):not(.text-center)`) so centered/right-aligned columns keep
+ * symmetric padding — a plain `ColumnDef` carries no alignment class and is
+ * treated as left, which is the case this targets.
+ */
 .carbide
-  td.text-left[data-col-id]:not([data-col-id='select']):not(
-    [data-col-id='actions']
-  ) {
+  td[data-col-id]:not([data-col-id='select']):not([data-col-id='actions']):not(
+    .text-right
+  ):not(.text-center) {
+  padding-left: 0.25rem !important;
+}
+
+/*
+ * Pin the data-table header's left inset to the same 0.25rem baseline. The
+ * shared TableHead ships `px-2` (8px), but body cells are unified to 0.25rem
+ * (4px) above, so left-aligned header labels read 4px off from their column's
+ * body content. Scoped to `[data-col-id]` so it only affects data-table headers
+ * (select/actions headers carry no data-col-id and basic <Table> headers are
+ * untouched). The ghost-button (-ml-3 px-3) and non-button label rules both net
+ * to this inset, so the header label now shares the body's left edge. Scoped to
+ * left/default-aligned headers so centered/right-aligned headers keep symmetric
+ * insets (matching the body rule above).
+ */
+.carbide
+  th[data-slot='table-head'][data-col-id]:not(.text-right):not(.text-center) {
   padding-left: 0.25rem !important;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@machinemetrics/mm-react-components",
-  "version": "1.3.2",
+  "version": "1.4.1",
   "description": "Industrial-grade React components for manufacturing applications",
   "keywords": [
     "react",