@namehash/namehash-ui 1.5.0 → 1.5.1

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 (10) hide show
  1. package/README.md +1 -1
  2. package/dist/index.cjs +227 -90
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.css +88 -116
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.d.cts +125 -5
  7. package/dist/index.d.ts +125 -5
  8. package/dist/index.js +225 -88
  9. package/dist/index.js.map +1 -1
  10. package/package.json +13 -8
package/dist/index.css CHANGED
@@ -297,6 +297,9 @@
297
297
  width: 100%;
298
298
  height: 100%;
299
299
  }
300
+ .nhui\:h-4 {
301
+ height: calc(var(--nhui-spacing) * 4);
302
+ }
300
303
  .nhui\:h-5 {
301
304
  height: calc(var(--nhui-spacing) * 5);
302
305
  }
@@ -333,6 +336,9 @@
333
336
  .nhui\:w-1\/5 {
334
337
  width: calc(1/5 * 100%);
335
338
  }
339
+ .nhui\:w-4 {
340
+ width: calc(var(--nhui-spacing) * 4);
341
+ }
336
342
  .nhui\:w-5 {
337
343
  width: calc(var(--nhui-spacing) * 5);
338
344
  }
@@ -468,10 +474,10 @@
468
474
  border-radius: calc(infinity * 1px);
469
475
  }
470
476
  .nhui\:rounded-md {
471
- border-radius: calc(var(--radius) - 2px);
477
+ border-radius: calc(var(--nhui-radius) - 2px);
472
478
  }
473
479
  .nhui\:rounded-sm {
474
- border-radius: calc(var(--radius) - 4px);
480
+ border-radius: calc(var(--nhui-radius) - 4px);
475
481
  }
476
482
  .nhui\:border {
477
483
  border-style: var(--tw-border-style);
@@ -488,16 +494,16 @@
488
494
  background-color: #171717;
489
495
  }
490
496
  .nhui\:bg-accent {
491
- background-color: var(--accent);
497
+ background-color: var(--nhui-accent);
492
498
  }
493
499
  .nhui\:bg-background {
494
- background-color: var(--background);
500
+ background-color: var(--nhui-background);
495
501
  }
496
502
  .nhui\:bg-destructive {
497
- background-color: var(--destructive);
503
+ background-color: var(--nhui-destructive);
498
504
  }
499
505
  .nhui\:bg-foreground {
500
- background-color: var(--foreground);
506
+ background-color: var(--nhui-foreground);
501
507
  }
502
508
  .nhui\:bg-gray-50 {
503
509
  background-color: var(--nhui-color-gray-50);
@@ -506,19 +512,19 @@
506
512
  background-color: var(--nhui-color-gray-200);
507
513
  }
508
514
  .nhui\:bg-muted {
509
- background-color: var(--muted);
515
+ background-color: var(--nhui-muted);
510
516
  }
511
517
  .nhui\:bg-primary {
512
- background-color: var(--primary);
518
+ background-color: var(--nhui-primary);
513
519
  }
514
520
  .nhui\:bg-secondary {
515
- background-color: var(--secondary);
521
+ background-color: var(--nhui-secondary);
516
522
  }
517
523
  .nhui\:bg-white {
518
524
  background-color: var(--nhui-color-white);
519
525
  }
520
526
  .nhui\:fill-foreground {
521
- fill: var(--foreground);
527
+ fill: var(--nhui-foreground);
522
528
  }
523
529
  .nhui\:fill-neutral-300 {
524
530
  fill: var(--nhui-color-neutral-300);
@@ -614,7 +620,7 @@
614
620
  color: #EF4444;
615
621
  }
616
622
  .nhui\:text-background {
617
- color: var(--background);
623
+ color: var(--nhui-background);
618
624
  }
619
625
  .nhui\:text-black {
620
626
  color: var(--nhui-color-black);
@@ -632,16 +638,16 @@
632
638
  color: var(--nhui-color-gray-500);
633
639
  }
634
640
  .nhui\:text-muted-foreground {
635
- color: var(--muted-foreground);
641
+ color: var(--nhui-muted-foreground);
636
642
  }
637
643
  .nhui\:text-primary {
638
- color: var(--primary);
644
+ color: var(--nhui-primary);
639
645
  }
640
646
  .nhui\:text-primary-foreground {
641
- color: var(--primary-foreground);
647
+ color: var(--nhui-primary-foreground);
642
648
  }
643
649
  .nhui\:text-secondary-foreground {
644
- color: var(--secondary-foreground);
650
+ color: var(--nhui-secondary-foreground);
645
651
  }
646
652
  .nhui\:text-white {
647
653
  color: var(--nhui-color-white);
@@ -779,16 +785,16 @@
779
785
  .nhui\:hover\:bg-accent {
780
786
  &:hover {
781
787
  @media (hover: hover) {
782
- background-color: var(--accent);
788
+ background-color: var(--nhui-accent);
783
789
  }
784
790
  }
785
791
  }
786
792
  .nhui\:hover\:bg-destructive\/90 {
787
793
  &:hover {
788
794
  @media (hover: hover) {
789
- background-color: var(--destructive);
795
+ background-color: var(--nhui-destructive);
790
796
  @supports (color: color-mix(in lab, red, red)) {
791
- background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
797
+ background-color: color-mix(in oklab, var(--nhui-destructive) 90%, transparent);
792
798
  }
793
799
  }
794
800
  }
@@ -796,9 +802,9 @@
796
802
  .nhui\:hover\:bg-primary\/90 {
797
803
  &:hover {
798
804
  @media (hover: hover) {
799
- background-color: var(--primary);
805
+ background-color: var(--nhui-primary);
800
806
  @supports (color: color-mix(in lab, red, red)) {
801
- background-color: color-mix(in oklab, var(--primary) 90%, transparent);
807
+ background-color: color-mix(in oklab, var(--nhui-primary) 90%, transparent);
802
808
  }
803
809
  }
804
810
  }
@@ -806,9 +812,9 @@
806
812
  .nhui\:hover\:bg-secondary\/80 {
807
813
  &:hover {
808
814
  @media (hover: hover) {
809
- background-color: var(--secondary);
815
+ background-color: var(--nhui-secondary);
810
816
  @supports (color: color-mix(in lab, red, red)) {
811
- background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
817
+ background-color: color-mix(in oklab, var(--nhui-secondary) 80%, transparent);
812
818
  }
813
819
  }
814
820
  }
@@ -816,7 +822,7 @@
816
822
  .nhui\:hover\:text-accent-foreground {
817
823
  &:hover {
818
824
  @media (hover: hover) {
819
- color: var(--accent-foreground);
825
+ color: var(--nhui-accent-foreground);
820
826
  }
821
827
  }
822
828
  }
@@ -857,7 +863,7 @@
857
863
  }
858
864
  .nhui\:focus-visible\:border-ring {
859
865
  &:focus-visible {
860
- border-color: var(--ring);
866
+ border-color: var(--nhui-ring);
861
867
  }
862
868
  }
863
869
  .nhui\:focus-visible\:ring-\[3px\] {
@@ -873,17 +879,17 @@
873
879
  }
874
880
  .nhui\:focus-visible\:ring-destructive\/20 {
875
881
  &:focus-visible {
876
- --tw-ring-color: var(--destructive);
882
+ --tw-ring-color: var(--nhui-destructive);
877
883
  @supports (color: color-mix(in lab, red, red)) {
878
- --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
884
+ --tw-ring-color: color-mix(in oklab, var(--nhui-destructive) 20%, transparent);
879
885
  }
880
886
  }
881
887
  }
882
888
  .nhui\:focus-visible\:ring-ring\/50 {
883
889
  &:focus-visible {
884
- --tw-ring-color: var(--ring);
890
+ --tw-ring-color: var(--nhui-ring);
885
891
  @supports (color: color-mix(in lab, red, red)) {
886
- --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
892
+ --tw-ring-color: color-mix(in oklab, var(--nhui-ring) 50%, transparent);
887
893
  }
888
894
  }
889
895
  }
@@ -914,14 +920,14 @@
914
920
  }
915
921
  .nhui\:aria-invalid\:border-destructive {
916
922
  &[aria-invalid=true] {
917
- border-color: var(--destructive);
923
+ border-color: var(--nhui-destructive);
918
924
  }
919
925
  }
920
926
  .nhui\:aria-invalid\:ring-destructive\/20 {
921
927
  &[aria-invalid=true] {
922
- --tw-ring-color: var(--destructive);
928
+ --tw-ring-color: var(--nhui-destructive);
923
929
  @supports (color: color-mix(in lab, red, red)) {
924
- --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
930
+ --tw-ring-color: color-mix(in oklab, var(--nhui-destructive) 20%, transparent);
925
931
  }
926
932
  }
927
933
  }
@@ -1128,22 +1134,22 @@
1128
1134
  }
1129
1135
  .nhui\:dark\:border-input {
1130
1136
  &:is(.dark *) {
1131
- border-color: var(--input);
1137
+ border-color: var(--nhui-input);
1132
1138
  }
1133
1139
  }
1134
1140
  .nhui\:dark\:bg-destructive\/60 {
1135
1141
  &:is(.dark *) {
1136
- background-color: var(--destructive);
1142
+ background-color: var(--nhui-destructive);
1137
1143
  @supports (color: color-mix(in lab, red, red)) {
1138
- background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
1144
+ background-color: color-mix(in oklab, var(--nhui-destructive) 60%, transparent);
1139
1145
  }
1140
1146
  }
1141
1147
  }
1142
1148
  .nhui\:dark\:bg-input\/30 {
1143
1149
  &:is(.dark *) {
1144
- background-color: var(--input);
1150
+ background-color: var(--nhui-input);
1145
1151
  @supports (color: color-mix(in lab, red, red)) {
1146
- background-color: color-mix(in oklab, var(--input) 30%, transparent);
1152
+ background-color: color-mix(in oklab, var(--nhui-input) 30%, transparent);
1147
1153
  }
1148
1154
  }
1149
1155
  }
@@ -1151,9 +1157,9 @@
1151
1157
  &:is(.dark *) {
1152
1158
  &:hover {
1153
1159
  @media (hover: hover) {
1154
- background-color: var(--accent);
1160
+ background-color: var(--nhui-accent);
1155
1161
  @supports (color: color-mix(in lab, red, red)) {
1156
- background-color: color-mix(in oklab, var(--accent) 50%, transparent);
1162
+ background-color: color-mix(in oklab, var(--nhui-accent) 50%, transparent);
1157
1163
  }
1158
1164
  }
1159
1165
  }
@@ -1163,9 +1169,9 @@
1163
1169
  &:is(.dark *) {
1164
1170
  &:hover {
1165
1171
  @media (hover: hover) {
1166
- background-color: var(--input);
1172
+ background-color: var(--nhui-input);
1167
1173
  @supports (color: color-mix(in lab, red, red)) {
1168
- background-color: color-mix(in oklab, var(--input) 50%, transparent);
1174
+ background-color: color-mix(in oklab, var(--nhui-input) 50%, transparent);
1169
1175
  }
1170
1176
  }
1171
1177
  }
@@ -1174,9 +1180,9 @@
1174
1180
  .nhui\:dark\:focus-visible\:ring-destructive\/40 {
1175
1181
  &:is(.dark *) {
1176
1182
  &:focus-visible {
1177
- --tw-ring-color: var(--destructive);
1183
+ --tw-ring-color: var(--nhui-destructive);
1178
1184
  @supports (color: color-mix(in lab, red, red)) {
1179
- --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1185
+ --tw-ring-color: color-mix(in oklab, var(--nhui-destructive) 40%, transparent);
1180
1186
  }
1181
1187
  }
1182
1188
  }
@@ -1184,9 +1190,9 @@
1184
1190
  .nhui\:dark\:aria-invalid\:ring-destructive\/40 {
1185
1191
  &:is(.dark *) {
1186
1192
  &[aria-invalid=true] {
1187
- --tw-ring-color: var(--destructive);
1193
+ --tw-ring-color: var(--nhui-destructive);
1188
1194
  @supports (color: color-mix(in lab, red, red)) {
1189
- --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1195
+ --tw-ring-color: color-mix(in oklab, var(--nhui-destructive) 40%, transparent);
1190
1196
  }
1191
1197
  }
1192
1198
  }
@@ -1226,85 +1232,51 @@
1226
1232
  @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1227
1233
  @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1228
1234
  :root {
1229
- --background: oklch(1 0 0);
1230
- --foreground: oklch(0.145 0 0);
1231
- --card: oklch(1 0 0);
1232
- --card-foreground: oklch(0.145 0 0);
1233
- --popover: oklch(1 0 0);
1234
- --popover-foreground: oklch(0.145 0 0);
1235
- --primary: oklch(0.205 0 0);
1236
- --primary-foreground: oklch(0.985 0 0);
1237
- --secondary: oklch(0.97 0 0);
1238
- --secondary-foreground: oklch(0.205 0 0);
1239
- --muted: oklch(0.97 0 0);
1240
- --muted-foreground: oklch(0.556 0 0);
1241
- --accent: oklch(0.97 0 0);
1242
- --accent-foreground: oklch(0.205 0 0);
1243
- --destructive: oklch(0.577 0.245 27.325);
1244
- --destructive-foreground: oklch(0.577 0.245 27.325);
1245
- --border: oklch(0.922 0 0);
1246
- --input: oklch(0.922 0 0);
1247
- --ring: oklch(0.708 0 0);
1248
- --chart-1: oklch(0.646 0.222 41.116);
1249
- --chart-2: oklch(0.6 0.118 184.704);
1250
- --chart-3: oklch(0.398 0.07 227.392);
1251
- --chart-4: oklch(0.828 0.189 84.429);
1252
- --chart-5: oklch(0.769 0.188 70.08);
1253
- --radius: 0.625rem;
1254
- --sidebar: oklch(0.985 0 0);
1255
- --sidebar-foreground: oklch(0.145 0 0);
1256
- --sidebar-primary: oklch(0.205 0 0);
1257
- --sidebar-primary-foreground: oklch(0.985 0 0);
1258
- --sidebar-accent: oklch(0.97 0 0);
1259
- --sidebar-accent-foreground: oklch(0.205 0 0);
1260
- --sidebar-border: oklch(0.922 0 0);
1261
- --sidebar-ring: oklch(0.708 0 0);
1262
- }
1263
- .dark {
1264
- --background: oklch(0.145 0 0);
1265
- --foreground: oklch(0.985 0 0);
1266
- --card: oklch(0.145 0 0);
1267
- --card-foreground: oklch(0.985 0 0);
1268
- --popover: oklch(0.145 0 0);
1269
- --popover-foreground: oklch(0.985 0 0);
1270
- --primary: oklch(0.985 0 0);
1271
- --primary-foreground: oklch(0.205 0 0);
1272
- --secondary: oklch(0.269 0 0);
1273
- --secondary-foreground: oklch(0.985 0 0);
1274
- --muted: oklch(0.269 0 0);
1275
- --muted-foreground: oklch(0.708 0 0);
1276
- --accent: oklch(0.269 0 0);
1277
- --accent-foreground: oklch(0.985 0 0);
1278
- --destructive: oklch(0.396 0.141 25.723);
1279
- --destructive-foreground: oklch(0.637 0.237 25.331);
1280
- --border: oklch(0.269 0 0);
1281
- --input: oklch(0.269 0 0);
1282
- --ring: oklch(0.439 0 0);
1283
- --chart-1: oklch(0.488 0.243 264.376);
1284
- --chart-2: oklch(0.696 0.17 162.48);
1285
- --chart-3: oklch(0.769 0.188 70.08);
1286
- --chart-4: oklch(0.627 0.265 303.9);
1287
- --chart-5: oklch(0.645 0.246 16.439);
1288
- --sidebar: oklch(0.205 0 0);
1289
- --sidebar-foreground: oklch(0.985 0 0);
1290
- --sidebar-primary: oklch(0.488 0.243 264.376);
1291
- --sidebar-primary-foreground: oklch(0.985 0 0);
1292
- --sidebar-accent: oklch(0.269 0 0);
1293
- --sidebar-accent-foreground: oklch(0.985 0 0);
1294
- --sidebar-border: oklch(0.269 0 0);
1295
- --sidebar-ring: oklch(0.439 0 0);
1235
+ --nhui-background: oklch(1 0 0);
1236
+ --nhui-foreground: oklch(0.145 0 0);
1237
+ --nhui-card: oklch(1 0 0);
1238
+ --nhui-card-foreground: oklch(0.145 0 0);
1239
+ --nhui-popover: oklch(1 0 0);
1240
+ --nhui-popover-foreground: oklch(0.145 0 0);
1241
+ --nhui-primary: oklch(0.205 0 0);
1242
+ --nhui-primary-foreground: oklch(0.985 0 0);
1243
+ --nhui-secondary: oklch(0.97 0 0);
1244
+ --nhui-secondary-foreground: oklch(0.205 0 0);
1245
+ --nhui-muted: oklch(0.97 0 0);
1246
+ --nhui-muted-foreground: oklch(0.556 0 0);
1247
+ --nhui-accent: oklch(0.97 0 0);
1248
+ --nhui-accent-foreground: oklch(0.205 0 0);
1249
+ --nhui-destructive: oklch(0.577 0.245 27.325);
1250
+ --nhui-destructive-foreground: oklch(0.577 0.245 27.325);
1251
+ --nhui-border: oklch(0.922 0 0);
1252
+ --nhui-input: oklch(0.922 0 0);
1253
+ --nhui-ring: oklch(0.708 0 0);
1254
+ --nhui-chart-1: oklch(0.646 0.222 41.116);
1255
+ --nhui-chart-2: oklch(0.6 0.118 184.704);
1256
+ --nhui-chart-3: oklch(0.398 0.07 227.392);
1257
+ --nhui-chart-4: oklch(0.828 0.189 84.429);
1258
+ --nhui-chart-5: oklch(0.769 0.188 70.08);
1259
+ --nhui-radius: 0.625rem;
1260
+ --nhui-sidebar: oklch(0.985 0 0);
1261
+ --nhui-sidebar-foreground: oklch(0.145 0 0);
1262
+ --nhui-sidebar-primary: oklch(0.205 0 0);
1263
+ --nhui-sidebar-primary-foreground: oklch(0.985 0 0);
1264
+ --nhui-sidebar-accent: oklch(0.97 0 0);
1265
+ --nhui-sidebar-accent-foreground: oklch(0.205 0 0);
1266
+ --nhui-sidebar-border: oklch(0.922 0 0);
1267
+ --nhui-sidebar-ring: oklch(0.708 0 0);
1296
1268
  }
1297
1269
  @layer base {
1298
1270
  * {
1299
- border-color: var(--border);
1300
- outline-color: var(--ring);
1271
+ border-color: var(--nhui-border);
1272
+ outline-color: var(--nhui-ring);
1301
1273
  @supports (color: color-mix(in lab, red, red)) {
1302
- outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
1274
+ outline-color: color-mix(in oklab, var(--nhui-ring) 50%, transparent);
1303
1275
  }
1304
1276
  }
1305
1277
  body {
1306
- background-color: var(--background);
1307
- color: var(--foreground);
1278
+ background-color: var(--nhui-background);
1279
+ color: var(--nhui-foreground);
1308
1280
  }
1309
1281
  }
1310
1282
  @keyframes enter {