sakana-element 2.4.2 → 2.5.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 (137) hide show
  1. package/dist/es/Alert-Bh6HeGRU.js +57 -0
  2. package/dist/es/Avatar-NF4bQN7G.js +5 -0
  3. package/dist/es/Badge-CHgxCwjo.js +7 -0
  4. package/dist/es/Breadcrumb-lEWE4Gu6.js +6 -0
  5. package/dist/es/Button-BM129Q7H.js +28 -0
  6. package/dist/es/Card-DAAF5q-g.js +8 -0
  7. package/dist/es/Carousel-Cc98Eg3m.js +11 -0
  8. package/dist/es/ChatBubble-DvRSjkcV.js +5 -0
  9. package/dist/es/Checkbox-WwH8lZhh.js +228 -0
  10. package/dist/es/Collapse-CR_RWE5e.js +11 -0
  11. package/dist/es/Collapsible-BHg6BxmU.js +12 -0
  12. package/dist/es/Command-DM1kXZ6n.js +45 -0
  13. package/dist/es/ConfigProvider-Bfp86-Oj.js +35 -0
  14. package/dist/es/Diff-Cs62zIBX.js +17 -0
  15. package/dist/es/Divider-Yq-jZAD6.js +5 -0
  16. package/dist/es/Drawer-DTIUkiIQ.js +6 -0
  17. package/dist/es/Dropdown-uSRkAnxr.js +115 -0
  18. package/dist/es/FileInput-rT_BAYOK.js +113 -0
  19. package/dist/es/Filter-pj4lwoJ3.js +13 -0
  20. package/dist/es/Icon-DXRJjblp.js +3 -0
  21. package/dist/es/Indicator-BeFoSuXk.js +5 -0
  22. package/dist/es/Input-DL5clGaQ.js +8 -0
  23. package/dist/es/Kbd-BK_mWOUQ.js +5 -0
  24. package/dist/es/Link-t_r2AmyI.js +5 -0
  25. package/dist/es/Loading-CfMeogGy.js +27 -0
  26. package/dist/es/Message-DVd-37vE.js +51 -0
  27. package/dist/es/Notification-DzFscVIb.js +22 -0
  28. package/dist/es/Pixelate-CnY7ulip.js +12 -0
  29. package/dist/es/Popconfirm-BeIJD0c1.js +8 -0
  30. package/dist/es/Progress-DkjXY0in.js +6 -0
  31. package/dist/es/Radio-BEFq7s6x.js +11 -0
  32. package/dist/es/Resizable-CiWcvscr.js +59 -0
  33. package/dist/es/Select-_AakAT4E.js +31 -0
  34. package/dist/es/Skeleton-HaEvHu7t.js +7 -0
  35. package/dist/es/Switch-DTwoMkmG.js +11 -0
  36. package/dist/es/Table-CtnNz-I3.js +5 -0
  37. package/dist/es/Tooltip-C3XS2Ue8.js +4 -0
  38. package/dist/es/Validator-B_i9IpaG.js +16 -0
  39. package/dist/es/index.js +41 -140
  40. package/dist/index.css +2 -1
  41. package/dist/theme/Alert.css +1 -295
  42. package/dist/theme/Avatar.css +1 -86
  43. package/dist/theme/Badge.css +1 -214
  44. package/dist/theme/Breadcrumb.css +1 -192
  45. package/dist/theme/Button.css +1 -1570
  46. package/dist/theme/Card.css +1 -347
  47. package/dist/theme/Carousel.css +1 -0
  48. package/dist/theme/ChatBubble.css +1 -218
  49. package/dist/theme/Checkbox.css +1 -604
  50. package/dist/theme/Collapse.css +1 -764
  51. package/dist/theme/Collapsible.css +1 -0
  52. package/dist/theme/Command.css +1 -0
  53. package/dist/theme/Diff.css +1 -110
  54. package/dist/theme/Divider.css +1 -150
  55. package/dist/theme/Drawer.css +1 -206
  56. package/dist/theme/Dropdown.css +1 -471
  57. package/dist/theme/FileInput.css +1 -397
  58. package/dist/theme/Filter.css +1 -598
  59. package/dist/theme/Indicator.css +1 -159
  60. package/dist/theme/Input.css +1 -647
  61. package/dist/theme/Kbd.css +1 -104
  62. package/dist/theme/Link.css +1 -69
  63. package/dist/theme/Loading.css +1 -266
  64. package/dist/theme/Message.css +1 -565
  65. package/dist/theme/Notification.css +1 -316
  66. package/dist/theme/Popconfirm.css +1 -46
  67. package/dist/theme/Progress.css +1 -278
  68. package/dist/theme/Radio.css +1 -492
  69. package/dist/theme/Resizable.css +1 -95
  70. package/dist/theme/Select.css +1 -584
  71. package/dist/theme/Skeleton.css +1 -192
  72. package/dist/theme/Switch.css +1 -323
  73. package/dist/theme/Table.css +1 -680
  74. package/dist/theme/Validator.css +1 -25
  75. package/dist/theme/index.css +1 -341
  76. package/dist/types/components/Badge/types.d.ts +2 -0
  77. package/dist/types/components/Carousel/constants.d.ts +6 -0
  78. package/dist/types/components/Carousel/index.d.ts +77 -0
  79. package/dist/types/components/Carousel/types.d.ts +27 -0
  80. package/dist/types/components/Collapsible/constants.d.ts +6 -0
  81. package/dist/types/components/Collapsible/index.d.ts +85 -0
  82. package/dist/types/components/Collapsible/types.d.ts +22 -0
  83. package/dist/types/components/Command/constants.d.ts +4 -0
  84. package/dist/types/components/Command/index.d.ts +216 -0
  85. package/dist/types/components/Command/types.d.ts +59 -0
  86. package/dist/types/components/Validator/index.d.ts +1 -0
  87. package/dist/types/components/index.d.ts +3 -0
  88. package/dist/types/hooks/index.d.ts +1 -1
  89. package/dist/umd/index.css +2 -1
  90. package/dist/umd/index.css.gz +0 -0
  91. package/dist/umd/index.umd.cjs +1255 -5
  92. package/dist/umd/index.umd.cjs.gz +0 -0
  93. package/package.json +1 -2
  94. package/dist/es/Alert-DdAShH-x.js +0 -19
  95. package/dist/es/Avatar-BGTH7x40.js +0 -9
  96. package/dist/es/Badge-CYZ55qNe.js +0 -14
  97. package/dist/es/Breadcrumb-BTWTtzrN.js +0 -15
  98. package/dist/es/Button-GsSCWg5x.js +0 -24
  99. package/dist/es/Card-BhgzwQqo.js +0 -16
  100. package/dist/es/ChatBubble-4F481Agj.js +0 -9
  101. package/dist/es/Checkbox-C7vZGSTh.js +0 -51
  102. package/dist/es/Collapse-CbcSQig5.js +0 -53
  103. package/dist/es/ConfigProvider-K1UzjlRm.js +0 -45
  104. package/dist/es/Diff-B747pgwb.js +0 -64
  105. package/dist/es/Divider-BSu_1-AU.js +0 -9
  106. package/dist/es/Drawer-I2lCgyba.js +0 -40
  107. package/dist/es/Dropdown-B0J_c8Wv.js +0 -104
  108. package/dist/es/FileInput-CFg1wpsH.js +0 -33
  109. package/dist/es/Filter-nA8j-62U.js +0 -40
  110. package/dist/es/Form-C1b8Igns.js +0 -123
  111. package/dist/es/Icon-BulvH9Wm.js +0 -27
  112. package/dist/es/Indicator-BbW4iUkh.js +0 -9
  113. package/dist/es/Input-BUHFulIW.js +0 -42
  114. package/dist/es/Kbd-CeP2wkdE.js +0 -13
  115. package/dist/es/Link-Dks2bXo8.js +0 -11
  116. package/dist/es/Loading-DoBtVGWo.js +0 -92
  117. package/dist/es/Message-Ba_P4Wvy.js +0 -152
  118. package/dist/es/Notification-DzG8dLuk.js +0 -69
  119. package/dist/es/Overlay-DeyTycv0.js +0 -12
  120. package/dist/es/Pixelate-B21HKbSE.js +0 -39
  121. package/dist/es/Popconfirm-BqN3JxJ_.js +0 -23
  122. package/dist/es/Progress--6EJjbbM.js +0 -12
  123. package/dist/es/Radio-CrdrvrFH.js +0 -33
  124. package/dist/es/Resizable-By3ijQf0.js +0 -151
  125. package/dist/es/Select-Cq1Ucs_U.js +0 -133
  126. package/dist/es/Skeleton-ChCVgMSk.js +0 -15
  127. package/dist/es/Switch-DURmSH-T.js +0 -34
  128. package/dist/es/Table-BE2f9u65.js +0 -10
  129. package/dist/es/Tooltip-DR4Mc5Fh.js +0 -74
  130. package/dist/es/Validator-BYn72MYn.js +0 -40
  131. package/dist/es/hooks-dJGu-5DG.js +0 -170
  132. package/dist/es/utils-CnCdZsHG.js +0 -155
  133. package/dist/es/vendor-eombfMkP.js +0 -1351
  134. package/dist/theme/Form.css +0 -83
  135. package/dist/theme/Icon.css +0 -168
  136. package/dist/theme/Overlay.css +0 -12
  137. package/dist/theme/Tooltip.css +0 -235
package/dist/theme/Indicator.css CHANGED
@@ -1,159 +1 @@
1
- /* Indicator Variables */
2
- .px-indicator[data-v-84fa8f8b] {
3
- --px-indicator-bg-color: var(--px-color-primary);
4
- --px-indicator-border-color: var(--px-color-primary-dark);
5
- --px-indicator-shadow-color: var(--px-color-primary-dark);
6
- --px-indicator-dot-size: 10px;
7
- --px-indicator-offset-x: 0px;
8
- --px-indicator-offset-y: 0px;
9
- }
10
- /* Base Container */
11
- .px-indicator[data-v-84fa8f8b] {
12
- position: relative;
13
- display: inline-block;
14
- width: fit-content;
15
- }
16
- .px-indicator.is-inline[data-v-84fa8f8b] {
17
- display: inline-flex;
18
- }
19
- /* Indicator Item — absolutely positioned overlay */
20
- .px-indicator__item[data-v-84fa8f8b] {
21
- position: absolute;
22
- z-index: 1;
23
- display: inline-flex;
24
- align-items: center;
25
- justify-content: center;
26
- white-space: nowrap;
27
- pointer-events: auto;
28
- transition: none;
29
- }
30
- /* ─── Shared 9-position grid for item & ping ─── */
31
- .px-indicator__item--top-start[data-v-84fa8f8b],
32
- .px-indicator__item--top-center[data-v-84fa8f8b],
33
- .px-indicator__item--top-end[data-v-84fa8f8b],
34
- .px-indicator__ping--top-start[data-v-84fa8f8b],
35
- .px-indicator__ping--top-center[data-v-84fa8f8b],
36
- .px-indicator__ping--top-end[data-v-84fa8f8b] {
37
- top: 0;
38
- --px-indicator-ty: -50%;
39
- }
40
- .px-indicator__item--middle-start[data-v-84fa8f8b],
41
- .px-indicator__item--middle-center[data-v-84fa8f8b],
42
- .px-indicator__item--middle-end[data-v-84fa8f8b],
43
- .px-indicator__ping--middle-start[data-v-84fa8f8b],
44
- .px-indicator__ping--middle-center[data-v-84fa8f8b],
45
- .px-indicator__ping--middle-end[data-v-84fa8f8b] {
46
- top: 50%;
47
- --px-indicator-ty: -50%;
48
- }
49
- .px-indicator__item--bottom-start[data-v-84fa8f8b],
50
- .px-indicator__item--bottom-center[data-v-84fa8f8b],
51
- .px-indicator__item--bottom-end[data-v-84fa8f8b],
52
- .px-indicator__ping--bottom-start[data-v-84fa8f8b],
53
- .px-indicator__ping--bottom-center[data-v-84fa8f8b],
54
- .px-indicator__ping--bottom-end[data-v-84fa8f8b] {
55
- bottom: 0;
56
- --px-indicator-ty: 50%;
57
- }
58
- .px-indicator__item--top-start[data-v-84fa8f8b],
59
- .px-indicator__item--middle-start[data-v-84fa8f8b],
60
- .px-indicator__item--bottom-start[data-v-84fa8f8b],
61
- .px-indicator__ping--top-start[data-v-84fa8f8b],
62
- .px-indicator__ping--middle-start[data-v-84fa8f8b],
63
- .px-indicator__ping--bottom-start[data-v-84fa8f8b] {
64
- left: 0;
65
- --px-indicator-tx: -50%;
66
- }
67
- .px-indicator__item--top-center[data-v-84fa8f8b],
68
- .px-indicator__item--middle-center[data-v-84fa8f8b],
69
- .px-indicator__item--bottom-center[data-v-84fa8f8b],
70
- .px-indicator__ping--top-center[data-v-84fa8f8b],
71
- .px-indicator__ping--middle-center[data-v-84fa8f8b],
72
- .px-indicator__ping--bottom-center[data-v-84fa8f8b] {
73
- left: 50%;
74
- --px-indicator-tx: -50%;
75
- }
76
- .px-indicator__item--top-end[data-v-84fa8f8b],
77
- .px-indicator__item--middle-end[data-v-84fa8f8b],
78
- .px-indicator__item--bottom-end[data-v-84fa8f8b],
79
- .px-indicator__ping--top-end[data-v-84fa8f8b],
80
- .px-indicator__ping--middle-end[data-v-84fa8f8b],
81
- .px-indicator__ping--bottom-end[data-v-84fa8f8b] {
82
- right: 0;
83
- --px-indicator-tx: 50%;
84
- }
85
- /* Apply transform with offset */
86
- .px-indicator__item[data-v-84fa8f8b],
87
- .px-indicator__ping[data-v-84fa8f8b] {
88
- transform: translate(
89
- calc(var(--px-indicator-tx, 0%) + var(--px-indicator-offset-x)),
90
- calc(var(--px-indicator-ty, 0%) + var(--px-indicator-offset-y))
91
- );
92
- }
93
- /* ─── Shared pixel staircase clip-path ─── */
94
- .px-indicator__item.is-dot[data-v-84fa8f8b],
95
- .px-indicator__ping[data-v-84fa8f8b] {
96
- width: var(--px-indicator-dot-size);
97
- height: var(--px-indicator-dot-size);
98
- background: var(--px-indicator-bg-color);
99
- clip-path: polygon(
100
- 0 2px, 2px 2px, 2px 0,
101
- calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px,
102
- 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%,
103
- 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px)
104
- );
105
- }
106
- /* ─── Dot mode ─── */
107
- .px-indicator__item.is-dot[data-v-84fa8f8b] {
108
- border: none;
109
- filter: drop-shadow(1px 1px 0px var(--px-indicator-shadow-color));
110
- }
111
- /* ─── Processing ping animation ─── */
112
- .px-indicator__ping[data-v-84fa8f8b] {
113
- position: absolute;
114
- z-index: 0;
115
- opacity: 0.75;
116
- pointer-events: none;
117
- animation: px-indicator-ping-84fa8f8b 1.5s steps(4, end) infinite;
118
- }
119
- @keyframes px-indicator-ping-84fa8f8b {
120
- 0% {
121
- scale: 1;
122
- opacity: 0.75;
123
- }
124
- 75%, 100% {
125
- scale: 2;
126
- opacity: 0;
127
- }
128
- }
129
- /* ─── Type color variants ─── */
130
- .px-indicator__item--primary[data-v-84fa8f8b],
131
- .px-indicator__ping--primary[data-v-84fa8f8b] {
132
- --px-indicator-bg-color: var(--px-color-primary);
133
- --px-indicator-border-color: var(--px-color-primary-dark);
134
- --px-indicator-shadow-color: var(--px-color-primary-dark);
135
- }
136
- .px-indicator__item--success[data-v-84fa8f8b],
137
- .px-indicator__ping--success[data-v-84fa8f8b] {
138
- --px-indicator-bg-color: var(--px-color-success);
139
- --px-indicator-border-color: var(--px-color-success-dark);
140
- --px-indicator-shadow-color: var(--px-color-success-dark);
141
- }
142
- .px-indicator__item--info[data-v-84fa8f8b],
143
- .px-indicator__ping--info[data-v-84fa8f8b] {
144
- --px-indicator-bg-color: var(--px-color-info);
145
- --px-indicator-border-color: var(--px-color-info-dark);
146
- --px-indicator-shadow-color: var(--px-color-info-dark);
147
- }
148
- .px-indicator__item--warning[data-v-84fa8f8b],
149
- .px-indicator__ping--warning[data-v-84fa8f8b] {
150
- --px-indicator-bg-color: var(--px-color-warning);
151
- --px-indicator-border-color: var(--px-color-warning-dark);
152
- --px-indicator-shadow-color: var(--px-color-warning-dark);
153
- }
154
- .px-indicator__item--danger[data-v-84fa8f8b],
155
- .px-indicator__ping--danger[data-v-84fa8f8b] {
156
- --px-indicator-bg-color: var(--px-color-danger);
157
- --px-indicator-border-color: var(--px-color-danger-dark);
158
- --px-indicator-shadow-color: var(--px-color-danger-dark);
159
- }
1
+ .px-indicator[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-primary);--px-indicator-border-color:var(--px-color-primary-dark);--px-indicator-shadow-color:var(--px-color-primary-dark);--px-indicator-dot-size:10px;--px-indicator-offset-x:0px;--px-indicator-offset-y:0px;width:fit-content;display:inline-block;position:relative}.px-indicator.is-inline[data-v-84fa8f8b]{display:inline-flex}.px-indicator__item[data-v-84fa8f8b]{z-index:1;white-space:nowrap;pointer-events:auto;justify-content:center;align-items:center;transition:none;display:inline-flex;position:absolute}.px-indicator__item--top-start[data-v-84fa8f8b],.px-indicator__item--top-center[data-v-84fa8f8b],.px-indicator__item--top-end[data-v-84fa8f8b],.px-indicator__ping--top-start[data-v-84fa8f8b],.px-indicator__ping--top-center[data-v-84fa8f8b],.px-indicator__ping--top-end[data-v-84fa8f8b]{--px-indicator-ty:-50%;top:0}.px-indicator__item--middle-start[data-v-84fa8f8b],.px-indicator__item--middle-center[data-v-84fa8f8b],.px-indicator__item--middle-end[data-v-84fa8f8b],.px-indicator__ping--middle-start[data-v-84fa8f8b],.px-indicator__ping--middle-center[data-v-84fa8f8b],.px-indicator__ping--middle-end[data-v-84fa8f8b]{--px-indicator-ty:-50%;top:50%}.px-indicator__item--bottom-start[data-v-84fa8f8b],.px-indicator__item--bottom-center[data-v-84fa8f8b],.px-indicator__item--bottom-end[data-v-84fa8f8b],.px-indicator__ping--bottom-start[data-v-84fa8f8b],.px-indicator__ping--bottom-center[data-v-84fa8f8b],.px-indicator__ping--bottom-end[data-v-84fa8f8b]{--px-indicator-ty:50%;bottom:0}.px-indicator__item--top-start[data-v-84fa8f8b],.px-indicator__item--middle-start[data-v-84fa8f8b],.px-indicator__item--bottom-start[data-v-84fa8f8b],.px-indicator__ping--top-start[data-v-84fa8f8b],.px-indicator__ping--middle-start[data-v-84fa8f8b],.px-indicator__ping--bottom-start[data-v-84fa8f8b]{--px-indicator-tx:-50%;left:0}.px-indicator__item--top-center[data-v-84fa8f8b],.px-indicator__item--middle-center[data-v-84fa8f8b],.px-indicator__item--bottom-center[data-v-84fa8f8b],.px-indicator__ping--top-center[data-v-84fa8f8b],.px-indicator__ping--middle-center[data-v-84fa8f8b],.px-indicator__ping--bottom-center[data-v-84fa8f8b]{--px-indicator-tx:-50%;left:50%}.px-indicator__item--top-end[data-v-84fa8f8b],.px-indicator__item--middle-end[data-v-84fa8f8b],.px-indicator__item--bottom-end[data-v-84fa8f8b],.px-indicator__ping--top-end[data-v-84fa8f8b],.px-indicator__ping--middle-end[data-v-84fa8f8b],.px-indicator__ping--bottom-end[data-v-84fa8f8b]{--px-indicator-tx:50%;right:0}.px-indicator__item[data-v-84fa8f8b],.px-indicator__ping[data-v-84fa8f8b]{transform:translate(calc(var(--px-indicator-tx,0%) + var(--px-indicator-offset-x)), calc(var(--px-indicator-ty,0%) + var(--px-indicator-offset-y)))}.px-indicator__item.is-dot[data-v-84fa8f8b],.px-indicator__ping[data-v-84fa8f8b]{width:var(--px-indicator-dot-size);height:var(--px-indicator-dot-size);background:var(--px-indicator-bg-color);clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,2px calc(100% - 2px),0 calc(100% - 2px))}.px-indicator__item.is-dot[data-v-84fa8f8b]{filter:drop-shadow(1px 1px 0px var(--px-indicator-shadow-color));border:none}.px-indicator__ping[data-v-84fa8f8b]{z-index:0;opacity:.75;pointer-events:none;animation:1.5s steps(4,end) infinite px-indicator-ping-84fa8f8b;position:absolute}@keyframes px-indicator-ping-84fa8f8b{0%{opacity:.75;scale:1}75%,to{opacity:0;scale:2}}.px-indicator__item--primary[data-v-84fa8f8b],.px-indicator__ping--primary[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-primary);--px-indicator-border-color:var(--px-color-primary-dark);--px-indicator-shadow-color:var(--px-color-primary-dark)}.px-indicator__item--success[data-v-84fa8f8b],.px-indicator__ping--success[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-success);--px-indicator-border-color:var(--px-color-success-dark);--px-indicator-shadow-color:var(--px-color-success-dark)}.px-indicator__item--info[data-v-84fa8f8b],.px-indicator__ping--info[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-info);--px-indicator-border-color:var(--px-color-info-dark);--px-indicator-shadow-color:var(--px-color-info-dark)}.px-indicator__item--warning[data-v-84fa8f8b],.px-indicator__ping--warning[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-warning);--px-indicator-border-color:var(--px-color-warning-dark);--px-indicator-shadow-color:var(--px-color-warning-dark)}.px-indicator__item--danger[data-v-84fa8f8b],.px-indicator__ping--danger[data-v-84fa8f8b]{--px-indicator-bg-color:var(--px-color-danger);--px-indicator-border-color:var(--px-color-danger-dark);--px-indicator-shadow-color:var(--px-color-danger-dark)}