@machinemetrics/mm-react-components 1.0.0 → 1.1.1-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +29 -1
  2. package/dist/App.d.ts.map +1 -1
  3. package/dist/components/ui/alert.d.ts +3 -5
  4. package/dist/components/ui/alert.d.ts.map +1 -1
  5. package/dist/components/ui/badge.d.ts +5 -5
  6. package/dist/components/ui/badge.d.ts.map +1 -1
  7. package/dist/components/ui/button.d.ts.map +1 -1
  8. package/dist/components/ui/menubar.d.ts +6 -2
  9. package/dist/components/ui/menubar.d.ts.map +1 -1
  10. package/dist/components/ui/scroll-area.d.ts +10 -1
  11. package/dist/components/ui/scroll-area.d.ts.map +1 -1
  12. package/dist/components/ui/toggle-group.d.ts +5 -1
  13. package/dist/components/ui/toggle-group.d.ts.map +1 -1
  14. package/dist/components/ui/virtualized-combobox/index.d.ts +11 -0
  15. package/dist/components/ui/virtualized-combobox/index.d.ts.map +1 -0
  16. package/dist/components/ui/virtualized-combobox/types.d.ts +93 -0
  17. package/dist/components/ui/virtualized-combobox/types.d.ts.map +1 -0
  18. package/dist/components/ui/virtualized-combobox/useLazyComboboxOptions.d.ts +14 -0
  19. package/dist/components/ui/virtualized-combobox/useLazyComboboxOptions.d.ts.map +1 -0
  20. package/dist/index.d.ts +1 -0
  21. package/dist/index.d.ts.map +1 -1
  22. package/dist/lib/mm-react-components.css +1 -1
  23. package/dist/mm-react-components.es.js +452 -435
  24. package/dist/mm-react-components.es.js.map +1 -1
  25. package/dist/mm-react-components.umd.js +1 -1
  26. package/dist/mm-react-components.umd.js.map +1 -1
  27. package/dist/preview/AlertPreview.d.ts.map +1 -1
  28. package/dist/preview/BadgePreview.d.ts.map +1 -1
  29. package/dist/preview/DataTablePreview.d.ts.map +1 -1
  30. package/dist/preview/ProgressPreview.d.ts.map +1 -1
  31. package/dist/preview/RelatedComponentsLinks.d.ts +12 -0
  32. package/dist/preview/RelatedComponentsLinks.d.ts.map +1 -0
  33. package/dist/preview/VirtualizedComboboxPreview.d.ts +2 -0
  34. package/dist/preview/VirtualizedComboboxPreview.d.ts.map +1 -0
  35. package/dist/preview/relatedComponents.d.ts +12 -0
  36. package/dist/preview/relatedComponents.d.ts.map +1 -0
  37. package/dist/preview/visualTestUtils.d.ts +13 -0
  38. package/dist/preview/visualTestUtils.d.ts.map +1 -0
  39. package/dist/themes/carbide.css +61 -0
  40. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"AlertPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AlertPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA8DnC"}
1
+ {"version":3,"file":"AlertPreview.d.ts","sourceRoot":"","sources":["../../src/preview/AlertPreview.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAgFnC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BadgePreview.d.ts","sourceRoot":"","sources":["../../src/preview/BadgePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CAiCnC"}
1
+ {"version":3,"file":"BadgePreview.d.ts","sourceRoot":"","sources":["../../src/preview/BadgePreview.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA4BnC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DataTablePreview.d.ts","sourceRoot":"","sources":["../../src/preview/DataTablePreview.tsx"],"names":[],"mappings":"AAmKA,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,qBAAqB,2CAmOvB"}
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,qBAAqB,2CAmOvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressPreview.d.ts","sourceRoot":"","sources":["../../src/preview/ProgressPreview.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAmEtC"}
1
+ {"version":3,"file":"ProgressPreview.d.ts","sourceRoot":"","sources":["../../src/preview/ProgressPreview.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,eAAe,4CAoEtC"}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ export interface RelatedComponentsLinksProps {
3
+ /** Current preview key (e.g. "select", "data-table"). */
4
+ readonly current: string;
5
+ /** Called when user chooses a related component. */
6
+ readonly onSelect: (key: string) => void;
7
+ }
8
+ /**
9
+ * Lightweight "See also" links for the preview app. Renders nothing if there are no related components.
10
+ */
11
+ export declare function RelatedComponentsLinks({ current, onSelect, }: RelatedComponentsLinksProps): React.ReactElement | null;
12
+ //# sourceMappingURL=RelatedComponentsLinks.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RelatedComponentsLinks.d.ts","sourceRoot":"","sources":["../../src/preview/RelatedComponentsLinks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,2BAA2B;IAC1C,yDAAyD;IACzD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwBzD"}
@@ -0,0 +1,2 @@
1
+ export default function VirtualizedComboboxPreview(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=VirtualizedComboboxPreview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VirtualizedComboboxPreview.d.ts","sourceRoot":"","sources":["../../src/preview/VirtualizedComboboxPreview.tsx"],"names":[],"mappings":"AAiHA,MAAM,CAAC,OAAO,UAAU,0BAA0B,4CA2CjD"}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Single source of truth for "see also" / related component links in the preview app.
3
+ * Keys are preview keys (kebab-case from *Preview.tsx filename). Values are conceptually
4
+ * related components only (same use case, alternatives, or obviously used together).
5
+ */
6
+ /** Map: current preview key → related preview keys for "See also" links. */
7
+ export declare const RELATED_COMPONENTS: Record<string, readonly string[]>;
8
+ /**
9
+ * Returns related preview keys for a given preview key. Empty array if none or unknown.
10
+ */
11
+ export declare function getRelatedComponents(currentKey: string): readonly string[];
12
+ //# sourceMappingURL=relatedComponents.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"relatedComponents.d.ts","sourceRoot":"","sources":["../../src/preview/relatedComponents.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,CAmEvD,CAAC;AAEX;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAG1E"}
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Utilities for preview components when running under Playwright visual tests.
3
+ * The test fixture sets data-visual-test on document.documentElement so previews
4
+ * can skip delays and ensure stable, fast screenshots.
5
+ */
6
+ /**
7
+ * Returns 0 when document has data-visual-test (Playwright visual test mode),
8
+ * otherwise returns defaultDelayMs. Use for any artificial delay in previews
9
+ * (mock fetches, progress animation, etc.) so open-state and initial screenshots
10
+ * are stable and don't depend on timing.
11
+ */
12
+ export declare function getDelayForVisualTest(defaultDelayMs: number): number;
13
+ //# sourceMappingURL=visualTestUtils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"visualTestUtils.d.ts","sourceRoot":"","sources":["../../src/preview/visualTestUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAKpE"}
@@ -444,9 +444,70 @@
444
444
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--destructive) 40%, transparent);
445
445
  }
446
446
 
447
+ .carbide [data-slot='badge'][data-variant='secondary'] {
448
+ border-color: transparent;
449
+ background-color: var(--secondary);
450
+ color: var(--secondary-foreground);
451
+ }
452
+ .carbide.dark [data-slot='badge'][data-variant='secondary'] {
453
+ background-color: var(--secondary);
454
+ color: var(--secondary-foreground);
455
+ }
456
+ .carbide [data-slot='badge'][data-variant='secondary'] a:hover {
457
+ background-color: var(--button-secondary-hover-bg);
458
+ }
459
+ .carbide.dark [data-slot='badge'][data-variant='secondary'] a:hover {
460
+ background-color: var(--button-secondary-hover-bg);
461
+ }
462
+
463
+ .carbide [data-slot='badge'][data-variant='outline'] {
464
+ border-color: var(--button-outline-border);
465
+ background-color: var(--button-outline-bg);
466
+ color: var(--foreground);
467
+ }
468
+ .carbide.dark [data-slot='badge'][data-variant='outline'] {
469
+ border-color: var(--button-outline-border);
470
+ background-color: var(--button-outline-bg);
471
+ color: var(--foreground);
472
+ }
473
+ .carbide [data-slot='badge'][data-variant='outline'] a:hover {
474
+ background-color: var(--button-outline-hover-bg);
475
+ color: var(--accent-foreground);
476
+ }
477
+ .carbide.dark [data-slot='badge'][data-variant='outline'] a:hover {
478
+ background-color: var(--button-outline-hover-bg);
479
+ color: var(--accent-foreground);
480
+ }
481
+
447
482
  /* =============================
448
483
  ALERT VARIANTS
449
484
  ============================= */
485
+ .carbide [data-slot='alert'][data-variant='default'] {
486
+ background-color: var(--card);
487
+ color: var(--card-foreground);
488
+ border-color: var(--border);
489
+ }
490
+ .carbide [data-slot='alert'][data-variant='default'] svg {
491
+ color: currentColor;
492
+ }
493
+
494
+ .carbide [data-slot='alert'][data-variant='destructive'] {
495
+ background-color: var(--card);
496
+ color: var(--destructive);
497
+ border-color: var(--red-200);
498
+ }
499
+ .carbide.dark [data-slot='alert'][data-variant='destructive'] {
500
+ border-color: var(--red-700);
501
+ }
502
+ .carbide [data-slot='alert'][data-variant='destructive'] svg {
503
+ color: currentColor;
504
+ }
505
+ .carbide
506
+ [data-slot='alert'][data-variant='destructive']
507
+ [data-slot='alert-description'] {
508
+ color: color-mix(in srgb, var(--destructive) 90%, transparent);
509
+ }
510
+
450
511
  .carbide [data-slot='alert'][data-variant='success'] {
451
512
  color: var(--green-600);
452
513
  background-color: var(--card);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@machinemetrics/mm-react-components",
3
- "version": "1.0.0",
3
+ "version": "1.1.1-0",
4
4
  "description": "Industrial-grade React components for manufacturing applications",
5
5
  "keywords": [
6
6
  "react",