@pure-ds/core 0.7.23 → 0.7.25

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 (30) hide show
  1. package/dist/types/public/assets/js/pds-ask.d.ts +1 -2
  2. package/dist/types/public/assets/js/pds-ask.d.ts.map +1 -1
  3. package/dist/types/public/assets/js/pds-autocomplete.d.ts +36 -25
  4. package/dist/types/public/assets/js/pds-autocomplete.d.ts.map +1 -1
  5. package/dist/types/public/assets/js/pds-enhancers.d.ts +4 -4
  6. package/dist/types/public/assets/js/pds-enhancers.d.ts.map +1 -1
  7. package/dist/types/public/assets/js/pds-manager.d.ts +159 -444
  8. package/dist/types/public/assets/js/pds-manager.d.ts.map +1 -1
  9. package/dist/types/public/assets/js/pds-toast.d.ts +6 -7
  10. package/dist/types/public/assets/js/pds-toast.d.ts.map +1 -1
  11. package/dist/types/public/assets/js/pds.d.ts +3 -4
  12. package/dist/types/public/assets/js/pds.d.ts.map +1 -1
  13. package/dist/types/public/assets/pds/components/pds-omnibox.d.ts.map +1 -1
  14. package/dist/types/public/assets/pds/components/pds-toaster.d.ts +3 -0
  15. package/dist/types/public/assets/pds/components/pds-toaster.d.ts.map +1 -1
  16. package/dist/types/src/js/pds-core/pds-enhancers.d.ts.map +1 -1
  17. package/dist/types/src/js/pds-core/pds-live.d.ts.map +1 -1
  18. package/package.json +1 -1
  19. package/packages/pds-cli/bin/templates/bootstrap/pds.config.js +14 -4
  20. package/public/assets/js/app.js +1 -1
  21. package/public/assets/js/pds-enhancers.js +1 -1
  22. package/public/assets/js/pds-manager.js +26 -26
  23. package/public/assets/pds/components/pds-live-edit.js +3 -8
  24. package/public/assets/pds/components/pds-omnibox.js +37 -1
  25. package/public/assets/pds/components/pds-toaster.js +35 -1
  26. package/public/assets/pds/core/pds-enhancers.js +1 -1
  27. package/public/assets/pds/core/pds-manager.js +26 -26
  28. package/src/js/pds-core/pds-enhancers.js +53 -8
  29. package/src/js/pds-core/pds-generator.js +1 -1
  30. package/src/js/pds-core/pds-live.js +5 -0
@@ -1,5 +1,5 @@
1
- declare function _a(): Promise<void>;
2
- declare function Ut(t?: {}): {
1
+ export function clearLiveImportHistory(): Promise<void>;
2
+ export function convertBrandGuidelinesToPatch(input?: {}): {
3
3
  source: string;
4
4
  type: string;
5
5
  confidence: number;
@@ -12,7 +12,7 @@ declare function Ut(t?: {}): {
12
12
  template: any;
13
13
  meta: any;
14
14
  };
15
- declare function it(t?: {}): {
15
+ export function convertTailwindHtmlToPds(input?: {}): {
16
16
  source: string;
17
17
  type: string;
18
18
  confidence: number;
@@ -25,7 +25,7 @@ declare function it(t?: {}): {
25
25
  template: any;
26
26
  meta: any;
27
27
  };
28
- declare function _(t?: {}): {
28
+ export function createImportResult(input?: {}): {
29
29
  source: string;
30
30
  type: string;
31
31
  confidence: number;
@@ -38,23 +38,23 @@ declare function _(t?: {}): {
38
38
  template: any;
39
39
  meta: any;
40
40
  };
41
- declare function sa(): {
41
+ export function describeTailwindConversionRules(): {
42
42
  directMappings: any;
43
43
  ignoredPatterns: any;
44
44
  nonPdsClassPatterns: any;
45
45
  rulesJsonPath: string;
46
46
  };
47
- declare function Ba(t: any): Promise<any>;
48
- declare function La(): {
47
+ export function getLiveImportHistoryEntry(id: any): Promise<any>;
48
+ export function getLiveImportSources(): {
49
49
  id: string;
50
50
  name: string;
51
51
  }[];
52
- declare function Zn(t: any): boolean;
53
- declare function ja(t?: {}): Promise<any>;
54
- declare function Cr(t?: {}): Promise<any>;
55
- declare function mr(t: any, e?: {}): Promise<any>;
56
- declare function Ze(t?: {}): Promise<any>;
57
- declare function Ra(t?: {}): Promise<{
52
+ export function isImportResult(value: any): boolean;
53
+ export function listLiveImportHistory(options?: {}): Promise<any>;
54
+ export function listLiveTemplates(options?: {}): Promise<any>;
55
+ export function loadGoogleFont(fontFamily: any, options?: {}): Promise<any>;
56
+ export function loadLiveTemplateCatalog(options?: {}): Promise<any>;
57
+ export function runLiveImport(request?: {}): Promise<{
58
58
  source: string;
59
59
  type: string;
60
60
  confidence: number;
@@ -67,7 +67,7 @@ declare function Ra(t?: {}): Promise<{
67
67
  template: any;
68
68
  meta: any;
69
69
  }>;
70
- declare function Na(t?: {}): Promise<{
70
+ export function saveLiveImportHistory(input?: {}): Promise<{
71
71
  createdAt: number;
72
72
  createdAtIso: string;
73
73
  sourceType: string;
@@ -95,15 +95,15 @@ declare function Na(t?: {}): Promise<{
95
95
  resultSnapshot: any;
96
96
  id: any;
97
97
  }>;
98
- declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyResolvedTheme: o, setupSystemListenerIfNeeded: a }: {
98
+ export function startLive(PDS3: any, config: any, { emitReady, emitConfigChanged, applyResolvedTheme, setupSystemListenerIfNeeded }: {
99
99
  emitReady: any;
100
100
  emitConfigChanged: any;
101
101
  applyResolvedTheme: any;
102
102
  setupSystemListenerIfNeeded: any;
103
103
  }): Promise<{
104
104
  generator: {
105
- "__#private@#e": any;
106
- "__#private@#o": any;
105
+ "__#private@#layers": any;
106
+ "__#private@#stylesheets": any;
107
107
  options: {
108
108
  debug: boolean;
109
109
  };
@@ -215,9 +215,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
215
215
  hover: string;
216
216
  };
217
217
  };
218
- spacing: {
219
- 0: string;
220
- };
218
+ spacing: string;
221
219
  radius: {
222
220
  none: string;
223
221
  xs: string;
@@ -432,9 +430,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
432
430
  hover: string;
433
431
  };
434
432
  };
435
- spacing: {
436
- 0: string;
437
- };
433
+ spacing: string;
438
434
  radius: {
439
435
  none: string;
440
436
  xs: string;
@@ -541,13 +537,13 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
541
537
  externalPath: any;
542
538
  };
543
539
  };
544
- "__#private@#z"(e?: {}): {
540
+ "__#private@#resolveShadowOpacityConfig"(config?: {}): {
545
541
  light: number;
546
542
  dark: number;
547
543
  };
548
- "__#private@#f"(e: any): number;
549
- "__#private@#h"(e: {}, r: any): {};
550
- "__#private@#E"(e: any, r?: {}): {
544
+ "__#private@#normalizeOpacity"(value: any): number;
545
+ "__#private@#mergeShadowConfig"(layersConfig: {}, baseShadowOpacity: any): {};
546
+ "__#private@#generateColorTokens"(colorConfig: any, shadowOpacityConfig?: {}): {
551
547
  primary: {
552
548
  50: string;
553
549
  100: string;
@@ -654,7 +650,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
654
650
  hover: string;
655
651
  };
656
652
  };
657
- "__#private@#r"(e: any): {
653
+ "__#private@#generateColorScale"(baseColor: any): {
658
654
  50: string;
659
655
  100: string;
660
656
  200: string;
@@ -666,9 +662,9 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
666
662
  800: string;
667
663
  900: string;
668
664
  };
669
- "__#private@#T"(e: any): string;
670
- "__#private@#A"(e: any): string;
671
- "__#private@#b"(e: any): {
665
+ "__#private@#deriveSuccessColor"(mainColor: any): string;
666
+ "__#private@#deriveDangerColor"(mainColor: any): string;
667
+ "__#private@#generateGrayScale"(supportingColor: any): {
672
668
  50: string;
673
669
  100: string;
674
670
  200: string;
@@ -680,7 +676,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
680
676
  800: string;
681
677
  900: string;
682
678
  };
683
- "__#private@#y"(e: any): {
679
+ "__#private@#generateBackgroundShades"(backgroundBase: any): {
684
680
  base: any;
685
681
  subtle: string;
686
682
  elevated: string;
@@ -689,16 +685,16 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
689
685
  inverse: string;
690
686
  hover: string;
691
687
  };
692
- "__#private@#L"(e: any): {
688
+ "__#private@#generateFieldsetAdaptiveColors"(backgroundShades: any): {
693
689
  base: any;
694
690
  subtle: any;
695
691
  elevated: any;
696
692
  sunken: string;
697
693
  overlay: any;
698
694
  };
699
- "__#private@#R"(e: any, r?: number): string;
700
- "__#private@#v"(e: any): string;
701
- "__#private@#F"(e: any, r?: string, n?: {}): {
695
+ "__#private@#darkenColor"(hexColor: any, factor?: number): string;
696
+ "__#private@#generateSmartDarkBackground"(lightBackground: any): string;
697
+ "__#private@#generateDarkModeColors"(lightColors: any, backgroundBase?: string, overrides?: {}): {
702
698
  surface: {
703
699
  fieldset: {
704
700
  base: any;
@@ -724,34 +720,48 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
724
720
  warning: {};
725
721
  danger: {};
726
722
  };
727
- "__#private@#c"(e: any): {
723
+ "__#private@#hexToRgb"(hex: any): {
728
724
  r: number;
729
725
  g: number;
730
726
  b: number;
731
727
  };
732
- "__#private@#p"(e: any): number;
733
- "__#private@#d"(e: any, r: any): number;
734
- "__#private@#x"(e: any, r?: number): string;
735
- "__#private@#w"(e: any, r?: number): string;
736
- "__#private@#P"(e: any, r: any, n?: number): string;
737
- "__#private@#I"(e: any, r: any, n: any): string;
738
- "__#private@#N"(e: any): {
728
+ "__#private@#luminance"(hex: any): number;
729
+ "__#private@#contrastRatio"(aHex: any, bHex: any): number;
730
+ "__#private@#findReadableOnColor"(bgHex: any, target?: number): "#ffffff" | "#000000";
731
+ "__#private@#rgbaFromHex"(hex: any, alpha?: number): string;
732
+ "__#private@#mixTowards"(sourceHex: any, targetHex: any, factor?: number): string;
733
+ "__#private@#rgbToHex"(r: any, g: any, b: any): string;
734
+ "__#private@#generateDarkModeFieldsetColors"(darkSurface: any): {
739
735
  base: any;
740
736
  subtle: any;
741
737
  elevated: string;
742
738
  sunken: any;
743
739
  overlay: string;
744
740
  };
745
- "__#private@#j"(e?: {}, r?: string, n?: number): any;
746
- "__#private@#k"(e?: {}, r?: number): any;
747
- "__#private@#S"(e: any, r?: {}): {};
748
- "__#private@#$"(e: any, r?: number): string;
749
- "__#private@#i"(e: any): {};
750
- "__#private@#B"(e: any, r?: number): string;
751
- generateSpacingTokens(e: any): {
752
- 0: string;
753
- };
754
- "__#private@#_"(e: any): {
741
+ /**
742
+ * Pick a readable primary shade on a given surface background, targeting AA contrast.
743
+ * Returns the first shade that meets target from a preferred order; falls back to the best ratio.
744
+ */
745
+ "__#private@#pickReadablePrimaryOnSurface"(primaryScale?: {}, surfaceBg?: string, target?: number): any;
746
+ "__#private@#pickFillShadeForWhite"(scale?: {}, target?: number): any;
747
+ /**
748
+ * Generate smart surface tokens with context-aware colors for text, icons, shadows, and borders.
749
+ * Each surface variant gets its own semantic tokens that automatically adapt to the surface's luminance.
750
+ *
751
+ * @param {Object} surfaceShades - Object with surface color variants (base, subtle, elevated, etc.)
752
+ * @returns {Object} Smart tokens for each surface with text, icon, shadow, and border colors
753
+ */
754
+ "__#private@#generateSmartSurfaceTokens"(surfaceShades: any, shadowOpacityConfig?: {}): any;
755
+ "__#private@#lightenColor"(hexColor: any, factor?: number): string;
756
+ "__#private@#adjustColorsForDarkMode"(colorScale: any): {};
757
+ "__#private@#dimColorForDarkMode"(hexColor: any, dimFactor?: number): string;
758
+ /**
759
+ * Generate spacing tokens based on the provided configuration.
760
+ * @param {Object} spatialConfig
761
+ * @returns { String } CSS spacing tokens
762
+ */
763
+ generateSpacingTokens(spatialConfig: any): string;
764
+ "__#private@#generateRadiusTokens"(shapeConfig: any): {
755
765
  none: string;
756
766
  xs: string;
757
767
  sm: string;
@@ -760,13 +770,13 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
760
770
  xl: string;
761
771
  full: string;
762
772
  };
763
- "__#private@#O"(e: any): {
773
+ "__#private@#generateBorderWidthTokens"(shapeConfig: any): {
764
774
  hairline: string;
765
775
  thin: string;
766
776
  medium: string;
767
777
  thick: string;
768
778
  };
769
- generateTypographyTokens(e: any): {
779
+ generateTypographyTokens(typographyConfig: any): {
770
780
  fontFamily: {
771
781
  headings: any;
772
782
  body: any;
@@ -795,7 +805,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
795
805
  relaxed: any;
796
806
  };
797
807
  };
798
- "__#private@#C"(e: any): {
808
+ "__#private@#generateShadowTokens"(layersConfig: any): {
799
809
  sm: string;
800
810
  base: string;
801
811
  md: string;
@@ -803,7 +813,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
803
813
  xl: string;
804
814
  inner: string;
805
815
  };
806
- "__#private@#D"(e: any): {
816
+ "__#private@#generateLayoutTokens"(layoutConfig: any): {
807
817
  maxWidth: any;
808
818
  maxWidthSm: any;
809
819
  maxWidthMd: any;
@@ -823,21 +833,21 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
823
833
  heroSpacing: string;
824
834
  footerSpacing: string;
825
835
  };
826
- "__#private@#M"(e?: {}, r?: {}): {
836
+ "__#private@#resolveLayoutMaxWidths"(layoutConfig?: {}, options?: {}): {
827
837
  sm: any;
828
838
  md: any;
829
839
  lg: any;
830
840
  xl: any;
831
841
  };
832
- "__#private@#u"(e: any, r: any): boolean;
833
- "__#private@#n"(e: any, r: any): any;
834
- "__#private@#s"(e: any, r: any): any;
835
- "__#private@#W"(e: any): {
842
+ "__#private@#hasDefinedConfigValue"(source: any, key: any): boolean;
843
+ "__#private@#formatLength"(value: any, fallback: any): any;
844
+ "__#private@#toNumber"(value: any, fallback: any): any;
845
+ "__#private@#generateTransitionTokens"(behaviorConfig: any): {
836
846
  fast: string;
837
847
  normal: string;
838
848
  slow: string;
839
849
  };
840
- "__#private@#H"(e: any): {
850
+ "__#private@#generateZIndexTokens"(layersConfig: any): {
841
851
  dropdown: any;
842
852
  sticky: any;
843
853
  fixed: any;
@@ -847,7 +857,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
847
857
  tooltip: any;
848
858
  notification: any;
849
859
  };
850
- "__#private@#U"(e: any): {
860
+ "__#private@#generateIconTokens"(iconConfig: any): {
851
861
  set: any;
852
862
  weight: any;
853
863
  defaultSize: string;
@@ -857,45 +867,45 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
857
867
  spritePath: any;
858
868
  externalPath: any;
859
869
  };
860
- "__#private@#q"(e: any): string;
861
- "__#private@#G"(e: any): string;
862
- "__#private@#V"(e: any): string;
863
- "__#private@#Y"(e: any): string;
864
- "__#private@#J"(e: any): string;
865
- "__#private@#K"(e: any): string;
866
- "__#private@#g"(e: any): string;
867
- "__#private@#Z"(e: any): string;
868
- "__#private@#Q"(e: any): string;
869
- "__#private@#X"(e: any): string;
870
- "__#private@#ee"(e: any): string;
871
- "__#private@#te"(e: any, r: any): string;
872
- "__#private@#re"(e: any, r: any): string;
873
- "__#private@#ne"(e: any): string;
874
- "__#private@#oe"(e: any): string;
875
- "__#private@#ae"(): string;
876
- "__#private@#ie"(): string;
877
- "__#private@#se"(): "" | "/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n border-radius: var(--radius-lg);\n /* Subtle translucent fill blended with surface */\n background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n background-image: linear-gradient(\n 135deg,\n rgba(255,255,255,0.35),\n rgba(255,255,255,0.12)\n );\n /* Frosted glass blur + saturation */\n -webkit-backdrop-filter: blur(12px) saturate(140%);\n backdrop-filter: blur(12px) saturate(140%);\n /* Soft inner highlight and outer depth */\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n inset 0 -40px 80px rgba(255,255,255,0.12),\n 0 10px 30px rgba(0,0,0,0.10);\n /* Glossy border with slight light and dark edges */\n border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n background-image: linear-gradient(\n 135deg,\n color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n );\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.12),\n inset 0 -40px 80px rgba(0,0,0,0.55),\n 0 18px 38px rgba(0,0,0,0.65);\n border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n .liquid-glass {\n /* Strengthen fill a bit to compensate for lack of blur */\n background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n 0 10px 24px rgba(0,0,0,0.08);\n }\n\n html[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.1),\n 0 18px 32px rgba(0,0,0,0.58);\n }\n}\n";
878
- "__#private@#le"(): string;
879
- "__#private@#ce"(): string;
880
- "__#private@#de"(): string;
881
- "__#private@#pe"(): string;
882
- "__#private@#ue"(): string;
883
- "__#private@#ge"(): string;
884
- "__#private@#me"(): string;
885
- "__#private@#fe"(): string;
886
- "__#private@#he"(): string;
887
- "__#private@#be"(): string;
888
- "__#private@#ye"(): string;
889
- "__#private@#ve"(): string;
890
- "__#private@#xe"(): string;
891
- "__#private@#we"(): string;
892
- "__#private@#ke"(): string;
893
- "__#private@#a"(e: any): {
870
+ "__#private@#generateColorVariables"(colors: any): string;
871
+ "__#private@#generateMeshGradients"(colors: any): string;
872
+ "__#private@#generateSpacingVariables"(spacing: any): string;
873
+ "__#private@#generateRadiusVariables"(radius: any): string;
874
+ "__#private@#generateBorderWidthVariables"(borderWidths: any): string;
875
+ "__#private@#generateTypographyVariables"(typography: any): string;
876
+ "__#private@#generateShadowVariables"(shadows: any): string;
877
+ "__#private@#generateLayoutVariables"(layout: any): string;
878
+ "__#private@#generateTransitionVariables"(transitions: any): string;
879
+ "__#private@#generateZIndexVariables"(zIndex: any): string;
880
+ "__#private@#generateIconVariables"(icons: any): string;
881
+ "__#private@#generateDarkVariablesOnly"(colors: any, darkShadows: any): string;
882
+ "__#private@#generateDarkVariablesForTokensLayer"(colors: any, darkShadows: any): string;
883
+ "__#private@#generateMeshGradientsDarkVariablesOnly"(colors: any): string;
884
+ "__#private@#generateMeshGradientsDark"(colors: any): string;
885
+ "__#private@#generateDarkModeComponentRules"(): string;
886
+ "__#private@#generateBodyBackgroundMeshRule"(): string;
887
+ "__#private@#generateLiquidGlassUtility"(): "" | "/* Liquid glass utility (opt-in via options.liquidGlassEffects) */\n.liquid-glass {\n border-radius: var(--radius-lg);\n /* Subtle translucent fill blended with surface */\n background: color-mix(in oklab, var(--color-surface-subtle) 45%, transparent);\n\n background-image: linear-gradient(\n 135deg,\n rgba(255,255,255,0.35),\n rgba(255,255,255,0.12)\n );\n /* Frosted glass blur + saturation */\n -webkit-backdrop-filter: blur(12px) saturate(140%);\n backdrop-filter: blur(12px) saturate(140%);\n /* Soft inner highlight and outer depth */\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n inset 0 -40px 80px rgba(255,255,255,0.12),\n 0 10px 30px rgba(0,0,0,0.10);\n /* Glossy border with slight light and dark edges */\n border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-500) 22%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 18%, transparent);\n outline-offset: -1px;\n}\n\nhtml[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 45%, transparent);\n background-image: linear-gradient(\n 135deg,\n color-mix(in oklab, var(--color-primary-300) 40%, transparent),\n color-mix(in oklab, var(--color-surface-overlay) 48%, transparent)\n );\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.12),\n inset 0 -40px 80px rgba(0,0,0,0.55),\n 0 18px 38px rgba(0,0,0,0.65);\n border: var(--border-width-thin) solid color-mix(in oklab, var(--color-primary-300) 26%, transparent);\n outline: 1px solid color-mix(in oklab, #ffffff 16%, transparent);\n}\n\n/* Fallback when backdrop-filter isn't supported */\n@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {\n .liquid-glass {\n /* Strengthen fill a bit to compensate for lack of blur */\n background: color-mix(in oklab, var(--color-surface-subtle) 70%, rgba(255,255,255,0.4));\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.6),\n 0 10px 24px rgba(0,0,0,0.08);\n }\n\n html[data-theme=\"dark\"] .liquid-glass {\n background: color-mix(in oklab, var(--color-surface-inverse) 70%, transparent);\n box-shadow:\n inset 0 1px 0 rgba(255,255,255,0.1),\n 0 18px 32px rgba(0,0,0,0.58);\n }\n}\n";
888
+ "__#private@#generateBorderGradientUtilities"(): string;
889
+ "__#private@#generateSemanticHTMLStyles"(): string;
890
+ "__#private@#generateFormStyles"(): string;
891
+ "__#private@#generateTableStyles"(): string;
892
+ "__#private@#generateCalloutStyles"(): string;
893
+ "__#private@#generateAccordionStyles"(): string;
894
+ "__#private@#generateBadgeStyles"(): string;
895
+ "__#private@#generateDialogStyles"(): string;
896
+ "__#private@#generateTabStripStyles"(): string;
897
+ "__#private@#generateScrollbarStyles"(): string;
898
+ "__#private@#generateIconStyles"(): string;
899
+ "__#private@#generateDropdownStyles"(): string;
900
+ "__#private@#generateLayoutUtilities"(): string;
901
+ "__#private@#generateMediaUtilities"(): string;
902
+ "__#private@#generateMediaQueries"(): string;
903
+ "__#private@#hexToHsl"(hex: any): {
894
904
  h: number;
895
905
  s: number;
896
906
  l: number;
897
907
  };
898
- "__#private@#t"(e: any, r: any, n: any): string;
908
+ "__#private@#hslToHex"(h: any, s: any, l: any): string;
899
909
  getTokens(): {
900
910
  colors: {
901
911
  primary: {
@@ -1004,9 +1014,7 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
1004
1014
  hover: string;
1005
1015
  };
1006
1016
  };
1007
- spacing: {
1008
- 0: string;
1009
- };
1017
+ spacing: string;
1010
1018
  radius: {
1011
1019
  none: string;
1012
1020
  xs: string;
@@ -1114,353 +1122,41 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
1114
1122
  };
1115
1123
  };
1116
1124
  exportCSS(): string;
1117
- "__#private@#Se"(): void;
1118
- "__#private@#$e"(): string;
1119
- "__#private@#Ce"(): string;
1120
- "__#private@#Me"(): string;
1121
- "__#private@#ze"(): string;
1122
- "__#private@#Ee"(): void;
1123
- "__#private@#Te"(): void;
1125
+ /**
1126
+ * Generate separate CSS layers: tokens, primitives, components, utilities
1127
+ * Following the cascade layers pattern from the best practices document
1128
+ */
1129
+ "__#private@#generateLayers"(): void;
1130
+ "__#private@#generateTokensLayer"(): string;
1131
+ "__#private@#generatePrimitivesLayer"(): string;
1132
+ "__#private@#generateComponentsLayer"(): string;
1133
+ "__#private@#generateUtilitiesLayer"(): string;
1134
+ /**
1135
+ * Create constructable stylesheets for each layer
1136
+ */
1137
+ "__#private@#createConstructableStylesheets"(): void;
1138
+ "__#private@#updateConstructableStylesheets"(): void;
1124
1139
  get tokensCSS(): any;
1125
1140
  get primitivesCSS(): any;
1126
1141
  get componentsCSS(): any;
1127
1142
  get utilitiesCSS(): any;
1128
1143
  get layeredCSS(): string;
1129
- get compiled(): {
1130
- tokens: {
1131
- colors: {
1132
- primary: {
1133
- 50: string;
1134
- 100: string;
1135
- 200: string;
1136
- 300: string;
1137
- 400: string;
1138
- 500: any;
1139
- 600: string;
1140
- 700: string;
1141
- 800: string;
1142
- 900: string;
1143
- };
1144
- secondary: {
1145
- 50: string;
1146
- 100: string;
1147
- 200: string;
1148
- 300: string;
1149
- 400: string;
1150
- 500: any;
1151
- 600: string;
1152
- 700: string;
1153
- 800: string;
1154
- 900: string;
1155
- };
1156
- accent: {
1157
- 50: string;
1158
- 100: string;
1159
- 200: string;
1160
- 300: string;
1161
- 400: string;
1162
- 500: any;
1163
- 600: string;
1164
- 700: string;
1165
- 800: string;
1166
- 900: string;
1167
- };
1168
- success: {
1169
- 50: string;
1170
- 100: string;
1171
- 200: string;
1172
- 300: string;
1173
- 400: string;
1174
- 500: any;
1175
- 600: string;
1176
- 700: string;
1177
- 800: string;
1178
- 900: string;
1179
- };
1180
- warning: {
1181
- 50: string;
1182
- 100: string;
1183
- 200: string;
1184
- 300: string;
1185
- 400: string;
1186
- 500: any;
1187
- 600: string;
1188
- 700: string;
1189
- 800: string;
1190
- 900: string;
1191
- };
1192
- danger: {
1193
- 50: string;
1194
- 100: string;
1195
- 200: string;
1196
- 300: string;
1197
- 400: string;
1198
- 500: any;
1199
- 600: string;
1200
- 700: string;
1201
- 800: string;
1202
- 900: string;
1203
- };
1204
- info: {
1205
- 50: string;
1206
- 100: string;
1207
- 200: string;
1208
- 300: string;
1209
- 400: string;
1210
- 500: any;
1211
- 600: string;
1212
- 700: string;
1213
- 800: string;
1214
- 900: string;
1215
- };
1216
- gray: {
1217
- 50: string;
1218
- 100: string;
1219
- 200: string;
1220
- 300: string;
1221
- 400: string;
1222
- 500: any;
1223
- 600: string;
1224
- 700: string;
1225
- 800: string;
1226
- 900: string;
1227
- };
1228
- surface: {
1229
- base: any;
1230
- subtle: string;
1231
- elevated: string;
1232
- sunken: string;
1233
- overlay: string;
1234
- inverse: string;
1235
- hover: string;
1236
- };
1237
- };
1238
- spacing: {
1239
- 0: string;
1240
- };
1241
- radius: {
1242
- none: string;
1243
- xs: string;
1244
- sm: string;
1245
- md: string;
1246
- lg: string;
1247
- xl: string;
1248
- full: string;
1249
- };
1250
- borderWidths: {
1251
- hairline: string;
1252
- thin: string;
1253
- medium: string;
1254
- thick: string;
1255
- };
1256
- typography: {
1257
- fontFamily: {
1258
- headings: any;
1259
- body: any;
1260
- mono: any;
1261
- };
1262
- fontSize: {
1263
- xs: string;
1264
- sm: string;
1265
- base: string;
1266
- lg: string;
1267
- xl: string;
1268
- "2xl": string;
1269
- "3xl": string;
1270
- "4xl": string;
1271
- };
1272
- fontWeight: {
1273
- light: any;
1274
- normal: any;
1275
- medium: any;
1276
- semibold: any;
1277
- bold: any;
1278
- };
1279
- lineHeight: {
1280
- tight: any;
1281
- normal: any;
1282
- relaxed: any;
1283
- };
1284
- };
1285
- shadows: {
1286
- sm: string;
1287
- base: string;
1288
- md: string;
1289
- lg: string;
1290
- xl: string;
1291
- inner: string;
1292
- };
1293
- layout: {
1294
- maxWidth: any;
1295
- maxWidthSm: any;
1296
- maxWidthMd: any;
1297
- maxWidthLg: any;
1298
- maxWidthXl: any;
1299
- minHeight: string;
1300
- containerPadding: any;
1301
- breakpoints: {
1302
- sm: any;
1303
- md: any;
1304
- lg: any;
1305
- xl: any;
1306
- };
1307
- pageMargin: string;
1308
- sectionGap: string;
1309
- containerGap: string;
1310
- heroSpacing: string;
1311
- footerSpacing: string;
1312
- };
1313
- transitions: {
1314
- fast: string;
1315
- normal: string;
1316
- slow: string;
1317
- };
1318
- zIndex: {
1319
- dropdown: any;
1320
- sticky: any;
1321
- fixed: any;
1322
- modal: any;
1323
- drawer: any;
1324
- popover: any;
1325
- tooltip: any;
1326
- notification: any;
1327
- };
1328
- icons: {
1329
- set: any;
1330
- weight: any;
1331
- defaultSize: string;
1332
- sizes: {
1333
- [k: string]: string;
1334
- };
1335
- spritePath: any;
1336
- externalPath: any;
1337
- };
1338
- };
1339
- layers: {
1340
- tokens: {
1341
- css: any;
1342
- size: any;
1343
- sizeKB: string;
1344
- };
1345
- primitives: {
1346
- css: any;
1347
- size: any;
1348
- sizeKB: string;
1349
- };
1350
- components: {
1351
- css: any;
1352
- size: any;
1353
- sizeKB: string;
1354
- };
1355
- utilities: {
1356
- css: any;
1357
- size: any;
1358
- sizeKB: string;
1359
- };
1360
- combined: {
1361
- css: string;
1362
- size: number;
1363
- sizeKB: string;
1364
- };
1365
- };
1366
- config: {
1367
- design: any;
1368
- preset: any;
1369
- debug: boolean;
1370
- };
1371
- capabilities: {
1372
- constructableStylesheets: boolean;
1373
- blobURLs: boolean;
1374
- shadowDOM: boolean;
1375
- };
1376
- references: {
1377
- ontology: any;
1378
- enums: any;
1379
- };
1380
- meta: {
1381
- generatedAt: string;
1382
- totalSize: any;
1383
- totalSizeKB: string;
1384
- layerCount: number;
1385
- tokenGroups: number;
1386
- };
1387
- helpers: {
1388
- getColorScales: () => {
1389
- name: string;
1390
- scale: {
1391
- 50: string;
1392
- 100: string;
1393
- 200: string;
1394
- 300: string;
1395
- 400: string;
1396
- 500: any;
1397
- 600: string;
1398
- 700: string;
1399
- 800: string;
1400
- 900: string;
1401
- } | {
1402
- 50: string;
1403
- 100: string;
1404
- 200: string;
1405
- 300: string;
1406
- 400: string;
1407
- 500: any;
1408
- 600: string;
1409
- 700: string;
1410
- 800: string;
1411
- 900: string;
1412
- } | {
1413
- base: any;
1414
- subtle: string;
1415
- elevated: string;
1416
- sunken: string;
1417
- overlay: string;
1418
- inverse: string;
1419
- hover: string;
1420
- };
1421
- }[];
1422
- getColorScale: (e: any) => any;
1423
- getSpacingValues: () => {
1424
- key: string;
1425
- value: string;
1426
- }[];
1427
- getTypography: () => {
1428
- fontFamily: {
1429
- headings: any;
1430
- body: any;
1431
- mono: any;
1432
- };
1433
- fontSize: {
1434
- xs: string;
1435
- sm: string;
1436
- base: string;
1437
- lg: string;
1438
- xl: string;
1439
- "2xl": string;
1440
- "3xl": string;
1441
- "4xl": string;
1442
- };
1443
- fontWeight: {
1444
- light: any;
1445
- normal: any;
1446
- medium: any;
1447
- semibold: any;
1448
- bold: any;
1449
- };
1450
- lineHeight: {
1451
- tight: any;
1452
- normal: any;
1453
- relaxed: any;
1454
- };
1455
- };
1456
- getLayerCSS: (e: any) => any;
1457
- usesEnumValue: (e: any, r: any) => boolean;
1458
- };
1459
- };
1144
+ /**
1145
+ * Get a complete compiled representation of the design system state.
1146
+ * This provides structured access to all generated tokens, scales, layers, and metadata.
1147
+ * Linked to ontology and enums for introspection and tooling.
1148
+ *
1149
+ * @returns {Object} Compiled design system state with tokens, layers, metadata, and references
1150
+ */
1151
+ get compiled(): any;
1460
1152
  get tokensStylesheet(): any;
1461
1153
  get primitivesStylesheet(): any;
1462
1154
  get componentsStylesheet(): any;
1463
1155
  get utilitiesStylesheet(): any;
1156
+ /**
1157
+ * Generate CSS module files for export
1158
+ * Returns object with filename => content
1159
+ */
1464
1160
  getCSSModules(): {
1465
1161
  "pds-tokens.css.js": string;
1466
1162
  "pds-primitives.css.js": string;
@@ -1468,18 +1164,37 @@ declare function Yn(t: any, e: any, { emitReady: r, emitConfigChanged: n, applyR
1468
1164
  "pds-utilities.css.js": string;
1469
1165
  "pds-styles.css.js": string;
1470
1166
  };
1471
- "__#private@#l"(e: any, r: any): string;
1167
+ "__#private@#generateCSSModule"(name: any, css: any): string;
1472
1168
  };
1473
1169
  config: {
1474
1170
  design: any;
1475
1171
  preset: any;
1476
1172
  } | {
1477
- design: {};
1173
+ design: {
1174
+ colors: unknown;
1175
+ } | {
1176
+ typography: unknown;
1177
+ } | {
1178
+ spatialRhythm: unknown;
1179
+ } | {
1180
+ shape: unknown;
1181
+ } | {
1182
+ behavior: unknown;
1183
+ } | {
1184
+ layout: unknown;
1185
+ } | {
1186
+ advanced: unknown;
1187
+ } | {
1188
+ a11y: unknown;
1189
+ } | {
1190
+ components: unknown;
1191
+ } | {
1192
+ icons: unknown;
1193
+ };
1478
1194
  } | {
1479
1195
  debug: boolean;
1480
1196
  };
1481
1197
  theme: string;
1482
1198
  autoDefiner: {};
1483
1199
  }>;
1484
- export { _a as clearLiveImportHistory, Ut as convertBrandGuidelinesToPatch, it as convertTailwindHtmlToPds, _ as createImportResult, sa as describeTailwindConversionRules, Ba as getLiveImportHistoryEntry, La as getLiveImportSources, Zn as isImportResult, ja as listLiveImportHistory, Cr as listLiveTemplates, mr as loadGoogleFont, Ze as loadLiveTemplateCatalog, Ra as runLiveImport, Na as saveLiveImportHistory, Yn as startLive };
1485
1200
  //# sourceMappingURL=pds-manager.d.ts.map