@sankhyatronics/sankhya-cms 0.1.7 → 0.1.8

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 (8) hide show
  1. package/custom-elements.json +594 -579
  2. package/dist/{chunk-5KHI36M5.js → chunk-X2ALYIVT.js} +25 -1
  3. package/dist/chunk-X2ALYIVT.js.map +1 -0
  4. package/dist/header/index.d.ts +6 -0
  5. package/dist/header/index.js +1 -1
  6. package/dist/index.js +19 -19
  7. package/package.json +1 -1
  8. package/dist/chunk-5KHI36M5.js.map +0 -1
package/custom-elements.json CHANGED
@@ -672,84 +672,208 @@
672
672
  },
673
673
  {
674
674
  "kind": "javascript-module",
675
- "path": "src/content-block/ContentBlock.ts",
675
+ "path": "src/cookie-consent/CookieConsent.ts",
676
676
  "declarations": [
677
677
  {
678
678
  "kind": "class",
679
- "description": "A long-form article section: centered title/subtitle, an optional featured image with caption,\r\nthen Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from\r\n`content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the\r\nblock works without a fetch); `content-src` wins when both are set.",
680
- "name": "ContentBlock",
679
+ "description": "Fixed bottom consent bar. The source read/wrote consent through a React `UserContext`; here the\r\nelement persists the choice itself in localStorage (`storage-key`, default the source's\r\n`sankhya_ui_cookie_consent`; storage errors are ignored) and renders nothing once a choice\r\nexists. Fires `cookie-consent-accept` / `cookie-consent-refuse` (detail `{ status }`). The\r\ndefault slot replaces the message text.",
680
+ "name": "CookieConsent",
681
681
  "cssProperties": [
682
682
  {
683
- "description": "Overrides the block's padding.",
684
- "name": "--st-content-block-padding"
683
+ "description": "Overrides the bar's padding.",
684
+ "name": "--st-cookie-consent-padding"
685
685
  }
686
686
  ],
687
687
  "members": [
688
688
  {
689
689
  "kind": "field",
690
- "name": "title",
690
+ "name": "message",
691
691
  "type": {
692
692
  "text": "string"
693
693
  },
694
694
  "default": "''",
695
- "attribute": "title"
695
+ "attribute": "message"
696
696
  },
697
697
  {
698
698
  "kind": "field",
699
- "name": "subtitle",
699
+ "name": "acceptButtonText",
700
700
  "type": {
701
701
  "text": "string"
702
702
  },
703
- "default": "''",
704
- "attribute": "subtitle"
703
+ "default": "'Accept'",
704
+ "attribute": "accept-button-text"
705
705
  },
706
706
  {
707
707
  "kind": "field",
708
- "name": "contentSrc",
708
+ "name": "refuseButtonText",
709
709
  "type": {
710
710
  "text": "string"
711
711
  },
712
- "default": "''",
713
- "description": "URL of a Markdown file.",
714
- "attribute": "content-src"
712
+ "default": "'Refuse'",
713
+ "attribute": "refuse-button-text"
715
714
  },
716
715
  {
717
716
  "kind": "field",
718
- "name": "content",
717
+ "name": "privacyPolicyLink",
719
718
  "type": {
720
719
  "text": "string"
721
720
  },
722
721
  "default": "''",
723
- "description": "Inline Markdown, used when `content-src` is not set.",
724
- "attribute": "content"
722
+ "attribute": "privacy-policy-link"
725
723
  },
726
724
  {
727
725
  "kind": "field",
728
- "name": "imageSrc",
726
+ "name": "privacyPolicyText",
729
727
  "type": {
730
728
  "text": "string"
731
729
  },
732
- "default": "''",
733
- "attribute": "image-src"
730
+ "default": "'Privacy Policy'",
731
+ "attribute": "privacy-policy-text"
734
732
  },
735
733
  {
736
734
  "kind": "field",
737
- "name": "imageAlt",
735
+ "name": "storageKey",
736
+ "default": "'sankhya_ui_cookie_consent'",
737
+ "attribute": "storage-key",
738
+ "type": {
739
+ "text": "string"
740
+ }
741
+ },
742
+ {
743
+ "kind": "field",
744
+ "name": "consent",
745
+ "type": {
746
+ "text": "CookieConsentStatus | null"
747
+ },
748
+ "privacy": "private",
749
+ "default": "null",
750
+ "description": "The stored choice, or `null` while undecided (the bar is only shown then)."
751
+ },
752
+ {
753
+ "kind": "method",
754
+ "name": "readStored",
755
+ "privacy": "private",
756
+ "return": {
757
+ "type": {
758
+ "text": "CookieConsentStatus | null"
759
+ }
760
+ }
761
+ },
762
+ {
763
+ "kind": "method",
764
+ "name": "choose",
765
+ "privacy": "private",
766
+ "return": {
767
+ "type": {
768
+ "text": "void"
769
+ }
770
+ },
771
+ "parameters": [
772
+ {
773
+ "name": "status",
774
+ "type": {
775
+ "text": "CookieConsentStatus"
776
+ }
777
+ }
778
+ ]
779
+ }
780
+ ],
781
+ "events": [
782
+ {
783
+ "type": {
784
+ "text": "CustomEvent"
785
+ }
786
+ }
787
+ ],
788
+ "attributes": [
789
+ {
790
+ "name": "message",
738
791
  "type": {
739
792
  "text": "string"
740
793
  },
741
794
  "default": "''",
742
- "attribute": "image-alt"
795
+ "fieldName": "message"
743
796
  },
744
797
  {
745
- "kind": "field",
746
- "name": "imageCaption",
798
+ "name": "accept-button-text",
799
+ "type": {
800
+ "text": "string"
801
+ },
802
+ "default": "'Accept'",
803
+ "fieldName": "acceptButtonText"
804
+ },
805
+ {
806
+ "name": "refuse-button-text",
807
+ "type": {
808
+ "text": "string"
809
+ },
810
+ "default": "'Refuse'",
811
+ "fieldName": "refuseButtonText"
812
+ },
813
+ {
814
+ "name": "privacy-policy-link",
747
815
  "type": {
748
816
  "text": "string"
749
817
  },
750
818
  "default": "''",
751
- "attribute": "image-caption"
819
+ "fieldName": "privacyPolicyLink"
820
+ },
821
+ {
822
+ "name": "privacy-policy-text",
823
+ "type": {
824
+ "text": "string"
825
+ },
826
+ "default": "'Privacy Policy'",
827
+ "fieldName": "privacyPolicyText"
752
828
  },
829
+ {
830
+ "name": "storage-key",
831
+ "default": "DEFAULT_STORAGE_KEY",
832
+ "fieldName": "storageKey"
833
+ }
834
+ ],
835
+ "superclass": {
836
+ "name": "LitElement",
837
+ "package": "lit"
838
+ },
839
+ "tagName": "st-cookie-consent",
840
+ "customElement": true
841
+ }
842
+ ],
843
+ "exports": [
844
+ {
845
+ "kind": "js",
846
+ "name": "CookieConsent",
847
+ "declaration": {
848
+ "name": "CookieConsent",
849
+ "module": "src/cookie-consent/CookieConsent.ts"
850
+ }
851
+ },
852
+ {
853
+ "kind": "custom-element-definition",
854
+ "name": "st-cookie-consent",
855
+ "declaration": {
856
+ "name": "CookieConsent",
857
+ "module": "src/cookie-consent/CookieConsent.ts"
858
+ }
859
+ }
860
+ ]
861
+ },
862
+ {
863
+ "kind": "javascript-module",
864
+ "path": "src/feature-split/FeatureSplit.ts",
865
+ "declarations": [
866
+ {
867
+ "kind": "class",
868
+ "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
869
+ "name": "FeatureSplit",
870
+ "cssProperties": [
871
+ {
872
+ "description": "Overrides the block's padding.",
873
+ "name": "--st-feature-split-padding"
874
+ }
875
+ ],
876
+ "members": [
753
877
  {
754
878
  "kind": "field",
755
879
  "name": "inverted",
@@ -759,42 +883,111 @@
759
883
  "default": "false",
760
884
  "attribute": "inverted",
761
885
  "reflects": true
762
- }
763
- ],
764
- "attributes": [
886
+ },
765
887
  {
888
+ "kind": "field",
766
889
  "name": "title",
767
890
  "type": {
768
891
  "text": "string"
769
892
  },
770
893
  "default": "''",
771
- "fieldName": "title"
894
+ "attribute": "title"
772
895
  },
773
896
  {
897
+ "kind": "field",
774
898
  "name": "subtitle",
775
899
  "type": {
776
900
  "text": "string"
777
901
  },
778
902
  "default": "''",
779
- "fieldName": "subtitle"
903
+ "description": "Markdown.",
904
+ "attribute": "subtitle"
780
905
  },
781
906
  {
782
- "name": "content-src",
907
+ "kind": "field",
908
+ "name": "items",
909
+ "type": {
910
+ "text": "FeatureSplitItem[]"
911
+ },
912
+ "default": "[]"
913
+ },
914
+ {
915
+ "kind": "field",
916
+ "name": "imageSrc",
783
917
  "type": {
784
918
  "text": "string"
785
919
  },
786
920
  "default": "''",
787
- "description": "URL of a Markdown file.",
788
- "fieldName": "contentSrc"
921
+ "attribute": "image-src"
789
922
  },
790
923
  {
791
- "name": "content",
924
+ "kind": "field",
925
+ "name": "imageAlt",
792
926
  "type": {
793
927
  "text": "string"
794
928
  },
795
929
  "default": "''",
796
- "description": "Inline Markdown, used when `content-src` is not set.",
797
- "fieldName": "content"
930
+ "attribute": "image-alt"
931
+ },
932
+ {
933
+ "kind": "field",
934
+ "name": "imagePosition",
935
+ "type": {
936
+ "text": "FeatureSplitImagePosition"
937
+ },
938
+ "default": "'right'",
939
+ "attribute": "image-position",
940
+ "reflects": true
941
+ },
942
+ {
943
+ "kind": "field",
944
+ "name": "actionLabel",
945
+ "type": {
946
+ "text": "string"
947
+ },
948
+ "default": "''",
949
+ "attribute": "action-label"
950
+ },
951
+ {
952
+ "kind": "field",
953
+ "name": "href",
954
+ "type": {
955
+ "text": "string"
956
+ },
957
+ "default": "''",
958
+ "attribute": "href"
959
+ },
960
+ {
961
+ "kind": "method",
962
+ "name": "onAction",
963
+ "privacy": "private"
964
+ }
965
+ ],
966
+ "attributes": [
967
+ {
968
+ "name": "inverted",
969
+ "type": {
970
+ "text": "boolean"
971
+ },
972
+ "default": "false",
973
+ "fieldName": "inverted"
974
+ },
975
+ {
976
+ "name": "title",
977
+ "type": {
978
+ "text": "string"
979
+ },
980
+ "default": "''",
981
+ "fieldName": "title"
982
+ },
983
+ {
984
+ "name": "subtitle",
985
+ "type": {
986
+ "text": "string"
987
+ },
988
+ "default": "''",
989
+ "description": "Markdown.",
990
+ "fieldName": "subtitle"
798
991
  },
799
992
  {
800
993
  "name": "image-src",
@@ -813,234 +1006,239 @@
813
1006
  "fieldName": "imageAlt"
814
1007
  },
815
1008
  {
816
- "name": "image-caption",
1009
+ "name": "image-position",
1010
+ "type": {
1011
+ "text": "FeatureSplitImagePosition"
1012
+ },
1013
+ "default": "'right'",
1014
+ "fieldName": "imagePosition"
1015
+ },
1016
+ {
1017
+ "name": "action-label",
817
1018
  "type": {
818
1019
  "text": "string"
819
1020
  },
820
1021
  "default": "''",
821
- "fieldName": "imageCaption"
1022
+ "fieldName": "actionLabel"
822
1023
  },
823
1024
  {
824
- "name": "inverted",
1025
+ "name": "href",
825
1026
  "type": {
826
- "text": "boolean"
1027
+ "text": "string"
827
1028
  },
828
- "default": "false",
829
- "fieldName": "inverted"
1029
+ "default": "''",
1030
+ "fieldName": "href"
830
1031
  }
831
1032
  ],
832
1033
  "superclass": {
833
1034
  "name": "LitElement",
834
1035
  "package": "lit"
835
1036
  },
836
- "tagName": "st-content-block",
1037
+ "tagName": "st-feature-split",
837
1038
  "customElement": true
838
1039
  }
839
1040
  ],
840
1041
  "exports": [
841
1042
  {
842
1043
  "kind": "js",
843
- "name": "ContentBlock",
1044
+ "name": "FeatureSplit",
844
1045
  "declaration": {
845
- "name": "ContentBlock",
846
- "module": "src/content-block/ContentBlock.ts"
1046
+ "name": "FeatureSplit",
1047
+ "module": "src/feature-split/FeatureSplit.ts"
847
1048
  }
848
1049
  },
849
1050
  {
850
1051
  "kind": "custom-element-definition",
851
- "name": "st-content-block",
1052
+ "name": "st-feature-split",
852
1053
  "declaration": {
853
- "name": "ContentBlock",
854
- "module": "src/content-block/ContentBlock.ts"
1054
+ "name": "FeatureSplit",
1055
+ "module": "src/feature-split/FeatureSplit.ts"
855
1056
  }
856
1057
  }
857
1058
  ]
858
1059
  },
859
1060
  {
860
1061
  "kind": "javascript-module",
861
- "path": "src/cookie-consent/CookieConsent.ts",
1062
+ "path": "src/content-block/ContentBlock.ts",
862
1063
  "declarations": [
863
1064
  {
864
1065
  "kind": "class",
865
- "description": "Fixed bottom consent bar. The source read/wrote consent through a React `UserContext`; here the\r\nelement persists the choice itself in localStorage (`storage-key`, default the source's\r\n`sankhya_ui_cookie_consent`; storage errors are ignored) and renders nothing once a choice\r\nexists. Fires `cookie-consent-accept` / `cookie-consent-refuse` (detail `{ status }`). The\r\ndefault slot replaces the message text.",
866
- "name": "CookieConsent",
1066
+ "description": "A long-form article section: centered title/subtitle, an optional featured image with caption,\r\nthen Markdown body text. Ports `SankhyaUI`'s React `ContentBlock`. The body comes from\r\n`content-src` (a Markdown URL, as in the source) or an inline `content` string (added so the\r\nblock works without a fetch); `content-src` wins when both are set.",
1067
+ "name": "ContentBlock",
867
1068
  "cssProperties": [
868
1069
  {
869
- "description": "Overrides the bar's padding.",
870
- "name": "--st-cookie-consent-padding"
1070
+ "description": "Overrides the block's padding.",
1071
+ "name": "--st-content-block-padding"
871
1072
  }
872
1073
  ],
873
1074
  "members": [
874
1075
  {
875
1076
  "kind": "field",
876
- "name": "message",
1077
+ "name": "title",
877
1078
  "type": {
878
1079
  "text": "string"
879
1080
  },
880
1081
  "default": "''",
881
- "attribute": "message"
1082
+ "attribute": "title"
882
1083
  },
883
1084
  {
884
1085
  "kind": "field",
885
- "name": "acceptButtonText",
1086
+ "name": "subtitle",
886
1087
  "type": {
887
1088
  "text": "string"
888
1089
  },
889
- "default": "'Accept'",
890
- "attribute": "accept-button-text"
1090
+ "default": "''",
1091
+ "attribute": "subtitle"
891
1092
  },
892
1093
  {
893
1094
  "kind": "field",
894
- "name": "refuseButtonText",
1095
+ "name": "contentSrc",
895
1096
  "type": {
896
1097
  "text": "string"
897
1098
  },
898
- "default": "'Refuse'",
899
- "attribute": "refuse-button-text"
1099
+ "default": "''",
1100
+ "description": "URL of a Markdown file.",
1101
+ "attribute": "content-src"
900
1102
  },
901
1103
  {
902
1104
  "kind": "field",
903
- "name": "privacyPolicyLink",
1105
+ "name": "content",
904
1106
  "type": {
905
1107
  "text": "string"
906
1108
  },
907
1109
  "default": "''",
908
- "attribute": "privacy-policy-link"
1110
+ "description": "Inline Markdown, used when `content-src` is not set.",
1111
+ "attribute": "content"
909
1112
  },
910
1113
  {
911
1114
  "kind": "field",
912
- "name": "privacyPolicyText",
1115
+ "name": "imageSrc",
913
1116
  "type": {
914
1117
  "text": "string"
915
1118
  },
916
- "default": "'Privacy Policy'",
917
- "attribute": "privacy-policy-text"
1119
+ "default": "''",
1120
+ "attribute": "image-src"
918
1121
  },
919
1122
  {
920
1123
  "kind": "field",
921
- "name": "storageKey",
922
- "default": "'sankhya_ui_cookie_consent'",
923
- "attribute": "storage-key",
1124
+ "name": "imageAlt",
924
1125
  "type": {
925
1126
  "text": "string"
926
- }
1127
+ },
1128
+ "default": "''",
1129
+ "attribute": "image-alt"
927
1130
  },
928
1131
  {
929
1132
  "kind": "field",
930
- "name": "consent",
1133
+ "name": "imageCaption",
931
1134
  "type": {
932
- "text": "CookieConsentStatus | null"
1135
+ "text": "string"
933
1136
  },
934
- "privacy": "private",
935
- "default": "null",
936
- "description": "The stored choice, or `null` while undecided (the bar is only shown then)."
937
- },
938
- {
939
- "kind": "method",
940
- "name": "readStored",
941
- "privacy": "private",
942
- "return": {
943
- "type": {
944
- "text": "CookieConsentStatus | null"
945
- }
946
- }
1137
+ "default": "''",
1138
+ "attribute": "image-caption"
947
1139
  },
948
1140
  {
949
- "kind": "method",
950
- "name": "choose",
951
- "privacy": "private",
952
- "return": {
953
- "type": {
954
- "text": "void"
955
- }
1141
+ "kind": "field",
1142
+ "name": "inverted",
1143
+ "type": {
1144
+ "text": "boolean"
956
1145
  },
957
- "parameters": [
958
- {
959
- "name": "status",
960
- "type": {
961
- "text": "CookieConsentStatus"
962
- }
963
- }
964
- ]
1146
+ "default": "false",
1147
+ "attribute": "inverted",
1148
+ "reflects": true
965
1149
  }
966
1150
  ],
967
- "events": [
1151
+ "attributes": [
968
1152
  {
1153
+ "name": "title",
969
1154
  "type": {
970
- "text": "CustomEvent"
971
- }
972
- }
973
- ],
974
- "attributes": [
1155
+ "text": "string"
1156
+ },
1157
+ "default": "''",
1158
+ "fieldName": "title"
1159
+ },
1160
+ {
1161
+ "name": "subtitle",
1162
+ "type": {
1163
+ "text": "string"
1164
+ },
1165
+ "default": "''",
1166
+ "fieldName": "subtitle"
1167
+ },
975
1168
  {
976
- "name": "message",
1169
+ "name": "content-src",
977
1170
  "type": {
978
1171
  "text": "string"
979
1172
  },
980
1173
  "default": "''",
981
- "fieldName": "message"
1174
+ "description": "URL of a Markdown file.",
1175
+ "fieldName": "contentSrc"
982
1176
  },
983
1177
  {
984
- "name": "accept-button-text",
1178
+ "name": "content",
985
1179
  "type": {
986
1180
  "text": "string"
987
1181
  },
988
- "default": "'Accept'",
989
- "fieldName": "acceptButtonText"
1182
+ "default": "''",
1183
+ "description": "Inline Markdown, used when `content-src` is not set.",
1184
+ "fieldName": "content"
990
1185
  },
991
1186
  {
992
- "name": "refuse-button-text",
1187
+ "name": "image-src",
993
1188
  "type": {
994
1189
  "text": "string"
995
1190
  },
996
- "default": "'Refuse'",
997
- "fieldName": "refuseButtonText"
1191
+ "default": "''",
1192
+ "fieldName": "imageSrc"
998
1193
  },
999
1194
  {
1000
- "name": "privacy-policy-link",
1195
+ "name": "image-alt",
1001
1196
  "type": {
1002
1197
  "text": "string"
1003
1198
  },
1004
1199
  "default": "''",
1005
- "fieldName": "privacyPolicyLink"
1200
+ "fieldName": "imageAlt"
1006
1201
  },
1007
1202
  {
1008
- "name": "privacy-policy-text",
1203
+ "name": "image-caption",
1009
1204
  "type": {
1010
1205
  "text": "string"
1011
1206
  },
1012
- "default": "'Privacy Policy'",
1013
- "fieldName": "privacyPolicyText"
1207
+ "default": "''",
1208
+ "fieldName": "imageCaption"
1014
1209
  },
1015
1210
  {
1016
- "name": "storage-key",
1017
- "default": "DEFAULT_STORAGE_KEY",
1018
- "fieldName": "storageKey"
1211
+ "name": "inverted",
1212
+ "type": {
1213
+ "text": "boolean"
1214
+ },
1215
+ "default": "false",
1216
+ "fieldName": "inverted"
1019
1217
  }
1020
1218
  ],
1021
1219
  "superclass": {
1022
1220
  "name": "LitElement",
1023
1221
  "package": "lit"
1024
1222
  },
1025
- "tagName": "st-cookie-consent",
1223
+ "tagName": "st-content-block",
1026
1224
  "customElement": true
1027
1225
  }
1028
1226
  ],
1029
1227
  "exports": [
1030
1228
  {
1031
1229
  "kind": "js",
1032
- "name": "CookieConsent",
1230
+ "name": "ContentBlock",
1033
1231
  "declaration": {
1034
- "name": "CookieConsent",
1035
- "module": "src/cookie-consent/CookieConsent.ts"
1232
+ "name": "ContentBlock",
1233
+ "module": "src/content-block/ContentBlock.ts"
1036
1234
  }
1037
1235
  },
1038
1236
  {
1039
1237
  "kind": "custom-element-definition",
1040
- "name": "st-cookie-consent",
1238
+ "name": "st-content-block",
1041
1239
  "declaration": {
1042
- "name": "CookieConsent",
1043
- "module": "src/cookie-consent/CookieConsent.ts"
1240
+ "name": "ContentBlock",
1241
+ "module": "src/content-block/ContentBlock.ts"
1044
1242
  }
1045
1243
  }
1046
1244
  ]
@@ -1496,343 +1694,145 @@
1496
1694
  "fieldName": "iconColor"
1497
1695
  },
1498
1696
  {
1499
- "name": "align",
1500
- "type": {
1501
- "text": "'left' | 'right'"
1502
- },
1503
- "default": "'left'",
1504
- "description": "Which edge of the trigger the panel lines up with.",
1505
- "fieldName": "align"
1506
- },
1507
- {
1508
- "name": "target",
1509
- "type": {
1510
- "text": "string"
1511
- },
1512
- "default": "'_self'",
1513
- "description": "`target` of an `href` trigger (source default `_self`).",
1514
- "fieldName": "target"
1515
- },
1516
- {
1517
- "name": "trigger-class-name",
1518
- "type": {
1519
- "text": "string"
1520
- },
1521
- "default": "''",
1522
- "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
1523
- "fieldName": "triggerClassName"
1524
- },
1525
- {
1526
- "name": "item-group-class-name",
1527
- "type": {
1528
- "text": "string"
1529
- },
1530
- "default": "''",
1531
- "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
1532
- "fieldName": "itemGroupClassName"
1533
- },
1534
- {
1535
- "name": "item-class-name",
1536
- "type": {
1537
- "text": "string"
1538
- },
1539
- "default": "''",
1540
- "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
1541
- "fieldName": "itemClassName"
1542
- },
1543
- {
1544
- "name": "disabled",
1545
- "type": {
1546
- "text": "boolean"
1547
- },
1548
- "default": "false",
1549
- "fieldName": "disabled"
1550
- },
1551
- {
1552
- "name": "active",
1553
- "type": {
1554
- "text": "boolean"
1555
- },
1556
- "default": "false",
1557
- "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
1558
- "fieldName": "active"
1559
- },
1560
- {
1561
- "name": "inline",
1562
- "type": {
1563
- "text": "boolean"
1564
- },
1565
- "default": "false",
1566
- "description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
1567
- "fieldName": "inline"
1568
- },
1569
- {
1570
- "name": "open",
1571
- "type": {
1572
- "text": "boolean"
1573
- },
1574
- "default": "false",
1575
- "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
1576
- "fieldName": "open"
1577
- },
1578
- {
1579
- "name": "mega",
1580
- "type": {
1581
- "text": "boolean"
1582
- },
1583
- "default": "false",
1584
- "description": "Mega-menu panel (okta.com style), typically holding an `st-mega-menu`: the panel spans the\r\nfull width of the nearest positioned ancestor — `st-header` — right under it, instead of\r\nhanging off the trigger. In `st-header`'s hamburger layout (`inline`) it slides in over the\r\nscreen with a Back button rather than opening as an accordion. A click inside the panel only\r\ncloses it when it lands on a link.",
1585
- "fieldName": "mega"
1586
- },
1587
- {
1588
- "name": "bar",
1589
- "type": {
1590
- "text": "boolean"
1591
- },
1592
- "default": "false",
1593
- "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
1594
- "fieldName": "bar"
1595
- },
1596
- {
1597
- "name": "open-on-hover",
1598
- "type": {
1599
- "text": "boolean"
1600
- },
1601
- "default": "false",
1602
- "description": "Opens the panel while a mouse hovers the trigger or panel (touch and keyboard still click). Off while `inline`.",
1603
- "fieldName": "openOnHover"
1604
- },
1605
- {
1606
- "name": "back-label",
1607
- "type": {
1608
- "text": "string"
1609
- },
1610
- "default": "'Back'",
1611
- "description": "Text of the Back button in the `mega` + `inline` drill-down panel.",
1612
- "fieldName": "backLabel"
1613
- }
1614
- ],
1615
- "superclass": {
1616
- "name": "LitElement",
1617
- "package": "lit"
1618
- },
1619
- "tagName": "st-dropdown",
1620
- "customElement": true
1621
- }
1622
- ],
1623
- "exports": [
1624
- {
1625
- "kind": "js",
1626
- "name": "Dropdown",
1627
- "declaration": {
1628
- "name": "Dropdown",
1629
- "module": "src/dropdown/Dropdown.ts"
1630
- }
1631
- },
1632
- {
1633
- "kind": "custom-element-definition",
1634
- "name": "st-dropdown",
1635
- "declaration": {
1636
- "name": "Dropdown",
1637
- "module": "src/dropdown/Dropdown.ts"
1638
- }
1639
- }
1640
- ]
1641
- },
1642
- {
1643
- "kind": "javascript-module",
1644
- "path": "src/feature-split/FeatureSplit.ts",
1645
- "declarations": [
1646
- {
1647
- "kind": "class",
1648
- "description": "A title/markdown-subtitle/feature-list block beside (or under) an image.",
1649
- "name": "FeatureSplit",
1650
- "cssProperties": [
1651
- {
1652
- "description": "Overrides the block's padding.",
1653
- "name": "--st-feature-split-padding"
1654
- }
1655
- ],
1656
- "members": [
1657
- {
1658
- "kind": "field",
1659
- "name": "inverted",
1660
- "type": {
1661
- "text": "boolean"
1662
- },
1663
- "default": "false",
1664
- "attribute": "inverted",
1665
- "reflects": true
1666
- },
1667
- {
1668
- "kind": "field",
1669
- "name": "title",
1670
- "type": {
1671
- "text": "string"
1672
- },
1673
- "default": "''",
1674
- "attribute": "title"
1675
- },
1676
- {
1677
- "kind": "field",
1678
- "name": "subtitle",
1679
- "type": {
1680
- "text": "string"
1681
- },
1682
- "default": "''",
1683
- "description": "Markdown.",
1684
- "attribute": "subtitle"
1685
- },
1686
- {
1687
- "kind": "field",
1688
- "name": "items",
1689
- "type": {
1690
- "text": "FeatureSplitItem[]"
1691
- },
1692
- "default": "[]"
1693
- },
1694
- {
1695
- "kind": "field",
1696
- "name": "imageSrc",
1697
+ "name": "align",
1697
1698
  "type": {
1698
- "text": "string"
1699
+ "text": "'left' | 'right'"
1699
1700
  },
1700
- "default": "''",
1701
- "attribute": "image-src"
1701
+ "default": "'left'",
1702
+ "description": "Which edge of the trigger the panel lines up with.",
1703
+ "fieldName": "align"
1702
1704
  },
1703
1705
  {
1704
- "kind": "field",
1705
- "name": "imageAlt",
1706
+ "name": "target",
1706
1707
  "type": {
1707
1708
  "text": "string"
1708
1709
  },
1709
- "default": "''",
1710
- "attribute": "image-alt"
1710
+ "default": "'_self'",
1711
+ "description": "`target` of an `href` trigger (source default `_self`).",
1712
+ "fieldName": "target"
1711
1713
  },
1712
1714
  {
1713
- "kind": "field",
1714
- "name": "imagePosition",
1715
+ "name": "trigger-class-name",
1715
1716
  "type": {
1716
- "text": "FeatureSplitImagePosition"
1717
+ "text": "string"
1717
1718
  },
1718
- "default": "'right'",
1719
- "attribute": "image-position",
1720
- "reflects": true
1719
+ "default": "''",
1720
+ "description": "Extra class(es) on the trigger (source: `className`; a `class` on `st-dropdown` styles the host).",
1721
+ "fieldName": "triggerClassName"
1721
1722
  },
1722
1723
  {
1723
- "kind": "field",
1724
- "name": "actionLabel",
1724
+ "name": "item-group-class-name",
1725
1725
  "type": {
1726
1726
  "text": "string"
1727
1727
  },
1728
1728
  "default": "''",
1729
- "attribute": "action-label"
1729
+ "description": "Extra class(es) on the panel (source: `itemGroupClassName`).",
1730
+ "fieldName": "itemGroupClassName"
1730
1731
  },
1731
1732
  {
1732
- "kind": "field",
1733
- "name": "href",
1733
+ "name": "item-class-name",
1734
1734
  "type": {
1735
1735
  "text": "string"
1736
1736
  },
1737
1737
  "default": "''",
1738
- "attribute": "href"
1738
+ "description": "Unused, as in the source (`itemClassName` is never read there); kept for prop parity.",
1739
+ "fieldName": "itemClassName"
1739
1740
  },
1740
1741
  {
1741
- "kind": "method",
1742
- "name": "onAction",
1743
- "privacy": "private"
1744
- }
1745
- ],
1746
- "attributes": [
1747
- {
1748
- "name": "inverted",
1742
+ "name": "disabled",
1749
1743
  "type": {
1750
1744
  "text": "boolean"
1751
1745
  },
1752
1746
  "default": "false",
1753
- "fieldName": "inverted"
1747
+ "fieldName": "disabled"
1754
1748
  },
1755
1749
  {
1756
- "name": "title",
1750
+ "name": "active",
1757
1751
  "type": {
1758
- "text": "string"
1752
+ "text": "boolean"
1759
1753
  },
1760
- "default": "''",
1761
- "fieldName": "title"
1754
+ "default": "false",
1755
+ "description": "Highlights the trigger as the current section (e.g. the current page is one of its items).",
1756
+ "fieldName": "active"
1762
1757
  },
1763
1758
  {
1764
- "name": "subtitle",
1759
+ "name": "inline",
1765
1760
  "type": {
1766
- "text": "string"
1761
+ "text": "boolean"
1767
1762
  },
1768
- "default": "''",
1769
- "description": "Markdown.",
1770
- "fieldName": "subtitle"
1763
+ "default": "false",
1764
+ "description": "Opens the panel in the flow under the trigger instead of floating over the page (see the\r\nstyles). `st-header` sets this on its own menu's dropdowns while its hamburger panel shows.",
1765
+ "fieldName": "inline"
1771
1766
  },
1772
1767
  {
1773
- "name": "image-src",
1768
+ "name": "open",
1774
1769
  "type": {
1775
- "text": "string"
1770
+ "text": "boolean"
1776
1771
  },
1777
- "default": "''",
1778
- "fieldName": "imageSrc"
1772
+ "default": "false",
1773
+ "description": "Whether the panel is showing. Follows user toggles; may also be set from outside.",
1774
+ "fieldName": "open"
1779
1775
  },
1780
1776
  {
1781
- "name": "image-alt",
1777
+ "name": "mega",
1782
1778
  "type": {
1783
- "text": "string"
1779
+ "text": "boolean"
1784
1780
  },
1785
- "default": "''",
1786
- "fieldName": "imageAlt"
1781
+ "default": "false",
1782
+ "description": "Mega-menu panel (okta.com style), typically holding an `st-mega-menu`: the panel spans the\r\nfull width of the nearest positioned ancestor — `st-header` — right under it, instead of\r\nhanging off the trigger. In `st-header`'s hamburger layout (`inline`) it slides in over the\r\nscreen with a Back button rather than opening as an accordion. A click inside the panel only\r\ncloses it when it lands on a link.",
1783
+ "fieldName": "mega"
1787
1784
  },
1788
1785
  {
1789
- "name": "image-position",
1786
+ "name": "bar",
1790
1787
  "type": {
1791
- "text": "FeatureSplitImagePosition"
1788
+ "text": "boolean"
1792
1789
  },
1793
- "default": "'right'",
1794
- "fieldName": "imagePosition"
1790
+ "default": "false",
1791
+ "description": "Styles a non-`mega` trigger like a mega one — a pill that turns solid accent while open — so\r\na plain dropdown (e.g. \"+ New\") lines up with mega triggers in the same header bar.",
1792
+ "fieldName": "bar"
1795
1793
  },
1796
1794
  {
1797
- "name": "action-label",
1795
+ "name": "open-on-hover",
1798
1796
  "type": {
1799
- "text": "string"
1797
+ "text": "boolean"
1800
1798
  },
1801
- "default": "''",
1802
- "fieldName": "actionLabel"
1799
+ "default": "false",
1800
+ "description": "Opens the panel while a mouse hovers the trigger or panel (touch and keyboard still click). Off while `inline`.",
1801
+ "fieldName": "openOnHover"
1803
1802
  },
1804
1803
  {
1805
- "name": "href",
1804
+ "name": "back-label",
1806
1805
  "type": {
1807
1806
  "text": "string"
1808
1807
  },
1809
- "default": "''",
1810
- "fieldName": "href"
1808
+ "default": "'Back'",
1809
+ "description": "Text of the Back button in the `mega` + `inline` drill-down panel.",
1810
+ "fieldName": "backLabel"
1811
1811
  }
1812
1812
  ],
1813
1813
  "superclass": {
1814
1814
  "name": "LitElement",
1815
1815
  "package": "lit"
1816
1816
  },
1817
- "tagName": "st-feature-split",
1817
+ "tagName": "st-dropdown",
1818
1818
  "customElement": true
1819
1819
  }
1820
1820
  ],
1821
1821
  "exports": [
1822
1822
  {
1823
1823
  "kind": "js",
1824
- "name": "FeatureSplit",
1824
+ "name": "Dropdown",
1825
1825
  "declaration": {
1826
- "name": "FeatureSplit",
1827
- "module": "src/feature-split/FeatureSplit.ts"
1826
+ "name": "Dropdown",
1827
+ "module": "src/dropdown/Dropdown.ts"
1828
1828
  }
1829
1829
  },
1830
1830
  {
1831
1831
  "kind": "custom-element-definition",
1832
- "name": "st-feature-split",
1832
+ "name": "st-dropdown",
1833
1833
  "declaration": {
1834
- "name": "FeatureSplit",
1835
- "module": "src/feature-split/FeatureSplit.ts"
1834
+ "name": "Dropdown",
1835
+ "module": "src/dropdown/Dropdown.ts"
1836
1836
  }
1837
1837
  }
1838
1838
  ]
@@ -2131,7 +2131,7 @@
2131
2131
  "declarations": [
2132
2132
  {
2133
2133
  "kind": "class",
2134
- "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
2134
+ "description": "The app-shell header bar — brand (image + title, or title alone) on the left, a `slot=\"menu\"`\r\nfor primary nav (e.g. `st-dropdown`/`st-menu-grid` mega-menus, or plain links) taking the\r\nmiddle, and a `slot=\"utility\"` for account/app-switcher/theme controls on the right. Ported\r\nfrom `SankhyaUI`'s React `Header` (a separate, unrelated marketing-site project) to this\r\npackage's Lit conventions and this workspace's actual needs — that source component takes an\r\n`imageSrc` logo with no text fallback, but none of this suite's apps has a logo image today, so\r\n`title` is the primary brand prop here and `brand-image-url` is optional, mirroring\r\n`st-app-header`'s own brand/title split (this component's slotted-menu/utility shape is a\r\ndeliberately different, more generic surface than `st-app-header`'s fixed nav-links/user-menu\r\nprops — pick whichever fits a given app's header).\r\n\r\nLayout follows the source's `Header.css`: the menu starts 4rem after the brand, the utility\r\ncontrols sit after a vertical divider, and below `BREAKPOINT_TABLET` (900px here; 768px in the\r\nsource) `menu`/`utility` collapse behind a hamburger toggle into a full-screen layer under the\r\ntoggle (closes on Escape or a click inside it), where the menu's `st-dropdown`s are switched to\r\n`inline` so they open in the flow — the same two slotted elements just get repositioned by CSS\r\n(`.mobile-panel`'s `display: contents` at desktop width vs. a real fixed-position box below\r\n`BREAKPOINT_TABLET`), rather than the slots being duplicated in the template, since a shadow\r\nroot can only ever assign a given light-DOM child to the *first* slot of a given name.\r\n\r\nAn optional `slot=\"brand-extra\"` sits right after the brand (e.g. an edition badge such as\r\n\"🇮🇳 India Edition\"); unlike `menu`/`utility` it stays in the bar at every width.\r\n\r\nAlso carries an optional built-in language switcher (`languages`/`currentLanguageCode`, fires\r\n`language-change`) — ported from `st-app-header`'s own implementation verbatim rather than\r\nrebuilt, since the source `Header`'s reference story shows an equivalent flag/language `Select`\r\nas a first-class header utility. Hidden entirely when `languages` has fewer than two entries.\r\nThis component has no translation logic itself; the consuming app owns what a language `code`\r\nmeans and which content it re-renders in response.",
2135
2135
  "name": "Header",
2136
2136
  "members": [
2137
2137
  {
@@ -2359,6 +2359,16 @@
2359
2359
  "default": "false",
2360
2360
  "description": "Whether `slot=\"utility\"` has content — an empty utility row (and its divider) is hidden."
2361
2361
  },
2362
+ {
2363
+ "kind": "field",
2364
+ "name": "hasBrandExtra",
2365
+ "type": {
2366
+ "text": "boolean"
2367
+ },
2368
+ "privacy": "private",
2369
+ "default": "false",
2370
+ "description": "Whether `slot=\"brand-extra\"` has content — an empty one takes no room beside the brand."
2371
+ },
2362
2372
  {
2363
2373
  "kind": "field",
2364
2374
  "name": "resizeObserver",
@@ -2389,6 +2399,11 @@
2389
2399
  "privacy": "private",
2390
2400
  "description": "While the hamburger layout is on, the dropdowns in the header open in the flow of the\r\nfull-screen panel instead of floating over it (SankhyaUI's touch-device layout)."
2391
2401
  },
2402
+ {
2403
+ "kind": "field",
2404
+ "name": "onBrandExtraSlotChange",
2405
+ "privacy": "private"
2406
+ },
2392
2407
  {
2393
2408
  "kind": "field",
2394
2409
  "name": "onUtilitySlotChange",
@@ -4448,12 +4463,12 @@
4448
4463
  },
4449
4464
  {
4450
4465
  "kind": "javascript-module",
4451
- "path": "src/menu-item/MenuItem.ts",
4466
+ "path": "src/menu-grid-item/MenuGridItem.ts",
4452
4467
  "declarations": [
4453
4468
  {
4454
4469
  "kind": "class",
4455
- "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
4456
- "name": "MenuItem",
4470
+ "description": "One entry in an `st-menu-grid` — icon (via `slot=\"icon\"`) + title on one line, an optional\r\ndescription below, and an optional corner badge (\"New\", \"Popular\", ...). A 1:1 port of\r\n`SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and\r\nCSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,\r\nscales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.\r\nColors come from the suite theme rather than per-item utility classes.\r\n\r\nAn `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*\r\n`menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls\r\n`event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used\r\nreact-router's `Link` here; the suite apps have no router).",
4471
+ "name": "MenuGridItem",
4457
4472
  "members": [
4458
4473
  {
4459
4474
  "kind": "field",
@@ -4476,21 +4491,21 @@
4476
4491
  },
4477
4492
  {
4478
4493
  "kind": "field",
4479
- "name": "href",
4494
+ "name": "description",
4480
4495
  "type": {
4481
4496
  "text": "string"
4482
4497
  },
4483
4498
  "default": "''",
4484
- "attribute": "href"
4499
+ "attribute": "description"
4485
4500
  },
4486
4501
  {
4487
4502
  "kind": "field",
4488
- "name": "description",
4503
+ "name": "href",
4489
4504
  "type": {
4490
4505
  "text": "string"
4491
4506
  },
4492
4507
  "default": "''",
4493
- "attribute": "description"
4508
+ "attribute": "href"
4494
4509
  },
4495
4510
  {
4496
4511
  "kind": "field",
@@ -4499,20 +4514,9 @@
4499
4514
  "text": "string"
4500
4515
  },
4501
4516
  "default": "''",
4502
- "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4517
+ "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
4503
4518
  "attribute": "badge"
4504
4519
  },
4505
- {
4506
- "kind": "field",
4507
- "name": "active",
4508
- "type": {
4509
- "text": "boolean"
4510
- },
4511
- "default": "false",
4512
- "description": "Highlights this row as the current page (source: `isActive`).",
4513
- "attribute": "active",
4514
- "reflects": true
4515
- },
4516
4520
  {
4517
4521
  "kind": "field",
4518
4522
  "name": "compact",
@@ -4535,40 +4539,46 @@
4535
4539
  },
4536
4540
  {
4537
4541
  "kind": "field",
4538
- "name": "target",
4542
+ "name": "hasIcon",
4539
4543
  "type": {
4540
- "text": "string"
4544
+ "text": "boolean"
4541
4545
  },
4542
- "default": "'_self'",
4543
- "description": "`target` for the `<a>` (source default `_self`).",
4544
- "attribute": "target"
4546
+ "privacy": "private",
4547
+ "default": "false",
4548
+ "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4545
4549
  },
4546
4550
  {
4547
4551
  "kind": "field",
4548
- "name": "variant",
4552
+ "name": "pending",
4549
4553
  "type": {
4550
- "text": "'default' | 'link' | 'bar'"
4554
+ "text": "boolean"
4551
4555
  },
4552
- "default": "'default'",
4553
- "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4554
- "attribute": "variant",
4555
- "reflects": true
4556
+ "privacy": "private",
4557
+ "default": "true",
4558
+ "description": "True until the item first scrolls into view (the source's `whileInView ... once`)."
4556
4559
  },
4557
4560
  {
4558
4561
  "kind": "field",
4559
- "name": "hasIcon",
4562
+ "name": "observer",
4560
4563
  "type": {
4561
- "text": "boolean"
4564
+ "text": "IntersectionObserver | undefined"
4562
4565
  },
4563
- "privacy": "private",
4564
- "default": "false",
4565
- "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4566
+ "privacy": "private"
4566
4567
  },
4567
4568
  {
4568
4569
  "kind": "field",
4569
4570
  "name": "onIconSlotChange",
4570
4571
  "privacy": "private"
4571
4572
  },
4573
+ {
4574
+ "kind": "field",
4575
+ "name": "isExternal",
4576
+ "type": {
4577
+ "text": "boolean"
4578
+ },
4579
+ "privacy": "private",
4580
+ "readonly": true
4581
+ },
4572
4582
  {
4573
4583
  "kind": "field",
4574
4584
  "name": "onClick",
@@ -4585,20 +4595,20 @@
4585
4595
  "fieldName": "title"
4586
4596
  },
4587
4597
  {
4588
- "name": "href",
4598
+ "name": "description",
4589
4599
  "type": {
4590
4600
  "text": "string"
4591
4601
  },
4592
4602
  "default": "''",
4593
- "fieldName": "href"
4603
+ "fieldName": "description"
4594
4604
  },
4595
4605
  {
4596
- "name": "description",
4606
+ "name": "href",
4597
4607
  "type": {
4598
4608
  "text": "string"
4599
4609
  },
4600
4610
  "default": "''",
4601
- "fieldName": "description"
4611
+ "fieldName": "href"
4602
4612
  },
4603
4613
  {
4604
4614
  "name": "badge",
@@ -4606,18 +4616,9 @@
4606
4616
  "text": "string"
4607
4617
  },
4608
4618
  "default": "''",
4609
- "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4619
+ "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
4610
4620
  "fieldName": "badge"
4611
4621
  },
4612
- {
4613
- "name": "active",
4614
- "type": {
4615
- "text": "boolean"
4616
- },
4617
- "default": "false",
4618
- "description": "Highlights this row as the current page (source: `isActive`).",
4619
- "fieldName": "active"
4620
- },
4621
4622
  {
4622
4623
  "name": "compact",
4623
4624
  "type": {
@@ -4634,61 +4635,43 @@
4634
4635
  "default": "true",
4635
4636
  "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4636
4637
  "fieldName": "showDescription"
4637
- },
4638
- {
4639
- "name": "target",
4640
- "type": {
4641
- "text": "string"
4642
- },
4643
- "default": "'_self'",
4644
- "description": "`target` for the `<a>` (source default `_self`).",
4645
- "fieldName": "target"
4646
- },
4647
- {
4648
- "name": "variant",
4649
- "type": {
4650
- "text": "'default' | 'link' | 'bar'"
4651
- },
4652
- "default": "'default'",
4653
- "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4654
- "fieldName": "variant"
4655
4638
  }
4656
4639
  ],
4657
4640
  "superclass": {
4658
4641
  "name": "LitElement",
4659
4642
  "package": "lit"
4660
4643
  },
4661
- "tagName": "st-menu-item",
4644
+ "tagName": "st-menu-grid-item",
4662
4645
  "customElement": true
4663
4646
  }
4664
4647
  ],
4665
4648
  "exports": [
4666
4649
  {
4667
4650
  "kind": "js",
4668
- "name": "MenuItem",
4651
+ "name": "MenuGridItem",
4669
4652
  "declaration": {
4670
- "name": "MenuItem",
4671
- "module": "src/menu-item/MenuItem.ts"
4653
+ "name": "MenuGridItem",
4654
+ "module": "src/menu-grid-item/MenuGridItem.ts"
4672
4655
  }
4673
4656
  },
4674
4657
  {
4675
4658
  "kind": "custom-element-definition",
4676
- "name": "st-menu-item",
4659
+ "name": "st-menu-grid-item",
4677
4660
  "declaration": {
4678
- "name": "MenuItem",
4679
- "module": "src/menu-item/MenuItem.ts"
4661
+ "name": "MenuGridItem",
4662
+ "module": "src/menu-grid-item/MenuGridItem.ts"
4680
4663
  }
4681
4664
  }
4682
4665
  ]
4683
4666
  },
4684
4667
  {
4685
4668
  "kind": "javascript-module",
4686
- "path": "src/menu-grid-item/MenuGridItem.ts",
4669
+ "path": "src/menu-item/MenuItem.ts",
4687
4670
  "declarations": [
4688
4671
  {
4689
4672
  "kind": "class",
4690
- "description": "One entry in an `st-menu-grid` — icon (via `slot=\"icon\"`) + title on one line, an optional\r\ndescription below, and an optional corner badge (\"New\", \"Popular\", ...). A 1:1 port of\r\n`SankhyaUI`'s React `MenuGridItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same markup and\r\nCSS, with its `motion` effects redone in CSS — fades up the first time it scrolls into view,\r\nscales to 1.02 on hover / 0.98 while pressed, the icon tilts on hover, the badge pops in.\r\nColors come from the suite theme rather than per-item utility classes.\r\n\r\nAn `http(s)` `href` opens in a new tab, like the source. Any other `href` fires a *cancelable*\r\n`menu-grid-item-select` event (detail: `{ href }`) first: a host doing client-side routing calls\r\n`event.preventDefault()` on it, which also cancels the anchor's own navigation (the source used\r\nreact-router's `Link` here; the suite apps have no router).",
4691
- "name": "MenuGridItem",
4673
+ "description": "A single flat nav row — icon (`slot=\"icon\"`) + title + badge on one line, an optional\r\ndescription below — as opposed to `st-menu-grid-item`'s card for a multi-column grid. A 1:1\r\nport of `SankhyaUI`'s React `MenuItem` (`SankhyaCMS/SankhyaUI/src/components/Menu`): same\r\nmarkup and CSS, with its `motion` effects redone in CSS — nudges right and scales to 1.01 on\r\nhover / 0.99 while pressed, the icon tilts on hover, the badge pops in, the description fades\r\nin. Colors come from the suite theme rather than per-item utility classes.\r\n\r\nRenders a real `<a href>` but fires a *cancelable* `menu-item-select` event (detail: `{ href }`)\r\nbefore navigating — a host doing client-side routing calls `event.preventDefault()` on it (the\r\nsource used react-router's `Link` here; the suite apps have no router).",
4674
+ "name": "MenuItem",
4692
4675
  "members": [
4693
4676
  {
4694
4677
  "kind": "field",
@@ -4711,21 +4694,21 @@
4711
4694
  },
4712
4695
  {
4713
4696
  "kind": "field",
4714
- "name": "description",
4697
+ "name": "href",
4715
4698
  "type": {
4716
4699
  "text": "string"
4717
4700
  },
4718
4701
  "default": "''",
4719
- "attribute": "description"
4702
+ "attribute": "href"
4720
4703
  },
4721
4704
  {
4722
4705
  "kind": "field",
4723
- "name": "href",
4706
+ "name": "description",
4724
4707
  "type": {
4725
4708
  "text": "string"
4726
4709
  },
4727
4710
  "default": "''",
4728
- "attribute": "href"
4711
+ "attribute": "description"
4729
4712
  },
4730
4713
  {
4731
4714
  "kind": "field",
@@ -4734,9 +4717,20 @@
4734
4717
  "text": "string"
4735
4718
  },
4736
4719
  "default": "''",
4737
- "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
4720
+ "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4738
4721
  "attribute": "badge"
4739
4722
  },
4723
+ {
4724
+ "kind": "field",
4725
+ "name": "active",
4726
+ "type": {
4727
+ "text": "boolean"
4728
+ },
4729
+ "default": "false",
4730
+ "description": "Highlights this row as the current page (source: `isActive`).",
4731
+ "attribute": "active",
4732
+ "reflects": true
4733
+ },
4740
4734
  {
4741
4735
  "kind": "field",
4742
4736
  "name": "compact",
@@ -4759,46 +4753,40 @@
4759
4753
  },
4760
4754
  {
4761
4755
  "kind": "field",
4762
- "name": "hasIcon",
4756
+ "name": "target",
4763
4757
  "type": {
4764
- "text": "boolean"
4758
+ "text": "string"
4765
4759
  },
4766
- "privacy": "private",
4767
- "default": "false",
4768
- "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4760
+ "default": "'_self'",
4761
+ "description": "`target` for the `<a>` (source default `_self`).",
4762
+ "attribute": "target"
4769
4763
  },
4770
4764
  {
4771
4765
  "kind": "field",
4772
- "name": "pending",
4766
+ "name": "variant",
4773
4767
  "type": {
4774
- "text": "boolean"
4768
+ "text": "'default' | 'link' | 'bar'"
4775
4769
  },
4776
- "privacy": "private",
4777
- "default": "true",
4778
- "description": "True until the item first scrolls into view (the source's `whileInView ... once`)."
4770
+ "default": "'default'",
4771
+ "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4772
+ "attribute": "variant",
4773
+ "reflects": true
4779
4774
  },
4780
4775
  {
4781
4776
  "kind": "field",
4782
- "name": "observer",
4777
+ "name": "hasIcon",
4783
4778
  "type": {
4784
- "text": "IntersectionObserver | undefined"
4779
+ "text": "boolean"
4785
4780
  },
4786
- "privacy": "private"
4781
+ "privacy": "private",
4782
+ "default": "false",
4783
+ "description": "Whether `slot=\"icon\"` has content, so an omitted icon leaves no empty box."
4787
4784
  },
4788
4785
  {
4789
4786
  "kind": "field",
4790
4787
  "name": "onIconSlotChange",
4791
4788
  "privacy": "private"
4792
4789
  },
4793
- {
4794
- "kind": "field",
4795
- "name": "isExternal",
4796
- "type": {
4797
- "text": "boolean"
4798
- },
4799
- "privacy": "private",
4800
- "readonly": true
4801
- },
4802
4790
  {
4803
4791
  "kind": "field",
4804
4792
  "name": "onClick",
@@ -4815,20 +4803,20 @@
4815
4803
  "fieldName": "title"
4816
4804
  },
4817
4805
  {
4818
- "name": "description",
4806
+ "name": "href",
4819
4807
  "type": {
4820
4808
  "text": "string"
4821
4809
  },
4822
4810
  "default": "''",
4823
- "fieldName": "description"
4811
+ "fieldName": "href"
4824
4812
  },
4825
4813
  {
4826
- "name": "href",
4814
+ "name": "description",
4827
4815
  "type": {
4828
4816
  "text": "string"
4829
4817
  },
4830
4818
  "default": "''",
4831
- "fieldName": "href"
4819
+ "fieldName": "description"
4832
4820
  },
4833
4821
  {
4834
4822
  "name": "badge",
@@ -4836,9 +4824,18 @@
4836
4824
  "text": "string"
4837
4825
  },
4838
4826
  "default": "''",
4839
- "description": "Small corner label, e.g. \"New\"/\"Beta\" — omit for none.",
4827
+ "description": "Small trailing label, e.g. a count or \"New\"/\"Beta\" — omit for none.",
4840
4828
  "fieldName": "badge"
4841
4829
  },
4830
+ {
4831
+ "name": "active",
4832
+ "type": {
4833
+ "text": "boolean"
4834
+ },
4835
+ "default": "false",
4836
+ "description": "Highlights this row as the current page (source: `isActive`).",
4837
+ "fieldName": "active"
4838
+ },
4842
4839
  {
4843
4840
  "name": "compact",
4844
4841
  "type": {
@@ -4855,31 +4852,49 @@
4855
4852
  "default": "true",
4856
4853
  "description": "Suppresses the description even when `description` is set (source: `showDescription`, default `true`).",
4857
4854
  "fieldName": "showDescription"
4855
+ },
4856
+ {
4857
+ "name": "target",
4858
+ "type": {
4859
+ "text": "string"
4860
+ },
4861
+ "default": "'_self'",
4862
+ "description": "`target` for the `<a>` (source default `_self`).",
4863
+ "fieldName": "target"
4864
+ },
4865
+ {
4866
+ "name": "variant",
4867
+ "type": {
4868
+ "text": "'default' | 'link' | 'bar'"
4869
+ },
4870
+ "default": "'default'",
4871
+ "description": "`default` (a row with a hover box), `link` (a plain text link, as in `st-mega-menu-column`;\r\nmarked with an arrow when it opens a new tab) or `bar` (a top-level item in a header bar,\r\nshaped like a mega `st-dropdown`'s trigger pill so it lines up with the dropdowns beside it).",
4872
+ "fieldName": "variant"
4858
4873
  }
4859
4874
  ],
4860
4875
  "superclass": {
4861
4876
  "name": "LitElement",
4862
4877
  "package": "lit"
4863
4878
  },
4864
- "tagName": "st-menu-grid-item",
4879
+ "tagName": "st-menu-item",
4865
4880
  "customElement": true
4866
4881
  }
4867
4882
  ],
4868
4883
  "exports": [
4869
4884
  {
4870
4885
  "kind": "js",
4871
- "name": "MenuGridItem",
4886
+ "name": "MenuItem",
4872
4887
  "declaration": {
4873
- "name": "MenuGridItem",
4874
- "module": "src/menu-grid-item/MenuGridItem.ts"
4888
+ "name": "MenuItem",
4889
+ "module": "src/menu-item/MenuItem.ts"
4875
4890
  }
4876
4891
  },
4877
4892
  {
4878
4893
  "kind": "custom-element-definition",
4879
- "name": "st-menu-grid-item",
4894
+ "name": "st-menu-item",
4880
4895
  "declaration": {
4881
- "name": "MenuGridItem",
4882
- "module": "src/menu-grid-item/MenuGridItem.ts"
4896
+ "name": "MenuItem",
4897
+ "module": "src/menu-item/MenuItem.ts"
4883
4898
  }
4884
4899
  }
4885
4900
  ]
@@ -5483,6 +5498,77 @@
5483
5498
  }
5484
5499
  ]
5485
5500
  },
5501
+ {
5502
+ "kind": "javascript-module",
5503
+ "path": "src/stats/Stats.ts",
5504
+ "declarations": [
5505
+ {
5506
+ "kind": "class",
5507
+ "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.\r\n`inverted` puts it on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme.",
5508
+ "name": "Stats",
5509
+ "cssProperties": [
5510
+ {
5511
+ "description": "Overrides the block's padding.",
5512
+ "name": "--st-stats-padding"
5513
+ }
5514
+ ],
5515
+ "members": [
5516
+ {
5517
+ "kind": "field",
5518
+ "name": "items",
5519
+ "type": {
5520
+ "text": "StatItem[]"
5521
+ },
5522
+ "default": "[]"
5523
+ },
5524
+ {
5525
+ "kind": "field",
5526
+ "name": "inverted",
5527
+ "type": {
5528
+ "text": "boolean"
5529
+ },
5530
+ "default": "false",
5531
+ "attribute": "inverted",
5532
+ "reflects": true
5533
+ }
5534
+ ],
5535
+ "attributes": [
5536
+ {
5537
+ "name": "inverted",
5538
+ "type": {
5539
+ "text": "boolean"
5540
+ },
5541
+ "default": "false",
5542
+ "fieldName": "inverted"
5543
+ }
5544
+ ],
5545
+ "superclass": {
5546
+ "name": "LitElement",
5547
+ "package": "lit"
5548
+ },
5549
+ "tagName": "st-stats",
5550
+ "customElement": true
5551
+ }
5552
+ ],
5553
+ "exports": [
5554
+ {
5555
+ "kind": "js",
5556
+ "name": "Stats",
5557
+ "declaration": {
5558
+ "name": "Stats",
5559
+ "module": "src/stats/Stats.ts"
5560
+ }
5561
+ },
5562
+ {
5563
+ "kind": "custom-element-definition",
5564
+ "name": "st-stats",
5565
+ "declaration": {
5566
+ "name": "Stats",
5567
+ "module": "src/stats/Stats.ts"
5568
+ }
5569
+ }
5570
+ ]
5571
+ },
5486
5572
  {
5487
5573
  "kind": "javascript-module",
5488
5574
  "path": "src/testimonials/Testimonials.ts",
@@ -5794,77 +5880,6 @@
5794
5880
  }
5795
5881
  }
5796
5882
  ]
5797
- },
5798
- {
5799
- "kind": "javascript-module",
5800
- "path": "src/stats/Stats.ts",
5801
- "declarations": [
5802
- {
5803
- "kind": "class",
5804
- "description": "Responsive grid of headline numbers with a label and optional description. Port of React `Stats`.\r\n`inverted` puts it on the dark band (`--st-cms-band-dark-bg`), which stays dark in the dark theme.",
5805
- "name": "Stats",
5806
- "cssProperties": [
5807
- {
5808
- "description": "Overrides the block's padding.",
5809
- "name": "--st-stats-padding"
5810
- }
5811
- ],
5812
- "members": [
5813
- {
5814
- "kind": "field",
5815
- "name": "items",
5816
- "type": {
5817
- "text": "StatItem[]"
5818
- },
5819
- "default": "[]"
5820
- },
5821
- {
5822
- "kind": "field",
5823
- "name": "inverted",
5824
- "type": {
5825
- "text": "boolean"
5826
- },
5827
- "default": "false",
5828
- "attribute": "inverted",
5829
- "reflects": true
5830
- }
5831
- ],
5832
- "attributes": [
5833
- {
5834
- "name": "inverted",
5835
- "type": {
5836
- "text": "boolean"
5837
- },
5838
- "default": "false",
5839
- "fieldName": "inverted"
5840
- }
5841
- ],
5842
- "superclass": {
5843
- "name": "LitElement",
5844
- "package": "lit"
5845
- },
5846
- "tagName": "st-stats",
5847
- "customElement": true
5848
- }
5849
- ],
5850
- "exports": [
5851
- {
5852
- "kind": "js",
5853
- "name": "Stats",
5854
- "declaration": {
5855
- "name": "Stats",
5856
- "module": "src/stats/Stats.ts"
5857
- }
5858
- },
5859
- {
5860
- "kind": "custom-element-definition",
5861
- "name": "st-stats",
5862
- "declaration": {
5863
- "name": "Stats",
5864
- "module": "src/stats/Stats.ts"
5865
- }
5866
- }
5867
- ]
5868
5883
  }
5869
5884
  ]
5870
5885
  }