@wral/profile-image-editor 0.0.6 → 0.0.7

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 (3) hide show
  1. package/dist/define.standalone.js +18 -66
  2. package/dist/index.mjs +18 -66
  3. package/package.json +1 -1
package/dist/define.standalone.js CHANGED
@@ -517,8 +517,9 @@ Ar?.({ LitElement: Yt });
517
517
  (Hn.litElementVersions ??= []).push("4.2.2");
518
518
  const Tr = rr`
519
519
  :host {
520
- display: block;
521
- font-family: system-ui, sans-serif;
520
+ display: flex;
521
+ flex-direction: column;
522
+ gap: 1rem;
522
523
  }
523
524
 
524
525
  .layout {
@@ -714,19 +715,23 @@ const Tr = rr`
714
715
  min-height: 44px;
715
716
  padding: 10px 14px;
716
717
 
717
- border-radius: var(--Radius---radius-sm, 5px);
718
- border: 1.5px solid var(--Colors-Primary---color-primary, #001D68);
719
- background: var(--Colors-Grays---color-white, #FFF);
718
+ border-radius: var(--radius-sm, 5px);
719
+ border: 1.5px solid var(--color-primary, #001D68);
720
+ background: var(--color-primary, #FFF);
720
721
  cursor: pointer;
721
- color: var(--Colors-Primary---color-primary, #001D68);
722
+ color: var(--color-white, #001D68);
722
723
  text-align: center;
723
724
 
724
- font-family: inherit;
725
725
  font-size: 14px;
726
726
  font-weight: 600;
727
727
  line-height: 16px;
728
728
  }
729
729
 
730
+ button:hover {
731
+ background: var(--color-secondary, #001D68);
732
+ color: var(--color-white, #FFF);
733
+ }
734
+
730
735
  button[disabled] {
731
736
  background: #ccc;
732
737
  cursor: not-allowed;
@@ -773,8 +778,8 @@ const Tr = rr`
773
778
  align-self: stretch;
774
779
 
775
780
  border-radius: 8px;
776
- border: 1px dashed var(--Colors-Secondary---color-secondary, #2594E3);
777
- background: var(--Colors-Grays--color-gray-1, #F7F5F4);
781
+ border: 1px dashed var(--color-secondary, #2594E3);
782
+ background: var(--color-gray-1, #F7F5F4);
778
783
  cursor: pointer;
779
784
  }
780
785
 
@@ -785,60 +790,7 @@ const Tr = rr`
785
790
  aspect-ratio: 1/1;
786
791
  }
787
792
 
788
- .upload{
789
- display: flex;
790
- height: 40px;
791
- padding: 12px;
792
- justify-content: center;
793
- align-items: center;border-radius: var(--Radius---radius-sm, 5px);
794
- border: 1px solid var(--Colors-Grays---color-gray-7, #424242);
795
- opacity: 0.8;
796
- background: var(--Colors-Secondary---color-secondary, #2594E3);
797
- }
798
-
799
- .continue {
800
- border-radius: var(--Radius---radius-sm, 5px);
801
- opacity: 0.8;
802
- background: var(--Colors-Primary---color-primary, #001D68);
803
- color: var(--Colors-Grays---color-white, #FFF);
804
- text-align: center;
805
-
806
- font-family: Inter;
807
- font-size: 14px;
808
- font-style: normal;
809
- font-weight: 600;
810
- line-height: 16px;
811
- }
812
-
813
- .continue:disabled {
814
- background: var(--Colors-Grays---color-gray-7, #CCC);
815
- color: var(--Colors-Primary---color-primary, #001D68);
816
- }
817
-
818
- .cancel {
819
- border-radius: var(--Radius---radius-sm, 5px);
820
- border: 1px solid var(--Colors-Grays---color-gray-7, #424242);
821
- opacity: 0.8;
822
- background: var(--Colors-Grays--color-gray-1, #F7F5F4);
823
- color: var(--Colors-Grays---color-gray-7, #424242);
824
- text-align: center;
825
-
826
- font-family: Inter;
827
- font-size: 14px;
828
- font-style: normal;
829
- font-weight: 600;
830
- line-height: 16px; /* 114.286% */
831
- }
832
-
833
- .confirmation {
834
- display: flex;
835
- flex-wrap: wrap;
836
- gap: 12px;
837
- justify-content: center;
838
- align-items: center;
839
793
 
840
- height: auto;
841
- }
842
794
 
843
795
  .nav {
844
796
  display: flex;
@@ -935,7 +887,7 @@ const Tr = rr`
935
887
  viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"
936
888
  >
937
889
  <g clip-path="url(#clip0_59873_9)">
938
- <path d="M13.4844 6.99999H13.75C14.1657 6.99999 14.5 6.66562 14.5 6.24999V2.24999C14.5 1.94687 14.3188 1.67187 14.0375 1.55624C13.7563 1.44062 13.4344 1.50312 13.2188 1.71874L11.9188 3.01874C9.1813 0.31562 4.77192 0.324995 2.05005 3.04999C-0.684326 5.78437 -0.684326 10.2156 2.05005 12.95C4.78442 15.6844 9.21567 15.6844 11.95 12.95C12.3407 12.5594 12.3407 11.925 11.95 11.5344C11.5594 11.1437 10.925 11.1437 10.5344 11.5344C8.5813 13.4875 5.41567 13.4875 3.46255 11.5344C1.50942 9.58125 1.50942 6.41562 3.46255 4.4625C5.4063 2.51875 8.54692 2.50937 10.5032 4.43125L9.2188 5.71874C9.00317 5.93437 8.94067 6.25624 9.0563 6.53749C9.17192 6.81874 9.44692 6.99999 9.75005 6.99999H13.4844Z" fill="#001D68"/>
890
+ <path d="M13.4844 6.99999H13.75C14.1657 6.99999 14.5 6.66562 14.5 6.24999V2.24999C14.5 1.94687 14.3188 1.67187 14.0375 1.55624C13.7563 1.44062 13.4344 1.50312 13.2188 1.71874L11.9188 3.01874C9.1813 0.31562 4.77192 0.324995 2.05005 3.04999C-0.684326 5.78437 -0.684326 10.2156 2.05005 12.95C4.78442 15.6844 9.21567 15.6844 11.95 12.95C12.3407 12.5594 12.3407 11.925 11.95 11.5344C11.5594 11.1437 10.925 11.1437 10.5344 11.5344C8.5813 13.4875 5.41567 13.4875 3.46255 11.5344C1.50942 9.58125 1.50942 6.41562 3.46255 4.4625C5.4063 2.51875 8.54692 2.50937 10.5032 4.43125L9.2188 5.71874C9.00317 5.93437 8.94067 6.25624 9.0563 6.53749C9.17192 6.81874 9.44692 6.99999 9.75005 6.99999H13.4844Z" fill="currentColor"/>
939
891
  </g>
940
892
  <defs>
941
893
  <clipPath id="clip0_59873_9">
@@ -948,7 +900,7 @@ const Tr = rr`
948
900
  viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"
949
901
  >
950
902
  <g clip-path="url(#clip0_59873_6)">
951
- <path d="M0.515625 6.99999H0.25C-0.165625 6.99999 -0.5 6.66562 -0.5 6.24999V2.24999C-0.5 1.94687 -0.31875 1.67187 -0.0375 1.55624C0.24375 1.44062 0.565625 1.50312 0.78125 1.71874L2.08125 3.01874C4.81875 0.31562 9.22812 0.324995 11.95 3.04999C14.6844 5.78437 14.6844 10.2156 11.95 12.95C9.21562 15.6844 4.78438 15.6844 2.05 12.95C1.65937 12.5594 1.65937 11.925 2.05 11.5344C2.44062 11.1437 3.075 11.1437 3.46562 11.5344C5.41875 13.4875 8.58438 13.4875 10.5375 11.5344C12.4906 9.58125 12.4906 6.41562 10.5375 4.4625C8.59375 2.51875 5.45312 2.50937 3.49687 4.43125L4.78125 5.71874C4.99687 5.93437 5.05937 6.25624 4.94375 6.53749C4.82812 6.81874 4.55312 6.99999 4.25 6.99999H0.515625Z" fill="#001D68"/>
903
+ <path d="M0.515625 6.99999H0.25C-0.165625 6.99999 -0.5 6.66562 -0.5 6.24999V2.24999C-0.5 1.94687 -0.31875 1.67187 -0.0375 1.55624C0.24375 1.44062 0.565625 1.50312 0.78125 1.71874L2.08125 3.01874C4.81875 0.31562 9.22812 0.324995 11.95 3.04999C14.6844 5.78437 14.6844 10.2156 11.95 12.95C9.21562 15.6844 4.78438 15.6844 2.05 12.95C1.65937 12.5594 1.65937 11.925 2.05 11.5344C2.44062 11.1437 3.075 11.1437 3.46562 11.5344C5.41875 13.4875 8.58438 13.4875 10.5375 11.5344C12.4906 9.58125 12.4906 6.41562 10.5375 4.4625C8.59375 2.51875 5.45312 2.50937 3.49687 4.43125L4.78125 5.71874C4.99687 5.93437 5.05937 6.25624 4.94375 6.53749C4.82812 6.81874 4.55312 6.99999 4.25 6.99999H0.515625Z" fill="currentColor"/>
952
904
  </g>
953
905
  <defs>
954
906
  <clipPath id="clip0_59873_6">
@@ -960,13 +912,13 @@ const Tr = rr`
960
912
  <svg width="16" height="14"
961
913
  viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"
962
914
  >
963
- <path d="M0 2C0 0.896875 0.896875 0 2 0H14C15.1031 0 16 0.896875 16 2V12C16 13.1031 15.1031 14 14 14H2C0.896875 14 0 13.1031 0 12V2ZM10.1187 5.32812C9.97812 5.12187 9.74687 5 9.5 5C9.25313 5 9.01875 5.12187 8.88125 5.32812L6.1625 9.31563L5.33437 8.28125C5.19062 8.10312 4.975 8 4.75 8C4.525 8 4.30625 8.10312 4.16563 8.28125L2.16563 10.7812C1.98438 11.0063 1.95 11.3156 2.075 11.575C2.2 11.8344 2.4625 12 2.75 12H5.75H6.75H13.25C13.5281 12 13.7844 11.8469 13.9125 11.6C14.0406 11.3531 14.025 11.0562 13.8687 10.8281L10.1187 5.32812ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5Z" fill="black"/>
915
+ <path d="M0 2C0 0.896875 0.896875 0 2 0H14C15.1031 0 16 0.896875 16 2V12C16 13.1031 15.1031 14 14 14H2C0.896875 14 0 13.1031 0 12V2ZM10.1187 5.32812C9.97812 5.12187 9.74687 5 9.5 5C9.25313 5 9.01875 5.12187 8.88125 5.32812L6.1625 9.31563L5.33437 8.28125C5.19062 8.10312 4.975 8 4.75 8C4.525 8 4.30625 8.10312 4.16563 8.28125L2.16563 10.7812C1.98438 11.0063 1.95 11.3156 2.075 11.575C2.2 11.8344 2.4625 12 2.75 12H5.75H6.75H13.25C13.5281 12 13.7844 11.8469 13.9125 11.6C14.0406 11.3531 14.025 11.0562 13.8687 10.8281L10.1187 5.32812ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5Z" fill="currentColor"/>
964
916
  </svg>
965
917
  `, Ir = wt`
966
918
  <svg width="26" height="24"
967
919
  viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg"
968
920
  >
969
- <path d="M0 3.42857C0 1.5375 1.45742 0 3.25 0H22.75C24.5426 0 26 1.5375 26 3.42857V20.5714C26 22.4625 24.5426 24 22.75 24H3.25C1.45742 24 0 22.4625 0 20.5714V3.42857ZM16.443 9.13393C16.2145 8.78036 15.8387 8.57143 15.4375 8.57143C15.0363 8.57143 14.6555 8.78036 14.432 9.13393L10.0141 15.9696L8.66836 14.1964C8.43477 13.8911 8.08438 13.7143 7.71875 13.7143C7.35313 13.7143 6.99766 13.8911 6.76914 14.1964L3.51914 18.4821C3.22461 18.8679 3.16875 19.3982 3.37188 19.8429C3.575 20.2875 4.00156 20.5714 4.46875 20.5714H9.34375H10.9688H21.5312C21.9832 20.5714 22.3996 20.3089 22.6078 19.8857C22.816 19.4625 22.7906 18.9536 22.5367 18.5625L16.443 9.13393ZM5.6875 8.57143C6.33397 8.57143 6.95395 8.30051 7.41107 7.81827C7.86819 7.33604 8.125 6.68199 8.125 6C8.125 5.31801 7.86819 4.66396 7.41107 4.18173C6.95395 3.69949 6.33397 3.42857 5.6875 3.42857C5.04103 3.42857 4.42105 3.69949 3.96393 4.18173C3.50681 4.66396 3.25 5.31801 3.25 6C3.25 6.68199 3.50681 7.33604 3.96393 7.81827C4.42105 8.30051 5.04103 8.57143 5.6875 8.57143Z" fill="black"/>
921
+ <path d="M0 3.42857C0 1.5375 1.45742 0 3.25 0H22.75C24.5426 0 26 1.5375 26 3.42857V20.5714C26 22.4625 24.5426 24 22.75 24H3.25C1.45742 24 0 22.4625 0 20.5714V3.42857ZM16.443 9.13393C16.2145 8.78036 15.8387 8.57143 15.4375 8.57143C15.0363 8.57143 14.6555 8.78036 14.432 9.13393L10.0141 15.9696L8.66836 14.1964C8.43477 13.8911 8.08438 13.7143 7.71875 13.7143C7.35313 13.7143 6.99766 13.8911 6.76914 14.1964L3.51914 18.4821C3.22461 18.8679 3.16875 19.3982 3.37188 19.8429C3.575 20.2875 4.00156 20.5714 4.46875 20.5714H9.34375H10.9688H21.5312C21.9832 20.5714 22.3996 20.3089 22.6078 19.8857C22.816 19.4625 22.7906 18.9536 22.5367 18.5625L16.443 9.13393ZM5.6875 8.57143C6.33397 8.57143 6.95395 8.30051 7.41107 7.81827C7.86819 7.33604 8.125 6.68199 8.125 6C8.125 5.31801 7.86819 4.66396 7.41107 4.18173C6.95395 3.69949 6.33397 3.42857 5.6875 3.42857C5.04103 3.42857 4.42105 3.69949 3.96393 4.18173C3.50681 4.66396 3.25 5.31801 3.25 6C3.25 6.68199 3.50681 7.33604 3.96393 7.81827C4.42105 8.30051 5.04103 8.57143 5.6875 8.57143Z" fill="currentColor"/>
970
922
  </svg>
971
923
  `;
972
924
  var ri = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
package/dist/index.mjs CHANGED
@@ -517,8 +517,9 @@ Jn?.({ LitElement: Tt });
517
517
  (qt.litElementVersions ??= []).push("4.2.2");
518
518
  const Kn = Nn`
519
519
  :host {
520
- display: block;
521
- font-family: system-ui, sans-serif;
520
+ display: flex;
521
+ flex-direction: column;
522
+ gap: 1rem;
522
523
  }
523
524
 
524
525
  .layout {
@@ -714,19 +715,23 @@ const Kn = Nn`
714
715
  min-height: 44px;
715
716
  padding: 10px 14px;
716
717
 
717
- border-radius: var(--Radius---radius-sm, 5px);
718
- border: 1.5px solid var(--Colors-Primary---color-primary, #001D68);
719
- background: var(--Colors-Grays---color-white, #FFF);
718
+ border-radius: var(--radius-sm, 5px);
719
+ border: 1.5px solid var(--color-primary, #001D68);
720
+ background: var(--color-primary, #FFF);
720
721
  cursor: pointer;
721
- color: var(--Colors-Primary---color-primary, #001D68);
722
+ color: var(--color-white, #001D68);
722
723
  text-align: center;
723
724
 
724
- font-family: inherit;
725
725
  font-size: 14px;
726
726
  font-weight: 600;
727
727
  line-height: 16px;
728
728
  }
729
729
 
730
+ button:hover {
731
+ background: var(--color-secondary, #001D68);
732
+ color: var(--color-white, #FFF);
733
+ }
734
+
730
735
  button[disabled] {
731
736
  background: #ccc;
732
737
  cursor: not-allowed;
@@ -773,8 +778,8 @@ const Kn = Nn`
773
778
  align-self: stretch;
774
779
 
775
780
  border-radius: 8px;
776
- border: 1px dashed var(--Colors-Secondary---color-secondary, #2594E3);
777
- background: var(--Colors-Grays--color-gray-1, #F7F5F4);
781
+ border: 1px dashed var(--color-secondary, #2594E3);
782
+ background: var(--color-gray-1, #F7F5F4);
778
783
  cursor: pointer;
779
784
  }
780
785
 
@@ -785,60 +790,7 @@ const Kn = Nn`
785
790
  aspect-ratio: 1/1;
786
791
  }
787
792
 
788
- .upload{
789
- display: flex;
790
- height: 40px;
791
- padding: 12px;
792
- justify-content: center;
793
- align-items: center;border-radius: var(--Radius---radius-sm, 5px);
794
- border: 1px solid var(--Colors-Grays---color-gray-7, #424242);
795
- opacity: 0.8;
796
- background: var(--Colors-Secondary---color-secondary, #2594E3);
797
- }
798
-
799
- .continue {
800
- border-radius: var(--Radius---radius-sm, 5px);
801
- opacity: 0.8;
802
- background: var(--Colors-Primary---color-primary, #001D68);
803
- color: var(--Colors-Grays---color-white, #FFF);
804
- text-align: center;
805
-
806
- font-family: Inter;
807
- font-size: 14px;
808
- font-style: normal;
809
- font-weight: 600;
810
- line-height: 16px;
811
- }
812
-
813
- .continue:disabled {
814
- background: var(--Colors-Grays---color-gray-7, #CCC);
815
- color: var(--Colors-Primary---color-primary, #001D68);
816
- }
817
-
818
- .cancel {
819
- border-radius: var(--Radius---radius-sm, 5px);
820
- border: 1px solid var(--Colors-Grays---color-gray-7, #424242);
821
- opacity: 0.8;
822
- background: var(--Colors-Grays--color-gray-1, #F7F5F4);
823
- color: var(--Colors-Grays---color-gray-7, #424242);
824
- text-align: center;
825
-
826
- font-family: Inter;
827
- font-size: 14px;
828
- font-style: normal;
829
- font-weight: 600;
830
- line-height: 16px; /* 114.286% */
831
- }
832
-
833
- .confirmation {
834
- display: flex;
835
- flex-wrap: wrap;
836
- gap: 12px;
837
- justify-content: center;
838
- align-items: center;
839
793
 
840
- height: auto;
841
- }
842
794
 
843
795
  .nav {
844
796
  display: flex;
@@ -935,7 +887,7 @@ const Kn = Nn`
935
887
  viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"
936
888
  >
937
889
  <g clip-path="url(#clip0_59873_9)">
938
- <path d="M13.4844 6.99999H13.75C14.1657 6.99999 14.5 6.66562 14.5 6.24999V2.24999C14.5 1.94687 14.3188 1.67187 14.0375 1.55624C13.7563 1.44062 13.4344 1.50312 13.2188 1.71874L11.9188 3.01874C9.1813 0.31562 4.77192 0.324995 2.05005 3.04999C-0.684326 5.78437 -0.684326 10.2156 2.05005 12.95C4.78442 15.6844 9.21567 15.6844 11.95 12.95C12.3407 12.5594 12.3407 11.925 11.95 11.5344C11.5594 11.1437 10.925 11.1437 10.5344 11.5344C8.5813 13.4875 5.41567 13.4875 3.46255 11.5344C1.50942 9.58125 1.50942 6.41562 3.46255 4.4625C5.4063 2.51875 8.54692 2.50937 10.5032 4.43125L9.2188 5.71874C9.00317 5.93437 8.94067 6.25624 9.0563 6.53749C9.17192 6.81874 9.44692 6.99999 9.75005 6.99999H13.4844Z" fill="#001D68"/>
890
+ <path d="M13.4844 6.99999H13.75C14.1657 6.99999 14.5 6.66562 14.5 6.24999V2.24999C14.5 1.94687 14.3188 1.67187 14.0375 1.55624C13.7563 1.44062 13.4344 1.50312 13.2188 1.71874L11.9188 3.01874C9.1813 0.31562 4.77192 0.324995 2.05005 3.04999C-0.684326 5.78437 -0.684326 10.2156 2.05005 12.95C4.78442 15.6844 9.21567 15.6844 11.95 12.95C12.3407 12.5594 12.3407 11.925 11.95 11.5344C11.5594 11.1437 10.925 11.1437 10.5344 11.5344C8.5813 13.4875 5.41567 13.4875 3.46255 11.5344C1.50942 9.58125 1.50942 6.41562 3.46255 4.4625C5.4063 2.51875 8.54692 2.50937 10.5032 4.43125L9.2188 5.71874C9.00317 5.93437 8.94067 6.25624 9.0563 6.53749C9.17192 6.81874 9.44692 6.99999 9.75005 6.99999H13.4844Z" fill="currentColor"/>
939
891
  </g>
940
892
  <defs>
941
893
  <clipPath id="clip0_59873_9">
@@ -948,7 +900,7 @@ const Kn = Nn`
948
900
  viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"
949
901
  >
950
902
  <g clip-path="url(#clip0_59873_6)">
951
- <path d="M0.515625 6.99999H0.25C-0.165625 6.99999 -0.5 6.66562 -0.5 6.24999V2.24999C-0.5 1.94687 -0.31875 1.67187 -0.0375 1.55624C0.24375 1.44062 0.565625 1.50312 0.78125 1.71874L2.08125 3.01874C4.81875 0.31562 9.22812 0.324995 11.95 3.04999C14.6844 5.78437 14.6844 10.2156 11.95 12.95C9.21562 15.6844 4.78438 15.6844 2.05 12.95C1.65937 12.5594 1.65937 11.925 2.05 11.5344C2.44062 11.1437 3.075 11.1437 3.46562 11.5344C5.41875 13.4875 8.58438 13.4875 10.5375 11.5344C12.4906 9.58125 12.4906 6.41562 10.5375 4.4625C8.59375 2.51875 5.45312 2.50937 3.49687 4.43125L4.78125 5.71874C4.99687 5.93437 5.05937 6.25624 4.94375 6.53749C4.82812 6.81874 4.55312 6.99999 4.25 6.99999H0.515625Z" fill="#001D68"/>
903
+ <path d="M0.515625 6.99999H0.25C-0.165625 6.99999 -0.5 6.66562 -0.5 6.24999V2.24999C-0.5 1.94687 -0.31875 1.67187 -0.0375 1.55624C0.24375 1.44062 0.565625 1.50312 0.78125 1.71874L2.08125 3.01874C4.81875 0.31562 9.22812 0.324995 11.95 3.04999C14.6844 5.78437 14.6844 10.2156 11.95 12.95C9.21562 15.6844 4.78438 15.6844 2.05 12.95C1.65937 12.5594 1.65937 11.925 2.05 11.5344C2.44062 11.1437 3.075 11.1437 3.46562 11.5344C5.41875 13.4875 8.58438 13.4875 10.5375 11.5344C12.4906 9.58125 12.4906 6.41562 10.5375 4.4625C8.59375 2.51875 5.45312 2.50937 3.49687 4.43125L4.78125 5.71874C4.99687 5.93437 5.05937 6.25624 4.94375 6.53749C4.82812 6.81874 4.55312 6.99999 4.25 6.99999H0.515625Z" fill="currentColor"/>
952
904
  </g>
953
905
  <defs>
954
906
  <clipPath id="clip0_59873_6">
@@ -960,13 +912,13 @@ const Kn = Nn`
960
912
  <svg width="16" height="14"
961
913
  viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"
962
914
  >
963
- <path d="M0 2C0 0.896875 0.896875 0 2 0H14C15.1031 0 16 0.896875 16 2V12C16 13.1031 15.1031 14 14 14H2C0.896875 14 0 13.1031 0 12V2ZM10.1187 5.32812C9.97812 5.12187 9.74687 5 9.5 5C9.25313 5 9.01875 5.12187 8.88125 5.32812L6.1625 9.31563L5.33437 8.28125C5.19062 8.10312 4.975 8 4.75 8C4.525 8 4.30625 8.10312 4.16563 8.28125L2.16563 10.7812C1.98438 11.0063 1.95 11.3156 2.075 11.575C2.2 11.8344 2.4625 12 2.75 12H5.75H6.75H13.25C13.5281 12 13.7844 11.8469 13.9125 11.6C14.0406 11.3531 14.025 11.0562 13.8687 10.8281L10.1187 5.32812ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5Z" fill="black"/>
915
+ <path d="M0 2C0 0.896875 0.896875 0 2 0H14C15.1031 0 16 0.896875 16 2V12C16 13.1031 15.1031 14 14 14H2C0.896875 14 0 13.1031 0 12V2ZM10.1187 5.32812C9.97812 5.12187 9.74687 5 9.5 5C9.25313 5 9.01875 5.12187 8.88125 5.32812L6.1625 9.31563L5.33437 8.28125C5.19062 8.10312 4.975 8 4.75 8C4.525 8 4.30625 8.10312 4.16563 8.28125L2.16563 10.7812C1.98438 11.0063 1.95 11.3156 2.075 11.575C2.2 11.8344 2.4625 12 2.75 12H5.75H6.75H13.25C13.5281 12 13.7844 11.8469 13.9125 11.6C14.0406 11.3531 14.025 11.0562 13.8687 10.8281L10.1187 5.32812ZM3.5 5C3.89782 5 4.27936 4.84196 4.56066 4.56066C4.84196 4.27936 5 3.89782 5 3.5C5 3.10218 4.84196 2.72064 4.56066 2.43934C4.27936 2.15804 3.89782 2 3.5 2C3.10218 2 2.72064 2.15804 2.43934 2.43934C2.15804 2.72064 2 3.10218 2 3.5C2 3.89782 2.15804 4.27936 2.43934 4.56066C2.72064 4.84196 3.10218 5 3.5 5Z" fill="currentColor"/>
964
916
  </svg>
965
917
  `, ni = ft`
966
918
  <svg width="26" height="24"
967
919
  viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg"
968
920
  >
969
- <path d="M0 3.42857C0 1.5375 1.45742 0 3.25 0H22.75C24.5426 0 26 1.5375 26 3.42857V20.5714C26 22.4625 24.5426 24 22.75 24H3.25C1.45742 24 0 22.4625 0 20.5714V3.42857ZM16.443 9.13393C16.2145 8.78036 15.8387 8.57143 15.4375 8.57143C15.0363 8.57143 14.6555 8.78036 14.432 9.13393L10.0141 15.9696L8.66836 14.1964C8.43477 13.8911 8.08438 13.7143 7.71875 13.7143C7.35313 13.7143 6.99766 13.8911 6.76914 14.1964L3.51914 18.4821C3.22461 18.8679 3.16875 19.3982 3.37188 19.8429C3.575 20.2875 4.00156 20.5714 4.46875 20.5714H9.34375H10.9688H21.5312C21.9832 20.5714 22.3996 20.3089 22.6078 19.8857C22.816 19.4625 22.7906 18.9536 22.5367 18.5625L16.443 9.13393ZM5.6875 8.57143C6.33397 8.57143 6.95395 8.30051 7.41107 7.81827C7.86819 7.33604 8.125 6.68199 8.125 6C8.125 5.31801 7.86819 4.66396 7.41107 4.18173C6.95395 3.69949 6.33397 3.42857 5.6875 3.42857C5.04103 3.42857 4.42105 3.69949 3.96393 4.18173C3.50681 4.66396 3.25 5.31801 3.25 6C3.25 6.68199 3.50681 7.33604 3.96393 7.81827C4.42105 8.30051 5.04103 8.57143 5.6875 8.57143Z" fill="black"/>
921
+ <path d="M0 3.42857C0 1.5375 1.45742 0 3.25 0H22.75C24.5426 0 26 1.5375 26 3.42857V20.5714C26 22.4625 24.5426 24 22.75 24H3.25C1.45742 24 0 22.4625 0 20.5714V3.42857ZM16.443 9.13393C16.2145 8.78036 15.8387 8.57143 15.4375 8.57143C15.0363 8.57143 14.6555 8.78036 14.432 9.13393L10.0141 15.9696L8.66836 14.1964C8.43477 13.8911 8.08438 13.7143 7.71875 13.7143C7.35313 13.7143 6.99766 13.8911 6.76914 14.1964L3.51914 18.4821C3.22461 18.8679 3.16875 19.3982 3.37188 19.8429C3.575 20.2875 4.00156 20.5714 4.46875 20.5714H9.34375H10.9688H21.5312C21.9832 20.5714 22.3996 20.3089 22.6078 19.8857C22.816 19.4625 22.7906 18.9536 22.5367 18.5625L16.443 9.13393ZM5.6875 8.57143C6.33397 8.57143 6.95395 8.30051 7.41107 7.81827C7.86819 7.33604 8.125 6.68199 8.125 6C8.125 5.31801 7.86819 4.66396 7.41107 4.18173C6.95395 3.69949 6.33397 3.42857 5.6875 3.42857C5.04103 3.42857 4.42105 3.69949 3.96393 4.18173C3.50681 4.66396 3.25 5.31801 3.25 6C3.25 6.68199 3.50681 7.33604 3.96393 7.81827C4.42105 8.30051 5.04103 8.57143 5.6875 8.57143Z" fill="currentColor"/>
970
922
  </svg>
971
923
  `;
972
924
  function ii(ce) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wral/profile-image-editor",
3
- "version": "0.0.6",
3
+ "version": "0.0.7",
4
4
  "type": "module",
5
5
  "description": "Lit web component for showing and editing a user's profile picture.",
6
6
  "author": "Noah Rojahn <nrojahn@wral.com>",