@sky.ui/core 0.0.32 → 0.0.33

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 (2) hide show
  1. package/dist/custom-elements.json +1515 -1515
  2. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -453,38 +453,34 @@
453
453
  },
454
454
  {
455
455
  "kind": "javascript-module",
456
- "path": "src/sky-appbar/sky-appbar.ts",
456
+ "path": "src/sky-badge/sky-badge.ts",
457
457
  "declarations": [
458
458
  {
459
459
  "kind": "class",
460
460
  "description": "",
461
- "name": "SkyAppbar",
461
+ "name": "SkyBadge",
462
462
  "cssParts": [
463
463
  {
464
- "description": "Wrapper that contains the leading slot, title, and actions.",
465
- "name": "content"
466
- },
467
- {
468
- "description": "Container for the leading slot (e.g. menu button).",
469
- "name": "leading"
464
+ "description": "Wrapper around the slotted content and the badge.",
465
+ "name": "container"
470
466
  },
471
467
  {
472
- "description": "The title area (contains .title-text with the title string).",
473
- "name": "title"
468
+ "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
469
+ "name": "badge"
474
470
  },
475
471
  {
476
- "description": "The trailing actions container.",
477
- "name": "actions"
472
+ "description": "The icon element when `isIcon` is true.",
473
+ "name": "icon"
478
474
  }
479
475
  ],
480
476
  "slots": [
481
477
  {
482
- "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
483
- "name": "button"
478
+ "description": "The content the badge attaches to.",
479
+ "name": ""
484
480
  },
485
481
  {
486
- "description": "Trailing actions (icons/buttons). This is the default slot.",
487
- "name": ""
482
+ "description": "Optional slot to override the badge content entirely.",
483
+ "name": "badge"
488
484
  }
489
485
  ],
490
486
  "members": [
@@ -499,1110 +495,882 @@
499
495
  },
500
496
  {
501
497
  "kind": "field",
502
- "name": "title",
498
+ "name": "statusColor",
503
499
  "type": {
504
500
  "text": "string"
505
501
  },
506
- "default": "\"App Bar\"",
507
- "description": "Title text displayed in the app bar.",
508
- "attribute": "title"
502
+ "default": "\"success\"",
503
+ "description": "Badge background token or CSS color.",
504
+ "attribute": "statusColor",
505
+ "reflects": true
509
506
  },
510
507
  {
511
508
  "kind": "field",
512
- "name": "color",
509
+ "name": "textColor",
513
510
  "type": {
514
511
  "text": "string"
515
512
  },
516
513
  "default": "\"default\"",
517
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
518
- "attribute": "color"
514
+ "description": "Text color token or CSS color.",
515
+ "attribute": "textColor",
516
+ "reflects": true
519
517
  },
520
518
  {
521
519
  "kind": "field",
522
- "name": "url",
520
+ "name": "iconColor",
523
521
  "type": {
524
522
  "text": "string"
525
523
  },
526
524
  "default": "\"\"",
527
- "description": "Background image URL.",
528
- "attribute": "url"
525
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
526
+ "attribute": "iconColor",
527
+ "reflects": true
529
528
  },
530
529
  {
531
530
  "kind": "field",
532
- "name": "banner",
531
+ "name": "position",
533
532
  "type": {
534
- "text": "boolean"
533
+ "text": "SkyBadgePosition"
535
534
  },
536
- "default": "true",
537
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
538
- "attribute": "banner"
535
+ "default": "\"default\"",
536
+ "description": "Layout mode: `default | floating | inline`.",
537
+ "attribute": "position",
538
+ "reflects": true
539
539
  },
540
540
  {
541
541
  "kind": "field",
542
- "name": "dense",
542
+ "name": "value",
543
543
  "type": {
544
- "text": "boolean"
544
+ "text": "string"
545
545
  },
546
- "default": "false",
547
- "description": "Enables compact vertical spacing.",
548
- "attribute": "dense"
546
+ "default": "\"\"",
547
+ "description": "Badge text/count or icon name in icon mode.",
548
+ "attribute": "value"
549
549
  },
550
550
  {
551
551
  "kind": "field",
552
- "name": "elevated",
552
+ "name": "isIcon",
553
553
  "type": {
554
554
  "text": "boolean"
555
555
  },
556
556
  "default": "false",
557
- "description": "Applies elevated shadow styling.",
558
- "attribute": "elevated"
557
+ "description": "Renders icon mode when true.",
558
+ "attribute": "isIcon",
559
+ "reflects": true
559
560
  },
560
561
  {
561
562
  "kind": "field",
562
- "name": "leadingLabel",
563
+ "name": "size",
563
564
  "type": {
564
565
  "text": "string"
565
566
  },
566
- "default": "\"Open menu\"",
567
- "description": "Accessible label for default leading button fallback.",
568
- "attribute": "leadingLabel"
567
+ "default": "\"\"",
568
+ "description": "Badge and icon size CSS length.",
569
+ "attribute": "size",
570
+ "reflects": true
569
571
  },
570
572
  {
571
- "kind": "method",
572
- "name": "_applyColorSurface",
573
- "privacy": "private",
574
- "return": {
575
- "type": {
576
- "text": "void"
577
- }
573
+ "kind": "field",
574
+ "name": "shape",
575
+ "type": {
576
+ "text": "SkyBadgeShape"
578
577
  },
579
- "description": "Applies glass vs solid surface tokens from `color`."
578
+ "default": "\"custom\"",
579
+ "description": "Badge shape: `circle | pill | custom`.",
580
+ "attribute": "shape",
581
+ "reflects": true
580
582
  },
581
583
  {
582
- "kind": "method",
583
- "name": "_applyBackgroundImage",
584
- "privacy": "private",
585
- "return": {
586
- "type": {
587
- "text": "void"
588
- }
589
- },
590
- "description": "Sets background image CSS variable from `url`."
591
- }
592
- ],
593
- "attributes": [
594
- {
595
- "name": "title",
584
+ "kind": "field",
585
+ "name": "max",
596
586
  "type": {
597
- "text": "string"
587
+ "text": "number"
598
588
  },
599
- "default": "\"App Bar\"",
600
- "description": "Title text displayed in the app bar.",
601
- "fieldName": "title"
589
+ "default": "99",
590
+ "description": "Maximum numeric count before rendering overflow label.",
591
+ "attribute": "max"
602
592
  },
603
593
  {
604
- "name": "color",
594
+ "kind": "field",
595
+ "name": "hideWhenZero",
605
596
  "type": {
606
- "text": "string"
597
+ "text": "boolean"
607
598
  },
608
- "default": "\"default\"",
609
- "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
610
- "fieldName": "color"
599
+ "default": "false",
600
+ "description": "Hides badge when value resolves to numeric zero.",
601
+ "attribute": "hideWhenZero"
611
602
  },
612
603
  {
613
- "name": "url",
604
+ "kind": "field",
605
+ "name": "show",
614
606
  "type": {
615
- "text": "string"
607
+ "text": "boolean"
616
608
  },
617
- "default": "\"\"",
618
- "description": "Background image URL.",
619
- "fieldName": "url"
609
+ "default": "true",
610
+ "description": "Forces badge visibility independent of value.",
611
+ "attribute": "show",
612
+ "reflects": true
620
613
  },
621
614
  {
622
- "name": "banner",
615
+ "kind": "field",
616
+ "name": "offsetX",
623
617
  "type": {
624
- "text": "boolean"
618
+ "text": "string"
625
619
  },
626
- "default": "true",
627
- "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
628
- "fieldName": "banner"
620
+ "default": "\"0px\"",
621
+ "description": "Horizontal offset CSS length.",
622
+ "attribute": "offsetX"
629
623
  },
630
624
  {
631
- "name": "dense",
625
+ "kind": "field",
626
+ "name": "offsetY",
632
627
  "type": {
633
- "text": "boolean"
628
+ "text": "string"
634
629
  },
635
- "default": "false",
636
- "description": "Enables compact vertical spacing.",
637
- "fieldName": "dense"
630
+ "default": "\"0px\"",
631
+ "description": "Vertical offset CSS length.",
632
+ "attribute": "offsetY"
638
633
  },
639
634
  {
640
- "name": "elevated",
635
+ "kind": "field",
636
+ "name": "ring",
641
637
  "type": {
642
638
  "text": "boolean"
643
639
  },
644
640
  "default": "false",
645
- "description": "Applies elevated shadow styling.",
646
- "fieldName": "elevated"
641
+ "description": "Enables visual ring around the badge.",
642
+ "attribute": "ring"
647
643
  },
648
644
  {
649
- "name": "leadingLabel",
645
+ "kind": "field",
646
+ "name": "ringColor",
650
647
  "type": {
651
648
  "text": "string"
652
649
  },
653
- "default": "\"Open menu\"",
654
- "description": "Accessible label for default leading button fallback.",
655
- "fieldName": "leadingLabel"
656
- }
657
- ],
658
- "superclass": {
659
- "name": "LitElement",
660
- "package": "lit"
661
- },
662
- "tagName": "sky-appbar",
663
- "customElement": true,
664
- "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
665
- }
666
- ],
667
- "exports": [
668
- {
669
- "kind": "js",
670
- "name": "SkyAppbar",
671
- "declaration": {
672
- "name": "SkyAppbar",
673
- "module": "src/sky-appbar/sky-appbar.ts"
674
- }
675
- },
676
- {
677
- "kind": "custom-element-definition",
678
- "name": "sky-appbar",
679
- "declaration": {
680
- "name": "SkyAppbar",
681
- "module": "src/sky-appbar/sky-appbar.ts"
682
- }
683
- }
684
- ]
685
- },
686
- {
687
- "kind": "javascript-module",
688
- "path": "src/sky-avatar/sky-avatar.ts",
689
- "declarations": [
690
- {
691
- "kind": "class",
692
- "description": "",
693
- "name": "SkyAvatar",
694
- "cssParts": [
695
- {
696
- "description": "The avatar container element.",
697
- "name": "avatar"
698
- },
699
- {
700
- "description": "The loading overlay container (shown when `loading` is true).",
701
- "name": "loading-overlay"
650
+ "default": "\"primary\"",
651
+ "description": "Ring color token or CSS color.",
652
+ "attribute": "ringColor"
702
653
  },
703
- {
704
- "description": "The spinner element shown when loading.",
705
- "name": "spinner"
706
- }
707
- ],
708
- "slots": [
709
- {
710
- "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
711
- "name": ""
712
- }
713
- ],
714
- "members": [
715
654
  {
716
655
  "kind": "field",
717
- "name": "size",
656
+ "name": "ringOffset",
718
657
  "type": {
719
658
  "text": "string"
720
659
  },
721
- "default": "\"50px\"",
722
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
723
- "attribute": "size"
660
+ "default": "\"1px\"",
661
+ "description": "Ring offset CSS length.",
662
+ "attribute": "ringOffset"
724
663
  },
725
664
  {
726
665
  "kind": "field",
727
- "name": "image",
728
- "type": {
729
- "text": "string"
730
- },
731
- "default": "\"\"",
732
- "description": "Image URL; fallback slot is shown on load error.",
733
- "attribute": "image"
734
- },
735
- {
736
- "kind": "field",
737
- "name": "fit",
738
- "type": {
739
- "text": "SkyAvatarFit"
740
- },
741
- "default": "\"cover\"",
742
- "description": "Image fill mode: `cover` (default) or `contain`.",
743
- "attribute": "fit",
744
- "reflects": true
745
- },
746
- {
747
- "kind": "field",
748
- "name": "radius",
666
+ "name": "badgeLabel",
749
667
  "type": {
750
- "text": "string"
668
+ "text": "string | null"
751
669
  },
752
- "default": "\"md\"",
753
- "description": "Border radius token or CSS value.",
754
- "attribute": "radius"
670
+ "default": "null",
671
+ "description": "ARIA label override.",
672
+ "attribute": "badgeLabel"
755
673
  },
756
674
  {
757
675
  "kind": "field",
758
- "name": "alt",
676
+ "name": "badgeAriaHidden",
759
677
  "type": {
760
- "text": "string"
678
+ "text": "boolean"
761
679
  },
762
- "default": "\"\"",
763
- "description": "Accessible name when image content conveys meaning.",
764
- "attribute": "alt"
680
+ "default": "false",
681
+ "description": "Hides badge from assistive technology when true.",
682
+ "attribute": "badgeAriaHidden"
765
683
  },
766
684
  {
767
685
  "kind": "field",
768
- "name": "color",
686
+ "name": "interactive",
769
687
  "type": {
770
- "text": "string"
688
+ "text": "boolean"
771
689
  },
772
- "default": "\"dark\"",
773
- "description": "Token or CSS color applied to fallback slot content.",
774
- "attribute": "color"
690
+ "default": "false",
691
+ "description": "Enables focus/activation and `badge-click` emission.",
692
+ "attribute": "interactive"
775
693
  },
776
694
  {
777
695
  "kind": "field",
778
- "name": "outline",
696
+ "name": "placement",
779
697
  "type": {
780
- "text": "string"
698
+ "text": "SkyBadgePlacement"
781
699
  },
782
- "default": "\"\"",
783
- "description": "CSS `outline` value.",
784
- "attribute": "outline"
700
+ "default": "\"custom\"",
701
+ "description": "Anchor placement preset for badge positioning.",
702
+ "attribute": "placement",
703
+ "reflects": true
785
704
  },
786
705
  {
787
706
  "kind": "field",
788
- "name": "outlineOffset",
707
+ "name": "_badgeEl",
789
708
  "type": {
790
- "text": "string"
709
+ "text": "HTMLSpanElement"
791
710
  },
792
- "default": "\"2px\"",
793
- "description": "CSS `outline-offset` value.",
794
- "attribute": "outlineOffset"
711
+ "privacy": "private"
795
712
  },
796
713
  {
797
714
  "kind": "field",
798
- "name": "loading",
799
- "type": {
800
- "text": "boolean"
801
- },
802
- "default": "false",
803
- "description": "Shows loading overlay when true.",
804
- "attribute": "loading",
805
- "reflects": true
715
+ "name": "badgeRef",
716
+ "privacy": "public",
717
+ "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
806
718
  },
807
719
  {
808
720
  "kind": "field",
809
- "name": "disabled",
721
+ "name": "shadowRootOptions",
810
722
  "type": {
811
- "text": "boolean"
723
+ "text": "ShadowRootInit"
812
724
  },
813
- "default": "false",
814
- "description": "Dims and disables pointer interactions.",
815
- "attribute": "disabled",
816
- "reflects": true
725
+ "static": true,
726
+ "default": "{ mode: \"open\", delegatesFocus: true, }"
817
727
  },
818
728
  {
819
- "kind": "field",
820
- "name": "interactive",
821
- "type": {
822
- "text": "boolean"
729
+ "kind": "method",
730
+ "name": "showBadge",
731
+ "privacy": "public",
732
+ "return": {
733
+ "type": {
734
+ "text": "void"
735
+ }
823
736
  },
824
- "default": "false",
825
- "description": "Enables interactive behavior with keyboard/click activation.",
826
- "attribute": "interactive"
737
+ "description": "Forces badge visibility on."
827
738
  },
828
739
  {
829
- "kind": "field",
830
- "name": "shadow",
831
- "type": {
832
- "text": "boolean"
740
+ "kind": "method",
741
+ "name": "hideBadge",
742
+ "privacy": "public",
743
+ "return": {
744
+ "type": {
745
+ "text": "void"
746
+ }
833
747
  },
834
- "default": "false",
835
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
836
- "attribute": "shadow",
837
- "reflects": true
748
+ "description": "Forces badge visibility off."
838
749
  },
839
750
  {
840
- "kind": "field",
841
- "name": "_imageError",
842
- "type": {
843
- "text": "boolean"
751
+ "kind": "method",
752
+ "name": "setValue",
753
+ "privacy": "public",
754
+ "return": {
755
+ "type": {
756
+ "text": "void"
757
+ }
844
758
  },
845
- "privacy": "private",
846
- "default": "false",
847
- "description": "True when image failed to load; show slot instead."
759
+ "parameters": [
760
+ {
761
+ "name": "value",
762
+ "type": {
763
+ "text": "string"
764
+ },
765
+ "description": "Badge value or icon name."
766
+ }
767
+ ],
768
+ "description": "Updates badge value for text/count or icon modes."
848
769
  },
849
770
  {
850
771
  "kind": "field",
851
- "name": "_onImageLoad",
772
+ "name": "_onActivate",
852
773
  "privacy": "private",
853
- "description": "Marks image load success and keeps image rendering active."
774
+ "description": "Emits `badge-click` for interactive activation."
854
775
  },
855
776
  {
856
777
  "kind": "field",
857
- "name": "_onImageError",
778
+ "name": "_onKeydown",
858
779
  "privacy": "private",
859
- "description": "Marks image load failure and enables fallback slot rendering."
780
+ "description": "Handles keyboard activation with Enter and Space."
860
781
  },
861
782
  {
862
783
  "kind": "method",
863
- "name": "_handleInteractiveClick",
784
+ "name": "_computeAriaLabel",
864
785
  "privacy": "private",
865
786
  "return": {
866
787
  "type": {
867
- "text": "void"
788
+ "text": "string | null"
868
789
  }
869
790
  },
870
791
  "parameters": [
871
792
  {
872
- "name": "e",
793
+ "name": "displayValue",
873
794
  "type": {
874
- "text": "Event"
795
+ "text": "string | null"
875
796
  }
876
797
  }
877
798
  ],
878
- "description": "Re-dispatches click in interactive mode for host-level consumers."
799
+ "description": "Computes accessible badge label from current render state."
879
800
  },
880
801
  {
881
802
  "kind": "method",
882
- "name": "_handleInteractiveKeydown",
803
+ "name": "_computeAnchors",
883
804
  "privacy": "private",
884
805
  "return": {
885
806
  "type": {
886
- "text": "void"
807
+ "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
887
808
  }
888
809
  },
889
810
  "parameters": [
890
811
  {
891
- "name": "e",
812
+ "name": "placement",
892
813
  "type": {
893
- "text": "KeyboardEvent"
814
+ "text": "SkyBadgePlacement"
894
815
  }
895
816
  }
896
817
  ],
897
- "description": "Handles keyboard activation in interactive mode."
818
+ "description": "Resolves anchor edges from placement preset."
898
819
  },
899
820
  {
900
821
  "kind": "method",
901
- "name": "adjustSpinnerSize",
822
+ "name": "_resolveBadgeSurface",
902
823
  "privacy": "private",
903
824
  "return": {
904
825
  "type": {
905
- "text": "void"
826
+ "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
906
827
  }
907
828
  },
908
- "description": "Derives spinner dimensions from current avatar size."
829
+ "description": "Maps semantic status tokens to soft badge surface colors."
909
830
  }
910
831
  ],
911
832
  "events": [
912
833
  {
913
- "name": "click",
914
834
  "type": {
915
- "text": "Event"
916
- }
835
+ "text": "CustomEvent<SkyBadgeClickEventDetail>"
836
+ },
837
+ "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
838
+ "name": "badge-click"
917
839
  }
918
840
  ],
919
841
  "attributes": [
920
842
  {
921
- "name": "size",
843
+ "name": "statusColor",
922
844
  "type": {
923
845
  "text": "string"
924
846
  },
925
- "default": "\"50px\"",
926
- "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
927
- "fieldName": "size"
847
+ "default": "\"success\"",
848
+ "description": "Badge background token or CSS color.",
849
+ "fieldName": "statusColor"
928
850
  },
929
851
  {
930
- "name": "image",
852
+ "name": "textColor",
931
853
  "type": {
932
854
  "text": "string"
933
855
  },
934
- "default": "\"\"",
935
- "description": "Image URL; fallback slot is shown on load error.",
936
- "fieldName": "image"
856
+ "default": "\"default\"",
857
+ "description": "Text color token or CSS color.",
858
+ "fieldName": "textColor"
937
859
  },
938
860
  {
939
- "name": "fit",
861
+ "name": "iconColor",
940
862
  "type": {
941
- "text": "SkyAvatarFit"
863
+ "text": "string"
942
864
  },
943
- "default": "\"cover\"",
944
- "description": "Image fill mode: `cover` (default) or `contain`.",
945
- "fieldName": "fit"
865
+ "default": "\"\"",
866
+ "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
867
+ "fieldName": "iconColor"
946
868
  },
947
869
  {
948
- "name": "radius",
870
+ "name": "position",
949
871
  "type": {
950
- "text": "string"
872
+ "text": "SkyBadgePosition"
951
873
  },
952
- "default": "\"md\"",
953
- "description": "Border radius token or CSS value.",
954
- "fieldName": "radius"
874
+ "default": "\"default\"",
875
+ "description": "Layout mode: `default | floating | inline`.",
876
+ "fieldName": "position"
955
877
  },
956
878
  {
957
- "name": "alt",
879
+ "name": "value",
958
880
  "type": {
959
881
  "text": "string"
960
882
  },
961
883
  "default": "\"\"",
962
- "description": "Accessible name when image content conveys meaning.",
963
- "fieldName": "alt"
884
+ "description": "Badge text/count or icon name in icon mode.",
885
+ "fieldName": "value"
964
886
  },
965
887
  {
966
- "name": "color",
888
+ "name": "isIcon",
967
889
  "type": {
968
- "text": "string"
890
+ "text": "boolean"
969
891
  },
970
- "default": "\"dark\"",
971
- "description": "Token or CSS color applied to fallback slot content.",
972
- "fieldName": "color"
892
+ "default": "false",
893
+ "description": "Renders icon mode when true.",
894
+ "fieldName": "isIcon"
973
895
  },
974
896
  {
975
- "name": "outline",
897
+ "name": "size",
976
898
  "type": {
977
899
  "text": "string"
978
900
  },
979
901
  "default": "\"\"",
980
- "description": "CSS `outline` value.",
981
- "fieldName": "outline"
902
+ "description": "Badge and icon size CSS length.",
903
+ "fieldName": "size"
982
904
  },
983
905
  {
984
- "name": "outlineOffset",
906
+ "name": "shape",
985
907
  "type": {
986
- "text": "string"
908
+ "text": "SkyBadgeShape"
987
909
  },
988
- "default": "\"2px\"",
989
- "description": "CSS `outline-offset` value.",
990
- "fieldName": "outlineOffset"
910
+ "default": "\"custom\"",
911
+ "description": "Badge shape: `circle | pill | custom`.",
912
+ "fieldName": "shape"
991
913
  },
992
914
  {
993
- "name": "loading",
915
+ "name": "max",
916
+ "type": {
917
+ "text": "number"
918
+ },
919
+ "default": "99",
920
+ "description": "Maximum numeric count before rendering overflow label.",
921
+ "fieldName": "max"
922
+ },
923
+ {
924
+ "name": "hideWhenZero",
994
925
  "type": {
995
926
  "text": "boolean"
996
927
  },
997
928
  "default": "false",
998
- "description": "Shows loading overlay when true.",
999
- "fieldName": "loading"
929
+ "description": "Hides badge when value resolves to numeric zero.",
930
+ "fieldName": "hideWhenZero"
1000
931
  },
1001
932
  {
1002
- "name": "disabled",
933
+ "name": "show",
934
+ "type": {
935
+ "text": "boolean"
936
+ },
937
+ "default": "true",
938
+ "description": "Forces badge visibility independent of value.",
939
+ "fieldName": "show"
940
+ },
941
+ {
942
+ "name": "offsetX",
943
+ "type": {
944
+ "text": "string"
945
+ },
946
+ "default": "\"0px\"",
947
+ "description": "Horizontal offset CSS length.",
948
+ "fieldName": "offsetX"
949
+ },
950
+ {
951
+ "name": "offsetY",
952
+ "type": {
953
+ "text": "string"
954
+ },
955
+ "default": "\"0px\"",
956
+ "description": "Vertical offset CSS length.",
957
+ "fieldName": "offsetY"
958
+ },
959
+ {
960
+ "name": "ring",
1003
961
  "type": {
1004
962
  "text": "boolean"
1005
963
  },
1006
964
  "default": "false",
1007
- "description": "Dims and disables pointer interactions.",
1008
- "fieldName": "disabled"
965
+ "description": "Enables visual ring around the badge.",
966
+ "fieldName": "ring"
1009
967
  },
1010
968
  {
1011
- "name": "interactive",
969
+ "name": "ringColor",
970
+ "type": {
971
+ "text": "string"
972
+ },
973
+ "default": "\"primary\"",
974
+ "description": "Ring color token or CSS color.",
975
+ "fieldName": "ringColor"
976
+ },
977
+ {
978
+ "name": "ringOffset",
979
+ "type": {
980
+ "text": "string"
981
+ },
982
+ "default": "\"1px\"",
983
+ "description": "Ring offset CSS length.",
984
+ "fieldName": "ringOffset"
985
+ },
986
+ {
987
+ "name": "badgeLabel",
988
+ "type": {
989
+ "text": "string | null"
990
+ },
991
+ "default": "null",
992
+ "description": "ARIA label override.",
993
+ "fieldName": "badgeLabel"
994
+ },
995
+ {
996
+ "name": "badgeAriaHidden",
1012
997
  "type": {
1013
998
  "text": "boolean"
1014
999
  },
1015
1000
  "default": "false",
1016
- "description": "Enables interactive behavior with keyboard/click activation.",
1017
- "fieldName": "interactive"
1001
+ "description": "Hides badge from assistive technology when true.",
1002
+ "fieldName": "badgeAriaHidden"
1018
1003
  },
1019
1004
  {
1020
- "name": "shadow",
1005
+ "name": "interactive",
1021
1006
  "type": {
1022
1007
  "text": "boolean"
1023
1008
  },
1024
1009
  "default": "false",
1025
- "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1026
- "fieldName": "shadow"
1010
+ "description": "Enables focus/activation and `badge-click` emission.",
1011
+ "fieldName": "interactive"
1012
+ },
1013
+ {
1014
+ "name": "placement",
1015
+ "type": {
1016
+ "text": "SkyBadgePlacement"
1017
+ },
1018
+ "default": "\"custom\"",
1019
+ "description": "Anchor placement preset for badge positioning.",
1020
+ "fieldName": "placement"
1027
1021
  }
1028
1022
  ],
1029
1023
  "superclass": {
1030
1024
  "name": "LitElement",
1031
1025
  "package": "lit"
1032
1026
  },
1033
- "tagName": "sky-avatar",
1027
+ "tagName": "sky-badge",
1034
1028
  "customElement": true,
1035
- "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
1029
+ "summary": "Badge for status dots, counts, or icons anchored to slotted content."
1036
1030
  }
1037
1031
  ],
1038
1032
  "exports": [
1039
1033
  {
1040
1034
  "kind": "js",
1041
- "name": "SkyAvatar",
1035
+ "name": "SkyBadge",
1042
1036
  "declaration": {
1043
- "name": "SkyAvatar",
1044
- "module": "src/sky-avatar/sky-avatar.ts"
1037
+ "name": "SkyBadge",
1038
+ "module": "src/sky-badge/sky-badge.ts"
1045
1039
  }
1046
1040
  },
1047
1041
  {
1048
1042
  "kind": "custom-element-definition",
1049
- "name": "sky-avatar",
1043
+ "name": "sky-badge",
1050
1044
  "declaration": {
1051
- "name": "SkyAvatar",
1052
- "module": "src/sky-avatar/sky-avatar.ts"
1045
+ "name": "SkyBadge",
1046
+ "module": "src/sky-badge/sky-badge.ts"
1053
1047
  }
1054
1048
  }
1055
1049
  ]
1056
1050
  },
1057
1051
  {
1058
1052
  "kind": "javascript-module",
1059
- "path": "src/sky-badge/sky-badge.ts",
1053
+ "path": "src/sky-avatar/sky-avatar.ts",
1060
1054
  "declarations": [
1061
1055
  {
1062
1056
  "kind": "class",
1063
1057
  "description": "",
1064
- "name": "SkyBadge",
1058
+ "name": "SkyAvatar",
1065
1059
  "cssParts": [
1066
1060
  {
1067
- "description": "Wrapper around the slotted content and the badge.",
1068
- "name": "container"
1061
+ "description": "The avatar container element.",
1062
+ "name": "avatar"
1069
1063
  },
1070
1064
  {
1071
- "description": "The badge element. Use `badgeRef` for positioning (e.g. tooltip anchor).",
1072
- "name": "badge"
1065
+ "description": "The loading overlay container (shown when `loading` is true).",
1066
+ "name": "loading-overlay"
1073
1067
  },
1074
1068
  {
1075
- "description": "The icon element when `isIcon` is true.",
1076
- "name": "icon"
1069
+ "description": "The spinner element shown when loading.",
1070
+ "name": "spinner"
1077
1071
  }
1078
1072
  ],
1079
1073
  "slots": [
1080
1074
  {
1081
- "description": "The content the badge attaches to.",
1075
+ "description": "Fallback content (e.g., initials or an icon) rendered when `image` is empty.",
1082
1076
  "name": ""
1083
- },
1084
- {
1085
- "description": "Optional slot to override the badge content entirely.",
1086
- "name": "badge"
1087
1077
  }
1088
1078
  ],
1089
1079
  "members": [
1090
1080
  {
1091
1081
  "kind": "field",
1092
- "name": "dependencies",
1082
+ "name": "size",
1093
1083
  "type": {
1094
- "text": "Record<string, CustomElementConstructor>"
1084
+ "text": "string"
1095
1085
  },
1096
- "static": true,
1097
- "default": "{ \"sky-icon\": SkyIcon, }"
1086
+ "default": "\"50px\"",
1087
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
1088
+ "attribute": "size"
1098
1089
  },
1099
1090
  {
1100
1091
  "kind": "field",
1101
- "name": "statusColor",
1092
+ "name": "image",
1102
1093
  "type": {
1103
1094
  "text": "string"
1104
1095
  },
1105
- "default": "\"success\"",
1106
- "description": "Badge background token or CSS color.",
1107
- "attribute": "statusColor",
1108
- "reflects": true
1096
+ "default": "\"\"",
1097
+ "description": "Image URL; fallback slot is shown on load error.",
1098
+ "attribute": "image"
1109
1099
  },
1110
1100
  {
1111
1101
  "kind": "field",
1112
- "name": "textColor",
1102
+ "name": "fit",
1113
1103
  "type": {
1114
- "text": "string"
1104
+ "text": "SkyAvatarFit"
1115
1105
  },
1116
- "default": "\"default\"",
1117
- "description": "Text color token or CSS color.",
1118
- "attribute": "textColor",
1106
+ "default": "\"cover\"",
1107
+ "description": "Image fill mode: `cover` (default) or `contain`.",
1108
+ "attribute": "fit",
1119
1109
  "reflects": true
1120
1110
  },
1121
1111
  {
1122
1112
  "kind": "field",
1123
- "name": "iconColor",
1113
+ "name": "radius",
1124
1114
  "type": {
1125
1115
  "text": "string"
1126
1116
  },
1127
- "default": "\"\"",
1128
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
1129
- "attribute": "iconColor",
1130
- "reflects": true
1117
+ "default": "\"md\"",
1118
+ "description": "Border radius token or CSS value.",
1119
+ "attribute": "radius"
1131
1120
  },
1132
1121
  {
1133
1122
  "kind": "field",
1134
- "name": "position",
1123
+ "name": "alt",
1135
1124
  "type": {
1136
- "text": "SkyBadgePosition"
1125
+ "text": "string"
1137
1126
  },
1138
- "default": "\"default\"",
1139
- "description": "Layout mode: `default | floating | inline`.",
1140
- "attribute": "position",
1141
- "reflects": true
1127
+ "default": "\"\"",
1128
+ "description": "Accessible name when image content conveys meaning.",
1129
+ "attribute": "alt"
1142
1130
  },
1143
1131
  {
1144
1132
  "kind": "field",
1145
- "name": "value",
1133
+ "name": "color",
1146
1134
  "type": {
1147
1135
  "text": "string"
1148
1136
  },
1149
- "default": "\"\"",
1150
- "description": "Badge text/count or icon name in icon mode.",
1151
- "attribute": "value"
1137
+ "default": "\"dark\"",
1138
+ "description": "Token or CSS color applied to fallback slot content.",
1139
+ "attribute": "color"
1152
1140
  },
1153
1141
  {
1154
1142
  "kind": "field",
1155
- "name": "isIcon",
1143
+ "name": "outline",
1156
1144
  "type": {
1157
- "text": "boolean"
1145
+ "text": "string"
1158
1146
  },
1159
- "default": "false",
1160
- "description": "Renders icon mode when true.",
1161
- "attribute": "isIcon",
1162
- "reflects": true
1147
+ "default": "\"\"",
1148
+ "description": "CSS `outline` value.",
1149
+ "attribute": "outline"
1163
1150
  },
1164
1151
  {
1165
1152
  "kind": "field",
1166
- "name": "size",
1153
+ "name": "outlineOffset",
1167
1154
  "type": {
1168
1155
  "text": "string"
1169
1156
  },
1170
- "default": "\"\"",
1171
- "description": "Badge and icon size CSS length.",
1172
- "attribute": "size",
1173
- "reflects": true
1157
+ "default": "\"2px\"",
1158
+ "description": "CSS `outline-offset` value.",
1159
+ "attribute": "outlineOffset"
1174
1160
  },
1175
1161
  {
1176
1162
  "kind": "field",
1177
- "name": "shape",
1163
+ "name": "loading",
1178
1164
  "type": {
1179
- "text": "SkyBadgeShape"
1165
+ "text": "boolean"
1180
1166
  },
1181
- "default": "\"custom\"",
1182
- "description": "Badge shape: `circle | pill | custom`.",
1183
- "attribute": "shape",
1167
+ "default": "false",
1168
+ "description": "Shows loading overlay when true.",
1169
+ "attribute": "loading",
1184
1170
  "reflects": true
1185
1171
  },
1186
1172
  {
1187
1173
  "kind": "field",
1188
- "name": "max",
1174
+ "name": "disabled",
1189
1175
  "type": {
1190
- "text": "number"
1176
+ "text": "boolean"
1191
1177
  },
1192
- "default": "99",
1193
- "description": "Maximum numeric count before rendering overflow label.",
1194
- "attribute": "max"
1178
+ "default": "false",
1179
+ "description": "Dims and disables pointer interactions.",
1180
+ "attribute": "disabled",
1181
+ "reflects": true
1195
1182
  },
1196
1183
  {
1197
1184
  "kind": "field",
1198
- "name": "hideWhenZero",
1185
+ "name": "interactive",
1199
1186
  "type": {
1200
1187
  "text": "boolean"
1201
1188
  },
1202
1189
  "default": "false",
1203
- "description": "Hides badge when value resolves to numeric zero.",
1204
- "attribute": "hideWhenZero"
1190
+ "description": "Enables interactive behavior with keyboard/click activation.",
1191
+ "attribute": "interactive"
1205
1192
  },
1206
1193
  {
1207
1194
  "kind": "field",
1208
- "name": "show",
1195
+ "name": "shadow",
1209
1196
  "type": {
1210
1197
  "text": "boolean"
1211
1198
  },
1212
- "default": "true",
1213
- "description": "Forces badge visibility independent of value.",
1214
- "attribute": "show",
1199
+ "default": "false",
1200
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1201
+ "attribute": "shadow",
1215
1202
  "reflects": true
1216
1203
  },
1217
1204
  {
1218
1205
  "kind": "field",
1219
- "name": "offsetX",
1206
+ "name": "_imageError",
1220
1207
  "type": {
1221
- "text": "string"
1208
+ "text": "boolean"
1222
1209
  },
1223
- "default": "\"0px\"",
1224
- "description": "Horizontal offset CSS length.",
1225
- "attribute": "offsetX"
1210
+ "privacy": "private",
1211
+ "default": "false",
1212
+ "description": "True when image failed to load; show slot instead."
1226
1213
  },
1227
1214
  {
1228
1215
  "kind": "field",
1229
- "name": "offsetY",
1230
- "type": {
1231
- "text": "string"
1232
- },
1233
- "default": "\"0px\"",
1234
- "description": "Vertical offset CSS length.",
1235
- "attribute": "offsetY"
1236
- },
1237
- {
1238
- "kind": "field",
1239
- "name": "ring",
1240
- "type": {
1241
- "text": "boolean"
1242
- },
1243
- "default": "false",
1244
- "description": "Enables visual ring around the badge.",
1245
- "attribute": "ring"
1246
- },
1247
- {
1248
- "kind": "field",
1249
- "name": "ringColor",
1250
- "type": {
1251
- "text": "string"
1252
- },
1253
- "default": "\"primary\"",
1254
- "description": "Ring color token or CSS color.",
1255
- "attribute": "ringColor"
1256
- },
1257
- {
1258
- "kind": "field",
1259
- "name": "ringOffset",
1260
- "type": {
1261
- "text": "string"
1262
- },
1263
- "default": "\"1px\"",
1264
- "description": "Ring offset CSS length.",
1265
- "attribute": "ringOffset"
1266
- },
1267
- {
1268
- "kind": "field",
1269
- "name": "badgeLabel",
1270
- "type": {
1271
- "text": "string | null"
1272
- },
1273
- "default": "null",
1274
- "description": "ARIA label override.",
1275
- "attribute": "badgeLabel"
1276
- },
1277
- {
1278
- "kind": "field",
1279
- "name": "badgeAriaHidden",
1280
- "type": {
1281
- "text": "boolean"
1282
- },
1283
- "default": "false",
1284
- "description": "Hides badge from assistive technology when true.",
1285
- "attribute": "badgeAriaHidden"
1286
- },
1287
- {
1288
- "kind": "field",
1289
- "name": "interactive",
1290
- "type": {
1291
- "text": "boolean"
1292
- },
1293
- "default": "false",
1294
- "description": "Enables focus/activation and `badge-click` emission.",
1295
- "attribute": "interactive"
1296
- },
1297
- {
1298
- "kind": "field",
1299
- "name": "placement",
1300
- "type": {
1301
- "text": "SkyBadgePlacement"
1302
- },
1303
- "default": "\"custom\"",
1304
- "description": "Anchor placement preset for badge positioning.",
1305
- "attribute": "placement",
1306
- "reflects": true
1307
- },
1308
- {
1309
- "kind": "field",
1310
- "name": "_badgeEl",
1311
- "type": {
1312
- "text": "HTMLSpanElement"
1313
- },
1314
- "privacy": "private"
1315
- },
1316
- {
1317
- "kind": "field",
1318
- "name": "badgeRef",
1319
- "privacy": "public",
1320
- "description": "Ref for the badge element (e.g. for tooltip anchor or positioning)."
1321
- },
1322
- {
1323
- "kind": "field",
1324
- "name": "shadowRootOptions",
1325
- "type": {
1326
- "text": "ShadowRootInit"
1327
- },
1328
- "static": true,
1329
- "default": "{ mode: \"open\", delegatesFocus: true, }"
1330
- },
1331
- {
1332
- "kind": "method",
1333
- "name": "showBadge",
1334
- "privacy": "public",
1335
- "return": {
1336
- "type": {
1337
- "text": "void"
1338
- }
1339
- },
1340
- "description": "Forces badge visibility on."
1341
- },
1342
- {
1343
- "kind": "method",
1344
- "name": "hideBadge",
1345
- "privacy": "public",
1346
- "return": {
1347
- "type": {
1348
- "text": "void"
1349
- }
1350
- },
1351
- "description": "Forces badge visibility off."
1352
- },
1353
- {
1354
- "kind": "method",
1355
- "name": "setValue",
1356
- "privacy": "public",
1357
- "return": {
1358
- "type": {
1359
- "text": "void"
1360
- }
1361
- },
1362
- "parameters": [
1363
- {
1364
- "name": "value",
1365
- "type": {
1366
- "text": "string"
1367
- },
1368
- "description": "Badge value or icon name."
1369
- }
1370
- ],
1371
- "description": "Updates badge value for text/count or icon modes."
1372
- },
1373
- {
1374
- "kind": "field",
1375
- "name": "_onActivate",
1216
+ "name": "_onImageLoad",
1376
1217
  "privacy": "private",
1377
- "description": "Emits `badge-click` for interactive activation."
1218
+ "description": "Marks image load success and keeps image rendering active."
1378
1219
  },
1379
1220
  {
1380
1221
  "kind": "field",
1381
- "name": "_onKeydown",
1222
+ "name": "_onImageError",
1382
1223
  "privacy": "private",
1383
- "description": "Handles keyboard activation with Enter and Space."
1224
+ "description": "Marks image load failure and enables fallback slot rendering."
1384
1225
  },
1385
1226
  {
1386
1227
  "kind": "method",
1387
- "name": "_computeAriaLabel",
1228
+ "name": "_handleInteractiveClick",
1388
1229
  "privacy": "private",
1389
1230
  "return": {
1390
1231
  "type": {
1391
- "text": "string | null"
1232
+ "text": "void"
1392
1233
  }
1393
1234
  },
1394
1235
  "parameters": [
1395
1236
  {
1396
- "name": "displayValue",
1237
+ "name": "e",
1397
1238
  "type": {
1398
- "text": "string | null"
1239
+ "text": "Event"
1399
1240
  }
1400
1241
  }
1401
1242
  ],
1402
- "description": "Computes accessible badge label from current render state."
1243
+ "description": "Re-dispatches click in interactive mode for host-level consumers."
1403
1244
  },
1404
1245
  {
1405
1246
  "kind": "method",
1406
- "name": "_computeAnchors",
1247
+ "name": "_handleInteractiveKeydown",
1407
1248
  "privacy": "private",
1408
1249
  "return": {
1409
1250
  "type": {
1410
- "text": "{\r\n top: string;\r\n right: string;\r\n bottom: string;\r\n left: string;\r\n }"
1251
+ "text": "void"
1411
1252
  }
1412
1253
  },
1413
1254
  "parameters": [
1414
1255
  {
1415
- "name": "placement",
1256
+ "name": "e",
1416
1257
  "type": {
1417
- "text": "SkyBadgePlacement"
1258
+ "text": "KeyboardEvent"
1418
1259
  }
1419
1260
  }
1420
1261
  ],
1421
- "description": "Resolves anchor edges from placement preset."
1262
+ "description": "Handles keyboard activation in interactive mode."
1422
1263
  },
1423
1264
  {
1424
1265
  "kind": "method",
1425
- "name": "_resolveBadgeSurface",
1266
+ "name": "adjustSpinnerSize",
1426
1267
  "privacy": "private",
1427
1268
  "return": {
1428
1269
  "type": {
1429
- "text": "{\r\n bg: string;\r\n color: string;\r\n border: string;\r\n }"
1270
+ "text": "void"
1430
1271
  }
1431
1272
  },
1432
- "description": "Maps semantic status tokens to soft badge surface colors."
1273
+ "description": "Derives spinner dimensions from current avatar size."
1433
1274
  }
1434
1275
  ],
1435
1276
  "events": [
1436
1277
  {
1278
+ "name": "click",
1437
1279
  "type": {
1438
- "text": "CustomEvent<SkyBadgeClickEventDetail>"
1439
- },
1440
- "description": "Emitted when badge activation occurs via click, Enter, or Space while `interactive` is true.",
1441
- "name": "badge-click"
1280
+ "text": "Event"
1281
+ }
1442
1282
  }
1443
1283
  ],
1444
1284
  "attributes": [
1445
1285
  {
1446
- "name": "statusColor",
1286
+ "name": "size",
1447
1287
  "type": {
1448
1288
  "text": "string"
1449
1289
  },
1450
- "default": "\"success\"",
1451
- "description": "Badge background token or CSS color.",
1452
- "fieldName": "statusColor"
1290
+ "default": "\"50px\"",
1291
+ "description": "Avatar size: preset `sm` | `md` | `lg` or CSS length (for example `50px`).",
1292
+ "fieldName": "size"
1453
1293
  },
1454
1294
  {
1455
- "name": "textColor",
1295
+ "name": "image",
1456
1296
  "type": {
1457
1297
  "text": "string"
1458
1298
  },
1459
- "default": "\"default\"",
1460
- "description": "Text color token or CSS color.",
1461
- "fieldName": "textColor"
1299
+ "default": "\"\"",
1300
+ "description": "Image URL; fallback slot is shown on load error.",
1301
+ "fieldName": "image"
1462
1302
  },
1463
1303
  {
1464
- "name": "iconColor",
1304
+ "name": "fit",
1465
1305
  "type": {
1466
- "text": "string"
1306
+ "text": "SkyAvatarFit"
1467
1307
  },
1468
- "default": "\"\"",
1469
- "description": "Icon color token or CSS color; falls back to `textColor` when empty.",
1470
- "fieldName": "iconColor"
1308
+ "default": "\"cover\"",
1309
+ "description": "Image fill mode: `cover` (default) or `contain`.",
1310
+ "fieldName": "fit"
1471
1311
  },
1472
1312
  {
1473
- "name": "position",
1313
+ "name": "radius",
1474
1314
  "type": {
1475
- "text": "SkyBadgePosition"
1315
+ "text": "string"
1476
1316
  },
1477
- "default": "\"default\"",
1478
- "description": "Layout mode: `default | floating | inline`.",
1479
- "fieldName": "position"
1317
+ "default": "\"md\"",
1318
+ "description": "Border radius token or CSS value.",
1319
+ "fieldName": "radius"
1480
1320
  },
1481
1321
  {
1482
- "name": "value",
1322
+ "name": "alt",
1483
1323
  "type": {
1484
1324
  "text": "string"
1485
1325
  },
1486
1326
  "default": "\"\"",
1487
- "description": "Badge text/count or icon name in icon mode.",
1488
- "fieldName": "value"
1327
+ "description": "Accessible name when image content conveys meaning.",
1328
+ "fieldName": "alt"
1489
1329
  },
1490
1330
  {
1491
- "name": "isIcon",
1331
+ "name": "color",
1492
1332
  "type": {
1493
- "text": "boolean"
1333
+ "text": "string"
1494
1334
  },
1495
- "default": "false",
1496
- "description": "Renders icon mode when true.",
1497
- "fieldName": "isIcon"
1335
+ "default": "\"dark\"",
1336
+ "description": "Token or CSS color applied to fallback slot content.",
1337
+ "fieldName": "color"
1498
1338
  },
1499
1339
  {
1500
- "name": "size",
1340
+ "name": "outline",
1501
1341
  "type": {
1502
1342
  "text": "string"
1503
1343
  },
1504
1344
  "default": "\"\"",
1505
- "description": "Badge and icon size CSS length.",
1506
- "fieldName": "size"
1345
+ "description": "CSS `outline` value.",
1346
+ "fieldName": "outline"
1507
1347
  },
1508
1348
  {
1509
- "name": "shape",
1349
+ "name": "outlineOffset",
1510
1350
  "type": {
1511
- "text": "SkyBadgeShape"
1351
+ "text": "string"
1512
1352
  },
1513
- "default": "\"custom\"",
1514
- "description": "Badge shape: `circle | pill | custom`.",
1515
- "fieldName": "shape"
1353
+ "default": "\"2px\"",
1354
+ "description": "CSS `outline-offset` value.",
1355
+ "fieldName": "outlineOffset"
1516
1356
  },
1517
1357
  {
1518
- "name": "max",
1358
+ "name": "loading",
1519
1359
  "type": {
1520
- "text": "number"
1521
- },
1522
- "default": "99",
1523
- "description": "Maximum numeric count before rendering overflow label.",
1524
- "fieldName": "max"
1525
- },
1526
- {
1527
- "name": "hideWhenZero",
1528
- "type": {
1529
- "text": "boolean"
1530
- },
1531
- "default": "false",
1532
- "description": "Hides badge when value resolves to numeric zero.",
1533
- "fieldName": "hideWhenZero"
1534
- },
1535
- {
1536
- "name": "show",
1537
- "type": {
1538
- "text": "boolean"
1539
- },
1540
- "default": "true",
1541
- "description": "Forces badge visibility independent of value.",
1542
- "fieldName": "show"
1543
- },
1544
- {
1545
- "name": "offsetX",
1546
- "type": {
1547
- "text": "string"
1548
- },
1549
- "default": "\"0px\"",
1550
- "description": "Horizontal offset CSS length.",
1551
- "fieldName": "offsetX"
1552
- },
1553
- {
1554
- "name": "offsetY",
1555
- "type": {
1556
- "text": "string"
1557
- },
1558
- "default": "\"0px\"",
1559
- "description": "Vertical offset CSS length.",
1560
- "fieldName": "offsetY"
1561
- },
1562
- {
1563
- "name": "ring",
1564
- "type": {
1565
- "text": "boolean"
1360
+ "text": "boolean"
1566
1361
  },
1567
1362
  "default": "false",
1568
- "description": "Enables visual ring around the badge.",
1569
- "fieldName": "ring"
1570
- },
1571
- {
1572
- "name": "ringColor",
1573
- "type": {
1574
- "text": "string"
1575
- },
1576
- "default": "\"primary\"",
1577
- "description": "Ring color token or CSS color.",
1578
- "fieldName": "ringColor"
1579
- },
1580
- {
1581
- "name": "ringOffset",
1582
- "type": {
1583
- "text": "string"
1584
- },
1585
- "default": "\"1px\"",
1586
- "description": "Ring offset CSS length.",
1587
- "fieldName": "ringOffset"
1588
- },
1589
- {
1590
- "name": "badgeLabel",
1591
- "type": {
1592
- "text": "string | null"
1593
- },
1594
- "default": "null",
1595
- "description": "ARIA label override.",
1596
- "fieldName": "badgeLabel"
1363
+ "description": "Shows loading overlay when true.",
1364
+ "fieldName": "loading"
1597
1365
  },
1598
1366
  {
1599
- "name": "badgeAriaHidden",
1367
+ "name": "disabled",
1600
1368
  "type": {
1601
1369
  "text": "boolean"
1602
1370
  },
1603
1371
  "default": "false",
1604
- "description": "Hides badge from assistive technology when true.",
1605
- "fieldName": "badgeAriaHidden"
1372
+ "description": "Dims and disables pointer interactions.",
1373
+ "fieldName": "disabled"
1606
1374
  },
1607
1375
  {
1608
1376
  "name": "interactive",
@@ -1610,76 +1378,80 @@
1610
1378
  "text": "boolean"
1611
1379
  },
1612
1380
  "default": "false",
1613
- "description": "Enables focus/activation and `badge-click` emission.",
1381
+ "description": "Enables interactive behavior with keyboard/click activation.",
1614
1382
  "fieldName": "interactive"
1615
1383
  },
1616
1384
  {
1617
- "name": "placement",
1385
+ "name": "shadow",
1618
1386
  "type": {
1619
- "text": "SkyBadgePlacement"
1387
+ "text": "boolean"
1620
1388
  },
1621
- "default": "\"custom\"",
1622
- "description": "Anchor placement preset for badge positioning.",
1623
- "fieldName": "placement"
1389
+ "default": "false",
1390
+ "description": "When true, applies solid surface, border ring, and elevation; no backdrop blur.",
1391
+ "fieldName": "shadow"
1624
1392
  }
1625
1393
  ],
1626
1394
  "superclass": {
1627
1395
  "name": "LitElement",
1628
1396
  "package": "lit"
1629
1397
  },
1630
- "tagName": "sky-badge",
1398
+ "tagName": "sky-avatar",
1631
1399
  "customElement": true,
1632
- "summary": "Badge for status dots, counts, or icons anchored to slotted content."
1400
+ "summary": "Avatar that renders image content or fallback slot content with configurable size, radius, outline, and loading state."
1633
1401
  }
1634
1402
  ],
1635
1403
  "exports": [
1636
1404
  {
1637
1405
  "kind": "js",
1638
- "name": "SkyBadge",
1406
+ "name": "SkyAvatar",
1639
1407
  "declaration": {
1640
- "name": "SkyBadge",
1641
- "module": "src/sky-badge/sky-badge.ts"
1408
+ "name": "SkyAvatar",
1409
+ "module": "src/sky-avatar/sky-avatar.ts"
1642
1410
  }
1643
1411
  },
1644
1412
  {
1645
1413
  "kind": "custom-element-definition",
1646
- "name": "sky-badge",
1414
+ "name": "sky-avatar",
1647
1415
  "declaration": {
1648
- "name": "SkyBadge",
1649
- "module": "src/sky-badge/sky-badge.ts"
1416
+ "name": "SkyAvatar",
1417
+ "module": "src/sky-avatar/sky-avatar.ts"
1650
1418
  }
1651
1419
  }
1652
1420
  ]
1653
1421
  },
1654
1422
  {
1655
1423
  "kind": "javascript-module",
1656
- "path": "src/sky-button/sky-button.ts",
1424
+ "path": "src/sky-appbar/sky-appbar.ts",
1657
1425
  "declarations": [
1658
1426
  {
1659
1427
  "kind": "class",
1660
1428
  "description": "",
1661
- "name": "SkyButton",
1429
+ "name": "SkyAppbar",
1662
1430
  "cssParts": [
1663
1431
  {
1664
- "description": "The native `<button>` element.",
1665
- "name": "button"
1432
+ "description": "Wrapper that contains the leading slot, title, and actions.",
1433
+ "name": "content"
1666
1434
  },
1667
1435
  {
1668
- "description": "The optional left/right icons.",
1669
- "name": "icon"
1436
+ "description": "Container for the leading slot (e.g. menu button).",
1437
+ "name": "leading"
1670
1438
  },
1671
1439
  {
1672
- "description": "Overlay displayed when loading.",
1673
- "name": "loading-overlay"
1440
+ "description": "The title area (contains .title-text with the title string).",
1441
+ "name": "title"
1674
1442
  },
1675
1443
  {
1676
- "description": "Spinner displayed when loading.",
1677
- "name": "spinner"
1444
+ "description": "The trailing actions container.",
1445
+ "name": "actions"
1678
1446
  }
1679
1447
  ],
1680
1448
  "slots": [
1681
1449
  {
1682
- "description": "Default slot for the button label (replaces `label` property if used).",
1450
+ "description": "Leading area (e.g., menu/back button). Defaults to a hamburger icon.",
1451
+ "name": "button"
1452
+ },
1453
+ {
1454
+ "description": "Trailing actions (icons/buttons). This is the default slot.",
1683
1455
  "name": ""
1684
1456
  }
1685
1457
  ],
@@ -1695,108 +1467,336 @@
1695
1467
  },
1696
1468
  {
1697
1469
  "kind": "field",
1698
- "name": "formAssociated",
1470
+ "name": "title",
1699
1471
  "type": {
1700
- "text": "boolean"
1472
+ "text": "string"
1701
1473
  },
1702
- "static": true,
1703
- "default": "true"
1474
+ "default": "\"App Bar\"",
1475
+ "description": "Title text displayed in the app bar.",
1476
+ "attribute": "title"
1704
1477
  },
1705
1478
  {
1706
1479
  "kind": "field",
1707
- "name": "internals",
1480
+ "name": "color",
1708
1481
  "type": {
1709
- "text": "ElementInternals"
1482
+ "text": "string"
1710
1483
  },
1711
- "privacy": "private"
1484
+ "default": "\"default\"",
1485
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
1486
+ "attribute": "color"
1712
1487
  },
1713
1488
  {
1714
1489
  "kind": "field",
1715
- "name": "variant",
1490
+ "name": "url",
1716
1491
  "type": {
1717
- "text": "SkyButtonVariant"
1492
+ "text": "string"
1718
1493
  },
1719
- "default": "\"solid\"",
1720
- "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1721
- "attribute": "variant",
1722
- "reflects": true
1494
+ "default": "\"\"",
1495
+ "description": "Background image URL.",
1496
+ "attribute": "url"
1723
1497
  },
1724
1498
  {
1725
1499
  "kind": "field",
1726
- "name": "color",
1500
+ "name": "banner",
1727
1501
  "type": {
1728
- "text": "string"
1502
+ "text": "boolean"
1729
1503
  },
1730
- "default": "\"primary\"",
1731
- "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1732
- "attribute": "color"
1504
+ "default": "true",
1505
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
1506
+ "attribute": "banner"
1733
1507
  },
1734
1508
  {
1735
1509
  "kind": "field",
1736
- "name": "type",
1510
+ "name": "dense",
1737
1511
  "type": {
1738
- "text": "SkyButtonType"
1512
+ "text": "boolean"
1739
1513
  },
1740
- "default": "\"button\"",
1741
- "description": "Button type attribute. Default: `\"button\"`.",
1742
- "attribute": "type"
1514
+ "default": "false",
1515
+ "description": "Enables compact vertical spacing.",
1516
+ "attribute": "dense"
1743
1517
  },
1744
1518
  {
1745
1519
  "kind": "field",
1746
- "name": "form",
1520
+ "name": "elevated",
1747
1521
  "type": {
1748
- "text": "string"
1522
+ "text": "boolean"
1749
1523
  },
1750
- "default": "\"\"",
1751
- "description": "Associated form ID for custom submit handling.",
1752
- "attribute": "form"
1524
+ "default": "false",
1525
+ "description": "Applies elevated shadow styling.",
1526
+ "attribute": "elevated"
1753
1527
  },
1754
1528
  {
1755
1529
  "kind": "field",
1756
- "name": "size",
1530
+ "name": "leadingLabel",
1757
1531
  "type": {
1758
1532
  "text": "string"
1759
1533
  },
1760
- "default": "\"md\"",
1761
- "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1762
- "attribute": "size"
1534
+ "default": "\"Open menu\"",
1535
+ "description": "Accessible label for default leading button fallback.",
1536
+ "attribute": "leadingLabel"
1763
1537
  },
1764
1538
  {
1765
- "kind": "field",
1766
- "name": "radius",
1767
- "type": {
1768
- "text": "string"
1539
+ "kind": "method",
1540
+ "name": "_applyColorSurface",
1541
+ "privacy": "private",
1542
+ "return": {
1543
+ "type": {
1544
+ "text": "void"
1545
+ }
1769
1546
  },
1770
- "default": "\"md\"",
1771
- "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1772
- "attribute": "radius"
1547
+ "description": "Applies glass vs solid surface tokens from `color`."
1773
1548
  },
1774
1549
  {
1775
- "kind": "field",
1776
- "name": "label",
1550
+ "kind": "method",
1551
+ "name": "_applyBackgroundImage",
1552
+ "privacy": "private",
1553
+ "return": {
1554
+ "type": {
1555
+ "text": "void"
1556
+ }
1557
+ },
1558
+ "description": "Sets background image CSS variable from `url`."
1559
+ }
1560
+ ],
1561
+ "attributes": [
1562
+ {
1563
+ "name": "title",
1777
1564
  "type": {
1778
1565
  "text": "string"
1779
1566
  },
1780
- "default": "\"Button\"",
1781
- "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1782
- "attribute": "label"
1567
+ "default": "\"App Bar\"",
1568
+ "description": "Title text displayed in the app bar.",
1569
+ "fieldName": "title"
1783
1570
  },
1784
1571
  {
1785
- "kind": "field",
1786
- "name": "disabled",
1572
+ "name": "color",
1787
1573
  "type": {
1788
- "text": "boolean"
1574
+ "text": "string"
1789
1575
  },
1790
- "default": "false",
1791
- "description": "Whether the button is disabled. Default: `false`.",
1792
- "attribute": "disabled",
1793
- "reflects": true
1576
+ "default": "\"default\"",
1577
+ "description": "Semantic token or CSS color for bar background; foreground color is derived for contrast.",
1578
+ "fieldName": "color"
1794
1579
  },
1795
1580
  {
1796
- "kind": "field",
1797
- "name": "loading",
1581
+ "name": "url",
1798
1582
  "type": {
1799
- "text": "boolean"
1583
+ "text": "string"
1584
+ },
1585
+ "default": "\"\"",
1586
+ "description": "Background image URL.",
1587
+ "fieldName": "url"
1588
+ },
1589
+ {
1590
+ "name": "banner",
1591
+ "type": {
1592
+ "text": "boolean"
1593
+ },
1594
+ "default": "true",
1595
+ "description": "Uses `role=\"banner\"` when true, otherwise `role=\"group\"`.",
1596
+ "fieldName": "banner"
1597
+ },
1598
+ {
1599
+ "name": "dense",
1600
+ "type": {
1601
+ "text": "boolean"
1602
+ },
1603
+ "default": "false",
1604
+ "description": "Enables compact vertical spacing.",
1605
+ "fieldName": "dense"
1606
+ },
1607
+ {
1608
+ "name": "elevated",
1609
+ "type": {
1610
+ "text": "boolean"
1611
+ },
1612
+ "default": "false",
1613
+ "description": "Applies elevated shadow styling.",
1614
+ "fieldName": "elevated"
1615
+ },
1616
+ {
1617
+ "name": "leadingLabel",
1618
+ "type": {
1619
+ "text": "string"
1620
+ },
1621
+ "default": "\"Open menu\"",
1622
+ "description": "Accessible label for default leading button fallback.",
1623
+ "fieldName": "leadingLabel"
1624
+ }
1625
+ ],
1626
+ "superclass": {
1627
+ "name": "LitElement",
1628
+ "package": "lit"
1629
+ },
1630
+ "tagName": "sky-appbar",
1631
+ "customElement": true,
1632
+ "summary": "Application top bar with title, optional leading control, trailing actions, and optional color/image background."
1633
+ }
1634
+ ],
1635
+ "exports": [
1636
+ {
1637
+ "kind": "js",
1638
+ "name": "SkyAppbar",
1639
+ "declaration": {
1640
+ "name": "SkyAppbar",
1641
+ "module": "src/sky-appbar/sky-appbar.ts"
1642
+ }
1643
+ },
1644
+ {
1645
+ "kind": "custom-element-definition",
1646
+ "name": "sky-appbar",
1647
+ "declaration": {
1648
+ "name": "SkyAppbar",
1649
+ "module": "src/sky-appbar/sky-appbar.ts"
1650
+ }
1651
+ }
1652
+ ]
1653
+ },
1654
+ {
1655
+ "kind": "javascript-module",
1656
+ "path": "src/sky-button/sky-button.ts",
1657
+ "declarations": [
1658
+ {
1659
+ "kind": "class",
1660
+ "description": "",
1661
+ "name": "SkyButton",
1662
+ "cssParts": [
1663
+ {
1664
+ "description": "The native `<button>` element.",
1665
+ "name": "button"
1666
+ },
1667
+ {
1668
+ "description": "The optional left/right icons.",
1669
+ "name": "icon"
1670
+ },
1671
+ {
1672
+ "description": "Overlay displayed when loading.",
1673
+ "name": "loading-overlay"
1674
+ },
1675
+ {
1676
+ "description": "Spinner displayed when loading.",
1677
+ "name": "spinner"
1678
+ }
1679
+ ],
1680
+ "slots": [
1681
+ {
1682
+ "description": "Default slot for the button label (replaces `label` property if used).",
1683
+ "name": ""
1684
+ }
1685
+ ],
1686
+ "members": [
1687
+ {
1688
+ "kind": "field",
1689
+ "name": "dependencies",
1690
+ "type": {
1691
+ "text": "Record<string, CustomElementConstructor>"
1692
+ },
1693
+ "static": true,
1694
+ "default": "{ \"sky-icon\": SkyIcon, }"
1695
+ },
1696
+ {
1697
+ "kind": "field",
1698
+ "name": "formAssociated",
1699
+ "type": {
1700
+ "text": "boolean"
1701
+ },
1702
+ "static": true,
1703
+ "default": "true"
1704
+ },
1705
+ {
1706
+ "kind": "field",
1707
+ "name": "internals",
1708
+ "type": {
1709
+ "text": "ElementInternals"
1710
+ },
1711
+ "privacy": "private"
1712
+ },
1713
+ {
1714
+ "kind": "field",
1715
+ "name": "variant",
1716
+ "type": {
1717
+ "text": "SkyButtonVariant"
1718
+ },
1719
+ "default": "\"solid\"",
1720
+ "description": "Visual variant of the button. Use `\"link\"` for text-only control with underline on hover. Default: `\"solid\"`.",
1721
+ "attribute": "variant",
1722
+ "reflects": true
1723
+ },
1724
+ {
1725
+ "kind": "field",
1726
+ "name": "color",
1727
+ "type": {
1728
+ "text": "string"
1729
+ },
1730
+ "default": "\"primary\"",
1731
+ "description": "Base color token or custom CSS color. Default: `\"primary\"`.",
1732
+ "attribute": "color"
1733
+ },
1734
+ {
1735
+ "kind": "field",
1736
+ "name": "type",
1737
+ "type": {
1738
+ "text": "SkyButtonType"
1739
+ },
1740
+ "default": "\"button\"",
1741
+ "description": "Button type attribute. Default: `\"button\"`.",
1742
+ "attribute": "type"
1743
+ },
1744
+ {
1745
+ "kind": "field",
1746
+ "name": "form",
1747
+ "type": {
1748
+ "text": "string"
1749
+ },
1750
+ "default": "\"\"",
1751
+ "description": "Associated form ID for custom submit handling.",
1752
+ "attribute": "form"
1753
+ },
1754
+ {
1755
+ "kind": "field",
1756
+ "name": "size",
1757
+ "type": {
1758
+ "text": "string"
1759
+ },
1760
+ "default": "\"md\"",
1761
+ "description": "Preset size token (`xs…xl`) or CSS size (e.g., `\"15px\"`, `\"1rem\"`). Default: `\"md\"`.",
1762
+ "attribute": "size"
1763
+ },
1764
+ {
1765
+ "kind": "field",
1766
+ "name": "radius",
1767
+ "type": {
1768
+ "text": "string"
1769
+ },
1770
+ "default": "\"md\"",
1771
+ "description": "Preset radius token (`none…full`) or CSS radius (e.g., `\"12px\"`). Default: `\"md\"`.",
1772
+ "attribute": "radius"
1773
+ },
1774
+ {
1775
+ "kind": "field",
1776
+ "name": "label",
1777
+ "type": {
1778
+ "text": "string"
1779
+ },
1780
+ "default": "\"Button\"",
1781
+ "description": "Text label for the button. Ignored if default slot is used. Default: `\"Button\"`.",
1782
+ "attribute": "label"
1783
+ },
1784
+ {
1785
+ "kind": "field",
1786
+ "name": "disabled",
1787
+ "type": {
1788
+ "text": "boolean"
1789
+ },
1790
+ "default": "false",
1791
+ "description": "Whether the button is disabled. Default: `false`.",
1792
+ "attribute": "disabled",
1793
+ "reflects": true
1794
+ },
1795
+ {
1796
+ "kind": "field",
1797
+ "name": "loading",
1798
+ "type": {
1799
+ "text": "boolean"
1800
1800
  },
1801
1801
  "default": "false",
1802
1802
  "description": "Shows a loading overlay when true. Default: `false`.",
@@ -6117,43 +6117,249 @@
6117
6117
  },
6118
6118
  {
6119
6119
  "kind": "javascript-module",
6120
- "path": "src/sky-dialog/sky-dialog.ts",
6120
+ "path": "src/sky-divider/sky-divider.ts",
6121
6121
  "declarations": [
6122
6122
  {
6123
6123
  "kind": "class",
6124
6124
  "description": "",
6125
- "name": "SkyDialog",
6126
- "cssParts": [
6127
- {
6128
- "description": "The dialog surface wrapper element.",
6129
- "name": "dialog"
6130
- },
6131
- {
6132
- "description": "The top-right close button.",
6133
- "name": "close-button"
6134
- },
6125
+ "name": "SkyDivider",
6126
+ "cssProperties": [
6135
6127
  {
6136
- "description": "Optional message text shown above the body.",
6137
- "name": "message"
6128
+ "description": "CSS custom property for divider color.",
6129
+ "name": "--divider-color"
6138
6130
  },
6139
6131
  {
6140
- "description": "Container for the header slot.",
6141
- "name": "header"
6132
+ "description": "CSS custom property for divider thickness.",
6133
+ "name": "--divider-thickness"
6142
6134
  },
6143
6135
  {
6144
- "description": "Container for the body slot.",
6145
- "name": "content"
6136
+ "description": "CSS custom property for divider margin.",
6137
+ "name": "--divider-margin"
6146
6138
  },
6147
6139
  {
6148
- "description": "Container for the footer slot.",
6149
- "name": "actions"
6150
- },
6140
+ "description": "CSS custom property for vertical divider height.",
6141
+ "name": "--divider-height"
6142
+ }
6143
+ ],
6144
+ "cssParts": [
6151
6145
  {
6152
- "description": "Alias part on the footer container.",
6153
- "name": "footer"
6146
+ "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
6147
+ "name": "divider"
6154
6148
  }
6155
6149
  ],
6156
- "slots": [
6150
+ "members": [
6151
+ {
6152
+ "kind": "field",
6153
+ "name": "color",
6154
+ "type": {
6155
+ "text": "string"
6156
+ },
6157
+ "default": "\"muted\"",
6158
+ "description": "Divider color token or CSS color.",
6159
+ "privacy": "public",
6160
+ "attribute": "color"
6161
+ },
6162
+ {
6163
+ "kind": "field",
6164
+ "name": "thickness",
6165
+ "type": {
6166
+ "text": "string"
6167
+ },
6168
+ "default": "\"1px\"",
6169
+ "description": "Divider thickness (for example `1px` or `2px`).",
6170
+ "privacy": "public",
6171
+ "attribute": "thickness"
6172
+ },
6173
+ {
6174
+ "kind": "field",
6175
+ "name": "margin",
6176
+ "type": {
6177
+ "text": "string"
6178
+ },
6179
+ "default": "\"\"",
6180
+ "description": "Outer margin around the divider.",
6181
+ "privacy": "public",
6182
+ "attribute": "margin"
6183
+ },
6184
+ {
6185
+ "kind": "field",
6186
+ "name": "direction",
6187
+ "type": {
6188
+ "text": "SkyDividerDirection"
6189
+ },
6190
+ "default": "\"horizontal\"",
6191
+ "description": "Divider orientation.",
6192
+ "privacy": "public",
6193
+ "attribute": "direction"
6194
+ },
6195
+ {
6196
+ "kind": "field",
6197
+ "name": "inset",
6198
+ "type": {
6199
+ "text": "boolean"
6200
+ },
6201
+ "default": "false",
6202
+ "description": "Enables indented divider layout.",
6203
+ "privacy": "public",
6204
+ "attribute": "inset"
6205
+ },
6206
+ {
6207
+ "kind": "field",
6208
+ "name": "height",
6209
+ "type": {
6210
+ "text": "string"
6211
+ },
6212
+ "default": "\"100%\"",
6213
+ "description": "Height used for vertical orientation.",
6214
+ "privacy": "public",
6215
+ "attribute": "height"
6216
+ },
6217
+ {
6218
+ "kind": "method",
6219
+ "name": "getComputedColor",
6220
+ "privacy": "public",
6221
+ "return": {
6222
+ "type": {
6223
+ "text": ""
6224
+ }
6225
+ },
6226
+ "description": "Gets the current computed color of the divider."
6227
+ },
6228
+ {
6229
+ "kind": "method",
6230
+ "name": "getComputedThickness",
6231
+ "privacy": "public",
6232
+ "return": {
6233
+ "type": {
6234
+ "text": ""
6235
+ }
6236
+ },
6237
+ "description": "Gets the current computed thickness of the divider."
6238
+ }
6239
+ ],
6240
+ "attributes": [
6241
+ {
6242
+ "name": "color",
6243
+ "type": {
6244
+ "text": "string"
6245
+ },
6246
+ "default": "\"muted\"",
6247
+ "description": "Divider color token or CSS color.",
6248
+ "fieldName": "color"
6249
+ },
6250
+ {
6251
+ "name": "thickness",
6252
+ "type": {
6253
+ "text": "string"
6254
+ },
6255
+ "default": "\"1px\"",
6256
+ "description": "Divider thickness (for example `1px` or `2px`).",
6257
+ "fieldName": "thickness"
6258
+ },
6259
+ {
6260
+ "name": "margin",
6261
+ "type": {
6262
+ "text": "string"
6263
+ },
6264
+ "default": "\"\"",
6265
+ "description": "Outer margin around the divider.",
6266
+ "fieldName": "margin"
6267
+ },
6268
+ {
6269
+ "name": "direction",
6270
+ "type": {
6271
+ "text": "SkyDividerDirection"
6272
+ },
6273
+ "default": "\"horizontal\"",
6274
+ "description": "Divider orientation.",
6275
+ "fieldName": "direction"
6276
+ },
6277
+ {
6278
+ "name": "inset",
6279
+ "type": {
6280
+ "text": "boolean"
6281
+ },
6282
+ "default": "false",
6283
+ "description": "Enables indented divider layout.",
6284
+ "fieldName": "inset"
6285
+ },
6286
+ {
6287
+ "name": "height",
6288
+ "type": {
6289
+ "text": "string"
6290
+ },
6291
+ "default": "\"100%\"",
6292
+ "description": "Height used for vertical orientation.",
6293
+ "fieldName": "height"
6294
+ }
6295
+ ],
6296
+ "superclass": {
6297
+ "name": "LitElement",
6298
+ "package": "lit"
6299
+ },
6300
+ "tagName": "sky-divider",
6301
+ "customElement": true,
6302
+ "summary": "Visual separator component for horizontal and vertical layout separation."
6303
+ }
6304
+ ],
6305
+ "exports": [
6306
+ {
6307
+ "kind": "js",
6308
+ "name": "SkyDivider",
6309
+ "declaration": {
6310
+ "name": "SkyDivider",
6311
+ "module": "src/sky-divider/sky-divider.ts"
6312
+ }
6313
+ },
6314
+ {
6315
+ "kind": "custom-element-definition",
6316
+ "name": "sky-divider",
6317
+ "declaration": {
6318
+ "name": "SkyDivider",
6319
+ "module": "src/sky-divider/sky-divider.ts"
6320
+ }
6321
+ }
6322
+ ]
6323
+ },
6324
+ {
6325
+ "kind": "javascript-module",
6326
+ "path": "src/sky-dialog/sky-dialog.ts",
6327
+ "declarations": [
6328
+ {
6329
+ "kind": "class",
6330
+ "description": "",
6331
+ "name": "SkyDialog",
6332
+ "cssParts": [
6333
+ {
6334
+ "description": "The dialog surface wrapper element.",
6335
+ "name": "dialog"
6336
+ },
6337
+ {
6338
+ "description": "The top-right close button.",
6339
+ "name": "close-button"
6340
+ },
6341
+ {
6342
+ "description": "Optional message text shown above the body.",
6343
+ "name": "message"
6344
+ },
6345
+ {
6346
+ "description": "Container for the header slot.",
6347
+ "name": "header"
6348
+ },
6349
+ {
6350
+ "description": "Container for the body slot.",
6351
+ "name": "content"
6352
+ },
6353
+ {
6354
+ "description": "Container for the footer slot.",
6355
+ "name": "actions"
6356
+ },
6357
+ {
6358
+ "description": "Alias part on the footer container.",
6359
+ "name": "footer"
6360
+ }
6361
+ ],
6362
+ "slots": [
6157
6363
  {
6158
6364
  "description": "Header content area at the top of the dialog.",
6159
6365
  "name": "header"
@@ -6769,247 +6975,41 @@
6769
6975
  },
6770
6976
  {
6771
6977
  "kind": "javascript-module",
6772
- "path": "src/sky-divider/sky-divider.ts",
6978
+ "path": "src/sky-flexbox/sky-flexbox.ts",
6773
6979
  "declarations": [
6774
6980
  {
6775
6981
  "kind": "class",
6776
6982
  "description": "",
6777
- "name": "SkyDivider",
6778
- "cssProperties": [
6779
- {
6780
- "description": "CSS custom property for divider color.",
6781
- "name": "--divider-color"
6782
- },
6783
- {
6784
- "description": "CSS custom property for divider thickness.",
6785
- "name": "--divider-thickness"
6786
- },
6787
- {
6788
- "description": "CSS custom property for divider margin.",
6789
- "name": "--divider-margin"
6790
- },
6983
+ "name": "SkyFlexbox",
6984
+ "cssParts": [
6791
6985
  {
6792
- "description": "CSS custom property for vertical divider height.",
6793
- "name": "--divider-height"
6986
+ "description": "The flex container element.",
6987
+ "name": "container"
6794
6988
  }
6795
6989
  ],
6796
- "cssParts": [
6990
+ "slots": [
6797
6991
  {
6798
- "description": "The divider line element (either `<hr>` or `<div>` depending on direction).",
6799
- "name": "divider"
6992
+ "description": "Default slot for flex items (`<sky-flexcol>` or plain elements with `span` attributes).",
6993
+ "name": ""
6800
6994
  }
6801
6995
  ],
6802
6996
  "members": [
6803
6997
  {
6804
6998
  "kind": "field",
6805
- "name": "color",
6999
+ "name": "direction",
6806
7000
  "type": {
6807
- "text": "string"
7001
+ "text": "SkyFlexboxDirection"
6808
7002
  },
6809
- "default": "\"muted\"",
6810
- "description": "Divider color token or CSS color.",
7003
+ "default": "\"row\"",
7004
+ "description": "Flex direction.",
6811
7005
  "privacy": "public",
6812
- "attribute": "color"
7006
+ "attribute": "direction"
6813
7007
  },
6814
7008
  {
6815
7009
  "kind": "field",
6816
- "name": "thickness",
7010
+ "name": "wrap",
6817
7011
  "type": {
6818
- "text": "string"
6819
- },
6820
- "default": "\"1px\"",
6821
- "description": "Divider thickness (for example `1px` or `2px`).",
6822
- "privacy": "public",
6823
- "attribute": "thickness"
6824
- },
6825
- {
6826
- "kind": "field",
6827
- "name": "margin",
6828
- "type": {
6829
- "text": "string"
6830
- },
6831
- "default": "\"\"",
6832
- "description": "Outer margin around the divider.",
6833
- "privacy": "public",
6834
- "attribute": "margin"
6835
- },
6836
- {
6837
- "kind": "field",
6838
- "name": "direction",
6839
- "type": {
6840
- "text": "SkyDividerDirection"
6841
- },
6842
- "default": "\"horizontal\"",
6843
- "description": "Divider orientation.",
6844
- "privacy": "public",
6845
- "attribute": "direction"
6846
- },
6847
- {
6848
- "kind": "field",
6849
- "name": "inset",
6850
- "type": {
6851
- "text": "boolean"
6852
- },
6853
- "default": "false",
6854
- "description": "Enables indented divider layout.",
6855
- "privacy": "public",
6856
- "attribute": "inset"
6857
- },
6858
- {
6859
- "kind": "field",
6860
- "name": "height",
6861
- "type": {
6862
- "text": "string"
6863
- },
6864
- "default": "\"100%\"",
6865
- "description": "Height used for vertical orientation.",
6866
- "privacy": "public",
6867
- "attribute": "height"
6868
- },
6869
- {
6870
- "kind": "method",
6871
- "name": "getComputedColor",
6872
- "privacy": "public",
6873
- "return": {
6874
- "type": {
6875
- "text": ""
6876
- }
6877
- },
6878
- "description": "Gets the current computed color of the divider."
6879
- },
6880
- {
6881
- "kind": "method",
6882
- "name": "getComputedThickness",
6883
- "privacy": "public",
6884
- "return": {
6885
- "type": {
6886
- "text": ""
6887
- }
6888
- },
6889
- "description": "Gets the current computed thickness of the divider."
6890
- }
6891
- ],
6892
- "attributes": [
6893
- {
6894
- "name": "color",
6895
- "type": {
6896
- "text": "string"
6897
- },
6898
- "default": "\"muted\"",
6899
- "description": "Divider color token or CSS color.",
6900
- "fieldName": "color"
6901
- },
6902
- {
6903
- "name": "thickness",
6904
- "type": {
6905
- "text": "string"
6906
- },
6907
- "default": "\"1px\"",
6908
- "description": "Divider thickness (for example `1px` or `2px`).",
6909
- "fieldName": "thickness"
6910
- },
6911
- {
6912
- "name": "margin",
6913
- "type": {
6914
- "text": "string"
6915
- },
6916
- "default": "\"\"",
6917
- "description": "Outer margin around the divider.",
6918
- "fieldName": "margin"
6919
- },
6920
- {
6921
- "name": "direction",
6922
- "type": {
6923
- "text": "SkyDividerDirection"
6924
- },
6925
- "default": "\"horizontal\"",
6926
- "description": "Divider orientation.",
6927
- "fieldName": "direction"
6928
- },
6929
- {
6930
- "name": "inset",
6931
- "type": {
6932
- "text": "boolean"
6933
- },
6934
- "default": "false",
6935
- "description": "Enables indented divider layout.",
6936
- "fieldName": "inset"
6937
- },
6938
- {
6939
- "name": "height",
6940
- "type": {
6941
- "text": "string"
6942
- },
6943
- "default": "\"100%\"",
6944
- "description": "Height used for vertical orientation.",
6945
- "fieldName": "height"
6946
- }
6947
- ],
6948
- "superclass": {
6949
- "name": "LitElement",
6950
- "package": "lit"
6951
- },
6952
- "tagName": "sky-divider",
6953
- "customElement": true,
6954
- "summary": "Visual separator component for horizontal and vertical layout separation."
6955
- }
6956
- ],
6957
- "exports": [
6958
- {
6959
- "kind": "js",
6960
- "name": "SkyDivider",
6961
- "declaration": {
6962
- "name": "SkyDivider",
6963
- "module": "src/sky-divider/sky-divider.ts"
6964
- }
6965
- },
6966
- {
6967
- "kind": "custom-element-definition",
6968
- "name": "sky-divider",
6969
- "declaration": {
6970
- "name": "SkyDivider",
6971
- "module": "src/sky-divider/sky-divider.ts"
6972
- }
6973
- }
6974
- ]
6975
- },
6976
- {
6977
- "kind": "javascript-module",
6978
- "path": "src/sky-flexbox/sky-flexbox.ts",
6979
- "declarations": [
6980
- {
6981
- "kind": "class",
6982
- "description": "",
6983
- "name": "SkyFlexbox",
6984
- "cssParts": [
6985
- {
6986
- "description": "The flex container element.",
6987
- "name": "container"
6988
- }
6989
- ],
6990
- "slots": [
6991
- {
6992
- "description": "Default slot for flex items (`<sky-flexcol>` or plain elements with `span` attributes).",
6993
- "name": ""
6994
- }
6995
- ],
6996
- "members": [
6997
- {
6998
- "kind": "field",
6999
- "name": "direction",
7000
- "type": {
7001
- "text": "SkyFlexboxDirection"
7002
- },
7003
- "default": "\"row\"",
7004
- "description": "Flex direction.",
7005
- "privacy": "public",
7006
- "attribute": "direction"
7007
- },
7008
- {
7009
- "kind": "field",
7010
- "name": "wrap",
7011
- "type": {
7012
- "text": "SkyFlexboxWrap"
7012
+ "text": "SkyFlexboxWrap"
7013
7013
  },
7014
7014
  "default": "\"wrap\"",
7015
7015
  "description": "Flex wrap behavior.",
@@ -7320,257 +7320,540 @@
7320
7320
  },
7321
7321
  {
7322
7322
  "kind": "javascript-module",
7323
- "path": "src/sky-form/sky-form.ts",
7323
+ "path": "src/sky-flexcol/sky-flexcol.ts",
7324
7324
  "declarations": [
7325
7325
  {
7326
7326
  "kind": "class",
7327
7327
  "description": "",
7328
- "name": "SkyForm",
7328
+ "name": "SkyFlexcol",
7329
7329
  "cssParts": [
7330
7330
  {
7331
- "description": "Container for the consolidated error messages.",
7332
- "name": "error-box"
7333
- },
7334
- {
7335
- "description": "List element containing validation errors.",
7336
- "name": "error-list"
7331
+ "description": "The flex item wrapper.",
7332
+ "name": "col"
7337
7333
  }
7338
7334
  ],
7339
7335
  "slots": [
7340
7336
  {
7341
- "description": "Form elements: inputs, buttons, and other form controls.",
7337
+ "description": "Default slot for column content.",
7342
7338
  "name": ""
7343
7339
  }
7344
7340
  ],
7345
7341
  "members": [
7346
7342
  {
7347
7343
  "kind": "field",
7348
- "name": "liveValidation",
7344
+ "name": "span",
7349
7345
  "type": {
7350
- "text": "boolean"
7346
+ "text": "number"
7351
7347
  },
7352
- "default": "false",
7353
- "description": "Validates and emits `form-change` on value changes.",
7348
+ "default": "1",
7349
+ "description": "Base number of columns to span.",
7354
7350
  "privacy": "public",
7355
- "attribute": "liveValidation"
7351
+ "attribute": "span"
7356
7352
  },
7357
7353
  {
7358
7354
  "kind": "field",
7359
- "name": "showErrors",
7355
+ "name": "spanLg",
7360
7356
  "type": {
7361
- "text": "boolean"
7357
+ "text": "number | undefined"
7362
7358
  },
7363
- "default": "true",
7364
- "description": "Shows validation errors in child controls when available.",
7359
+ "description": "Span at large breakpoints.",
7365
7360
  "privacy": "public",
7366
- "attribute": "showErrors"
7361
+ "attribute": "spanLg"
7367
7362
  },
7368
7363
  {
7369
7364
  "kind": "field",
7370
- "name": "errorBox",
7365
+ "name": "spanMd",
7371
7366
  "type": {
7372
- "text": "boolean"
7367
+ "text": "number | undefined"
7373
7368
  },
7374
- "default": "false",
7375
- "description": "Shows consolidated validation messages above the form.",
7369
+ "description": "Span at medium breakpoints.",
7376
7370
  "privacy": "public",
7377
- "attribute": "errorBox"
7371
+ "attribute": "spanMd"
7378
7372
  },
7379
7373
  {
7380
7374
  "kind": "field",
7381
- "name": "errorBoxMessage",
7375
+ "name": "spanSm",
7382
7376
  "type": {
7383
- "text": "string"
7377
+ "text": "number | undefined"
7384
7378
  },
7385
- "default": "\"Fix These Issues Before Submitting\"",
7386
- "description": "Header message shown in the consolidated error box.",
7379
+ "description": "Span at small breakpoints.",
7387
7380
  "privacy": "public",
7388
- "attribute": "errorBoxMessage"
7381
+ "attribute": "spanSm"
7389
7382
  },
7390
7383
  {
7391
7384
  "kind": "field",
7392
- "name": "mode",
7385
+ "name": "spanXs",
7393
7386
  "type": {
7394
- "text": "SkyFormMode"
7387
+ "text": "number | undefined"
7395
7388
  },
7396
- "default": "\"client\"",
7397
- "description": "Submission mode (`client` or `server`).",
7389
+ "description": "Span at extra-small breakpoints.",
7398
7390
  "privacy": "public",
7399
- "attribute": "mode"
7391
+ "attribute": "spanXs"
7400
7392
  },
7401
7393
  {
7402
7394
  "kind": "field",
7403
- "name": "method",
7395
+ "name": "grow",
7404
7396
  "type": {
7405
- "text": "SkyFormMethod | undefined"
7397
+ "text": "number"
7406
7398
  },
7407
- "description": "Native form method in server mode.",
7399
+ "default": "0",
7400
+ "description": "Flex grow factor.",
7408
7401
  "privacy": "public",
7409
- "attribute": "method"
7402
+ "attribute": "grow"
7410
7403
  },
7411
7404
  {
7412
7405
  "kind": "field",
7413
- "name": "action",
7406
+ "name": "shrink",
7414
7407
  "type": {
7415
- "text": "string | undefined"
7408
+ "text": "number"
7416
7409
  },
7417
- "description": "Native form action in server mode.",
7410
+ "default": "0",
7411
+ "description": "Flex shrink factor.",
7418
7412
  "privacy": "public",
7419
- "attribute": "action"
7413
+ "attribute": "shrink"
7420
7414
  },
7421
7415
  {
7422
7416
  "kind": "field",
7423
- "name": "target",
7417
+ "name": "basis",
7424
7418
  "type": {
7425
- "text": "string | undefined"
7419
+ "text": "string | null"
7426
7420
  },
7427
- "description": "Native form target in server mode.",
7421
+ "default": "null",
7422
+ "description": "Flex basis override.",
7428
7423
  "privacy": "public",
7429
- "attribute": "target"
7424
+ "attribute": "basis"
7430
7425
  },
7431
7426
  {
7432
7427
  "kind": "field",
7433
- "name": "enctype",
7428
+ "name": "order",
7434
7429
  "type": {
7435
- "text": "SkyFormEnctype | undefined"
7430
+ "text": "number | undefined"
7436
7431
  },
7437
- "description": "Native form encoding type.",
7432
+ "description": "Flex order override.",
7438
7433
  "privacy": "public",
7439
- "attribute": "enctype"
7434
+ "attribute": "order"
7440
7435
  },
7441
7436
  {
7442
7437
  "kind": "field",
7443
- "name": "autocomplete",
7438
+ "name": "alignSelf",
7444
7439
  "type": {
7445
- "text": "SkyFormAutocomplete | undefined"
7440
+ "text": "SkyFlexcolAlignSelf | undefined"
7446
7441
  },
7447
- "description": "Native form autocomplete behavior.",
7442
+ "description": "Cross-axis alignment override.",
7448
7443
  "privacy": "public",
7449
- "attribute": "autocomplete"
7444
+ "attribute": "alignSelf"
7450
7445
  },
7451
7446
  {
7452
- "kind": "field",
7453
- "name": "noValidate",
7454
- "type": {
7455
- "text": "boolean"
7456
- },
7457
- "default": "false",
7458
- "description": "Disables native HTML constraint UI.",
7447
+ "kind": "method",
7448
+ "name": "syncVars",
7449
+ "privacy": "private",
7450
+ "description": "Syncs component properties to CSS custom properties."
7451
+ },
7452
+ {
7453
+ "kind": "method",
7454
+ "name": "refreshStyles",
7459
7455
  "privacy": "public",
7460
- "attribute": "noValidate"
7456
+ "description": "Forces resynchronization of CSS custom properties.\r\nUseful when properties are changed programmatically."
7461
7457
  },
7462
7458
  {
7463
- "kind": "field",
7464
- "name": "enterSubmit",
7465
- "type": {
7466
- "text": "boolean"
7459
+ "kind": "method",
7460
+ "name": "getSpan",
7461
+ "privacy": "public",
7462
+ "return": {
7463
+ "type": {
7464
+ "text": ""
7465
+ }
7467
7466
  },
7468
- "default": "false",
7469
- "description": "Submits on Enter for non-textarea controls.",
7467
+ "description": "Gets the current span value."
7468
+ },
7469
+ {
7470
+ "kind": "method",
7471
+ "name": "setSpan",
7470
7472
  "privacy": "public",
7471
- "attribute": "enterSubmit"
7473
+ "return": {
7474
+ "type": {
7475
+ "text": "void"
7476
+ }
7477
+ },
7478
+ "parameters": [
7479
+ {
7480
+ "name": "value",
7481
+ "type": {
7482
+ "text": "number"
7483
+ },
7484
+ "description": "New span value"
7485
+ }
7486
+ ],
7487
+ "description": "Sets the span value and updates styles."
7488
+ }
7489
+ ],
7490
+ "attributes": [
7491
+ {
7492
+ "name": "span",
7493
+ "type": {
7494
+ "text": "number"
7495
+ },
7496
+ "default": "1",
7497
+ "description": "Base number of columns to span.",
7498
+ "fieldName": "span"
7472
7499
  },
7473
7500
  {
7474
- "kind": "field",
7475
- "name": "resetOnSubmit",
7501
+ "name": "spanLg",
7476
7502
  "type": {
7477
- "text": "boolean"
7503
+ "text": "number | undefined"
7478
7504
  },
7479
- "default": "false",
7480
- "description": "Resets form after successful submit.",
7481
- "privacy": "public",
7482
- "attribute": "resetOnSubmit"
7505
+ "description": "Span at large breakpoints.",
7506
+ "fieldName": "spanLg"
7483
7507
  },
7484
7508
  {
7485
- "kind": "field",
7486
- "name": "csrfToken",
7509
+ "name": "spanMd",
7487
7510
  "type": {
7488
- "text": "string | null"
7511
+ "text": "number | undefined"
7489
7512
  },
7490
- "default": "null",
7491
- "description": "Optional CSRF token value for app-level submit handling.",
7492
- "privacy": "public",
7493
- "attribute": "csrfToken"
7513
+ "description": "Span at medium breakpoints.",
7514
+ "fieldName": "spanMd"
7494
7515
  },
7495
7516
  {
7496
- "kind": "field",
7497
- "name": "validationErrors",
7517
+ "name": "spanSm",
7498
7518
  "type": {
7499
- "text": "string[]"
7519
+ "text": "number | undefined"
7500
7520
  },
7501
- "privacy": "private",
7502
- "default": "[]",
7503
- "description": "Array of current validation error messages."
7521
+ "description": "Span at small breakpoints.",
7522
+ "fieldName": "spanSm"
7504
7523
  },
7505
7524
  {
7506
- "kind": "field",
7507
- "name": "submitSuccess",
7525
+ "name": "spanXs",
7508
7526
  "type": {
7509
- "text": "boolean"
7527
+ "text": "number | undefined"
7510
7528
  },
7511
- "privacy": "private",
7512
- "default": "false",
7513
- "description": "Indicates whether the last form submission was successful."
7529
+ "description": "Span at extra-small breakpoints.",
7530
+ "fieldName": "spanXs"
7514
7531
  },
7515
7532
  {
7516
- "kind": "field",
7517
- "name": "validationActive",
7533
+ "name": "grow",
7518
7534
  "type": {
7519
- "text": "boolean"
7535
+ "text": "number"
7520
7536
  },
7521
- "privacy": "private",
7522
- "default": "false",
7523
- "description": "Indicates whether validation is currently active (errors shown)."
7537
+ "default": "0",
7538
+ "description": "Flex grow factor.",
7539
+ "fieldName": "grow"
7524
7540
  },
7525
7541
  {
7526
- "kind": "field",
7527
- "name": "_formEl",
7542
+ "name": "shrink",
7528
7543
  "type": {
7529
- "text": "HTMLFormElement"
7544
+ "text": "number"
7530
7545
  },
7531
- "privacy": "private",
7532
- "description": "Reference to the native form element."
7546
+ "default": "0",
7547
+ "description": "Flex shrink factor.",
7548
+ "fieldName": "shrink"
7533
7549
  },
7534
7550
  {
7535
- "kind": "field",
7536
- "name": "_mo",
7551
+ "name": "basis",
7537
7552
  "type": {
7538
- "text": "MutationObserver | undefined"
7553
+ "text": "string | null"
7539
7554
  },
7540
- "privacy": "private"
7555
+ "default": "null",
7556
+ "description": "Flex basis override.",
7557
+ "fieldName": "basis"
7541
7558
  },
7542
7559
  {
7543
- "kind": "field",
7544
- "name": "_syncQueued",
7560
+ "name": "order",
7545
7561
  "type": {
7546
- "text": "boolean"
7562
+ "text": "number | undefined"
7547
7563
  },
7548
- "privacy": "private",
7549
- "default": "false"
7564
+ "description": "Flex order override.",
7565
+ "fieldName": "order"
7550
7566
  },
7551
7567
  {
7552
- "kind": "field",
7553
- "name": "_handlingSubmit",
7568
+ "name": "alignSelf",
7554
7569
  "type": {
7555
- "text": "boolean"
7570
+ "text": "SkyFlexcolAlignSelf | undefined"
7556
7571
  },
7557
- "privacy": "private",
7558
- "default": "false"
7572
+ "description": "Cross-axis alignment override.",
7573
+ "fieldName": "alignSelf"
7574
+ }
7575
+ ],
7576
+ "superclass": {
7577
+ "name": "LitElement",
7578
+ "package": "lit"
7579
+ },
7580
+ "tagName": "sky-flexcol",
7581
+ "customElement": true,
7582
+ "summary": "Flex column item for `sky-flexbox` layouts with responsive span controls."
7583
+ }
7584
+ ],
7585
+ "exports": [
7586
+ {
7587
+ "kind": "js",
7588
+ "name": "SkyFlexcol",
7589
+ "declaration": {
7590
+ "name": "SkyFlexcol",
7591
+ "module": "src/sky-flexcol/sky-flexcol.ts"
7592
+ }
7593
+ },
7594
+ {
7595
+ "kind": "custom-element-definition",
7596
+ "name": "sky-flexcol",
7597
+ "declaration": {
7598
+ "name": "SkyFlexcol",
7599
+ "module": "src/sky-flexcol/sky-flexcol.ts"
7600
+ }
7601
+ }
7602
+ ]
7603
+ },
7604
+ {
7605
+ "kind": "javascript-module",
7606
+ "path": "src/sky-form/sky-form.ts",
7607
+ "declarations": [
7608
+ {
7609
+ "kind": "class",
7610
+ "description": "",
7611
+ "name": "SkyForm",
7612
+ "cssParts": [
7613
+ {
7614
+ "description": "Container for the consolidated error messages.",
7615
+ "name": "error-box"
7559
7616
  },
7617
+ {
7618
+ "description": "List element containing validation errors.",
7619
+ "name": "error-list"
7620
+ }
7621
+ ],
7622
+ "slots": [
7623
+ {
7624
+ "description": "Form elements: inputs, buttons, and other form controls.",
7625
+ "name": ""
7626
+ }
7627
+ ],
7628
+ "members": [
7560
7629
  {
7561
7630
  "kind": "field",
7562
- "name": "_handlingInvalid",
7631
+ "name": "liveValidation",
7563
7632
  "type": {
7564
7633
  "text": "boolean"
7565
7634
  },
7566
- "privacy": "private",
7567
- "default": "false"
7635
+ "default": "false",
7636
+ "description": "Validates and emits `form-change` on value changes.",
7637
+ "privacy": "public",
7638
+ "attribute": "liveValidation"
7568
7639
  },
7569
7640
  {
7570
7641
  "kind": "field",
7571
- "name": "formElement",
7642
+ "name": "showErrors",
7572
7643
  "type": {
7573
- "text": "HTMLFormElement"
7644
+ "text": "boolean"
7645
+ },
7646
+ "default": "true",
7647
+ "description": "Shows validation errors in child controls when available.",
7648
+ "privacy": "public",
7649
+ "attribute": "showErrors"
7650
+ },
7651
+ {
7652
+ "kind": "field",
7653
+ "name": "errorBox",
7654
+ "type": {
7655
+ "text": "boolean"
7656
+ },
7657
+ "default": "false",
7658
+ "description": "Shows consolidated validation messages above the form.",
7659
+ "privacy": "public",
7660
+ "attribute": "errorBox"
7661
+ },
7662
+ {
7663
+ "kind": "field",
7664
+ "name": "errorBoxMessage",
7665
+ "type": {
7666
+ "text": "string"
7667
+ },
7668
+ "default": "\"Fix These Issues Before Submitting\"",
7669
+ "description": "Header message shown in the consolidated error box.",
7670
+ "privacy": "public",
7671
+ "attribute": "errorBoxMessage"
7672
+ },
7673
+ {
7674
+ "kind": "field",
7675
+ "name": "mode",
7676
+ "type": {
7677
+ "text": "SkyFormMode"
7678
+ },
7679
+ "default": "\"client\"",
7680
+ "description": "Submission mode (`client` or `server`).",
7681
+ "privacy": "public",
7682
+ "attribute": "mode"
7683
+ },
7684
+ {
7685
+ "kind": "field",
7686
+ "name": "method",
7687
+ "type": {
7688
+ "text": "SkyFormMethod | undefined"
7689
+ },
7690
+ "description": "Native form method in server mode.",
7691
+ "privacy": "public",
7692
+ "attribute": "method"
7693
+ },
7694
+ {
7695
+ "kind": "field",
7696
+ "name": "action",
7697
+ "type": {
7698
+ "text": "string | undefined"
7699
+ },
7700
+ "description": "Native form action in server mode.",
7701
+ "privacy": "public",
7702
+ "attribute": "action"
7703
+ },
7704
+ {
7705
+ "kind": "field",
7706
+ "name": "target",
7707
+ "type": {
7708
+ "text": "string | undefined"
7709
+ },
7710
+ "description": "Native form target in server mode.",
7711
+ "privacy": "public",
7712
+ "attribute": "target"
7713
+ },
7714
+ {
7715
+ "kind": "field",
7716
+ "name": "enctype",
7717
+ "type": {
7718
+ "text": "SkyFormEnctype | undefined"
7719
+ },
7720
+ "description": "Native form encoding type.",
7721
+ "privacy": "public",
7722
+ "attribute": "enctype"
7723
+ },
7724
+ {
7725
+ "kind": "field",
7726
+ "name": "autocomplete",
7727
+ "type": {
7728
+ "text": "SkyFormAutocomplete | undefined"
7729
+ },
7730
+ "description": "Native form autocomplete behavior.",
7731
+ "privacy": "public",
7732
+ "attribute": "autocomplete"
7733
+ },
7734
+ {
7735
+ "kind": "field",
7736
+ "name": "noValidate",
7737
+ "type": {
7738
+ "text": "boolean"
7739
+ },
7740
+ "default": "false",
7741
+ "description": "Disables native HTML constraint UI.",
7742
+ "privacy": "public",
7743
+ "attribute": "noValidate"
7744
+ },
7745
+ {
7746
+ "kind": "field",
7747
+ "name": "enterSubmit",
7748
+ "type": {
7749
+ "text": "boolean"
7750
+ },
7751
+ "default": "false",
7752
+ "description": "Submits on Enter for non-textarea controls.",
7753
+ "privacy": "public",
7754
+ "attribute": "enterSubmit"
7755
+ },
7756
+ {
7757
+ "kind": "field",
7758
+ "name": "resetOnSubmit",
7759
+ "type": {
7760
+ "text": "boolean"
7761
+ },
7762
+ "default": "false",
7763
+ "description": "Resets form after successful submit.",
7764
+ "privacy": "public",
7765
+ "attribute": "resetOnSubmit"
7766
+ },
7767
+ {
7768
+ "kind": "field",
7769
+ "name": "csrfToken",
7770
+ "type": {
7771
+ "text": "string | null"
7772
+ },
7773
+ "default": "null",
7774
+ "description": "Optional CSRF token value for app-level submit handling.",
7775
+ "privacy": "public",
7776
+ "attribute": "csrfToken"
7777
+ },
7778
+ {
7779
+ "kind": "field",
7780
+ "name": "validationErrors",
7781
+ "type": {
7782
+ "text": "string[]"
7783
+ },
7784
+ "privacy": "private",
7785
+ "default": "[]",
7786
+ "description": "Array of current validation error messages."
7787
+ },
7788
+ {
7789
+ "kind": "field",
7790
+ "name": "submitSuccess",
7791
+ "type": {
7792
+ "text": "boolean"
7793
+ },
7794
+ "privacy": "private",
7795
+ "default": "false",
7796
+ "description": "Indicates whether the last form submission was successful."
7797
+ },
7798
+ {
7799
+ "kind": "field",
7800
+ "name": "validationActive",
7801
+ "type": {
7802
+ "text": "boolean"
7803
+ },
7804
+ "privacy": "private",
7805
+ "default": "false",
7806
+ "description": "Indicates whether validation is currently active (errors shown)."
7807
+ },
7808
+ {
7809
+ "kind": "field",
7810
+ "name": "_formEl",
7811
+ "type": {
7812
+ "text": "HTMLFormElement"
7813
+ },
7814
+ "privacy": "private",
7815
+ "description": "Reference to the native form element."
7816
+ },
7817
+ {
7818
+ "kind": "field",
7819
+ "name": "_mo",
7820
+ "type": {
7821
+ "text": "MutationObserver | undefined"
7822
+ },
7823
+ "privacy": "private"
7824
+ },
7825
+ {
7826
+ "kind": "field",
7827
+ "name": "_syncQueued",
7828
+ "type": {
7829
+ "text": "boolean"
7830
+ },
7831
+ "privacy": "private",
7832
+ "default": "false"
7833
+ },
7834
+ {
7835
+ "kind": "field",
7836
+ "name": "_handlingSubmit",
7837
+ "type": {
7838
+ "text": "boolean"
7839
+ },
7840
+ "privacy": "private",
7841
+ "default": "false"
7842
+ },
7843
+ {
7844
+ "kind": "field",
7845
+ "name": "_handlingInvalid",
7846
+ "type": {
7847
+ "text": "boolean"
7848
+ },
7849
+ "privacy": "private",
7850
+ "default": "false"
7851
+ },
7852
+ {
7853
+ "kind": "field",
7854
+ "name": "formElement",
7855
+ "type": {
7856
+ "text": "HTMLFormElement"
7574
7857
  },
7575
7858
  "privacy": "public",
7576
7859
  "description": "Returns the native HTML form element.",
@@ -7842,428 +8125,145 @@
7842
8125
  },
7843
8126
  "default": "false",
7844
8127
  "description": "Validates and emits `form-change` on value changes.",
7845
- "fieldName": "liveValidation"
7846
- },
7847
- {
7848
- "name": "showErrors",
7849
- "type": {
7850
- "text": "boolean"
7851
- },
7852
- "default": "true",
7853
- "description": "Shows validation errors in child controls when available.",
7854
- "fieldName": "showErrors"
7855
- },
7856
- {
7857
- "name": "errorBox",
7858
- "type": {
7859
- "text": "boolean"
7860
- },
7861
- "default": "false",
7862
- "description": "Shows consolidated validation messages above the form.",
7863
- "fieldName": "errorBox"
7864
- },
7865
- {
7866
- "name": "errorBoxMessage",
7867
- "type": {
7868
- "text": "string"
7869
- },
7870
- "default": "\"Fix These Issues Before Submitting\"",
7871
- "description": "Header message shown in the consolidated error box.",
7872
- "fieldName": "errorBoxMessage"
7873
- },
7874
- {
7875
- "name": "mode",
7876
- "type": {
7877
- "text": "SkyFormMode"
7878
- },
7879
- "default": "\"client\"",
7880
- "description": "Submission mode (`client` or `server`).",
7881
- "fieldName": "mode"
7882
- },
7883
- {
7884
- "name": "method",
7885
- "type": {
7886
- "text": "SkyFormMethod | undefined"
7887
- },
7888
- "description": "Native form method in server mode.",
7889
- "fieldName": "method"
7890
- },
7891
- {
7892
- "name": "action",
7893
- "type": {
7894
- "text": "string | undefined"
7895
- },
7896
- "description": "Native form action in server mode.",
7897
- "fieldName": "action"
7898
- },
7899
- {
7900
- "name": "target",
7901
- "type": {
7902
- "text": "string | undefined"
7903
- },
7904
- "description": "Native form target in server mode.",
7905
- "fieldName": "target"
7906
- },
7907
- {
7908
- "name": "enctype",
7909
- "type": {
7910
- "text": "SkyFormEnctype | undefined"
7911
- },
7912
- "description": "Native form encoding type.",
7913
- "fieldName": "enctype"
7914
- },
7915
- {
7916
- "name": "autocomplete",
7917
- "type": {
7918
- "text": "SkyFormAutocomplete | undefined"
7919
- },
7920
- "description": "Native form autocomplete behavior.",
7921
- "fieldName": "autocomplete"
7922
- },
7923
- {
7924
- "name": "noValidate",
7925
- "type": {
7926
- "text": "boolean"
7927
- },
7928
- "default": "false",
7929
- "description": "Disables native HTML constraint UI.",
7930
- "fieldName": "noValidate"
7931
- },
7932
- {
7933
- "name": "enterSubmit",
7934
- "type": {
7935
- "text": "boolean"
7936
- },
7937
- "default": "false",
7938
- "description": "Submits on Enter for non-textarea controls.",
7939
- "fieldName": "enterSubmit"
7940
- },
7941
- {
7942
- "name": "resetOnSubmit",
7943
- "type": {
7944
- "text": "boolean"
7945
- },
7946
- "default": "false",
7947
- "description": "Resets form after successful submit.",
7948
- "fieldName": "resetOnSubmit"
7949
- },
7950
- {
7951
- "name": "csrfToken",
7952
- "type": {
7953
- "text": "string | null"
7954
- },
7955
- "default": "null",
7956
- "description": "Optional CSRF token value for app-level submit handling.",
7957
- "fieldName": "csrfToken"
7958
- }
7959
- ],
7960
- "superclass": {
7961
- "name": "LitElement",
7962
- "package": "lit"
7963
- },
7964
- "tagName": "sky-form",
7965
- "customElement": true,
7966
- "summary": "Form wrapper with unified validation, error aggregation, and client/server submit flows."
7967
- }
7968
- ],
7969
- "exports": [
7970
- {
7971
- "kind": "js",
7972
- "name": "SkyForm",
7973
- "declaration": {
7974
- "name": "SkyForm",
7975
- "module": "src/sky-form/sky-form.ts"
7976
- }
7977
- },
7978
- {
7979
- "kind": "custom-element-definition",
7980
- "name": "sky-form",
7981
- "declaration": {
7982
- "name": "SkyForm",
7983
- "module": "src/sky-form/sky-form.ts"
7984
- }
7985
- }
7986
- ]
7987
- },
7988
- {
7989
- "kind": "javascript-module",
7990
- "path": "src/sky-flexcol/sky-flexcol.ts",
7991
- "declarations": [
7992
- {
7993
- "kind": "class",
7994
- "description": "",
7995
- "name": "SkyFlexcol",
7996
- "cssParts": [
7997
- {
7998
- "description": "The flex item wrapper.",
7999
- "name": "col"
8000
- }
8001
- ],
8002
- "slots": [
8003
- {
8004
- "description": "Default slot for column content.",
8005
- "name": ""
8006
- }
8007
- ],
8008
- "members": [
8009
- {
8010
- "kind": "field",
8011
- "name": "span",
8012
- "type": {
8013
- "text": "number"
8014
- },
8015
- "default": "1",
8016
- "description": "Base number of columns to span.",
8017
- "privacy": "public",
8018
- "attribute": "span"
8019
- },
8020
- {
8021
- "kind": "field",
8022
- "name": "spanLg",
8023
- "type": {
8024
- "text": "number | undefined"
8025
- },
8026
- "description": "Span at large breakpoints.",
8027
- "privacy": "public",
8028
- "attribute": "spanLg"
8029
- },
8030
- {
8031
- "kind": "field",
8032
- "name": "spanMd",
8033
- "type": {
8034
- "text": "number | undefined"
8035
- },
8036
- "description": "Span at medium breakpoints.",
8037
- "privacy": "public",
8038
- "attribute": "spanMd"
8039
- },
8040
- {
8041
- "kind": "field",
8042
- "name": "spanSm",
8043
- "type": {
8044
- "text": "number | undefined"
8045
- },
8046
- "description": "Span at small breakpoints.",
8047
- "privacy": "public",
8048
- "attribute": "spanSm"
8049
- },
8050
- {
8051
- "kind": "field",
8052
- "name": "spanXs",
8053
- "type": {
8054
- "text": "number | undefined"
8055
- },
8056
- "description": "Span at extra-small breakpoints.",
8057
- "privacy": "public",
8058
- "attribute": "spanXs"
8059
- },
8060
- {
8061
- "kind": "field",
8062
- "name": "grow",
8063
- "type": {
8064
- "text": "number"
8065
- },
8066
- "default": "0",
8067
- "description": "Flex grow factor.",
8068
- "privacy": "public",
8069
- "attribute": "grow"
8070
- },
8071
- {
8072
- "kind": "field",
8073
- "name": "shrink",
8074
- "type": {
8075
- "text": "number"
8076
- },
8077
- "default": "0",
8078
- "description": "Flex shrink factor.",
8079
- "privacy": "public",
8080
- "attribute": "shrink"
8081
- },
8082
- {
8083
- "kind": "field",
8084
- "name": "basis",
8085
- "type": {
8086
- "text": "string | null"
8087
- },
8088
- "default": "null",
8089
- "description": "Flex basis override.",
8090
- "privacy": "public",
8091
- "attribute": "basis"
8092
- },
8093
- {
8094
- "kind": "field",
8095
- "name": "order",
8096
- "type": {
8097
- "text": "number | undefined"
8098
- },
8099
- "description": "Flex order override.",
8100
- "privacy": "public",
8101
- "attribute": "order"
8128
+ "fieldName": "liveValidation"
8102
8129
  },
8103
8130
  {
8104
- "kind": "field",
8105
- "name": "alignSelf",
8131
+ "name": "showErrors",
8106
8132
  "type": {
8107
- "text": "SkyFlexcolAlignSelf | undefined"
8133
+ "text": "boolean"
8108
8134
  },
8109
- "description": "Cross-axis alignment override.",
8110
- "privacy": "public",
8111
- "attribute": "alignSelf"
8112
- },
8113
- {
8114
- "kind": "method",
8115
- "name": "syncVars",
8116
- "privacy": "private",
8117
- "description": "Syncs component properties to CSS custom properties."
8118
- },
8119
- {
8120
- "kind": "method",
8121
- "name": "refreshStyles",
8122
- "privacy": "public",
8123
- "description": "Forces resynchronization of CSS custom properties.\r\nUseful when properties are changed programmatically."
8135
+ "default": "true",
8136
+ "description": "Shows validation errors in child controls when available.",
8137
+ "fieldName": "showErrors"
8124
8138
  },
8125
8139
  {
8126
- "kind": "method",
8127
- "name": "getSpan",
8128
- "privacy": "public",
8129
- "return": {
8130
- "type": {
8131
- "text": ""
8132
- }
8140
+ "name": "errorBox",
8141
+ "type": {
8142
+ "text": "boolean"
8133
8143
  },
8134
- "description": "Gets the current span value."
8144
+ "default": "false",
8145
+ "description": "Shows consolidated validation messages above the form.",
8146
+ "fieldName": "errorBox"
8135
8147
  },
8136
8148
  {
8137
- "kind": "method",
8138
- "name": "setSpan",
8139
- "privacy": "public",
8140
- "return": {
8141
- "type": {
8142
- "text": "void"
8143
- }
8149
+ "name": "errorBoxMessage",
8150
+ "type": {
8151
+ "text": "string"
8144
8152
  },
8145
- "parameters": [
8146
- {
8147
- "name": "value",
8148
- "type": {
8149
- "text": "number"
8150
- },
8151
- "description": "New span value"
8152
- }
8153
- ],
8154
- "description": "Sets the span value and updates styles."
8155
- }
8156
- ],
8157
- "attributes": [
8153
+ "default": "\"Fix These Issues Before Submitting\"",
8154
+ "description": "Header message shown in the consolidated error box.",
8155
+ "fieldName": "errorBoxMessage"
8156
+ },
8158
8157
  {
8159
- "name": "span",
8158
+ "name": "mode",
8160
8159
  "type": {
8161
- "text": "number"
8160
+ "text": "SkyFormMode"
8162
8161
  },
8163
- "default": "1",
8164
- "description": "Base number of columns to span.",
8165
- "fieldName": "span"
8162
+ "default": "\"client\"",
8163
+ "description": "Submission mode (`client` or `server`).",
8164
+ "fieldName": "mode"
8166
8165
  },
8167
8166
  {
8168
- "name": "spanLg",
8167
+ "name": "method",
8169
8168
  "type": {
8170
- "text": "number | undefined"
8169
+ "text": "SkyFormMethod | undefined"
8171
8170
  },
8172
- "description": "Span at large breakpoints.",
8173
- "fieldName": "spanLg"
8171
+ "description": "Native form method in server mode.",
8172
+ "fieldName": "method"
8174
8173
  },
8175
8174
  {
8176
- "name": "spanMd",
8175
+ "name": "action",
8177
8176
  "type": {
8178
- "text": "number | undefined"
8177
+ "text": "string | undefined"
8179
8178
  },
8180
- "description": "Span at medium breakpoints.",
8181
- "fieldName": "spanMd"
8179
+ "description": "Native form action in server mode.",
8180
+ "fieldName": "action"
8182
8181
  },
8183
8182
  {
8184
- "name": "spanSm",
8183
+ "name": "target",
8185
8184
  "type": {
8186
- "text": "number | undefined"
8185
+ "text": "string | undefined"
8187
8186
  },
8188
- "description": "Span at small breakpoints.",
8189
- "fieldName": "spanSm"
8187
+ "description": "Native form target in server mode.",
8188
+ "fieldName": "target"
8190
8189
  },
8191
8190
  {
8192
- "name": "spanXs",
8191
+ "name": "enctype",
8193
8192
  "type": {
8194
- "text": "number | undefined"
8193
+ "text": "SkyFormEnctype | undefined"
8195
8194
  },
8196
- "description": "Span at extra-small breakpoints.",
8197
- "fieldName": "spanXs"
8195
+ "description": "Native form encoding type.",
8196
+ "fieldName": "enctype"
8198
8197
  },
8199
8198
  {
8200
- "name": "grow",
8199
+ "name": "autocomplete",
8201
8200
  "type": {
8202
- "text": "number"
8201
+ "text": "SkyFormAutocomplete | undefined"
8203
8202
  },
8204
- "default": "0",
8205
- "description": "Flex grow factor.",
8206
- "fieldName": "grow"
8203
+ "description": "Native form autocomplete behavior.",
8204
+ "fieldName": "autocomplete"
8207
8205
  },
8208
8206
  {
8209
- "name": "shrink",
8207
+ "name": "noValidate",
8210
8208
  "type": {
8211
- "text": "number"
8209
+ "text": "boolean"
8212
8210
  },
8213
- "default": "0",
8214
- "description": "Flex shrink factor.",
8215
- "fieldName": "shrink"
8211
+ "default": "false",
8212
+ "description": "Disables native HTML constraint UI.",
8213
+ "fieldName": "noValidate"
8216
8214
  },
8217
8215
  {
8218
- "name": "basis",
8216
+ "name": "enterSubmit",
8219
8217
  "type": {
8220
- "text": "string | null"
8218
+ "text": "boolean"
8221
8219
  },
8222
- "default": "null",
8223
- "description": "Flex basis override.",
8224
- "fieldName": "basis"
8220
+ "default": "false",
8221
+ "description": "Submits on Enter for non-textarea controls.",
8222
+ "fieldName": "enterSubmit"
8225
8223
  },
8226
8224
  {
8227
- "name": "order",
8225
+ "name": "resetOnSubmit",
8228
8226
  "type": {
8229
- "text": "number | undefined"
8227
+ "text": "boolean"
8230
8228
  },
8231
- "description": "Flex order override.",
8232
- "fieldName": "order"
8229
+ "default": "false",
8230
+ "description": "Resets form after successful submit.",
8231
+ "fieldName": "resetOnSubmit"
8233
8232
  },
8234
8233
  {
8235
- "name": "alignSelf",
8234
+ "name": "csrfToken",
8236
8235
  "type": {
8237
- "text": "SkyFlexcolAlignSelf | undefined"
8236
+ "text": "string | null"
8238
8237
  },
8239
- "description": "Cross-axis alignment override.",
8240
- "fieldName": "alignSelf"
8238
+ "default": "null",
8239
+ "description": "Optional CSRF token value for app-level submit handling.",
8240
+ "fieldName": "csrfToken"
8241
8241
  }
8242
8242
  ],
8243
8243
  "superclass": {
8244
8244
  "name": "LitElement",
8245
8245
  "package": "lit"
8246
8246
  },
8247
- "tagName": "sky-flexcol",
8247
+ "tagName": "sky-form",
8248
8248
  "customElement": true,
8249
- "summary": "Flex column item for `sky-flexbox` layouts with responsive span controls."
8249
+ "summary": "Form wrapper with unified validation, error aggregation, and client/server submit flows."
8250
8250
  }
8251
8251
  ],
8252
8252
  "exports": [
8253
8253
  {
8254
8254
  "kind": "js",
8255
- "name": "SkyFlexcol",
8255
+ "name": "SkyForm",
8256
8256
  "declaration": {
8257
- "name": "SkyFlexcol",
8258
- "module": "src/sky-flexcol/sky-flexcol.ts"
8257
+ "name": "SkyForm",
8258
+ "module": "src/sky-form/sky-form.ts"
8259
8259
  }
8260
8260
  },
8261
8261
  {
8262
8262
  "kind": "custom-element-definition",
8263
- "name": "sky-flexcol",
8263
+ "name": "sky-form",
8264
8264
  "declaration": {
8265
- "name": "SkyFlexcol",
8266
- "module": "src/sky-flexcol/sky-flexcol.ts"
8265
+ "name": "SkyForm",
8266
+ "module": "src/sky-form/sky-form.ts"
8267
8267
  }
8268
8268
  }
8269
8269
  ]
@@ -12122,6 +12122,49 @@
12122
12122
  }
12123
12123
  ]
12124
12124
  },
12125
+ {
12126
+ "kind": "javascript-module",
12127
+ "path": "src/sky-row/sky-row.ts",
12128
+ "declarations": [
12129
+ {
12130
+ "kind": "class",
12131
+ "description": "",
12132
+ "name": "SkyRow",
12133
+ "slots": [
12134
+ {
12135
+ "description": "Default slot for child content.",
12136
+ "name": ""
12137
+ }
12138
+ ],
12139
+ "members": [],
12140
+ "superclass": {
12141
+ "name": "LitElement",
12142
+ "package": "lit"
12143
+ },
12144
+ "tagName": "sky-row",
12145
+ "customElement": true,
12146
+ "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
12147
+ }
12148
+ ],
12149
+ "exports": [
12150
+ {
12151
+ "kind": "js",
12152
+ "name": "SkyRow",
12153
+ "declaration": {
12154
+ "name": "SkyRow",
12155
+ "module": "src/sky-row/sky-row.ts"
12156
+ }
12157
+ },
12158
+ {
12159
+ "kind": "custom-element-definition",
12160
+ "name": "sky-row",
12161
+ "declaration": {
12162
+ "name": "SkyRow",
12163
+ "module": "src/sky-row/sky-row.ts"
12164
+ }
12165
+ }
12166
+ ]
12167
+ },
12125
12168
  {
12126
12169
  "kind": "javascript-module",
12127
12170
  "path": "src/sky-sheet/sky-sheet.ts",
@@ -12304,49 +12347,6 @@
12304
12347
  }
12305
12348
  ]
12306
12349
  },
12307
- {
12308
- "kind": "javascript-module",
12309
- "path": "src/sky-row/sky-row.ts",
12310
- "declarations": [
12311
- {
12312
- "kind": "class",
12313
- "description": "",
12314
- "name": "SkyRow",
12315
- "slots": [
12316
- {
12317
- "description": "Default slot for child content.",
12318
- "name": ""
12319
- }
12320
- ],
12321
- "members": [],
12322
- "superclass": {
12323
- "name": "LitElement",
12324
- "package": "lit"
12325
- },
12326
- "tagName": "sky-row",
12327
- "customElement": true,
12328
- "summary": "Lightweight semantic row wrapper for use inside `sky-grid`."
12329
- }
12330
- ],
12331
- "exports": [
12332
- {
12333
- "kind": "js",
12334
- "name": "SkyRow",
12335
- "declaration": {
12336
- "name": "SkyRow",
12337
- "module": "src/sky-row/sky-row.ts"
12338
- }
12339
- },
12340
- {
12341
- "kind": "custom-element-definition",
12342
- "name": "sky-row",
12343
- "declaration": {
12344
- "name": "SkyRow",
12345
- "module": "src/sky-row/sky-row.ts"
12346
- }
12347
- }
12348
- ]
12349
- },
12350
12350
  {
12351
12351
  "kind": "javascript-module",
12352
12352
  "path": "src/sky-simple-table/sky-simple-table.ts",