@lukso/web-components 1.53.2 → 1.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/components/index.cjs +4 -3
  2. package/dist/components/index.js +4 -3
  3. package/dist/components/lukso-button/index.cjs +4 -2567
  4. package/dist/components/lukso-button/index.js +2 -2565
  5. package/dist/components/lukso-card/index.cjs +3 -3
  6. package/dist/components/lukso-card/index.js +3 -3
  7. package/dist/components/lukso-checkbox/index.cjs +1 -1
  8. package/dist/components/lukso-checkbox/index.js +1 -1
  9. package/dist/components/lukso-footer/index.cjs +1 -1
  10. package/dist/components/lukso-footer/index.js +1 -1
  11. package/dist/components/lukso-icon/icons/code-outline.d.ts +3 -0
  12. package/dist/components/lukso-icon/icons/code-outline.d.ts.map +1 -0
  13. package/dist/components/lukso-icon/icons/edit-doc.d.ts +3 -0
  14. package/dist/components/lukso-icon/icons/edit-doc.d.ts.map +1 -0
  15. package/dist/components/lukso-icon/icons/extension-outline.d.ts +3 -0
  16. package/dist/components/lukso-icon/icons/extension-outline.d.ts.map +1 -0
  17. package/dist/components/lukso-icon/icons/face-id.d.ts +3 -0
  18. package/dist/components/lukso-icon/icons/face-id.d.ts.map +1 -0
  19. package/dist/components/lukso-icon/icons/flag-outline.d.ts +3 -0
  20. package/dist/components/lukso-icon/icons/flag-outline.d.ts.map +1 -0
  21. package/dist/components/lukso-icon/icons/hand-right-outline.d.ts +3 -0
  22. package/dist/components/lukso-icon/icons/hand-right-outline.d.ts.map +1 -0
  23. package/dist/components/lukso-icon/icons/lukso-logo.d.ts +3 -0
  24. package/dist/components/lukso-icon/icons/lukso-logo.d.ts.map +1 -0
  25. package/dist/components/lukso-icon/icons/profile-file.d.ts +3 -0
  26. package/dist/components/lukso-icon/icons/profile-file.d.ts.map +1 -0
  27. package/dist/components/lukso-icon/icons/qr-code-scan.d.ts +3 -0
  28. package/dist/components/lukso-icon/icons/qr-code-scan.d.ts.map +1 -0
  29. package/dist/components/lukso-icon/icons/qr-code.d.ts.map +1 -1
  30. package/dist/components/lukso-icon/icons/save-outline.d.ts +3 -0
  31. package/dist/components/lukso-icon/icons/save-outline.d.ts.map +1 -0
  32. package/dist/components/lukso-icon/icons/scan.d.ts +3 -0
  33. package/dist/components/lukso-icon/icons/scan.d.ts.map +1 -0
  34. package/dist/components/lukso-icon/icons/token-id.d.ts +3 -0
  35. package/dist/components/lukso-icon/icons/token-id.d.ts.map +1 -0
  36. package/dist/components/lukso-icon/icons/transfer-send.d.ts +3 -0
  37. package/dist/components/lukso-icon/icons/transfer-send.d.ts.map +1 -0
  38. package/dist/components/lukso-icon/index.cjs +545 -4
  39. package/dist/components/lukso-icon/index.d.ts.map +1 -1
  40. package/dist/components/lukso-icon/index.js +545 -4
  41. package/dist/components/lukso-input/index.cjs +1 -1
  42. package/dist/components/lukso-input/index.js +1 -1
  43. package/dist/components/lukso-modal/index.cjs +1 -1
  44. package/dist/components/lukso-modal/index.js +1 -1
  45. package/dist/components/lukso-navbar/index.cjs +2 -2
  46. package/dist/components/lukso-navbar/index.js +2 -2
  47. package/dist/components/lukso-profile/index.cjs +2 -2
  48. package/dist/components/lukso-profile/index.js +2 -2
  49. package/dist/components/lukso-progress/index.cjs +2 -2
  50. package/dist/components/lukso-progress/index.js +2 -2
  51. package/dist/components/lukso-sanitize/index.cjs +1 -1
  52. package/dist/components/lukso-sanitize/index.js +1 -1
  53. package/dist/components/lukso-search/index.cjs +3 -3
  54. package/dist/components/lukso-search/index.js +3 -3
  55. package/dist/components/lukso-select/index.cjs +127 -41
  56. package/dist/components/lukso-select/index.d.ts +16 -2
  57. package/dist/components/lukso-select/index.d.ts.map +1 -1
  58. package/dist/components/lukso-select/index.js +126 -40
  59. package/dist/components/lukso-select/lukso-select.stories.d.ts +2 -0
  60. package/dist/components/lukso-select/lukso-select.stories.d.ts.map +1 -1
  61. package/dist/components/lukso-share/index.cjs +1 -1
  62. package/dist/components/lukso-share/index.js +1 -1
  63. package/dist/components/lukso-switch/index.cjs +2 -2
  64. package/dist/components/lukso-switch/index.js +2 -2
  65. package/dist/components/lukso-tag/index.cjs +2 -2
  66. package/dist/components/lukso-tag/index.js +2 -2
  67. package/dist/components/lukso-terms/index.cjs +2 -2
  68. package/dist/components/lukso-terms/index.js +2 -2
  69. package/dist/components/lukso-test/index.cjs +1 -1
  70. package/dist/components/lukso-test/index.js +1 -1
  71. package/dist/components/lukso-tooltip/index.cjs +1 -1
  72. package/dist/components/lukso-tooltip/index.js +1 -1
  73. package/dist/components/lukso-username/index.cjs +2 -2
  74. package/dist/components/lukso-username/index.js +2 -2
  75. package/dist/components/lukso-wizard/index.cjs +1 -1
  76. package/dist/components/lukso-wizard/index.js +1 -1
  77. package/dist/{index-97f126f3.cjs → index-21cb1f33.cjs} +1 -1
  78. package/dist/index-3373dd2c.js +39 -0
  79. package/dist/index-534893a1.cjs +46 -0
  80. package/dist/{index-9c2f800a.js → index-b02bfbc3.js} +1 -1
  81. package/dist/index-c55a1069.js +2565 -0
  82. package/dist/index-e8741080.cjs +2567 -0
  83. package/dist/index.cjs +4 -3
  84. package/dist/index.js +4 -3
  85. package/dist/shared/tailwind-element/index.cjs +1 -1
  86. package/dist/shared/tailwind-element/index.js +1 -1
  87. package/dist/{style-map-d0fa91c8.js → style-map-04ec407e.js} +1 -1
  88. package/dist/{style-map-a31b1d87.cjs → style-map-beffabf7.cjs} +1 -1
  89. package/package.json +1 -1
  90. package/dist/index-122da399.js +0 -39
  91. package/dist/index-f25fc3ea.cjs +0 -46
@@ -1,6 +1,6 @@
1
- import { x, T as TailwindStyledElement } from '../../index-122da399.js';
1
+ import { x, T as TailwindStyledElement } from '../../index-3373dd2c.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-d0fa91c8.js';
3
+ import { o } from '../../style-map-04ec407e.js';
4
4
  import '../../directive-2bb7789e.js';
5
5
 
6
6
  const style = ":host {\n display: inline-flex\n}";
@@ -2702,7 +2702,7 @@ const profile = (options) => {
2702
2702
  </svg> `;
2703
2703
  };
2704
2704
 
2705
- const qrCode = (options) => {
2705
+ const qrCodeScan = (options) => {
2706
2706
  return x`<svg
2707
2707
  width="24"
2708
2708
  height="24"
@@ -2820,6 +2820,109 @@ const qrCode = (options) => {
2820
2820
  </svg> `;
2821
2821
  };
2822
2822
 
2823
+ const qrCode = (options) => {
2824
+ return x`<svg
2825
+ width="24"
2826
+ height="24"
2827
+ viewBox="0 0 24 24"
2828
+ fill="none"
2829
+ xmlns="http://www.w3.org/2000/svg"
2830
+ style=${o({
2831
+ width: `${options.width}px`,
2832
+ height: `${options.height}px`
2833
+ })}
2834
+ >
2835
+ <mask
2836
+ id="path-1-inside-1_2994_36309"
2837
+ fill="var(--${options.secondaryColor})"
2838
+ >
2839
+ <rect x="4" y="4" width="6.4" height="6.4" rx="1" />
2840
+ </mask>
2841
+ <rect
2842
+ x="4"
2843
+ y="4"
2844
+ width="6.4"
2845
+ height="6.4"
2846
+ rx="1"
2847
+ stroke="var(--${options.color})"
2848
+ stroke-width="3"
2849
+ mask="url(#path-1-inside-1_2994_36309)"
2850
+ />
2851
+ <mask
2852
+ id="path-2-inside-2_2994_36309"
2853
+ fill="var(--${options.secondaryColor})"
2854
+ >
2855
+ <rect x="4" y="13.6" width="6.4" height="6.4" rx="1" />
2856
+ </mask>
2857
+ <rect
2858
+ x="4"
2859
+ y="13.6"
2860
+ width="6.4"
2861
+ height="6.4"
2862
+ rx="1"
2863
+ stroke="var(--${options.color})"
2864
+ stroke-width="3"
2865
+ mask="url(#path-2-inside-2_2994_36309)"
2866
+ />
2867
+ <rect
2868
+ x="13.6001"
2869
+ y="13.6"
2870
+ width="1.6"
2871
+ height="1.6"
2872
+ rx="0.8"
2873
+ fill="var(--${options.color})"
2874
+ />
2875
+ <rect
2876
+ x="18.3999"
2877
+ y="13.6"
2878
+ width="1.6"
2879
+ height="1.6"
2880
+ rx="0.8"
2881
+ fill="var(--${options.color})"
2882
+ />
2883
+ <rect
2884
+ x="18.3999"
2885
+ y="18.4"
2886
+ width="1.6"
2887
+ height="1.6"
2888
+ rx="0.8"
2889
+ fill="var(--${options.color})"
2890
+ />
2891
+ <rect
2892
+ x="13.6001"
2893
+ y="18.4"
2894
+ width="1.6"
2895
+ height="1.6"
2896
+ rx="0.8"
2897
+ fill="var(--${options.color})"
2898
+ />
2899
+ <rect
2900
+ x="16"
2901
+ y="16"
2902
+ width="1.6"
2903
+ height="1.6"
2904
+ rx="0.8"
2905
+ fill="var(--${options.color})"
2906
+ />
2907
+ <mask
2908
+ id="path-8-inside-3_2994_36309"
2909
+ fill="var(--${options.secondaryColor})"
2910
+ >
2911
+ <rect x="13.6001" y="4" width="6.4" height="6.4" rx="1" />
2912
+ </mask>
2913
+ <rect
2914
+ x="13.6001"
2915
+ y="4"
2916
+ width="6.4"
2917
+ height="6.4"
2918
+ rx="1"
2919
+ stroke="var(--${options.color})"
2920
+ stroke-width="3"
2921
+ mask="url(#path-8-inside-3_2994_36309)"
2922
+ />
2923
+ </svg> `;
2924
+ };
2925
+
2823
2926
  const relayer = (options) => {
2824
2927
  return x`<svg
2825
2928
  width="24"
@@ -4646,6 +4749,431 @@ const crossFilled = (options) => {
4646
4749
  </svg> `;
4647
4750
  };
4648
4751
 
4752
+ const transferSend = (options) => {
4753
+ return x`<svg
4754
+ width="24"
4755
+ height="24"
4756
+ viewBox="0 0 24 24"
4757
+ fill="none"
4758
+ xmlns="http://www.w3.org/2000/svg"
4759
+ style=${o({
4760
+ width: `${options.width}px`,
4761
+ height: `${options.height}px`
4762
+ })}
4763
+ >
4764
+ <path
4765
+ d="M10.2498 8.05032H15.5803V13.3808"
4766
+ stroke="var(--${options.color})"
4767
+ stroke-width="${options.strokeWidth}"
4768
+ stroke-linecap="round"
4769
+ stroke-linejoin="round"
4770
+ />
4771
+ <path
4772
+ d="M15.1727 8.45796L7.96533 15.6653"
4773
+ stroke="var(--${options.color})"
4774
+ stroke-width="${options.strokeWidth}"
4775
+ stroke-linecap="round"
4776
+ stroke-linejoin="round"
4777
+ />
4778
+ <path
4779
+ d="M21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12Z"
4780
+ stroke="var(--${options.color})"
4781
+ stroke-width="${options.strokeWidth}"
4782
+ />
4783
+ </svg> `;
4784
+ };
4785
+
4786
+ const flagOutline = (options) => {
4787
+ return x`<svg
4788
+ width="24"
4789
+ height="24"
4790
+ viewBox="0 0 24 24"
4791
+ fill="none"
4792
+ xmlns="http://www.w3.org/2000/svg"
4793
+ style=${o({
4794
+ width: `${options.width}px`,
4795
+ height: `${options.height}px`
4796
+ })}
4797
+ >
4798
+ <path
4799
+ d="M3.75 21.75V3.19406C3.75023 3.12846 3.76767 3.06407 3.80057 3.00731C3.83347 2.95056 3.88069 2.90343 3.9375 2.87063C4.30359 2.65594 5.29312 2.25 7.5 2.25C10.5 2.25 14.2969 4.5 16.5 4.5C17.7439 4.49677 18.9746 4.24546 20.1202 3.76078C20.1344 3.75483 20.1499 3.7525 20.1653 3.75399C20.1807 3.75549 20.1955 3.76076 20.2083 3.76934C20.2212 3.77793 20.2317 3.78955 20.239 3.80319C20.2462 3.81682 20.25 3.83205 20.25 3.8475V14.13C20.2499 14.1663 20.2393 14.2018 20.2194 14.2322C20.1995 14.2625 20.1712 14.2865 20.138 14.3011C19.7517 14.4703 18.3905 15 16.5 15C14.25 15 10.5 13.5 7.5 13.5C4.5 13.5 3.75 14.25 3.75 14.25"
4800
+ stroke="var(--${options.color})"
4801
+ stroke-width="${options.strokeWidth}"
4802
+ stroke-miterlimit="10"
4803
+ stroke-linecap="round"
4804
+ />
4805
+ </svg> `;
4806
+ };
4807
+
4808
+ const tokenId = (options) => {
4809
+ return x`<svg
4810
+ width="24"
4811
+ height="24"
4812
+ viewBox="0 0 24 24"
4813
+ fill="none"
4814
+ xmlns="http://www.w3.org/2000/svg"
4815
+ style=${o({
4816
+ width: `${options.width}px`,
4817
+ height: `${options.height}px`
4818
+ })}
4819
+ >
4820
+ <path
4821
+ d="M21.25 17.1141L12 22.2531L2.75 17.1141V6.88576L12 1.74686L21.25 6.88576V17.1141Z"
4822
+ stroke="var(--${options.color})"
4823
+ stroke-width="${options.strokeWidth}"
4824
+ />
4825
+ <path
4826
+ d="M8.55542 7.5556L8.55542 16.4445"
4827
+ stroke="var(--${options.color})"
4828
+ stroke-width="${options.strokeWidth}"
4829
+ stroke-linecap="round"
4830
+ />
4831
+ <path
4832
+ d="M11.2222 16.4443V7.55542C11.2222 7.55542 12.5554 7.55563 13.6666 7.55553C14.7777 7.55542 16.5555 9.654 16.5555 11.9998C16.5555 14.3457 14.7777 16.4443 13.6666 16.4445C12.5554 16.4447 11.2222 16.4443 11.2222 16.4443Z"
4833
+ stroke="var(--${options.color})"
4834
+ stroke-width="${options.strokeWidth}"
4835
+ stroke-linejoin="round"
4836
+ />
4837
+ </svg> `;
4838
+ };
4839
+
4840
+ const editDoc = (options) => {
4841
+ return x`<svg
4842
+ width="24"
4843
+ height="24"
4844
+ viewBox="0 0 24 24"
4845
+ fill="none"
4846
+ xmlns="http://www.w3.org/2000/svg"
4847
+ style=${o({
4848
+ width: `${options.width}px`,
4849
+ height: `${options.height}px`
4850
+ })}
4851
+ >
4852
+ <g clip-path="url(#clip0_3613_28842)">
4853
+ <path
4854
+ d="M2 10.1211V19.25C2 19.8467 2.23705 20.419 2.65901 20.841C3.08097 21.2629 3.65326 21.5 4.25 21.5H14.75C15.3467 21.5 15.919 21.2629 16.341 20.841C16.7629 20.419 17 19.8467 17 19.25V4.25C17 3.65326 16.7629 3.08097 16.341 2.65901C15.919 2.23705 15.3467 2 14.75 2H10.1211C9.72341 2.00006 9.34202 2.15804 9.06078 2.43922L2.43922 9.06078C2.15804 9.34202 2.00006 9.72341 2 10.1211Z"
4855
+ stroke="var(--${options.color})"
4856
+ stroke-width="${options.strokeWidth}"
4857
+ stroke-linejoin="round"
4858
+ />
4859
+ <path
4860
+ d="M11 13H5"
4861
+ stroke="var(--${options.color})"
4862
+ stroke-width="${options.strokeWidth}"
4863
+ stroke-linecap="round"
4864
+ stroke-linejoin="round"
4865
+ />
4866
+ <path
4867
+ d="M8 16H5"
4868
+ stroke="var(--${options.color})"
4869
+ stroke-width="${options.strokeWidth}"
4870
+ stroke-linecap="round"
4871
+ stroke-linejoin="round"
4872
+ />
4873
+ <path
4874
+ d="M11 16H10"
4875
+ stroke="var(--${options.color})"
4876
+ stroke-width="${options.strokeWidth}"
4877
+ stroke-linecap="round"
4878
+ stroke-linejoin="round"
4879
+ />
4880
+ <path
4881
+ d="M9.5 2.13501V8.00001C9.5 8.39783 9.34196 8.77936 9.06066 9.06067C8.77936 9.34197 8.39782 9.50001 8 9.50001H2.135"
4882
+ stroke="var(--${options.color})"
4883
+ stroke-width="${options.strokeWidth}"
4884
+ stroke-linecap="round"
4885
+ stroke-linejoin="round"
4886
+ />
4887
+ <path
4888
+ d="M16.5817 14.0969L23.6322 7.04643C24.0227 6.65591 24.0227 6.02274 23.6322 5.63222L22.3956 4.39561C22.0051 4.00509 21.3719 4.00509 20.9814 4.39561L13.9309 11.4461C13.7915 11.5855 13.6965 11.7629 13.6576 11.956L13.3463 13.504C13.2054 14.2045 13.8233 14.8224 14.5238 14.6815L16.0718 14.3702C16.2649 14.3313 16.4423 14.2363 16.5817 14.0969Z"
4889
+ fill="var(--${options.color})"
4890
+ />
4891
+ </g>
4892
+ <defs>
4893
+ <clipPath id="clip0_3613_28842">
4894
+ <rect width="24" height="24" fill="white" />
4895
+ </clipPath>
4896
+ </defs>
4897
+ </svg> `;
4898
+ };
4899
+
4900
+ const codeOutline = (options) => {
4901
+ return x`<svg
4902
+ width="24"
4903
+ height="24"
4904
+ viewBox="0 0 24 24"
4905
+ fill="none"
4906
+ xmlns="http://www.w3.org/2000/svg"
4907
+ style=${o({
4908
+ width: `${options.width}px`,
4909
+ height: `${options.height}px`
4910
+ })}
4911
+ >
4912
+ <path
4913
+ d="M7.5 17.25L1.5 12L7.5 6.75"
4914
+ stroke="var(--${options.color})"
4915
+ stroke-width="${options.strokeWidth}"
4916
+ stroke-linecap="round"
4917
+ stroke-linejoin="round"
4918
+ />
4919
+ <path
4920
+ d="M16.5 17.25L22.5 12L16.5 6.75"
4921
+ stroke="var(--${options.color})"
4922
+ stroke-width="${options.strokeWidth}"
4923
+ stroke-linecap="round"
4924
+ stroke-linejoin="round"
4925
+ />
4926
+ </svg> `;
4927
+ };
4928
+
4929
+ const saveOutline = (options) => {
4930
+ return x`<svg
4931
+ width="24"
4932
+ height="24"
4933
+ viewBox="0 0 24 24"
4934
+ fill="none"
4935
+ xmlns="http://www.w3.org/2000/svg"
4936
+ style=${o({
4937
+ width: `${options.width}px`,
4938
+ height: `${options.height}px`
4939
+ })}
4940
+ >
4941
+ <path
4942
+ d="M17.8561 2.68922C17.7168 2.54994 17.5514 2.43946 17.3694 2.3641C17.1874 2.28874 16.9923 2.24997 16.7953 2.25H4.41656C4.13203 2.24994 3.85027 2.30594 3.58738 2.41479C3.32449 2.52365 3.08563 2.68324 2.88443 2.88443C2.68324 3.08563 2.52365 3.32449 2.41479 3.58738C2.30594 3.85027 2.24994 4.13203 2.25 4.41656V19.5834C2.24994 19.868 2.30594 20.1497 2.41479 20.4126C2.52365 20.6755 2.68324 20.9144 2.88443 21.1156C3.08563 21.3168 3.32449 21.4763 3.58738 21.5852C3.85027 21.6941 4.13203 21.7501 4.41656 21.75H19.5834C20.1575 21.7483 20.7076 21.5195 21.1135 21.1135C21.5195 20.7076 21.7483 20.1575 21.75 19.5834V7.20469C21.75 7.00769 21.7113 6.81262 21.6359 6.63061C21.5605 6.4486 21.4501 6.28322 21.3108 6.14391L17.8561 2.68922ZM12 19.5C11.4067 19.5 10.8266 19.3241 10.3333 18.9944C9.83994 18.6648 9.45542 18.1962 9.22836 17.648C9.0013 17.0999 8.94189 16.4967 9.05764 15.9147C9.1734 15.3328 9.45912 14.7982 9.87868 14.3787C10.2982 13.9591 10.8328 13.6734 11.4147 13.5576C11.9967 13.4419 12.5999 13.5013 13.148 13.7284C13.6962 13.9554 14.1648 14.3399 14.4944 14.8333C14.8241 15.3266 15 15.9067 15 16.5C15.0005 16.8941 14.9232 17.2844 14.7726 17.6486C14.6221 18.0128 14.4011 18.3437 14.1224 18.6224C13.8437 18.9011 13.5128 19.1221 13.1486 19.2726C12.7844 19.4232 12.3941 19.5005 12 19.5V19.5ZM14.25 9H5.25C5.05109 9 4.86032 8.92098 4.71967 8.78033C4.57902 8.63968 4.5 8.44891 4.5 8.25V5.25C4.5 5.05109 4.57902 4.86032 4.71967 4.71967C4.86032 4.57902 5.05109 4.5 5.25 4.5H14.25C14.4489 4.5 14.6397 4.57902 14.7803 4.71967C14.921 4.86032 15 5.05109 15 5.25V8.25C15 8.44891 14.921 8.63968 14.7803 8.78033C14.6397 8.92098 14.4489 9 14.25 9Z"
4943
+ stroke="var(--${options.color})"
4944
+ stroke-width="${options.strokeWidth}"
4945
+ stroke-linecap="round"
4946
+ stroke-linejoin="round"
4947
+ />
4948
+ </svg> `;
4949
+ };
4950
+
4951
+ const scan = (options) => {
4952
+ return x`<svg
4953
+ width="24"
4954
+ height="24"
4955
+ viewBox="0 0 24 24"
4956
+ fill="none"
4957
+ xmlns="http://www.w3.org/2000/svg"
4958
+ style=${o({
4959
+ width: `${options.width}px`,
4960
+ height: `${options.height}px`
4961
+ })}
4962
+ >
4963
+ <path
4964
+ d="M4 8V6C4 4.89543 4.89543 4 6 4H8"
4965
+ stroke="var(--${options.color})"
4966
+ stroke-width="${options.strokeWidth}"
4967
+ stroke-linecap="round"
4968
+ />
4969
+ <path
4970
+ d="M4 16V18C4 19.1046 4.89543 20 6 20H8"
4971
+ stroke="var(--${options.color})"
4972
+ stroke-width="${options.strokeWidth}"
4973
+ stroke-linecap="round"
4974
+ />
4975
+ <path
4976
+ d="M16 4L18 4C19.1046 4 20 4.89543 20 6L20 8"
4977
+ stroke="var(--${options.color})"
4978
+ stroke-width="${options.strokeWidth}"
4979
+ stroke-linecap="round"
4980
+ />
4981
+ <path
4982
+ d="M16 20L18 20C19.1046 20 20 19.1046 20 18L20 16"
4983
+ stroke="var(--${options.color})"
4984
+ stroke-width="${options.strokeWidth}"
4985
+ stroke-linecap="round"
4986
+ />
4987
+ </svg> `;
4988
+ };
4989
+
4990
+ const faceId = (options) => {
4991
+ return x`<svg
4992
+ width="24"
4993
+ height="24"
4994
+ viewBox="0 0 24 24"
4995
+ fill="none"
4996
+ xmlns="http://www.w3.org/2000/svg"
4997
+ style=${o({
4998
+ width: `${options.width}px`,
4999
+ height: `${options.height}px`
5000
+ })}
5001
+ >
5002
+ <g clip-path="url(#clip0_2189_24953)">
5003
+ <path
5004
+ d="M1 17.5V19C1 21.2091 2.79086 23 5 23H6.5M1 6.5V5C1 2.79086 2.79086 1 5 1H6.5M17.5 1H19C21.2091 1 23 2.79086 23 5V6.5M23 17.5V19C23 21.2091 21.2091 23 19 23H17.5M36 8.5V11"
5005
+ stroke="var(--${options.color})"
5006
+ stroke-width="${options.strokeWidth}"
5007
+ stroke-linecap="round"
5008
+ stroke-linejoin="round"
5009
+ />
5010
+ <path
5011
+ d="M17 8.5V10.5"
5012
+ stroke="var(--${options.color})"
5013
+ stroke-width="${options.strokeWidth}"
5014
+ stroke-linecap="round"
5015
+ stroke-linejoin="round"
5016
+ />
5017
+ <path
5018
+ d="M7 8.5V10.5"
5019
+ stroke="var(--${options.color})"
5020
+ stroke-width="${options.strokeWidth}"
5021
+ stroke-linecap="round"
5022
+ stroke-linejoin="round"
5023
+ />
5024
+ <path
5025
+ d="M12 9V13C12 13.5523 11.5523 14 11 14V14"
5026
+ stroke="var(--${options.color})"
5027
+ stroke-width="${options.strokeWidth}"
5028
+ stroke-linecap="round"
5029
+ stroke-linejoin="round"
5030
+ />
5031
+ <path
5032
+ d="M8 17V17C10.2902 19.0039 13.7098 19.0039 16 17V17"
5033
+ stroke="var(--${options.color})"
5034
+ stroke-width="${options.strokeWidth}"
5035
+ stroke-linecap="round"
5036
+ stroke-linejoin="round"
5037
+ />
5038
+ </g>
5039
+ <defs>
5040
+ <clipPath id="clip0_2189_24953">
5041
+ <rect width="24" height="24" fill="var(--${options.secondaryColor})" />
5042
+ </clipPath>
5043
+ </defs>
5044
+ </svg> `;
5045
+ };
5046
+
5047
+ const profileFile = (options) => {
5048
+ return x`<svg
5049
+ width="24"
5050
+ height="24"
5051
+ viewBox="0 0 24 24"
5052
+ fill="none"
5053
+ xmlns="http://www.w3.org/2000/svg"
5054
+ style=${o({
5055
+ width: `${options.width}px`,
5056
+ height: `${options.height}px`
5057
+ })}
5058
+ >
5059
+ <path
5060
+ d="M19.5 10.3711V19.5C19.5 20.0967 19.2629 20.669 18.841 21.091C18.419 21.5129 17.8467 21.75 17.25 21.75H6.75C6.15326 21.75 5.58097 21.5129 5.15901 21.091C4.73705 20.669 4.5 20.0967 4.5 19.5V4.5C4.5 3.90326 4.73705 3.33097 5.15901 2.90901C5.58097 2.48705 6.15326 2.25 6.75 2.25H11.3789C11.7766 2.25006 12.158 2.40804 12.4392 2.68922L19.0608 9.31078C19.342 9.59202 19.4999 9.97341 19.5 10.3711Z"
5061
+ stroke="var(--${options.color})"
5062
+ stroke-width="${options.strokeWidth}"
5063
+ stroke-linejoin="round"
5064
+ />
5065
+ <path
5066
+ d="M12 2.38501V8.25001C12 8.64783 12.158 9.02936 12.4393 9.31067C12.7206 9.59197 13.1022 9.75001 13.5 9.75001H19.365"
5067
+ stroke="var(--${options.color})"
5068
+ stroke-width="${options.strokeWidth}"
5069
+ stroke-linecap="round"
5070
+ stroke-linejoin="round"
5071
+ />
5072
+ <path
5073
+ d="M13.25 13C13.25 13.6904 12.6904 14.25 12 14.25C11.3096 14.25 10.75 13.6904 10.75 13C10.75 12.3096 11.3096 11.75 12 11.75C12.6904 11.75 13.25 12.3096 13.25 13Z"
5074
+ stroke="var(--${options.color})"
5075
+ stroke-width="${options.strokeWidth}"
5076
+ />
5077
+ <path
5078
+ d="M8.75 18.0667C8.75 17.6026 9.1006 17.1317 9.85273 16.7299C10.5809 16.341 11.46 16.1501 12 16.1501C12.54 16.1501 13.4191 16.341 14.1473 16.7299C14.8994 17.1317 15.25 17.6026 15.25 18.0667V18.4001C15.25 18.5381 15.1381 18.6501 15 18.6501H9C8.86193 18.6501 8.75 18.5381 8.75 18.4001V18.0667Z"
5079
+ stroke="var(--${options.color})"
5080
+ stroke-width="${options.strokeWidth}"
5081
+ />
5082
+ </svg> `;
5083
+ };
5084
+
5085
+ const handRightOutline = (options) => {
5086
+ return x`<svg
5087
+ width="24"
5088
+ height="24"
5089
+ viewBox="0 0 24 24"
5090
+ fill="none"
5091
+ xmlns="http://www.w3.org/2000/svg"
5092
+ style=${o({
5093
+ width: `${options.width}px`,
5094
+ height: `${options.height}px`
5095
+ })}
5096
+ >
5097
+ <path
5098
+ d="M20.25 15V6.75C20.25 6.35218 20.092 5.97064 19.8107 5.68934C19.5294 5.40804 19.1478 5.25 18.75 5.25V5.25C18.3522 5.25 17.9706 5.40804 17.6893 5.68934C17.408 5.97064 17.25 6.35218 17.25 6.75V12"
5099
+ stroke="var(--${options.color})"
5100
+ stroke-width="${options.strokeWidth}"
5101
+ stroke-linecap="round"
5102
+ stroke-linejoin="round"
5103
+ />
5104
+ <path
5105
+ d="M17.25 12V3.75C17.25 3.35218 17.092 2.97064 16.8107 2.68934C16.5294 2.40804 16.1478 2.25 15.75 2.25C15.3522 2.25 14.9706 2.40804 14.6893 2.68934C14.408 2.97064 14.25 3.35218 14.25 3.75V11.25"
5106
+ stroke="var(--${options.color})"
5107
+ stroke-width="${options.strokeWidth}"
5108
+ stroke-linecap="round"
5109
+ stroke-linejoin="round"
5110
+ />
5111
+ <path
5112
+ d="M11.25 11.2969V4.5C11.25 4.10218 11.092 3.72064 10.8107 3.43934C10.5294 3.15804 10.1478 3 9.75 3V3C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V15"
5113
+ stroke="var(--${options.color})"
5114
+ stroke-width="${options.strokeWidth}"
5115
+ stroke-linecap="round"
5116
+ stroke-linejoin="round"
5117
+ />
5118
+ <path
5119
+ d="M14.25 11.25V2.25C14.25 1.85218 14.092 1.47064 13.8107 1.18934C13.5294 0.908035 13.1478 0.75 12.75 0.75C12.3522 0.75 11.9706 0.908035 11.6893 1.18934C11.408 1.47064 11.25 1.85218 11.25 2.25V11.25"
5120
+ stroke="var(--${options.color})"
5121
+ stroke-width="${options.strokeWidth}"
5122
+ stroke-linecap="round"
5123
+ stroke-linejoin="round"
5124
+ />
5125
+ <path
5126
+ d="M20.25 14.9999C20.25 20.503 17.25 23.2499 13.125 23.2499C9 23.2499 7.3261 21.3936 6.375 19.1249L3.9061 12.3749C3.59391 11.5288 3.73547 10.7441 4.4625 10.3311C5.19 9.91771 6.14578 10.1305 6.53953 10.8786L8.25 14.9999"
5127
+ stroke="var(--${options.color})"
5128
+ stroke-width="${options.strokeWidth}"
5129
+ stroke-linecap="round"
5130
+ stroke-linejoin="round"
5131
+ />
5132
+ </svg> `;
5133
+ };
5134
+
5135
+ const extensionOutline = (options) => {
5136
+ return x`<svg
5137
+ width="24"
5138
+ height="24"
5139
+ viewBox="0 0 24 24"
5140
+ fill="none"
5141
+ xmlns="http://www.w3.org/2000/svg"
5142
+ style=${o({
5143
+ width: `${options.width}px`,
5144
+ height: `${options.height}px`
5145
+ })}
5146
+ >
5147
+ <path
5148
+ d="M7.73682 5.84204V6.59204C8.15102 6.59204 8.48681 6.25626 8.48682 5.84206L7.73682 5.84204ZM3 10.5789H2.25C2.25 10.9931 2.58579 11.3289 3 11.3289V10.5789ZM3 16.2631V15.5131C2.58579 15.5131 2.25 15.8489 2.25 16.2631H3ZM7.73682 20.9999V21.7499C8.15103 21.7499 8.48682 21.4141 8.48682 20.9999H7.73682ZM13.421 20.9999H12.671C12.671 21.4141 13.0068 21.7499 13.421 21.7499V20.9999ZM18.1579 16.2633L18.1579 15.5133C17.7437 15.5133 17.4079 15.8491 17.4079 16.2633H18.1579ZM18.1579 10.5791H17.4079C17.4079 10.9933 17.7437 11.3291 18.1579 11.3291L18.1579 10.5791ZM13.421 5.84204L12.671 5.84206C12.671 6.25626 13.0068 6.59204 13.421 6.59204V5.84204ZM5 6.59204H7.73682V5.09204H5V6.59204ZM3.75 7.84204C3.75 7.15168 4.30964 6.59204 5 6.59204V5.09204C3.48122 5.09204 2.25 6.32326 2.25 7.84204H3.75ZM3.75 10.5789V7.84204H2.25V10.5789H3.75ZM3.00006 9.82886H3V11.3289H3.00006V9.82886ZM6.59217 13.421C6.59217 11.4371 4.98393 9.82886 3.00006 9.82886V11.3289C4.1555 11.3289 5.09217 12.2655 5.09217 13.421H6.59217ZM3.00006 17.0131C4.98393 17.0131 6.59217 15.4048 6.59217 13.421H5.09217C5.09217 14.5764 4.1555 15.5131 3.00006 15.5131V17.0131ZM3 17.0131H3.00006V15.5131H3V17.0131ZM3.75 18.9999V16.2631H2.25V18.9999H3.75ZM5 20.2499C4.30964 20.2499 3.75 19.6903 3.75 18.9999H2.25C2.25 20.5187 3.48122 21.7499 5 21.7499V20.2499ZM7.73682 20.2499H5V21.7499H7.73682V20.2499ZM6.98682 20.9998V20.9999H8.48682V20.9998H6.98682ZM10.5789 17.4077C8.59506 17.4077 6.98682 19.016 6.98682 20.9998H8.48682C8.48682 19.8444 9.42348 18.9077 10.5789 18.9077V17.4077ZM14.171 20.9998C14.171 19.016 12.5628 17.4077 10.5789 17.4077V18.9077C11.7344 18.9077 12.671 19.8444 12.671 20.9998H14.171ZM14.171 20.9999V20.9998H12.671V20.9999H14.171ZM16.1579 20.2499H13.421V21.7499H16.1579V20.2499ZM17.4079 18.9999C17.4079 19.6903 16.8483 20.2499 16.1579 20.2499V21.7499C17.6767 21.7499 18.9079 20.5187 18.9079 18.9999H17.4079ZM17.4079 16.2633V18.9999H18.9079V16.2633H17.4079ZM18.1579 17.0133C20.1417 17.0132 21.7499 15.405 21.7499 13.4212H20.2499C20.2499 14.5766 19.3133 15.5133 18.1579 15.5133L18.1579 17.0133ZM21.7499 13.4212C21.7499 11.4374 20.1417 9.82918 18.1579 9.8291L18.1579 11.3291C19.3133 11.3291 20.2499 12.2658 20.2499 13.4212H21.7499ZM17.4079 7.84204V10.5791H18.9079V7.84204H17.4079ZM16.1579 6.59204C16.8483 6.59204 17.4079 7.15169 17.4079 7.84204H18.9079C18.9079 6.32326 17.6767 5.09204 16.1579 5.09204V6.59204ZM13.421 6.59204H16.1579V5.09204H13.421V6.59204ZM14.171 5.84202C14.171 3.8582 12.5628 2.25 10.5789 2.25V3.75C11.7343 3.75 12.671 4.68664 12.671 5.84206L14.171 5.84202ZM10.5789 2.25C8.59508 2.25 6.98686 3.8582 6.98682 5.84202L8.48682 5.84206C8.48684 4.68664 9.4235 3.75 10.5789 3.75V2.25Z"
5149
+ fill="var(--${options.color})"
5150
+ />
5151
+ </svg> `;
5152
+ };
5153
+
5154
+ const luksoLogo = (options) => {
5155
+ return x`<svg
5156
+ width="24"
5157
+ height="24"
5158
+ viewBox="0 0 24 24"
5159
+ fill="none"
5160
+ xmlns="http://www.w3.org/2000/svg"
5161
+ style=${o({
5162
+ width: `${options.width}px`,
5163
+ height: `${options.height}px`
5164
+ })}
5165
+ >
5166
+ <path
5167
+ d="M20.8476 4.55363L13.9138 0.552304C12.686 -0.158955 11.1681 -0.158955 9.9403 0.552304L3.00653 4.55363C1.77872 5.26489 1.01978 6.57614 1.01978 7.99469V16.0013C1.01978 17.4199 1.77872 18.7311 3.00653 19.4424L9.9403 23.4477C11.1681 24.1589 12.686 24.1589 13.9138 23.4477L20.8476 19.4424C22.0754 18.7311 22.8343 17.4199 22.8343 16.0013V7.99469C22.8343 6.57614 22.0794 5.26489 20.8476 4.55363ZM17.4304 12.7947L15.3681 16.3669C15.086 16.8596 14.5615 17.1616 13.9933 17.1616H9.86481C9.2966 17.1616 8.77209 16.8596 8.48997 16.3669L6.42375 12.7947C6.14163 12.302 6.14163 11.698 6.42375 11.2053L8.486 7.6331C8.76812 7.14038 9.29262 6.8384 9.86083 6.8384H13.9853C14.5535 6.8384 15.0781 7.14038 15.3602 7.6331L17.4224 11.2053C17.7125 11.698 17.7125 12.302 17.4304 12.7947Z"
5168
+ fill="#FE005B"
5169
+ />
5170
+ <path
5171
+ d="M17.4304 12.7947L15.3681 16.3669C15.086 16.8596 14.5615 17.1616 13.9933 17.1616H9.86481C9.2966 17.1616 8.77209 16.8596 8.48997 16.3669L6.42375 12.7947C6.14163 12.302 6.14163 11.698 6.42375 11.2053L8.486 7.63311C8.76812 7.1404 9.29262 6.83841 9.86083 6.83841H13.9853C14.5535 6.83841 15.0781 7.1404 15.3602 7.63311L17.4224 11.2053C17.7125 11.698 17.7125 12.302 17.4304 12.7947Z"
5172
+ fill="#FFF1F8"
5173
+ />
5174
+ </svg> `;
5175
+ };
5176
+
4649
5177
  var __defProp = Object.defineProperty;
4650
5178
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4651
5179
  var __decorateClass = (decorators, target, key, kind) => {
@@ -4777,7 +5305,20 @@ const iconMap = {
4777
5305
  "desktop-sharp": desktopSharp,
4778
5306
  switched,
4779
5307
  "progress-indicator-alt": progressIndicatorAlt,
4780
- "cross-filled": crossFilled
5308
+ "cross-filled": crossFilled,
5309
+ "transfer-send": transferSend,
5310
+ "flag-outline": flagOutline,
5311
+ "token-id": tokenId,
5312
+ "edit-doc": editDoc,
5313
+ "code-outline": codeOutline,
5314
+ "save-outline": saveOutline,
5315
+ scan,
5316
+ "qr-code-scan": qrCodeScan,
5317
+ "face-id": faceId,
5318
+ "profile-file": profileFile,
5319
+ "hand-right-outline": handRightOutline,
5320
+ "extension-outline": extensionOutline,
5321
+ "lukso-logo": luksoLogo
4781
5322
  };
4782
5323
  let LuksoIcon = class extends TailwindStyledElement(style) {
4783
5324
  constructor() {
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
5
+ const shared_tailwindElement_index = require('../../index-534893a1.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x, A } from '../../index-122da399.js';
1
+ import { a as TailwindElement, x, A } from '../../index-3373dd2c.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
5
+ const shared_tailwindElement_index = require('../../index-534893a1.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const index = require('../../index-e9668573.cjs');
8
8
  require('../../directive-8278ab14.cjs');
@@ -1,4 +1,4 @@
1
- import { a as TailwindElement, x } from '../../index-122da399.js';
1
+ import { a as TailwindElement, x } from '../../index-3373dd2c.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { c as customClassMap } from '../../index-5e194caf.js';
4
4
  import '../../directive-2bb7789e.js';
@@ -2,14 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
5
+ const shared_tailwindElement_index = require('../../index-534893a1.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
7
  const state = require('../../state-f73a8b4f.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../lukso-icon/index.cjs');
10
10
  require('../lukso-tag/index.cjs');
11
11
  require('../../directive-8278ab14.cjs');
12
- require('../../style-map-a31b1d87.cjs');
12
+ require('../../style-map-beffabf7.cjs');
13
13
 
14
14
  var __defProp = Object.defineProperty;
15
15
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -1,11 +1,11 @@
1
- import { a as TailwindElement, x } from '../../index-122da399.js';
1
+ import { a as TailwindElement, x } from '../../index-3373dd2c.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
3
  import { t } from '../../state-0a779257.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../lukso-icon/index.js';
6
6
  import '../lukso-tag/index.js';
7
7
  import '../../directive-2bb7789e.js';
8
- import '../../style-map-d0fa91c8.js';
8
+ import '../../style-map-04ec407e.js';
9
9
 
10
10
  var __defProp = Object.defineProperty;
11
11
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2,9 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
4
4
 
5
- const shared_tailwindElement_index = require('../../index-f25fc3ea.cjs');
5
+ const shared_tailwindElement_index = require('../../index-534893a1.cjs');
6
6
  const queryAssignedElements = require('../../query-assigned-elements-1d5d9d4c.cjs');
7
- const styleMap = require('../../style-map-a31b1d87.cjs');
7
+ const styleMap = require('../../style-map-beffabf7.cjs');
8
8
  const index = require('../../index-e9668573.cjs');
9
9
  require('../../directive-8278ab14.cjs');
10
10
 
@@ -1,6 +1,6 @@
1
- import { a as TailwindElement, x } from '../../index-122da399.js';
1
+ import { a as TailwindElement, x } from '../../index-3373dd2c.js';
2
2
  import { n, e } from '../../query-assigned-elements-5d94572f.js';
3
- import { o } from '../../style-map-d0fa91c8.js';
3
+ import { o } from '../../style-map-04ec407e.js';
4
4
  import { c as customClassMap } from '../../index-5e194caf.js';
5
5
  import '../../directive-2bb7789e.js';
6
6